/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*Colors---------------------------------------------------------*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
main{background-color:#FFF;}
section#start div p {color:#333;}
section h1, .h1B1,  section h2{color:#f9b030;}
#lpHSTxt{ color:#FFF;}
.lpCTA {color: #FFF;}


/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*Fonts----------------------------------------------------------*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
section, section a{font-weight:400;}/*11.4.25*/
section,  section a{font-size:16px;}/*11.4.25*/
h1, h2{font-weight:600;} /*#lpHl entfernt 29.03.2025 */
h1 {font-size:34px;}
h2,.h1B1{font-size:24px;}
.h1B1{font-size:24px; font-weight:600}
.lpCTA  {font-size: 20px;}	
#lpHSTxt {font-size:18px;}
#lpHSTxt p:nth-child(1){font-size:26px; font-weight:600; }	
#lpHSTxt p:nth-child(2){font-size:16px; }

#refresh div{ font-style:italic}



@media only screen and (max-width: 800px) {/*Mobil*/
	h1 {font-size:28px;}
	.lpCTA {font-size: 18px;}
	#lpHSTxt p:nth-child(1){font-size:22px; font-weight:600; }	
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
/*Position allgemein---------------------------------------------*/
/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/
body, input, p, span, ul {
margin:0px;
padding:0px;
border-width:0px;
}


li{list-style-type: none;}

section{
max-width:800px;
height:auto;
margin-bottom:30px;
}

h2{
margin-bottom:20px;
}

a{
cursor:pointer; 
text-decoration:none;
}

p{
margin-bottom:10px;
}


@media only screen and (max-width: 800px) {/*Mobil*/
section{
padding-left:7px;
padding-right:7px;
}
}

/*---------------------------------------------------------------*/
/*Section heraoshot----------------------------------------------*/
/*---------------------------------------------------------------*/
#h1Box {
margin-bottom:30px;
margin-top:60px;
}

h1{
margin-top:0px;
margin-bottom:0px;
padding:0px;
}

#lpHSTxt{
position:absolute;
width:100%;
text-align:center;
margin-bottom:20px;
top: 20px;
z-index:2;
}

#lpHSBox{
position:relative;
height:auto;
width:100%;
max-width:800px;
}

#lpHSTxt p{
margin-left:auto;
margin-right:auto;

}


@media only screen and (min-width: 800px) {/*Desk*/
	#ctaHS{
	position:absolute;
	bottom: 5%;
	left: 50%;
	transform: translate(-50%,0);
	}
}

@media only screen and (max-width: 800px) {/*Mobil*/
	#lpHSTxt{
	position:relative;
	width:100%;
	margin-bottom:30px;	
	text-align:left;
	color:#333;
	top: 0px;
	}
	
	#lpHSTxt p:nth-child(1){font-size:0.9em;}
	h1{text-align:left; line-height:1em; margin-bottom:10px}
	#h1Box{ margin-top:20px;}
	#h1Box p{ text-align:left;}
	#ctaHS{margin-top:20px;}	
	.lpCTA{padding:5px;}
	
}


/*---------------------------------------------------------------------------------*/
/*Aktion in den Landpages----------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
.lpCTA {
display:inline-block;
width:auto;
height:auto;
margin-top:0px;
margin-bottom:0px;
margin-left: auto;
margin-right: auto;
padding: 5px 10px 5px 10px;
text-decoration: none;
white-space: nowrap;
background-color:#0044cc; 
color:#FFFFFF;
border:1px solid #0044cc; 
border-radius:8px;
}

.lpCTA:hover {
border:2px solid #0044cc; 
}

iframe{
width:100%;
max-width: 361px;
border: none;
overflow-x:hidden;
overflow-Y:hidden;
}

/*---------------------------------------------------------------*/
/*Sectionen Services---------------------------------------------*/
/*---------------------------------------------------------------*/
.flexBox{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	gap:60px;
	align-items: center;
	align-content: center;
}

.flexBoxRev{
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: nowrap;
	justify-content: space-between;
	gap:60px;
	align-items: center;
	align-content: center;	
}

.txtBlock{margin-bottom:40px;}


.lpServ li{
background: url(../images/landpages/ok_gn.gif) 0px 0px  no-repeat;
padding-left: 30px;
padding-bottom: 10px;
}


.video-container {
    position: relative;
	margin-top:20px;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
	border-radius:8px;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;	
}

.video-container img{
width:100%;
height:auto;
cursor:pointer;
}


.video-wrapper{
max-width:560px;
}

#lpKont div{
  margin-bottom: 15px;
}
#lpKont div div{
  margin: 0px;
}


main img{border-radius:8px;
box-shadow: 8px 8px 10px #ccc;
}

#lpCDImg{margin-bottom:50px;}

@media only screen and (max-width: 800px) {/*Mobil*/
	.lpImg2Hidden{ display:none;}
	.flexBox{flex-direction: column;}
	.flexBoxRev{flex-direction: column;}	
	img{ height:auto; width:100%; max-width:400px; margin:0px;}
}

/*---------------------------------------------------------------*/
/*SectionenYoutube-----------------------------------------------*/
/*---------------------------------------------------------------*/
#youtube-trigger{margin-bottom:40px;}

/*---------------------------------------------------------------*/
/*SectionenSoundcloud--------------------------------------------*/
/*---------------------------------------------------------------*/
.sc-placeholder{margin-bottom:60px;}


/*---------------------------------------------------------------*/
/*Sectionen Testimonials-----------------------------------------*/
/*---------------------------------------------------------------*/
#testim-box{
border: 2px solid #f9b030;
max-width:400px;
min-height:200px;
padding:20px;
border-radius:8px;
}
#refresh div{ margin-top:10px}