@media screen,projection{
.ym-grid{display:table; width:100%; table-layout:fixed; list-style-type:none; padding-left:0; padding-right:0;margin-left:0;margin-right:0}
.ym-gl{float:left;margin:0}
.ym-gr{float:right;margin:0}
.ym-g1{width:1%}
.ym-g8{width:6%}
.ym-g5{width:5%}
.ym-g10{width:10%}
.ym-g12{width:13.5%}
.ym-g15{width:15%}
.ym-g16{width:16.666%}
.ym-g20{width:20%}
.ym-g25{width:25%}
.ym-g30{width:30%}
.ym-g33{width:33.333%}
.ym-g38{width:38.2%}
.ym-g40{width:40%}
.ym-g45{width:45%}
.ym-g50{width:50%}
.ym-g55{width:55%}
.ym-g60{width:60%}
.ym-g62{width:61.8%}
.ym-g66{width:66.666%}
.ym-g70{width:70%}
.ym-g75{width:75%}
.ym-g80{width:80%}
.ym-g90{width:90%}
.ym-g99{width:99%}


.kopf {background: #fff;
	box-shadow: 0 11px 12px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 11px 12px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 11px 12px 0px rgba(0,0,0,0.2);
	height: 160px;
}


.ym-kopf-g0{width:20%; border-top: solid 0px #f90;}
.ym-kopf-g1{width:60%; border-top: solid 0px #000;}
.ym-kopf-g2{width:20%; border-top: solid 0px #f90;}


.ym-gbox{padding:0 10px}
.ym-gbox-klar{padding:0 50px 10px 50px}
.ym-gbox-left{padding:0 10px 0 10px}
.ym-gbox-right{padding:0 10px 0 10px}
.ym-gbox0, .ym-gbox-0, .ym-ibox-left, .ym-ibox-right{padding: 0}

.ym-videobox-left{padding:0 50px 0 25px}
.ym-videobox-right{padding:0 25px 0 50px}

.ym-vbox{padding: 0 10px 0 10px}

.ym-ibox-right{padding: 0}

.ym-innen-g25{width:25%}
.ym-innen-g75{width:75%}

.ym-innen-left-box{padding: 0}
.ym-innen-right-box{padding:0 10px 0 75px}
}




@media all{
html *{font-size:100% ;}
* html .flexible{width:100%}
.bordered{margin-top:1.5em;border:2px #eee solid;border:2px rgba(255,255,255,1) solid;-webkit-box-shadow:0 0 3px rgba(0,0,0,.25);-moz-box-shadow:0 0 3px rgba(0,0,0,.25);box-shadow:0 0 3px rgba(0,0,0,.25)}




body{
    font-family: 'Open Sans','Arial', sans-serif;
    font-weight: 300;
    font-style: normal;
    color: #444;
}
    

h1,h2,h3,h4,h5,h6 {
    font-family:'Open Sans',Arial,Helvetica,sans-serif;
    font-style: normal;
    font-weight: 400;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    color: #caa551;
} 

p {
    font-family:'Open Sans', sans-serif;  
    font-style: normal;
    font-weight: 300;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    color: #474747;
} 

li {
    font-family:'Open Sans', sans-serif;  
    font-style: normal;
    font-weight: 300;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    color: #474747;
} 


* h1, * h2, * h3, h1, h2, h3, th
{ font-size: 1.4em; line-height: 140%; margin: 1.25em 0 0 0; }
    
h4, h5, h6, p, td, li h3, #wegweiser > ul > li
{ font-size: 1.1em ; line-height: 140%; margin: 1.25em 0 0 0; }
    
label
{ font-size: 1.1em !Important; }

a { font-size:inherit !Important; }
        
* h1,  h1
{ font-size: 1.8em; margin: 0;}
   
h2 { font-size: 1.4em; margin:50px 0 0 0;}
h3 { font-size: 1.2em}
h4 { font-size: 1.2em}
h5 { font-size: 1.2em}

   
   
#cbp-ntaccordion > li > h3
{ font-size: 1.4em !Important; line-height: 140%; margin: 1.25em 0 0 0; }


p {line-height:1.6em; margin:1.25em 0 0 0}


a:hover {color: #474747;}
a:hover p {color: #474747;}
ul,ol,dl{font-size:1em;line-height:1.5em;margin:1.5em 0 0 1em}
ul{list-style-type:disc}
ol{list-style-type:decimal}
ul ul{list-style-type:circle;margin-top:0}
ol ol{list-style-type:lower-latin;margin-top:0}
ol ul{list-style-type:circle;margin-top:0}
li{font-size:1em;line-height:1.5em;margin-left:.8em}


strong,b{font-weight:bold}
small{font-size:0.8em;}
em,i{font-style:italic}
hr{color:#fff;background:transparent;margin:0 0 .75em 0;padding:0 0 .75em 0;border:0;border-bottom:1px #eee solid}

a{color: #474747;background:transparent;text-decoration:none} 
a:active{outline:0}
a:hover,a:focus{color: #474747;;text-decoration:none}

.linkzeile > * span{
font-size:40px;	
text-align:center;
color:#caa551;
}
.linkzeile > * div{
margin:0 auto;
padding:0;
}
.linkzeile > * p{
margin:0;
padding:5px;
}
.linkzeile > * div a p:hover{
color:#caa551;
margin:0;
padding:5px;
}


img{display:block}
img,figure{margin:0 auto}

.flexible{margin-top:0; max-width:100%} 	
.flexible100{width:100%} 	

img.bildxklein{margin-top:100px; max-width:450px}




.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}

.swipe-wrap {
  overflow: hidden;
  position: relative;
}

.swipe-wrap > div {
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
}

	
}



@media screen,projection{

.mlesen span:first-child{
	color:#caa551;
}

body{overflow-y:scroll}

#main {margin-bottom: 0; padding-top: 8px;}


* html .ym-wrapper{width:1200px}
.ym-wrapper{text-align:left; margin:0 auto; max-width:1200px;}
.ym-wbox{padding: 0}

.ym-clearfix:before{content:"";display:table}
.ym-clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden}


/* ------------ BILD mit abgrundeten Ecken --------------------*/
.img-ecken {border-radius: 5px}
.img-abstand {margin: 120px auto 20px auto}



.displaynone600 {display: none}
.display600 {display: block}



.displaynone740 {display: block}
.display740 {display: none}
		

.displaynone480 {display: block}
.display480 {display: none}

.displaynone960 {display: block}
.display960 {display: none}

.displaynone1024 {display: block}
.display1024 {display: none}

.displaynone1280 {display: block}
.display1280 {display: none}

.displaynone1350 {display: block}
.display1350 {display: none}



header{position: fixed; background: #fff; z-index: 999999}
header .ym-wrapper{padding:0; margin-top:0}
header .ym-wbox{padding:0;  margin-top:0;}

/*
header #introzeile {font-size:0.6em;
		letter-spacing:1px;
		margin:0;
		padding-left: 0px;
		padding: 0px 0 30px 0;
		color:#aaa}
		
header #intro h3{color:#474747;
		font-size:1.7em;
		line-height:150%;
		margin: 0;
		padding:5px 0 0px 0;
		text-shadow:none;
		letter-spacing:0px}
		
header #intro h3:first-child{padding-top:20px}
		
header #intro h3 a{color: #474747}
*/				
				
				
				
/* ------------ FUCHS-STILE HEADER --------------------*/

header{border-bottom: solid 0px #f90;background: #fff}


header .headerpadding{padding:40px 10px 0 15px}

header .headerlinks{max-width:100%; padding-top:20px; margin:0 auto}
header .headerlinks img{margin:0 auto}

header h1,header h2,header h3, header h4{
	font-family:'Open Sans', Arial,Helvetica, sans-serif;
	font-weight:normal;
	color:#caa551;
	border:0 none;
	}

header h1{
	margin: 0.15em 0 0 0;
	}

header h2{
	margin: 0.1em 0 0 0;
	color:#333; 
	font-size:1.3em;	
	}

header h3{
	font-size:1.2em;
	letter-spacing: -0.35px;
	line-height:.8em;
	margin:0.1em 0 0 0;
	margin-top:5px;
	}



header h5{display:none}

header .break{display:none}
header .logo{position: absolute; top: 10px; left: 50%; padding:0; z-index: 1}


/* ------------ E N D E FUCHS-STILE HEADER --------------------*/

h3 .icon-phone:before { position:  relative; left: -6px;}
    
    
/* Fontello icons ausrichten */
.icon-phone:before { position: relative; left: -0.2rem; }
.icon-mail:before  { position: relative; left: -0.3rem; }
a.icon-right-open:before { position: relative; font-size: 0.8em; left: 0.2em; margin-left: -0.2em; }






/*.jump-menu {position: absolute; top:-140px}*/

.text-abstand-rechts {padding-right: 50px}
.text-abstand-links {padding-left: 50px}



.vari-bild-abstand  img{padding-top: 120px;}	


#nachoben {
        position: fixed;
        right: 4%;
        top: 84%;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	background-color: #caa551;
        padding: 0;
        display:none;
        z-index:100000;
        border: solid 1px #fff;
	}

#nachoben span.icon-up-open {
	font-size: 25px;
	color: #fff;
	line-height: 20px;
	position: relative;
	top:25%;
	left: 17%;
	}

#nachoben2 {
        position: relative;
        left: 50%;
        top: 0px;
	width: 55px;
	height: 55px;
	border-radius: 10px;
	background-color: rgba(0,169,236,.5);
        padding: 0;
        display:block;
        z-index:100000;
	}

#nachoben2.icon-angle-up {
	font-size: 40px;
	text-align: center;
	color: #669bc4;
	}

#nachunten {
	position: fixed;
	/*bottom: 40px;*/
        right: 4%;
        top: 91%;
	z-index: 1;
	display: none;
	font-size: 2.35em;
	cursor: pointer;
	width: 55px;
	height: 55px;
	border-radius: 5px;
	background-color: rgba(172, 174, 175,.8);
	background: rgba(255, 153, 0, 0.9);
        border: solid 1px #fff;
	
        }

#nachunten.icon-angle-down {
	font-size: 50px;
	text-align: center;
	color: #fff;
	}

#nachunten.icon-menu {
	font-size: 50px;
	text-align: center;
	color: #fff;
	}


.icon-ok {
	margin: 7px 0;
	list-style: none;
	}
	
.icon-ok:before {
	color: #caa551;	/* ICON HAKEN FARBE */
	color: #caa551;
	font-size: 2.4em;
	padding-right: 10px;
	}



.sz-box {position: absolute; top:0px; left: 2%; z-index:101;  width: 240px; margin: 0; padding: 0;}

.sz-button {float: left;
	width: 50px;
	height: 50px;
	color: #caa551;
	font-size: 2.3em;
	line-height: 50px;
	background:#fff;
	border-radius: 2px; 
	text-align: center;
	margin: 0 5px 0 5px;
	}

.sz-box2 {position: absolute; top:20px; right: 20%; z-index:101;  margin: 0; padding: 0;}

.sz-box-kl {position: absolute; top: 65%; left: 10%; z-index:101;  width: 240px; margin: 0; padding: 0;}
.sz-button-kl {float: left;
	width: 40px;
	height: 40px;
	color: #caa551;
	font-size: 1.8em;
	line-height: 40px;
	background: #fff;
	border-radius: 2px; 
	text-align: center;
	margin: 0 5px 0 0;
	}




footer{color: #9f9f9f; background:#474747}
footer p {color: #9f9f9f}
footer p a{color: #faf8fc} /* Farbe footer links z.b. neben Vcard*/
footer div {color: #faf8fc}

.ym-wrapper-footer{text-align:left;margin:0 auto; padding:25px 10px 0px 10px;  max-width:1200px}
.ym-wbox-footer{padding:0px}

.linkklw {text-align:left;padding: 50px 0}

.linkklw h5 {
	font-size:1.1em;
	font-weight:normal;
	line-height:100%;
	text-shadow:0px 0px 0px #fff;
	color:#fff;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;}
	


.linkklw .alink {color:#fff; 
	line-height:115%;
	font-size:0.9em;
	margin-top:15px;
	margin-left:0px;
	padding:0 0 0 22px;
	text-decoration:none;

	}

.linkklw .alink:hover {color:#00a9ec;
	line-height:115%;
	font-size:0.9em;
	margin-top:15px;
	margin-left:0px;
	padding:0 0 0 22px;	
	text-decoration: none;
	}

.linkklw .likelink a h1  { 
	font-size:1.1em;
	font-weight:normal;
	line-height:100%;
	text-shadow:0px 0px 0px #ccc;

	color:#fec804;	padding:10px 0 10px 50px;
	background: url("../bilderpfad/buttons/like_magenta50.png") no-repeat  0px;
	}
	
	
.linkklw .likelink { 
	line-height:115%;
	font-size:1.0em;
	margin-top:0px;
	margin-left:0px;
	padding:10px 0 10px 50px;
	background: url("../bilderpfad/buttons/like_magenta50.png") no-repeat  0px;
	}

.linkklw .likelink:hover{ 
	line-height:115%;
	font-size:1.0em;
	margin-top:0px;
	margin-left:0px;
	padding:10px 0 10px 50px;
	background: url("../bilderpfad/buttons/like_magenta50.png") no-repeat  0px;
	text-decoration:none;
	}

.linkklw .snetlink{padding-top:20px; padding-right:10px; float: left;}


.center740{margin:0 0;}




/* ========================================================================================================================================================================== 
HR Tags Fricke
============================================================================================================================================================================= */
.hr{
clear: both;
display:block;
width:100%;
height:25px;
line-height:25px;
position: relative;
margin:30px 0;
float:left;
}

.hr.hr-space-o25{margin-top:25px;}
.hr.hr-space-u25{margin-bottom:25px;}

.hr.hr-space-o50{margin-top:50px;}
.hr.hr-space-u50{margin-bottom:50px;}

.hr.hr-space-o75{margin-top:75px;}
.hr.hr-space-u75{margin-bottom:75px;}

.hr.hr-space-o100{margin-top:100px;}
.hr.hr-space-u100{margin-bottom:100px;}

.hr.hr-space-o150{margin-top:150px;}
.hr.hr-space-u150{margin-bottom:150px;}

.hr-inner{
	width:100%;
	position: absolute;
	height:1px;
	left:0;
	top:50%;
	width:100%;
	margin-top:-1px;
	border-top-width:1px;
	border-top-style:solid;
	}



.hr-invisible, .hr-invisible .hr-inner{margin:0; border:none; }
.hr-invisible {float:none;}

.hr-full, .hr-big{margin:70px 0;}
.hr-full .hr-inner{width:300%; left:-100%;}
.hr-full.hr-shadow .hr-inner{ box-shadow:0 1px 2px 0px rgba(0, 0, 0, 0.1);}

.sidebar_right .hr-full .hr-inner{left:auto; right:-50px;}
.sidebar_left .hr-full .hr-inner{left:-50px;}



.hr-short {height:20px; line-height:20px; margin:30px 0; float:none; margin:0 auto;}
.hr-short .hr-inner{ width:80%; left:30% }

.hr-middle {height:20px; line-height:20px; margin:30px 0; float:none; margin:0 auto;}
.hr-middle .hr-inner{ width:80%; left:10%}

.hr-long {height:20px; line-height:20px; margin:30px 0; float:none; margin:0 auto;}
.hr-long .hr-inner{ width:100%;}

.hr-short.hr-left .hr-inner{  left:0%; margin-left:0%;}
.hr-short.hr-right .hr-inner{ left:auto; right:0; margin-left:0%; }

/*Runder Button links
.hr-short .hr-inner-style2, .hr-middle .hr-inner-style2, .hr-long .hr-inner-style2{
	border-radius: 20px;
	height:12px;
	width:12px; 
	background:#f90;
	border-color: #b9b4f1;
	border-width:20px;
	border-style:solid;
	display:block;
	position: absolute;
	left:50%;
	margin-left:-6px;
	margin-top:-6px;
	}
*/
.hr-short.hr-left .hr-inner-style{  left:5px; }
.hr-short.hr-right .hr-inner-style{  left:auto; right:0; }













}





@media all{
/* ========================================================================================================================================================================== 
Mobile TEL herf"tel:00000" links
============================================================================================================================================================================= */
/* Generel: */
.tel > mark, mark.tel   { background-color: transparent !Important;}
.tel                    { color: #caa551 ;}
.tel-block              { color: #caa551 ; }

/* TelefonNr. im Fließtext oder alleinstehend */
.tel.link-mobile        { display: none; }
.tel.link-mobile span	{ color: #caa551 !Important; font-size:inherit !Important; }
.tel.link-web	        { display: inline-block; }
.tel.link-web span	{ color: #caa551 !Important; font-size:inherit !Important; }
.tel.link-web a	    { color: #caa551 !Important; font-size:inherit !Important; }
.tel.link-web.tel-block { display: block; }     
} /* end @media all  */

@media screen and (max-width:1024px){
.tel.link-mobile                     { display: inline-block; }
.tel.link-mobile.tel-block   { display: block; }
.tel.link-web, .tel.link-web.tel-block     { display: none; } 
    
} /* end @media screen and (max-width:1024px) */






@media screen and (max-width:1600px){

}



@media screen and (max-width:1025px){

.vari-bild-abstand  img{ border: 10px solid #ff000;
	padding-top: 125px;}
}


@media screen and (max-width:1550px){

}


@media screen and (max-width:1450px){

}


@media screen and (max-width:1350px){

.displaynone1350 {display: none}
.display1350 {display: block}

}


@media screen and (max-width:1280px){

.displaynone1280 {display: none}
.display1280 {display: block}
.ym-kopf-g1 {width:100%;}


header .headerlinks{margin; 0 auto}
header .headerlinks img{margin: 0 auto; }

.sz-box-kl {position: absolute; top: 65%; left: 1%; z-index:101;  width: 240px; margin: 0; padding: 0;}
.sz-button-kl {float: left;
	width: 40px;
	height: 40px;
	color: #caa551;
	font-size: 1.8em;
	line-height: 40px;
	background: #fff;
	border-radius: 2px; 
	text-align: center;
	margin: 0 5px 0 0;
	}




/*
#footerbanner h3{text-align:center; margin-top: 50px}
#footerbanner h3.ohne-kreis  {font-size: 1.8em}
*/


}

@media screen and (max-width:1160px){
.sz-box-kl {position: absolute; top: 70%; left: 1%; z-index:101;  width: 180px; margin: 0; padding: 0; border: solid 0px #f90;}
}



@media screen and (max-width:1120px){
.displaynone1120 {display: none}
}



@media screen and (max-width:1160px){
.displaynone1160 {display: none}
}



@media screen and (max-width:1024px){




/*html *{font-size:100%}*/

h1 { font-size: 1.8em; margin:0px 0 0 0;}
h2 { font-size: 1.5em; margin:27px 0 0 0;}
h3 { font-size:	1.2em}
h4 { font-size: 1.2em}
h5 { font-size: 1.2em}





.ym-wrapper{padding: 0 10px 0 10px}

.menureinresp {display:block}
.mobileausblenden {display: none}

.displaynone1024 {display: none}
.display1024 {display: block}

.jump-menu {position: absolute; top: 0}

header .headerlinks img{margin: 0 auto; width:400px}


header{position: absolute; background: #fff; z-index: 999999}


header h1{
	font-size:1.3em;
	line-height:20px;
	margin:0;
	padding:0px 0 8px 0;
	}
header h2{
	font-size:1.2em;
	margin:0;
	padding:0;
	}
header h2{
	font-size:1.0em;
	margin:0;
	padding:0;
	}
.header-960 {
	position:fixed;
	height: 135px;
	background: #fff;
	-webkit-box-shadow: 0 12px 11px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 12px 11px 0px rgba(0,0,0,0.3);
	box-shadow: 0 12px 11px 0px rgba(0,0,0,0.3);
	}

header .logo{position: absolute; top: 40%; left: 55%; padding:0; z-index: 1; height: 100px}

/*.jameda-fahne {border: solid 0px #f90; width: 95px; position: absolute; top: 180px; right: 1%; z-index: 9}*/


#parallax {background-attachment:fixed;}
.bild-index {background: #fff url(../bilderpfad/hint/invisalign_44670557.jpg) center center no-repeat;}

}



@media screen and (max-width:960px){

.linearize-level-1,.linearize-level-1>[class*="ym-g"],.linearize-level-1>[class*="ym-col"]{display:block;float:none;margin-left:0;margin-right:0;width:100%!important}
.linearize-level-1>[class*="ym-g"]>[class*="ym-gbox"],.linearize-level-1>[class*="ym-col"]>[class*="ym-cbox"]{overflow:hidden;padding:0}
.right {padding: 0px 25px 0 0; float: left}

small{font-size:0.7em;}

header #intro h3{font-size:1.25em;line-height:150%;}
#introzeile {display: none}

/*.jameda-fahne {display: none}*/
.text-abstand-rechts {padding-right: 0px}
.text-abstand-links {padding-left: 0px}

.ym-gbox {padding: 0 0; }

header{position: relative;}


.displaynone960 {display: none}
.display960 {display: block}

.linkmehrkl {display: block; padding: 20px 0 25px 0; margin: 0;}
.linkmehr {display: none}

.ym-innen-g25{width:0%}
.ym-innen-g75{width:100%}

.ym-innen-left-box{padding:0}
.ym-innen-right-box{padding:0 10px 0 10px}

header .logo{position: absolute; top: 40%; left: 60%; padding:0; z-index: 0; height: 100px}

.img-abstand {margin: 50px auto 0px auto}

#news-spacing{
padding-left:0px;
}

img.bildxklein{margin-top:0px; width:400px}

}


@media screen and (max-width: 800px){
header .logo{position: absolute; top: 40%; left: 65%; padding:0; z-index: 9; height: 100px}
.vari-bild-abstand img {padding-top: 105px; }
}




@media screen and (max-width:740px){

.linearize-level-2,.linearize-level-2>[class*="ym-g"],.linearize-level-2>[class*="ym-col"]{display:block;float:none;margin-left:0;margin-right:0;width:100%!important}
.linearize-level-2>[class*="ym-g"]>[class*="ym-gbox"],.linearize-level-2>[class*="ym-col"]>[class*="ym-cbox"]{overflow:hidden;padding:0}

#intro {margin: 0 auto; padding:0; float: none; text-align: center}
.right {float: none; margin: 0 auto; padding: 0;}

/* Macht margin Probleme am oberen rand
.displaynone740 {display: none}
.display740 {display: block}
*/
.displaynone740 {display: none}
.display740 {display: block}

.header-960 {
	position:fixed;
	height: 115px;
	}

.vari-bild-abstand img {padding-top: 85px; }


header .logo{position: absolute; top: 0%; left: 80%; padding:0; z-index: 0; height: 100px}

header .headerlinks img{margin: 0 auto; width:300px}



header .headerpadding{padding:35px 10px 0 15px}

}


@media screen and (max-width:650px){

.displaynone650 {display: none}


header h2{
	margin: 0;
	font-size:1.4em;	
	}

header h3{
	font-size:1.3em;
	letter-spacing: 0px;
	line-height:1.0em;
	margin:0;
	margin-top:5px;
	}


.vari-bild-abstand img {
	padding-top: 85px;
 	}


img.bildxklein{width:300px}

}




@media screen and (max-width:550px){
.displaynone600 {display: none}
.display600 {display: block}

header .logo{display: none;}
header h1{
	font-size:1.4em;
	}

.parallax-text {float: none; padding: 15px; margin: 50px auto; background: rgba(255,255,255,0.5); width: 80%; }

}




@media screen and (max-width:500px){
}



@media screen and (max-width:480px){
.linearize-level-3,.linearize-level-3>[class*="ym-g"],.linearize-level-3>[class*="ym-col"]{display:block;float:none;margin-left:0;margin-right:0;width:100%!important}
.linearize-level-3>[class*="ym-g"]>[class*="ym-gbox"],.linearize-level-3>[class*="ym-col"]>[class*="ym-cbox"]{overflow:hidden;padding:0}

.ym-wbox{padding: 0}


.displaynone480 {display: none}
.display480 {display: block}
header .headerpadding{padding:35px 10px 0 10px}

header {margin:0; padding:0;}
header .ym-wrapper{padding:0;margin:0}
header .ym-wbox{padding: 0; margin-top:0}

header h1{
	font-size:1.3em;
	}
	
header h2{
	margin: 0;
	color:#333; 
	font-size:1.2em;	
	}

header h3{
	font-size:1.1em;
	letter-spacing: 0px;
	margin:3px 0 0 0;
	}

}



@media screen and (max-width:450px){

.displaynone450 {display: none}

header h1{
	font-size:1.5em;
	line-height:15px;
	}

}


@media screen and (max-width:380px){
.linearize-level-4,.linearize-level-4>[class*="ym-g"],.linearize-level-4>[class*="ym-col"]{display:block;float:none;margin-left:0;margin-right:0;width:100%!important}
.linearize-level-4>[class*="ym-g"]>[class*="ym-gbox"],.linearize-level-4>[class*="ym-col"]>[class*="ym-cbox"]{overflow:hidden;padding:0}


header h1{
	font-size:1.4em;
	}
}



@media screen and (max-width:340px){

header h1{
	font-size:1.4em;
	line-height:25px;
	}

}


@media screen and (max-width:320px){

header h1{
	font-size:1.2em;
	line-height:25px;
	}

}


@media (min-width: 1600px) and (max-width: 2200px) {  

.ym-wrapper{text-align:left;margin:0 auto;max-width:1500px; border:0px solid #eee;}
.ym-wrapper-footer{text-align:left;margin:0 auto; padding:25px 10px 0px 10px;  max-width:1500px}

}







/* ***************** GOLDENE BALKEN GOLDENE SCHRIFT ************************************************************************************************* */

@media all{



#balkengold {
	width:100%; 
	height:240px;	
	
	background: #caa551; /* Old browsers */
	background: -moz-linear-gradient(left, #caa551 1%, #a08459 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #caa551 1%,#a08459 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #caa551 1%,#a08459 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#caa551', endColorstr='#a08459',GradientType=1 ); /* IE6-9 */

}

#balkengold h2{
	font-family: 'Great Vibes', cursive;
	color: #f8f3c9;

	font-size:6.0em;
	text-shadow: 6px 6px 6px rgba(0,0,0,0.5); 
	position: absolute;

	padding:0;margin:0;
	width:100%;
	left: 0;
	top: 15%;
	text-align: center;	
	}
	
#balkengold p{
	font-size:2.0em;
	padding:0;margin:0;
	color:#fff;
	position: absolute;
	left: 0;
	top: 70%;
	width: 100%;
	text-align: center;
	}	

.uk-grid{
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
margin:0;
padding:0;
list-style:none}

.uk-grid:before,.uk-grid:after{content:"";display:block;overflow:hidden}

.uk-grid:after{clear:both}

.uk-grid>*{-ms-flex:none;-webkit-flex:none;flex:none;margin:0;float:left}

.uk-grid>*>:last-child{margin-bottom:0}

.uk-grid{margin-left:-20px}.uk-grid>*{padding-left:20px}

.uk-grid+.uk-grid,.uk-grid-margin,.uk-grid>*>.uk-panel+.uk-panel{margin-top:20px}

@media (min-width: 1220px){.uk-grid{margin-left:-30px}
.uk-grid>*{padding-left:30px}
.uk-grid+.uk-grid,.uk-grid-margin,.uk-grid>*>.uk-panel+.uk-panel{margin-top:30px}
}
.uk-grid-collapse{margin-left:0}.uk-grid-collapse>*{padding-left:0}.uk-grid-collapse+.uk-grid-collapse,.uk-grid-collapse>.uk-grid-margin,.uk-grid-collapse>*>.uk-panel+.uk-panel{margin-top:0}



.uk-grid-small{margin-left:-10px}
.uk-grid-small>*{padding-left:10px}
.uk-grid-small+.uk-grid-small,.uk-grid-small>.uk-grid-margin,.uk-grid-small>*>.uk-panel+.uk-panel{margin-top:10px}

.uk-grid-medium{margin-left:-20px}
.uk-grid-medium>*{padding-left:20px}
.uk-grid-medium+.uk-grid-medium,.uk-grid-medium>.uk-grid-margin,.uk-grid-medium>*>.uk-panel+.uk-panel{margin-top:20px}

@media (min-width: 960px)
{.uk-grid-large{margin-left:-30px}
.uk-grid-large>*{padding-left:30px}.uk-grid-large+.uk-grid-large,.uk-grid-large-margin,.uk-grid-large>*>.uk-panel+.uk-panel{margin-top:30px}}

@media (min-width: 1220px)
{.uk-grid-large{margin-left:-50px}
.uk-grid-large>*{padding-left:50px}.uk-grid-large+.uk-grid-large,.uk-grid-large-margin,.uk-grid-large>*>.uk-panel+.uk-panel{margin-top:50px}
}

.uk-grid-divider:not(:empty){margin-left:-20px;margin-right:-20px}.uk-grid-divider>*{padding-left:20px;padding-right:20px}.uk-grid-divider>[class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2),.uk-grid-divider>[class*='uk-width-2-']:nth-child(n+2),.uk-grid-divider>[class*='uk-width-3-']:nth-child(n+2),.uk-grid-divider>[class*='uk-width-4-']:nth-child(n+2),.uk-grid-divider>[class*='uk-width-5-']:nth-child(n+2),.uk-grid-divider>[class*='uk-width-6-']:nth-child(n+2),.uk-grid-divider>[class*='uk-width-7-']:nth-child(n+2),.uk-grid-divider>[class*='uk-width-8-']:nth-child(n+2),.uk-grid-divider>[class*='uk-width-9-']:nth-child(n+2){border-left:5px solid #f5f5f5}@media (min-width: 768px){.uk-grid-divider>[class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2){border-left:5px solid #f5f5f5}}@media (min-width: 960px){.uk-grid-divider>[class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2){border-left:5px solid #f5f5f5}}@media (min-width: 1220px){.uk-grid-divider:not(:empty){margin-left:-30px;margin-right:-30px}.uk-grid-divider>*{padding-left:30px;padding-right:30px}.uk-grid-divider:empty{margin-top:30px;margin-bottom:30px}}.uk-grid-divider:empty{margin-top:20px;margin-bottom:20px;border-top:5px solid #f5f5f5}.uk-grid-match>*{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.uk-grid-match>*>*{-ms-flex:none;-webkit-flex:none;flex:none;box-sizing:border-box;width:100%}[class*='uk-grid-width']>*{box-sizing:border-box;width:100%}.uk-grid-width-1-2>*{width:50%}.uk-grid-width-1-3>*{width:33.333%}.uk-grid-width-1-4>*{width:25%}.uk-grid-width-1-5>*{width:20%}.uk-grid-width-1-6>*{width:16.666%}.uk-grid-width-1-10>*{width:10%}.uk-grid-width-auto>*{width:auto}@media (min-width: 480px){.uk-grid-width-small-1-1>*{width:100%}.uk-grid-width-small-1-2>*{width:50%}.uk-grid-width-small-1-3>*{width:33.333%}.uk-grid-width-small-1-4>*{width:25%}.uk-grid-width-small-1-5>*{width:20%}.uk-grid-width-small-1-6>*{width:16.666%}.uk-grid-width-small-1-10>*{width:10%}}@media (min-width: 768px){.uk-grid-width-medium-1-1>*{width:100%}.uk-grid-width-medium-1-2>*{width:50%}.uk-grid-width-medium-1-3>*{width:33.333%}.uk-grid-width-medium-1-4>*{width:25%}.uk-grid-width-medium-1-5>*{width:20%}.uk-grid-width-medium-1-6>*{width:16.666%}.uk-grid-width-medium-1-10>*{width:10%}}@media (min-width: 960px){.uk-grid-width-large-1-1>*{width:100%}.uk-grid-width-large-1-2>*{width:50%}.uk-grid-width-large-1-3>*{width:33.333%}.uk-grid-width-large-1-4>*{width:25%}.uk-grid-width-large-1-5>*{width:20%}.uk-grid-width-large-1-6>*{width:16.666%}.uk-grid-width-large-1-10>*{width:10%}}@media (min-width: 1220px){.uk-grid-width-xlarge-1-1>*{width:100%}.uk-grid-width-xlarge-1-2>*{width:50%}.uk-grid-width-xlarge-1-3>*{width:33.333%}.uk-grid-width-xlarge-1-4>*{width:25%}.uk-grid-width-xlarge-1-5>*{width:20%}.uk-grid-width-xlarge-1-6>*{width:16.666%}.uk-grid-width-xlarge-1-10>*{width:10%}}[class*='uk-width']{box-sizing:border-box;width:100%}.uk-width-1-1{width:100%}.uk-width-1-2,.uk-width-2-4,.uk-width-3-6,.uk-width-5-10{width:50%}.uk-width-1-3,.uk-width-2-6{width:33.333%}.uk-width-2-3,.uk-width-4-6{width:66.666%}.uk-width-1-4{width:25%}.uk-width-3-4{width:75%}.uk-width-1-5,.uk-width-2-10{width:20%}.uk-width-2-5,.uk-width-4-10{width:40%}.uk-width-3-5,.uk-width-6-10{width:60%}.uk-width-4-5,.uk-width-8-10{width:80%}.uk-width-1-6{width:16.666%}.uk-width-5-6{width:83.333%}.uk-width-1-10{width:10%}.uk-width-3-10{width:30%}.uk-width-7-10{width:70%}.uk-width-9-10{width:90%}@media (min-width: 480px){.uk-width-small-1-1{width:100%}.uk-width-small-1-2,.uk-width-small-2-4,.uk-width-small-3-6,.uk-width-small-5-10{width:50%}.uk-width-small-1-3,.uk-width-small-2-6{width:33.333%}.uk-width-small-2-3,.uk-width-small-4-6{width:66.666%}.uk-width-small-1-4{width:25%}.uk-width-small-3-4{width:75%}.uk-width-small-1-5,.uk-width-small-2-10{width:20%}.uk-width-small-2-5,.uk-width-small-4-10{width:40%}.uk-width-small-3-5,.uk-width-small-6-10{width:60%}.uk-width-small-4-5,.uk-width-small-8-10{width:80%}.uk-width-small-1-6{width:16.666%}.uk-width-small-5-6{width:83.333%}.uk-width-small-1-10{width:10%}.uk-width-small-3-10{width:30%}.uk-width-small-7-10{width:70%}.uk-width-small-9-10{width:90%}}@media (min-width: 768px){.uk-width-medium-1-1{width:100%}.uk-width-medium-1-2,.uk-width-medium-2-4,.uk-width-medium-3-6,.uk-width-medium-5-10{width:50%}.uk-width-medium-1-3,.uk-width-medium-2-6{width:33.333%}.uk-width-medium-2-3,.uk-width-medium-4-6{width:66.666%}.uk-width-medium-1-4{width:25%}.uk-width-medium-3-4{width:75%}.uk-width-medium-1-5,.uk-width-medium-2-10{width:20%}.uk-width-medium-2-5,.uk-width-medium-4-10{width:40%}.uk-width-medium-3-5,.uk-width-medium-6-10{width:60%}.uk-width-medium-4-5,.uk-width-medium-8-10{width:80%}.uk-width-medium-1-6{width:16.666%}.uk-width-medium-5-6{width:83.333%}.uk-width-medium-1-10{width:10%}.uk-width-medium-3-10{width:30%}.uk-width-medium-7-10{width:70%}.uk-width-medium-9-10{width:90%}}@media (min-width: 960px){.uk-width-large-1-1{width:100%}.uk-width-large-1-2,.uk-width-large-2-4,.uk-width-large-3-6,.uk-width-large-5-10{width:50%}.uk-width-large-1-3,.uk-width-large-2-6{width:33.333%}.uk-width-large-2-3,.uk-width-large-4-6{width:66.666%}.uk-width-large-1-4{width:25%}.uk-width-large-3-4{width:75%}.uk-width-large-1-5,.uk-width-large-2-10{width:20%}.uk-width-large-2-5,.uk-width-large-4-10{width:40%}.uk-width-large-3-5,.uk-width-large-6-10{width:60%}.uk-width-large-4-5,.uk-width-large-8-10{width:80%}.uk-width-large-1-6{width:16.666%}.uk-width-large-5-6{width:83.333%}.uk-width-large-1-10{width:10%}.uk-width-large-3-10{width:30%}.uk-width-large-7-10{width:70%}.uk-width-large-9-10{width:90%}}@media (min-width: 1220px){.uk-width-xlarge-1-1{width:100%}.uk-width-xlarge-1-2,.uk-width-xlarge-2-4,.uk-width-xlarge-3-6,.uk-width-xlarge-5-10{width:50%}.uk-width-xlarge-1-3,.uk-width-xlarge-2-6{width:33.333%}.uk-width-xlarge-2-3,.uk-width-xlarge-4-6{width:66.666%}.uk-width-xlarge-1-4{width:25%}.uk-width-xlarge-3-4{width:75%}.uk-width-xlarge-1-5,.uk-width-xlarge-2-10{width:20%}.uk-width-xlarge-2-5,.uk-width-xlarge-4-10{width:40%}.uk-width-xlarge-3-5,.uk-width-xlarge-6-10{width:60%}.uk-width-xlarge-4-5,.uk-width-xlarge-8-10{width:80%}.uk-width-xlarge-1-6{width:16.666%}.uk-width-xlarge-5-6{width:83.333%}.uk-width-xlarge-1-10{width:10%}.uk-width-xlarge-3-10{width:30%}.uk-width-xlarge-7-10{width:70%}.uk-width-xlarge-9-10{width:90%}}@media (min-width: 768px){[class*='uk-push-'],[class*='uk-pull-']{position:relative}.uk-push-1-2,.uk-push-2-4,.uk-push-3-6,.uk-push-5-10{left:50%}.uk-push-1-3,.uk-push-2-6{left:33.333%}.uk-push-2-3,.uk-push-4-6{left:66.666%}.uk-push-1-4{left:25%}.uk-push-3-4{left:75%}.uk-push-1-5,.uk-push-2-10{left:20%}.uk-push-2-5,.uk-push-4-10{left:40%}.uk-push-3-5,.uk-push-6-10{left:60%}.uk-push-4-5,.uk-push-8-10{left:80%}.uk-push-1-6{left:16.666%}.uk-push-5-6{left:83.333%}.uk-push-1-10{left:10%}.uk-push-3-10{left:30%}.uk-push-7-10{left:70%}.uk-push-9-10{left:90%}.uk-pull-1-2,.uk-pull-2-4,.uk-pull-3-6,.uk-pull-5-10{left:-50%}.uk-pull-1-3,.uk-pull-2-6{left:-33.333%}.uk-pull-2-3,.uk-pull-4-6{left:-66.666%}.uk-pull-1-4{left:-25%}.uk-pull-3-4{left:-75%}.uk-pull-1-5,.uk-pull-2-10{left:-20%}.uk-pull-2-5,.uk-pull-4-10{left:-40%}.uk-pull-3-5,.uk-pull-6-10{left:-60%}.uk-pull-4-5,.uk-pull-8-10{left:-80%}.uk-pull-1-6{left:-16.666%}.uk-pull-5-6{left:-83.333%}.uk-pull-1-10{left:-10%}.uk-pull-3-10{left:-30%}.uk-pull-7-10{left:-70%}.uk-pull-9-10{left:-90%}}.uk-panel{display:block;position:relative}.uk-panel,.uk-panel:hover{text-decoration:none}.uk-panel:before,.uk-panel:after{content:"";display:table}.uk-panel:after{clear:both}.uk-panel>:not(.uk-panel-title):last-child{margin-bottom:0}.uk-panel-title{margin-top:0;margin-bottom:15px;font-size:18px;line-height:24px;font-weight:normal;text-transform:none;color:#323232}.uk-panel-badge{position:absolute;top:0;right:0;z-index:1}.uk-panel-teaser{margin-bottom:15px}.uk-panel-body{padding:30px}.uk-panel-box{padding:30px;background:#fff;color:#323232;border:5px
solid #f5f5f5;border-radius:3px}







.balkengold {
	width:100%; 
	height:240px;	
	
	background: #caa551; /* Old browsers */
	background: -moz-linear-gradient(left, #caa551 1%, #a08459 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #caa551 1%,#a08459 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #caa551 1%,#a08459 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#caa551', endColorstr='#a08459',GradientType=1 ); /* IE6-9 */
	}

.balkengold h2{
	font-family: 'Great Vibes', cursive;
	color: #f8f3c9;

	font-size:6.0em;
	text-shadow: 6px 6px 6px rgba(0,0,0,0.5); 
	position: absolute;	
	top: 45%;

	padding:0;margin:0;
	width:100%;
	position: absolute;
	left: 0;
	top: 45%;
	width: 100%;
	text-align: center;
	}
	
.balkengold p{font-size:2.0em;
	padding:0;margin:0;
	color:#fff;
	position: absolute;

	left: 0;
	top: 55%;
	width: 100%;
	text-align: center;
	font-size: 28px;
	}	




#balkengold2 {
	width:100%; 
	height:700px;
	
}

#balkengold2 .zwei {
border:1px solid #f90;
position: absolute;

	padding:0;margin:0;
	width:100%;
	left: 0;
	top: 35%;
	text-align: center;	
}


/*
#balkengold2 h2{
	font-family: 'Great Vibes', cursive;
	color: #caa551;

	font-size:4.0em;
	text-shadow: 6px 6px 6px rgba(0,0,0,0.5); 
	position: absolute;

	padding:0;margin:0;
	width:100%;
	left: 0;
	top: 35%;
	text-align: center;	
	}
*/
#balkengold2 p{
	font-size:1.0em;
	padding:0;margin:0;
	color:#fff;
	position: absolute;
	left: 0;
	top: 70%;
	width: 100%;
	text-align: center;
	}	

#balkengold2 blockquote {

	position: absolute;

	padding:0;margin:0;
	width:100%;
	left: 0;
	top: 35%;
	text-align: left;	


    font-family: Georgia, serif;
    font-style: italic;
    background: #fff;
    margin: 1.5em 10px;
    padding: 1em 10px;
    quotes: "\201C""\201C""\201C""\201C";
	}
	
blockquote h2{


	font-family: 'Great Vibes', cursive;
	color: #caa551;

	font-size:4.0em;
	text-shadow: 6px 6px 6px rgba(0,0,0,0.5); 

	margin: 0;
	padding:0;
	display: inline;
	position: relative;
	top: -5px;
	}

blockquote:before {
  color: rgba(160,155,218,1.0);
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: 0.4em;
}
blockquote h2 {
        color: rgba(160,155,218,1.0);
    } 
blockquote p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 0.9em;
}

blockquote p small {
	font-size: 0.8em;
	}

.testemonials .ym-gbox {
    border-left: 10px solid rgba(160,155,218,0.6);
    background: #f9f9f9;
    }


/*
div.container4 {
    height: 10em;
    position: relative }

div.container4 h5 {
    margin: 0;
    background: yellow;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) 
    }


div.container4 p {
    margin: 0;
    background: yellow;
    position: absolute;
    top: 70%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%) 
    }
*/


}




@media screen and (max-width:1600px){

}



@media screen and (max-width:1350px){

}



@media screen and (max-width:1280px){

#balkengold {
	height:180px;}

#balkengold h2{
	font-size:5.0em!Important;
	text-shadow: 6px 6px 6px rgba(0,0,0,0.5); 
	}	

}



@media screen and (max-width:1024px){

#balkengold {
	height:150px;}

#balkengold h2{
	font-size:4.0em!Important;
	text-shadow: 3px 3px 3px rgba(0,0,0,0.5); 
	}
	
#balkengold p{font-size:1.5em;}	
}



@media screen and (max-width:960px){

#balkengold {
	height:140px;}

#balkengold h2{
	}

}


@media screen and (max-width: 800px){

}


@media screen and (max-width:740px){

}



@media screen and (max-width:650px){

}


@media screen and (max-width:550px){

}


@media screen and (max-width:480px){
	

}



@media screen and (max-width:380px){


}


@media screen and (max-width:340px){

}


/* ***************** ENDE GOLDENE BALKEN GOLDENE SCHRIFT ************************************************************************************************* */












/* ***************** STEUERUNG FOOTERBANNER ************************************************************************************************* */

    
@media all{

/**** Footerbanner Schrift Abstände Position **********************************************/    
    
#footerbanner { margin: 0px; padding-top:0px;}
#footerbanner .container{width:100%; position:relative;}
#footerbanner img{position:relative; margin-left:100px}
#footerbanner .container2{width:50%; height:100%; position:absolute; right:1%; top:10%;}

     
#footerbanner .cta-button{margin:0 auto;}

#footerbanner h3{color: #666}

#footerbanner h2{font-size: 2.5em; line-height:3.3rem; margin:0 10px }

#footerbanner h3{font-size:1.6em; padding:50px 0 150px 0; text-align:center}
#footerbanner h3 sp{}


/*
.footerbanner {}
.footerbanner h2{font-size: 2em}

#footerbanner {position:relative;}
#footerbanner img{margin: 0px auto}

#footerbanner h3{text-align:center; margin-top: 150px; color: #666}
#footerbanner h3.ohne-kreis  {font-size: 1.8em}*/


/**** Footerbanner CTA BUTTONS plus Gestaltung **********************************************/    

.cta-button{
	background: #caa551;
	font-size: 1.5em;
	
	letter-spacing:-0.03em;	
	
	border-radius: 5px;
	color: #fff;
	width: 340px;
	height: 70px;
	padding: 15px 40px;
	margin: 15px 0;
	text-align: center
	}

    


/* Innen-Kreis Stil */  
.cta-button.btn-inline-cirle {
    position: relative;
    box-sizing: border-box;
    line-height: 40px;
    margin: 25px 0 25px 0px;
    padding: 16px 0px 12px 2px;
    border-radius: 100px;
}
.cta-button.btn-inline-cirle span {
    padding-left: 35px;
}
.cta-button.btn-inline-cirle:before {
    position: absolute;
    top: 6px;
    left: 6px;
    display: block;
    width: 30px;
    height: 30px;
    color: rgba(102,102,102,1.0);
    font-size: 1.4em;	

    background: #fff;
    border-width: 4px;
    border-style: solid;
    border-color: transparent;
    border-radius: 50%;
    padding: 10px 10px 10px 10px;
    margin: 0px;

} 
    



/* Button Klein */

.cta-button-kl{
	background: #caa551;
	font-size: 1.1em;
	
	letter-spacing:-0.03em;	
	
	border-radius: 5px;
	color: #fff;
	width: 217px;
	height: 55px;
	padding: 15px 40px;
	margin: 15px 0;
	text-align: center
	}

    


/* Innen-Kreis Stil */  
.cta-button-kl.btn-inline-cirle {
    position: relative;
    box-sizing: border-box;
    line-height: 25px;
    margin: 25px 0 25px 0px;
    padding: 16px 0px 12px 2px;
    border-radius: 100px;
}
.cta-button-kl.btn-inline-cirle span {
    padding-left: 35px;
}
.cta-button-kl.btn-inline-cirle:before {
    position: absolute;
    top: 4px;
    left: 4px;
    display: block;
    width: 20px;
    height: 20px;
    color: rgba(102,102,102,1.0);
    font-size: 1.2em;	

    background: #fff;
    border-width: 4px;
    border-style: solid;
    border-color: transparent;
    border-radius: 50%;
    padding: 10px 10px 10px 10px;
    margin: 0px;

} 
    



/* Ende Button Klein */







 /******* WEITERE STILE AUS LANDINGPAGES *********************************/
 
.btn-inline-cirle.btn-tel:before {
    position: absolute;
    top: 0px;
    left: -15px;
    display: block;
    width: 20px !Important;
    height: 20px;
    color: #fff !Important;
    font-size: 1.4em;
    background-color: #f90;
    border-width: 4px;
    border-style: solid;
    border-color: transparent;
    border-radius: 50%;
    padding: 10px 10px 10px 10px;
    margin: 0px;
}
    
    
/* Aussen-Kreis Stil */  
.cta-button.btn-cirle {
    position: relative;
    box-sizing: border-box;
    width: 260px;
    height: 55px;
    line-height: 30px;
    margin: 25px 0 25px 55px;
    padding: 12px 0px 12px 2px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.75);
}

.cta-button.btn-cirle:before {
    position: absolute;
    top: -6px;
    left: -50px;
    display: block;
    width: 40px;
    height: 40px;
    color: rgba(202,165,81,1.0);
    font-size: 1.5em;
    background: #fff;
    border-width: 4px;
    border-style: solid;
    border-color: rgba(202,165,81,1.0);
    border-radius: 50%;
    padding: 10px 10px 10px 10px;
    margin: 0px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.75);
}

a.tel.link-mobile {
       /* margin-top: -26px;*/
}



/* Aussen-Kreis Stil */ 

.cta-button.btn-cirle.light {
    background-color: rgba(202,165,81,1);
}
.btn-tel.light:before,
.cta-button.btn-cirle.light:before {
    border-color: rgba(202,165,81,1);
    color: rgba(102,102,102,1);
}
    
    
    
.no-btn {
    position: relative;
    box-sizing: border-box;
    width: 260px;
    height: 55px;
    color: rgba(102,102,102,01.0);
    font-size: 1.3em;
    line-height: 30px;
    text-align: center;
    background: transparent;
    border-radius: 5px;
    margin: 0px 0 25px 50px;
    padding: 12px 0px 12px 2px;

}

    
.no-btn mark {
    color: rgba(102,102,102,1.0);
    font-weight: bold;
}



.btn-tel:before {
    position: absolute;
    top: -6px;
    left: -50px;
    display: block;
    width: 40px !Important;
    height: 40px;
    color: rgba(102,102,102,1.0);
    font-size: 2em;
    background: #fff;
    border-width: 4px;
    border-style: solid;
    border-color: rgba(160,155,218,1.0);
    border-radius: 50%;
    padding: 10px 10px 10px 10px;
    margin: 0px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.75);
}
    
.btn-cirle.btn-tel:before {
    position: absolute;
    top: -6px;
    left: -50px;
    display: block;
    width: 40px !Important;
    height: 40px;
    color: rgba(102,102,102,1.0);
    font-size: 2em;
    background: #fff;
    border-width: 4px;
    border-style: solid;
    border-color: rgba(160,155,218,1.0);
    border-radius: 50%;
    padding: 10px 10px 10px 10px;
    margin: 0px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.75);
}
}




