* {margin:0; padding:0;scroll-behavior: smooth;}

:root {
--main-ci-color: #b964a2;
--main-ci-color-hover: #3A4F4A;
--light-ci-color: #CFFFF2;
--vlight-ci-color: #daf9f1 ;

--gray-ci-color: #F5F5F5;
--darkgray-ci-color: #375E6E;
}



.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-center{float:left;margin: 0;padding: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%}


.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-3box{padding:0; margin:0}
.ym-3box-left{margin:0; padding:0 8px 20px 8px;}
.ym-3box-right{margin:0; padding:0 8px 30px 8px; }

.ym-gbox-1 {padding:0 10px 0 0}
.ym-gbox-2 {padding:0 0 0 10px}
.ym-gbox-31 {padding:0 10px 0 0}
.ym-gbox-32 {padding:0 10px 0 10px}
.ym-gbox-33 {padding:0 0 0 10px}

.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}


html *{font-size:100% ;}
* html .flexible{width:100%; height: auto}
.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-display: swap;
    font-weight: 300;
    font-style: normal;
    color: #444;
}
    

ul,ol,dl{margin:0;padding:0;}

h1,h2,h3,h4,h5,h6{font-family: 'Open Sans', Arial,Helvetica,sans-serif; font-display: swap;
	font-weight:400;
	color: var(--third-ci-color);
	margin:0;
	letter-spacing:0.0em;
	}

h1 {font-size: clamp(2rem, 0.6359rem + 1.5534vw, 2.5rem);line-height: 1.3; margin: 3rem 0 1.2rem 0;}
h2 {font-size: clamp(1.5rem, 0.7573rem + 1.0356vw, 2rem);line-height: 1.3; margin: 2.5rem 0 1.2rem 0;}
h3 {font-size: clamp(1.375rem, 0.8786rem + 0.5178vw, 1.5rem);line-height: 1.3; margin: 2rem 0 1.2rem 0;}
h4 {font-size: clamp(1.1875rem, 0.909rem + 0.3883vw, 1.375rem);line-height: 1.3; margin: 1.8rem 0 1.2rem 0;}
h5 {font-size: clamp(1.125rem, 0.9545rem + 0.1942vw, 1.1875rem);line-height: 1.3; margin: 1.7rem 0 1.2rem 0;}
h6 {font-size: clamp(1.1rem, 0.9697rem + 0.1294vw, 1.125rem);line-height: 1.3; margin: 1.6rem 0 1.2rem 0;}


@media screen and (max-width:1024px){h1:first-child {padding:0.7rem 0 0.7rem 0; }}
@media screen and (max-width:740px){h1{margin: 2rem 0 0.5rem 0;} h1:first-child { margin-top:0rem; padding:0 0 0.7rem 0;} h2{margin:2.5rem 0 0.5rem 0;} ,h4,h5,h6{margin:2.5rem 0 0.5rem 0;} p{font-size: 17px; font-size: 1.05rem; line-height: 1.65; } }
@media screen and (max-width:600px){h1{margin: 2rem 0 0.5rem 0;} h1:first-child { margin-top:0.3rem; margin-bottom:0.5rem; padding:0 0 0.7rem 0;} h2{margin:2.5rem 0 0.5rem 0;} h3,h4,h5,h6{margin:2.5rem 0 0.5rem 0;} p{font-size: 17px; font-size: 1.05rem; line-height: 1.65; } }
@media screen and (max-width:480px){h1{margin: 3rem 0 0.5rem 0;} h1:first-child { margin-top:0.3rem; padding:0rem;} h2{margin:2.5rem 0 0.5rem 0;} h3,h4,h5,h6{margin:2.5rem 0 0.5rem 0;} p{font-size: 16px; font-size: 1rem; line-height: 1.6; }}



p {font-size: 17.6px; font-size: 1.1rem; line-height: 1.55; margin:0 0 1.2rem 0;} /* 16/16 = 1 */

