/****** PLACE YOUR CUSTOM STYLES HERE ******/

/* TITELBILD */


.landscape					{ display:initial; }
.portrait						{ display:none; }

@media (max-width: 768px) /*kleiner oder gleich */ { 
.landscape					{ display:none; }
.portrait						{ display:initial; }
 }



/*


/*@wCssFragment{class:mediaquerySize;variant:max540;caption:wenn die Fensterbreite kleiner gleich 540 Pixel ist;caption-en:if window width is equal or less 540 pixel} */

/*@media only screen and (max-width: 540px){ #wMediaqueryTmp, #wMediaqueryTmp_max540 {font-family:"mediaquery_max540"}
  .max540 {display:none !important}
  
  
#home .background-image-holder { background-image: url("img/h10-titel_v01.jpg") !important; }

					<img alt="image" class="background-image desktop" src="img/h10-titel_v01.jpg">
					<img alt="image" class="background-image tablet" src="img/h10-titel_tablet_v01.jpg">
					<img alt="image" class="background-image smartpone" src="img/h10-titel_smartphone_v01.jpg">


mg.background-image.desktop	{ display:none; }
img.background-image.tablet		{ display:none; }
img.background-image.smartphone	{ display:none; }

@media (min-width: 1024px) { 
img.background-image.desktop	{ display:block; }
 }

				<div class="background-image-holder" id="homeDesktop">
					<img alt="image" class="background-image" src="img/h10-titel_v01.jpg">
				</div>
				<div class="background-image-holder" id="homeTablet">
					<img alt="image" class="background-image" src="img/h10-titel_tablet_v01.jpg">
				</div>
				<div class="background-image-holder" id="homeSmartphone">
					<img alt="image" class="background-image" src="img/h10-titel_smartphone_v01.jpg">
				</div>


*/

/* COLOR */

.overlay::before 				{ opacity: 0.0; }
.bg-primary						{ background: #a51d2f !important; }
.color-primary					{ color: #a51d2f !important; }

.bg-two							{ background: #f5f5f5 !important; }
/* .bg-two							{ background: #dcd494 !important; } --- okker */



input[type="submit"], 
button[type="submit"] 			{ line-height: 48px; border: 2px solid #a51d2f; background: #a51d2f; } 


.btn-rot {
    line-height: 48px;
    border: 2px solid #a51d2f;
    background: #a51d2f;
    height: 50px;
    color: #fff;
    width: 100%;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    border-radius: 0 !important;
    text-decoration: none;
    padding: 8px 20px 8px 20px;
}

.btn-rot:hover {
    background: #000000;
    color: #fff;
    border: 2px solid #000000;
}


section a 						{ font-weight: inherit; color: #666666; text-decoration: underline; }

section a, 
section a:visited, 
section a:focus, 
section a:active, 
section a:hover 				{ text-decoration: underline; }

section a:hover 				{ color: #000000; }


/* FONT */

body 							{ font-size: 16px; }
h1, h2, h3, h4  				{ font-family: "Arvo",Arial,sans-serif; }

section ul 						{ list-style: disc; }
section ul li					{ margin-left: 16px; }

.programmtitel { font-family: "Arvo", Arial, sans-serif; font-size: 20px; font-weight: 700; }


/* BOXES */


input[type="checkbox"] 			{ background: #f5f5f5; margin-right: 10px; margin-bottom: 6px; border-radius: 0; }