@media screen and (max-width:1600px){
#footerbanner .container2{width:40%;}

}



@media screen and (max-width:1350px){

}



@media screen and (max-width:1280px){

#footerbanner h2{font-size: 2.2em; line-height:3.0rem; margin:0 10px }
#footerbanner img{margin-left:0px}

}



@media screen and (max-width:1024px){
#footerbanner h2{font-size: 2.0em; line-height:2.5rem; margin:0 0 0 20px }

}



@media screen and (max-width:960px){

#footerbanner h2{font-size: 1.8em; line-height:2.2rem;}
#footerbanner img{width:60%; margin:0; padding:0}
#footerbanner h3{font-size:1.4em; padding:30px 0 30px 0;}
#footerbanner .cta-button{bottom:20%; left:0%}

}


@media screen and (max-width: 800px){
#footerbanner .container2{width:55%; top:-20px}
#footerbanner h3{ padding:10px 0 60px 0;}



/**** Footerbanner CTA BUTTONS plus Gestaltung **********************************************/    

.cta-button{
        background: #caa551;;
	font-size: 1.0em;
	border-radius: 5px;
	color: #fff;
	width: 240px;
	height: 55px;
	padding: 15px 40px;
	margin: 15px 0;
	text-align: center
	}

.cta-button.background-green{background: rgba(199, 200, 200, 0.8);}
    


/* Innen-Kreis Stil */  
.cta-button.btn-inline-cirle {
    position: relative;
    box-sizing: border-box;
    line-height: 20px;
    margin: 25px auto 25px auto;
    padding: 16px 0px 12px 2px;
    border-radius: 100px;
}
.cta-button.btn-inline-cirle span {
    padding-left: 25px;
}
.cta-button.btn-inline-cirle:before {
    position: absolute;
    top: 4px;
    left: 4px;
    display: block;
    width: 20px;
    height: 20px;
    color: rgba(102,102,102,1.0);
    font-size: 1.4em;
    background: #fff;
    border-width: 4px;
    border-style: solid;
    border-color: transparent;
    border-radius: 50%;
    padding: 10px 10px 10px 10px;
    margin: 0px;

} 
    


 /******* WEITERE STILE AUS LANDINGPAGES *********************************/

.btn-inline-cirle.btn-tel:before {
    position: absolute;
    top: 0px;
    left: -15px;
    display: block;
    width: 20px !Important;
    height: 20px;
    color: #fff !Important;
    font-size: 1.4em;
    background-color: #f90;
    border-width: 4px;
    border-style: solid;
    border-color: transparent;
    border-radius: 50%;
    padding: 10px 10px 10px 10px;
    margin: 0px;
}
    
    
/* Aussen-Kreis Stil */  
.cta-button.btn-cirle {
    position: relative;
    box-sizing: border-box;
    width: 200px;
    height: 55px;
    line-height: 30px;
    margin: 25px 0 25px 55px;
    padding: 12px 0px 12px 2px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.75);
}