hr{color:#fff;background:transparent;margin:0 0 .75em 0;padding:0 0 .75em 0;border:0;border-bottom:1px #e7e7e7 solid}



small {font-size: 0.7rem;}
a {color: #666; text-decoration: none}
a:hover {color: #333}

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


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


*:target {text-decoration: none; outline: none}
*:active {text-decoration: none; outline: none}
*:checked {text-decoration: none; outline: none}
*:visited {text-decoration: none; outline: none}
*:focus {text-decoration: none; outline: none}
*:link {text-decoration: none; outline: none}






.ym-wrapper{text-align:left; margin:0 auto; padding: 0 10px; max-width:1200px; border: solid 0px #f90;}

@media (min-width: 1600px) {  
.ym-wrapper{text-align:left; margin:0 auto; max-width:1400px;}
.ym-wrapper-footer{text-align:left;margin:0 auto; padding:25px 10px 0px 10px;  max-width:1400px}
}

.ym-wbox{padding:35px 0 0 0; border: solid 0px #f90;}
@media screen and (max-width:1024px){.ym-wbox{padding: 15px 0 50px 0;}}
@media screen and (max-width:740px){.ym-wbox{padding: 5px 0 50px 0;}}
@media screen and (max-width:600px){.ym-wbox{padding: 0px 0 50px 0;}}


.ym-wbox:first-child{padding:50px 0 0 0; border: solid 0px #f90;}
@media screen and (max-width:1024px){.ym-wbox:first-child{padding: 0px 0 50px 0;}}
@media screen and (max-width:740px){.ym-wbox:first-child{padding: 0px 0 50px 0;}}
@media screen and (max-width:600px){.ym-wbox:first-child{padding: 0px 0 50px 0;}}


#main {padding-top:165px; border: solid 0px #f90;}

@media screen and (max-width:740px){#main {padding-top:120px;}}


















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

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

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

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

@media screen and (max-width:740px){
.displaynone740 {display: none}
.display740 {display: block}
}

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

.displaynone480inline {display: inline-block}
.display480inline {display: none}

@media screen and (max-width:480px){
.displaynone480 {display: none}
.display480 {display: block}

.displaynone480inline {display: none}
.display480inline {display: inline-block}
}


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

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

@media screen and (max-width:960px){
.displaynone960 {display: none}
.display960 {display: block}
}

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

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

@media screen and (max-width:1024px){
.displaynone1024 {display: none}
.display1024 {display: block}

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

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

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

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

@media screen and (max-width:1280px){
.displaynone1280 {display: none}
.display1280 {display: block}
}

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

@media screen and (max-width:1350px){
.displaynone1350 {display: none}
.display1350 {display: block}
}







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

@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}
}

@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}
}

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

@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}
}

@media screen and (max-width:355px){
.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{position: fixed; z-index: 999999}

.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;
	width:100%;
	}

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




@media screen and (max-width:1024px){
.header-960 {
	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 .headerlinks img{margin: 0 auto; width:400px;}
header{position: absolute; z-index: 999999}

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

}

@media screen and (max-width:740px){
.header-960 {height: 100px;}
header .headerlinks img{margin: 0 auto; padding-top:10px;  width:300px;}
header .headerpadding{padding:10px 0 0 0}
}

@media screen and (max-width:480px){
header .headerlinks img{margin: 0 0 0 10px; padding-top:10px; width:265px;;}
header {margin:0; padding:0;}
}

@media screen and (max-width:340px){
header .headerlinks img{margin: 0 0 0 10px; padding-top:12px; width:250px;;}
}









#nachoben {
        position: fixed;
        right: 1%;
        bottom: 1%;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background-color: rgba(185,100,162,0.5);
        padding: 0;
        display:none;
        z-index:100000;
        border: solid 1px #fff;
	}

@media screen and (max-width:960px){#nachoben {right: 1%; bottom:120px;}}

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


.sz-button-kl {float: left;
	width: 40px;
	height: 40px;
	color: #b964a2;
	font-size: 1.8em;
	line-height: 40px;
	background: #fff;
	border-radius: 2px; 
	text-align: center;
	margin: 0 5px 0 0;
	border:0px solid #f90;
	}






footer{color: #9f9f9f; background:#474747;}

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




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

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


.linkklw p {color:#fff;} 

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

	}

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


footer .telphrase {color: #b964a2}
footer .telphrase a{color: #b964a2}
footer .telphrase span {color: #b964a2}
footer .telphrase a:hover{color: #b964a2}


.social-media-linkfuss {margin: 0 auto; border: solid 0px #f90; text-align: center}
.social-media-linkfuss span{color: #b964a2 ; font-size: 2.25em; }
.social-media-linkfuss span:hover{color: #c470ad;}