.cta-button.btn-cirle:before {
    position: absolute;
    top: -6px;
    left: -50px;
    display: block;
    width: 40px;
    height: 40px;
    color: rgba(102,102,102,1.0);
    font-size: 2em;
    background: #fff;
    border-width: 4px;
    border-style: solid;
    border-color: rgba(202,165,81,1.0);
    border-radius: 50%;
    padding: 10px 10px 10px 10px;
    margin: 0px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.75);
}

a.tel.link-mobile {
        margin-top: -26px;
}
/* Aussen-Kreis Stil */ 
.cta-button.btn-cirle.light {
    background-color: rgba(202,165,81,1);
}
.btn-tel.light:before,
.cta-button.btn-cirle.light:before {
    border-color: rgba(202,165,81,1);
    color: rgba(102,102,102,1.5);
}
    
    
    
.no-btn {
    position: relative;
    box-sizing: border-box;
    width: 260px;
    height: 55px;
    color: rgba(102,102,102,01.0);
    font-size: 1.3em;
    line-height: 30px;
    text-align: center;
    background: transparent;
    border-radius: 5px;
    margin: 0px 0 25px 15px;
    padding: 12px 0px 12px 2px;

}

    
.no-btn mark {
    color: rgba(102,102,102,1.0);
    font-weight: bold;
}
.btn-cirle.btn-tel:before {
    position: absolute;
    top: -6px;
    left: -50px;
    display: block;
    width: 40px !Important;
    height: 40px;
    color: rgba(102,102,102,1.0);
    font-size: 2em;
    background: #fff;
    border-width: 4px;
    border-style: solid;
    border-color: rgba(160,155,218,1.0);
    border-radius: 50%;
    padding: 10px 10px 10px 10px;
    margin: 0px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.75);
}
    
}


@media screen and (max-width:740px){

#footerbanner h2{font-size: 1.4em; line-height:1.8rem; text-align:left;}
#footerbanner .cta-button{left:0%}

.center740{margin-left:35%;}

}



@media screen and (max-width:650px){
#footerbanner h2{font-size: 1.15em; line-height:1.8rem;}
#footerbanner img{width:55%; margin:0; padding:0}
#footerbanner .cta-button{left:-5%}
#footerbanner h3{ font-size:1.2em; padding:10px 0 10px 0;}

}


@media screen and (max-width:550px){
#footerbanner h2{font-size: 1.4em;}
#footerbanner img{width:55%; margin:0; padding:0}
#footerbanner h3{font-size:1.2em; }
#footerbanner .cta-button{left:-20%}

}


@media screen and (max-width:480px){
	
#footerbanner h2{font-size: 1.2em; }
#footerbanner h3{font-size:1.1em; padding:10px 0 10px 0;}
#footerbanner .cta-button{left:-20%}
.center740{margin-left:20%;}

}



@media screen and (max-width:380px){

#footerbanner h2{font-size: .8em; padding-bottom:0px }
#footerbanner h2{font-size: 1em; line-height:20px }
#footerbanner h3{font-size:0.9em;}
#footerbanner h3.klein{font-size:0.8em; padding-top:20px}
#footerbanner .cta-button{left:-70%;}
#footerbanner .container2{width:55%; top:-40px}

}


@media screen and (max-width:340px){
#footerbanner h3{font-size:1em}
.center740{margin-left:5%;}


/* Button Klein */

.cta-button-kl{
	background: #caa551;
	font-size: 1.1em;	
	letter-spacing:-0.03em;		
	border-radius: 5px;
	color: #fff;
	width: 200px;
	height: 45px;
	padding: 15px 40px;
	margin: 15px 0;
	text-align: center
	}

    


/* Innen-Kreis Stil */  
.cta-button-kl.btn-inline-cirle {
    position: relative;
    box-sizing: border-box;
    line-height: 12px;
    margin: 25px 0 25px 0px;
    padding: 16px 0px 12px 2px;
    border-radius: 100px;
}
.cta-button-kl.btn-inline-cirle span {
    padding-left: 35px;
}
.cta-button-kl.btn-inline-cirle:before {
    position: absolute;
    top: 3.5px;
    left: 3px;
    display: block;
    width: 10px;
    height: 10px;
    color: rgba(102,102,102,1.0);
    font-size: 1.1em;	

    background: #fff;
    border-width: 4px;
    border-style: solid;
    border-color: transparent;
    border-radius: 50%;
    padding: 10px 10px 10px 10px;
    margin: 0px;

} 

/* Ende Button Klein */

}

/* ***************** ENDE STEUERUNG FOOTERBANNER *************************************************************************************************+ */