/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/fonts/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvao7CGPrEHJA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(/fonts/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvao7CIPrE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/fonts/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVtaorCGPrEHJA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(/fonts/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVtaorCIPrE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVuEorCGPrEHJA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVuEorCIPrE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCGPrEHJA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvoorCGPrEHJA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvoorCIPrE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVsEpbCGPrEHJA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVsEpbCIPrE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVs9pbCGPrEHJA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVs9pbCIPrE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVtapbCGPrEHJA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVtapbCIPrE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/fonts/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVtzpbCGPrEHJA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/fonts/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVtzpbCIPrE.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}






/* latin-ext */
@font-face {
  font-family: 'Saira Extra Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/-nFiOHYr-vcC7h8MklGBkrvmUG9rbpkisrTj5kj05Cs.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Saira Extra Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/-nFiOHYr-vcC7h8MklGBkrvmUG9rbpkisrTj6Ej0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: 'Saira Extra Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/-nFvOHYr-vcC7h8MklGBkrvmUG9rbpkisrTrG2vh1Qphim8.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Saira Extra Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/-nFvOHYr-vcC7h8MklGBkrvmUG9rbpkisrTrG2vh2wph.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}






:root {
--ico_check1: url("data:image/webp;base64,UklGRuYAAABXRUJQVlA4WAoAAAAQAAAADQAADwAAQUxQSHsAAAARgFpt2/LmCSc2LhOwxAGYJLMlBUtwMkEsSp6EJRVUHbdPKThBREwAbtZYPinw0j4l/MHaCdZXsnVMuSc5O9Yh+d4C4FIATpL3VkDVZwHiOblVA5kn8l6RJh8NADRDkqUNP2z4K8i/85Us4qj/mRwIjsH2elDi1HgU/wMAVlA4IEQAAABwAgCdASoOABAAAsBMJbACxJUBOoAMWKUHL5gAAP773S/c2sXqFPhQT6ZKd7GpgQh4Z85Xz+8A5/A6FWDDXtnp708AAA==");
}




html {scroll-behavior: smooth; font-family: 'Raleway', sans-serif; font-size: 16px; line-height: 28px;}
@media screen and (max-width : 680px){ html {font-size: 13px; line-height: 22px;} }
body {margin: 0px; color: #555;
background: rgb(239,251,255);
background: -moz-linear-gradient(left,  rgba(239,251,255,1) 0%, rgba(255,255,255,1) 50%, rgba(239,251,255,1) 100%);
background: -webkit-linear-gradient(left,  rgba(239,251,255,1) 0%,rgba(255,255,255,1) 50%,rgba(239,251,255,1) 100%);
background: linear-gradient(to right,  rgba(239,251,255,1) 0%,rgba(255,255,255,1) 50%,rgba(239,251,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#effbff', endColorstr='#effbff',GradientType=1 );
}
* {margin: 0; padding: 0;}
.clear {clear: both;}
.tac {text-align: center;}
.dp-b {display: block;}
img {border: 0px; height: auto;}

@media screen and (max-width : 680px){ .novis680 {display: none;} }

/*!
*  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
*  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/@font-face{font-family:'FontAwesome';src:url('/fonts/fontawesome-webfont.eot?v=4.4.0');src:url('/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),url('/fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),url('/fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),url('/fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),url('/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');font-weight:normal !important;font-style:normal;font-display:swap;}




.wrap {width: 100%; margin: 0 auto; max-width: 1200px;}

p {padding: 10px;}

.tac {text-align: center;}
.fs120 {font-size: 120%; line-height: 130%;}

a {text-decoration: none; color: #3487d5; transition: color 0.3s;}
a:hover {color: #333;}

.ankerlink {position: relative; top: -30px;}



.hd01 {display: block; margin: 80px 10px 10px 10px; font-family: 'Saira Extra Condensed', sans-serif; font-size: 30px; line-height: 38px; font-weight: 400; color: #67a6d9;}
@media screen and (max-width : 680px){ .hd01 {font-size: 18px; line-height: 24px; margin: 40px 10px 10px 10px;} }
 h1.hd01 {margin: 20px 10px 10px 10px;}

.hd02 {display: block; margin: 30px 10px 10px 10px; font-family: 'Saira Extra Condensed', sans-serif; font-size: 24px; line-height: 28px; font-weight: 400; color: #ff53a8; text-transform: uppercase;}
.hd02:before {content: "❱❱"; margin-right: 5px; color: #2585d6;}
@media screen and (max-width : 680px){ .hd02 {font-size: 18px; line-height: 22px;} }






/***TOPSCROLLLINK***/
#top {position: absolute; top: 0;}
a[href="#top"] {position: fixed; bottom: 0px; right: -30px; z-index: 105; transform: rotate(-90deg) translate(100%, 0); -webkit-transform: rotate(-90deg) translate(100%, 0); transition: all 0.4s;}
a[href="#top"]:before {content: "Zurück nach Oben";  font-size: 13px; font-weight: 600; text-transform: uppercase; color: #ff53a8; }
a[href="#top"]:after {content: ""; background-color: #ff53a8; width: 30px; height: 2px; display: inline-block; position: absolute; top: 15px; right: -35px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
a[href="#top"]:hover:after {width: 50px; right: -60px;}

@media screen and (max-width : 680px){
	a[href="#top"] {bottom: -20px; right: -50px;}
}
/**********/














:root {
--max_width: 1200px;
--navheight: 60px;
}
@media screen and (max-width : 680px){
	:root {
	--navheight: 56px;
	}
}

/*** NAVIGATION ***/
#navi_switch {display: none;}
#navspace {height: var(--navheight);}
@media screen and (min-width : 1001px){
	nav {position: fixed; z-index: 1000; top: 0px; left: 0; width: 100%; height: var(--navheight); display: flex; justify-content: space-between; align-items: center; background: #213d53;}

	#logo {display: flex; align-items: center; width: 400px; height: var(--navheight); background: url(/img/logo.webp) center no-repeat; background-size: 100%; padding-left: 10px; color: #FFF; text-align: center;}


	nav > ul {width: calc(100% - 400px); display: flex; justify-content: center; list-style-type: none;}
	nav > ul > li {margin: 0 15px; position: relative;}
	nav > ul > li > a {height: var(--navheight); display: flex; align-items: center; color: #FFF; text-transform: uppercase; font-weight: 400; letter-spacing: -0.5px; text-align: center;}
	nav > ul > li:hover > a {color: #ff8bc4; text-shadow: 0 0 10px #ff53a8;}

	@media screen and (max-width : 1300px){ nav > ul > li > a {font-size: 80%;} }

}


@media screen and (max-width : 1000px){
	nav {position: fixed; z-index: 1000; top: 0px; left: 0; width: 100%; max-width: var(--max_width); height: var(--navheight); display: flex; justify-content: space-between; align-items: center; background: #213d53;}

	#logo {display: block; width: 350px; height: var(--navheight); background: url(/img/logo.webp) center no-repeat; background-size: 100%; padding-left: 10px; color: #FFF;}


	nav > ul {position: fixed; z-index: 1100; top: 0px; left: 0px; padding-top: 50px; width: 100%; height: calc(100% - 50px); overflow-y: auto; background: rgba(255,255,255, 0.95); pointer-events: none; opacity: 0; transition: all 0.4s;}
	nav > ul > li > a {display: block; padding: 10px 10px; text-transform: uppercase; font-size: 12px; font-weight: 800; color: #FFF; text-shadow: 1px 1px 0 rgba(0,0,0, 0.2); border-bottom: 1px solid rgba(0,0,0, 0.05);
background: #ff53a8;
background: -moz-linear-gradient(left,  #ff53a8 0%, #2585d6 100%);
background: -webkit-linear-gradient(left,  #ff53a8 0%,#2585d6 100%);
background: linear-gradient(to right,  #ff53a8 0%,#2585d6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff53a8', endColorstr='#2585d6',GradientType=1 );
}
	nav > ul > li:hover > a {color: #FFF;}

	label[for="navi_switch"] {display: flex; flex-direction: column; justify-content: space-between; width: 20px; height: 17px; position: fixed; z-index: 1101; top: 20px; right: 10px;}
	label[for="navi_switch"] > div {width: 100%; height: 3px; background: #ff53a8; transition: background 0.4s;}

	#navi_switch:checked ~ nav ul {pointer-events: auto; opacity: 1;}
	#navi_switch:checked ~ label[for="navi_switch"] > div {width: 100%; height: 3px; background: #67a6d9;}
}

@media screen and (max-width : 680px){
	#navspace {margin-bottom: 10px;}
}
@media screen and (max-width : 420px){
	#logo {width: 260px;}
}




/* SUBNAV1 */


@media screen and (min-width : 1001px){
	.nav_sub1 {width: 100%; max-width: 1380px; position: fixed; top: var(--navheight); left: 50%; transform: translate(-50%, 0); box-shadow: 0 0 10px rgba(0,0,0,.5); opacity: 0; pointer-events: none; transition: opacity 0.3s ease-in-out;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 30%, #ffffff 30%, #e1e9ed 100%);
background: -webkit-linear-gradient(top,  #ffffff 30%,#ffffff 30%,#e1e9ed 100%);
background: linear-gradient(to bottom,  #ffffff 30%,#ffffff 30%,#e1e9ed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e9ed',GradientType=0 );
	}
	.nav_sub1 > ul {list-style-type: none; display: flex; flex-wrap: wrap; margin: 20px;}
	.nav_sub1 > ul > li {width: calc((100 / 4) * 1% - 8.333px); padding: 5px 0; background: rgba(0,0,0, 0.03); box-shadow: inset 0 0 0 1px rgba(0,0,0, 0.05); margin-right: 10px; margin-bottom: 10px; transition: all 0.3s;}
	.nav_sub1 > ul > li:hover {box-shadow: inset 0 0 0 1px rgba(219,84,109, 0.3), 0 0 10px rgba(0,0,0, 0.1);}
	@media screen and (min-width : 1201px){ .nav_sub1 > ul > li:nth-of-type(4n+4) {margin-right: 0px;} }
	.nav_sub1 > ul > li > a {display: flex; color: rgba(0,0,0, 0.5);}
	.nav_sub1 > ul > li:hover > a {color: #c8314a;}
	.nav_sub1 > ul > li > a > div:nth-of-type(1) {width: 80px; margin-left: 5px;}
	.nav_sub1 > ul > li > a > div:nth-of-type(1) > div {width: 100%; height: 0px; padding-bottom: 75%;}
	.nav_sub1 > ul > li > a > div:nth-of-type(1) img {display: none; width: 100%; height: auto;}
	nav > ul > li:hover .nav_sub1 > ul > li > a > div:nth-of-type(1) img {display: block;}
	.nav_sub1 > ul > li > a > div:nth-of-type(2) {width: calc(100% - 80px - 5px - 5px); padding-left: 5px; display: flex; justify-content: center; align-items: center; text-align: center;}

	nav > ul > li:hover .nav_sub1 {display: block; opacity: 1; pointer-events: auto;}

	@media screen and (max-width : 1200px){
		.nav_sub1 > ul > li {width: calc((100 / 4) * 1% - 7.5px);}
		.nav_sub1 > ul > li:nth-of-type(4n+4) {margin-right: 0px;}
		.nav_sub1 > ul > li > a > div:nth-of-type(2) {font-size: 80%;}
	}

}


@media screen and (max-width : 1000px){
	.nav_sub1 > ul > li > a > div:nth-of-type(1) {display: none;}

	.nav_sub1 > ul {display: flex; flex-wrap: wrap; list-style-type: none;}
	.nav_sub1 > ul > li {width: 50%;}
	.nav_sub1 > ul > li > a {display: block; padding: 6px 15px; border-bottom: 1px solid rgba(0,0,0, 0.1);}
	.nav_sub1 > ul > li > a > div:nth-of-type(2):before {content: "›"; color: #000; margin-right: 5px;}
}
/***********/



















/*** MAINSIZE ***/
.mainsize1 {width: 100%; display: table;}
.mainsize1 > div:nth-of-type(1) {display: table-cell; width: calc(65% - 20px); vertical-align: top;}
.mainsize1 > div:nth-of-type(2) {display: table-cell; width: 20px;}
.mainsize1 > div:nth-of-type(3) {display: table-cell; width: 35%; vertical-align: top; background: reed;}

@media screen and (max-width : 750px){
.mainsize1 {width: 100%; display: block;}
.mainsize1 > div:nth-of-type(1) {display: block; width: 100%;}
.mainsize1 > div:nth-of-type(2) {display: none;}
.mainsize1 > div:nth-of-type(3) {display: block; width: 100%;}
}
/***********/







/*** BILDER ***/
:root {
  --pic_margin: 10px;
  --pic_padding: 0px;
  --pic_width: 20px;
}
.picleft {display: block; float: left; margin: var(--pic_margin) !important;}
.picright {display: block; float: right; margin: var(--pic_margin) !important;}
.picfull {display: block; width: calc(100% - 20px); margin: var(--pic_margin) auto; text-align: center;}
.picborder {width: calc(100% - var(--pic_width)); margin: var(--pic_margin) auto; padding: var(--pic_padding); text-align: center; box-shadow: 0 5px 3px rgba(0,0,0, 0.3);}
.picborder .picfull {width: 100%; margin: 0 0 var(--pic_padding) 0;}

.pw20 {width: 20%;}
.pw25 {width: 25%;}
.pw30 {width: 30%;}
.pw35 {width: 35%;}
.pw40 {width: 40%;}

.mw200 {max-width: 200px;}
.mw250 {max-width: 250px;}
.mw300 {max-width: 300px;}
.mw350 {max-width: 350px;}
.mw400 {max-width: 400px;}
.mw450 {max-width: 450px;}
.mw500 {max-width: 500px;}
.mw550 {max-width: 550px;}
.mw600 {max-width: 600px;}
.mw650 {max-width: 650px;}
.mw700 {max-width: 700px;}
.mw750 {max-width: 750px;}
.mw800 {max-width: 800px;}
.mw850 {max-width: 850px;}
.mw900 {max-width: 900px;}
.mw950 {max-width: 950px;}
.mw1000 {max-width: 1000px;}

.mt1 {margin-top: 1%;}
.mt5 {margin-top: 5% !important;}

@media screen and (max-width : 480px){
	.mobfull {display: block; float: none !important; width: calc(100% - 40px) !important; margin: 10px auto !important; padding: 10px !important;}
}


.lazy {visibility: hidden; opacity: 0; transition: opacity 0.3s;}
.loading, .loaded {visibility: visible; opacity: 1;}
/***********/







/** LISTEN **/
.list1 {list-style-type: none !important; margin: 15px 0 15px 30px !important;}
.list1 li {margin-left: 0; margin-bottom: 10px; background: url(img/arrow1.png) no-repeat left center; padding-left: 25px;}
@media screen and (max-width : 680px){ .list1 {margin: 10px 0 10px 15px !important;} }

.listpos {list-style-type: none !important; margin: 15px 0 15px 30px !important;}
.listpos li {margin-left: 0; margin-bottom: 10px; background: url(img/listpos.png) no-repeat left center; padding-left: 25px;}
@media screen and (max-width : 680px){ .listpos {margin: 10px 0 10px 15px !important;} }

.listneg {list-style-type: none !important; margin: 15px 0 15px 30px !important;}
.listneg li {margin-left: 0; margin-bottom: 10px; background: url(img/listneg.png) no-repeat left center; padding-left: 25px;}
@media screen and (max-width : 680px){ .listneg {margin: 10px 0 10px 15px !important;} }

.related {display: grid; gap: 20px 20px; grid-template-columns: repeat(2,minmax(0,1fr)); margin: 20px 10px; list-style-type: none;}
.related li {}
.related li a {display: block; background: rgba(0,0,0, 0.1); padding: 10px; border-radius: 5px;}
.related li a:before {font-family: FontAwesome; content: '\f002'; color: rgba(0,0,0, 0.8); margin: 0 20px 0 10px;}
@media screen and (max-width : 680px){ .related {grid-template-columns: repeat(1,minmax(0,1fr));} }

.listecheck {padding: 0; margin: 10px auto; width: calc(100% - 20px); max-width: 490px; font-size: 110%;}
.listecheck li {list-style-type: none; margin: 15px 0; padding-left: 25px; background: var(--ico_check1) left center no-repeat;}
.listecheck .subarg {font-size: 90%; margin-left: 10px; display: block;}
/**********/









input[name="morecats"] {display: none;}
.morecats {display: flex; margin: 20px 10px;}
.morecats > div:nth-of-type(2) {width: calc(100% - 60px); position: relative; overflow: hidden;}
.morecats > div:nth-of-type(1), .morecats > div:nth-of-type(3) {width: 30px; position: relative;}

.morecats > div:nth-of-type(1) label {position: absolute; width: 25px; height: 100%; top: 0px; left: 0px; display: flex; align-items: center; justify-content: center; color: #FFF; display: none; cursor: pointer;
background: #d03783;
background: -moz-linear-gradient(top,  #d03783 0%, #345f81 100%);
background: -webkit-linear-gradient(top,  #d03783 0%,#345f81 100%);
background: linear-gradient(to bottom,  #d03783 0%,#345f81 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d03783', endColorstr='#345f81',GradientType=0 );
}
.morecats > div:nth-of-type(1) label:after {font-family: FontAwesome; content: '\f100'; font-size: 20px;}

.morecats > div:nth-of-type(3) label {position: absolute; width: 25px; height: 100%; top: 0px; left: 5px; display: flex; align-items: center; justify-content: center; color: #FFF; display: none; cursor: pointer;
background: #d03783;
background: -moz-linear-gradient(top,  #d03783 0%, #345f81 100%);
background: -webkit-linear-gradient(top,  #d03783 0%,#345f81 100%);
background: linear-gradient(to bottom,  #d03783 0%,#345f81 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d03783', endColorstr='#345f81',GradientType=0 );
}
.morecats > div:nth-of-type(3) label:after {font-family: FontAwesome; content: '\f101'; font-size: 20px;}

.morecats > div:nth-of-type(2) > div {width: 400%; position: relative; transition: 0.4s; display: flex;}
.morecats > div:nth-of-type(2) > div > div {width: 25%; display: grid; gap: 10px 10px; grid-template-columns: repeat(4,minmax(0,1fr));}

#mc_1:checked ~ .morecats > div:nth-of-type(2) > div {left: 0%;}		#mc_1:checked ~ .morecats > div:nth-of-type(1) label:nth-of-type(1) {display: flex; opacity: 0.3;}	#mc_1:checked ~ .morecats > div:nth-of-type(3) label:nth-of-type(2) {display: flex;}
#mc_2:checked ~ .morecats > div:nth-of-type(2) > div {left: -100%;}	#mc_2:checked ~ .morecats > div:nth-of-type(1) label:nth-of-type(1) {display: flex;}	#mc_2:checked ~ .morecats > div:nth-of-type(3) label:nth-of-type(3) {display: flex;}
#mc_3:checked ~ .morecats > div:nth-of-type(2) > div {left: -200%;}	#mc_3:checked ~ .morecats > div:nth-of-type(1) label:nth-of-type(2) {display: flex;}	#mc_3:checked ~ .morecats > div:nth-of-type(3) label:nth-of-type(4) {display: flex;}
#mc_4:checked ~ .morecats > div:nth-of-type(2) > div {left: -300%;}	#mc_4:checked ~ .morecats > div:nth-of-type(1) label:nth-of-type(3) {display: flex;}	#mc_4:checked ~ .morecats > div:nth-of-type(3) label:nth-of-type(4) {display: flex; opacity: 0.3;}


.categorys {margin: 10px; }
.morecats > div:nth-of-type(2) > div > div a {position: relative; width: 100%; height: 0px; padding-bottom: 75%;
background: #ff53a8;
background: -moz-linear-gradient(45deg,  #ff53a8 0%, #2585d6 100%);
background: -webkit-linear-gradient(45deg,  #ff53a8 0%,#2585d6 100%);
background: linear-gradient(45deg,  #ff53a8 0%,#2585d6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff53a8', endColorstr='#2585d6',GradientType=1 );
}
.morecats > div:nth-of-type(2) > div > div a div {position: absolute; width: 100%; height: 100%; top: 0px; left: 0px;}
.morecats > div:nth-of-type(2) > div > div a div img {display: block; object-fit: cover; width: 100%; height: 100%; object-position: 50% 50%; opacity: 0.5; transition: 0.4s;}
.morecats > div:nth-of-type(2) > div > div a:hover div img {opacity: 0.8;}
.morecats > div:nth-of-type(2) > div > div a div span {display: block; text-align: center; position: absolute; width: calc(100% - 60px); left: 20px; bottom: -10px; padding: 5px 10px 15px 10px; color: #FFF; text-shadow: 1px 1px 0 rgba(0,0,0, 0.3), 0 0 5px rgba(0,0,0, 0.4); font-size: 100%; line-height: 120%; text-transform: uppercase; font-weight: 600; transition: 0.4s; hyphens: auto;
background: #213d53;
background: -moz-linear-gradient(left,  #213d53 0%, #345f81 99%);
background: -webkit-linear-gradient(left,  #213d53 0%,#345f81 99%);
background: linear-gradient(to right,  #213d53 0%,#345f81 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#213d53', endColorstr='#345f81',GradientType=1 );

}
.morecats > div:nth-of-type(2) > div > div a:hover div span {color: #ff8bc4;}

@media screen and (max-width : 1000px){
	.morecats > div:nth-of-type(2) > div > div a div span {font-size: 80%; line-height: 120%;}
}
@media screen and (max-width : 680px){
	.morecats > div:nth-of-type(2) > div > div {grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 10px; margin-bottom: 10px;}
	.morecats > div:nth-of-type(2) > div > div a div span {width: calc(100% - 40px); left: 10px; bottom: -10px; padding: 5px 5px 5px 5px; font-size: 70%; hyphens: auto;}
}















/**** BUTTONS ****/
.buttonwrap {margin: 10px 0; text-align: center;}
.buttonwrap2 {position: fixed; z-index: 105; left: 0px; top: 50px; width: 100%; text-align: center;}

.button1 {display: inline-block; margin: 5px; padding: 13px; text-align: center; text-decoration: none; font-family: 'Saira Extra Condensed', sans-serif;}
.button2 {display: inline-block; margin: 5px; padding: 5px; text-align: center; text-decoration: none; font-family: 'Saira Extra Condensed', sans-serif;}

.button1 small {font-weight: 300;}

.buttoncol1 {color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0, 0.2); font-weight: 500; font-size: 28px; line-height: 40px; text-transform: uppercase; border-radius: 0px; box-shadow: 0 4px 10px rgba(0,0,0, 0.2); border-radius: 3px; transition: all 0.5s;
background: rgb(255,128,191);
background: -moz-linear-gradient(top,  rgba(255,128,191,1) 0%, rgba(209,62,135,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,128,191,1) 0%,rgba(209,62,135,1) 100%);
background: linear-gradient(to bottom,  rgba(255,128,191,1) 0%,rgba(209,62,135,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff80bf', endColorstr='#d13e87',GradientType=0 );

background-size: 300% 300%; background-position: center;
}
.buttoncol1:hover {color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0, 0.4); box-shadow: 0 4px 10px rgba(0,0,0, 0.4);
background-size: 100% 100%; background-position: center;
}

.buttonwrap2 .buttoncol1 {font-size: 24px; line-height: 28px; padding: 13px 13px 5px 13px;}
@media screen and (max-width : 680px){ .buttonwrap2 .buttoncol1 {font-size: 20px; line-height: 24px; padding: 13px 13px 5px 13px;} }
@media screen and (max-width : 450px){ .buttonwrap2 .buttoncol1 {font-size: 18px; line-height: 22px; padding: 13px 4px 5px 4px;} .buttonwrap2 .buttoncol1 small {font-size: 15px !important; line-height: 22px; letter-spacing: -0.5px;} }

.col2 {color: rgba(0,0,0, 0.7); text-shadow: 1px 1px 0 rgba(255,255,255, 0.1);}
/***********/






/**** YOUTUBEVIDEO ****/
.ytvideocontainer {width: 560px; height: 355px; padding: 10px; background: rgba(171,212,247, 0.3); box-shadow: inset 0 0 0 1px #add8fc, inset 0 0 5px rgba(0,0,0, 0.4), 0 0 0 1px rgba(255,255,255, 0.3); display: block; margin: 1% auto;}
.ytvideo {display: block; width: 560px; height: 355px; margin: auto;}

@media screen and (max-width : 920px){ .ytvideo {width: 450px; height: 253px;} .ytvideocontainer {width: 450px; height: 253px;} }
@media screen and (max-width : 800px){ .ytvideo {width: 370px; height: 208px;} .ytvideocontainer {width: 370px; height: 208px; padding: 5px;} }
@media screen and (max-width : 680px){ .ytvideo {width: 550px; height: 309px;} .ytvideocontainer {width: 550px; height: 309px; padding: 10px;} }
@media screen and (max-width : 600px){ .ytvideo {width: 450px; height: 253px;} .ytvideocontainer {width: 450px; height: 253px;} }
@media screen and (max-width : 500px){ .ytvideo {width: 370px; height: 208px;} .ytvideocontainer {width: 370px; height: 208px; padding: 5px;} }
@media screen and (max-width : 400px){ .ytvideo {width: 280px; height: 158px;} .ytvideocontainer {width: 280px; height: 158px; padding: 5px;} }
/***********/







.zitat1 {border-top: 3px solid #aedaff; border-bottom: 3px solid #aedaff; margin: 40px 10px; padding: 20px 10px; font-size: 135%; line-height: 1.3; text-align: center; font-weight: 500;}
.zitat1:before {font-family: FontAwesome; content: '\f10d'; display: block; text-align: center; margin-bottom: 20px; font-size: 200%; line-height: 1.1; color: #ff53a8;}
.zitat1:after {font-family: FontAwesome; content: '\f10e'; display: block; text-align: center; margin-top: 20px; font-size: 200%; line-height: 1.1; color: #ff53a8;}
.zitat1 span {display: block; text-align: right; font-weight: 300; color: #2585d6;}
@media screen and (max-width : 680px){
	.zitat1 {padding: 10px;}
	.zitat1:before {font-size: 150%; margin-bottom: 10px;}
	.zitat1:after {font-size: 150%; margin-top: 10px;}
}







.catinfo {display: block; margin: 20px 10px; text-align: center; padding: 10px 20px; color: #FFF; text-transform: uppercase; font-size: 120%;
background: #213d53;
background: -moz-linear-gradient(left,  #213d53 0%, #345f81 50%, #213d53 100%);
background: -webkit-linear-gradient(left,  #213d53 0%,#345f81 50%,#213d53 100%);
background: linear-gradient(to right,  #213d53 0%,#345f81 50%,#213d53 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#213d53', endColorstr='#213d53',GradientType=1 );
}

.catinfo span:before {content:""; display: block; width: 60px; height: 40px; margin: auto; background: url("data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNDAwMHB4IiBoZWlnaHQ9IjI1NTBweCIgdmlld0JveD0iMCAwIDQwMDAgMjU1MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDAwMCAyNTUwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjAwMy44LDQ1LjdMNTg4LDI1MDQuM2gyODMzLjVMMjAwMy44LDQ1Ljd6IE0yMTY1LjYsMjI2Ni41aC0zMzEuMXYtMjcwLjJoMzMxLjFMMjE2NS42LDIyNjYuNSBMMjE2NS42LDIyNjYuNXogTTE4MzQuNCwxOTE4LjJsLTM2LjItMTA0Mi44aDQwMy40bC0zNi4yLDEwNDAuOWgtMzMxLjFWMTkxOC4yeiIvPjwvc3ZnPg0K") center no-repeat; background-size: 100%;}






/**** 3BANNER ****/
.endbanner {display: flex; justify-content: space-between; margin: 10px;}
.endbanner a {display: block; width: 32.5%; max-width: 300px;}
.endbanner img {display: block; width: 100%;}
@media screen and (max-width : 480px){
	.endbanner {flex-wrap: wrap; justify-content: center;}
	.endbanner a {width: 100%;}
	.endbanner img {display: block; max-width: none; margin-bottom: 10px;}
}
/*************************/









/**** INFO BOX ****/
.infodiv {margin: 20px 10px; padding: 30px 10px 30px 80px; position: relative; box-shadow: 0 1px 2px rgba(0,0,0, 0.4), 0 -1px 0 0 rgba(255,255,255, 0.3); color: #67a6d9; overflow: hidden; font-size: 120%; line-height: 130%;
background: rgb(239,251,255);
background: -moz-linear-gradient(top,  rgba(239,251,255,1) 0%, rgba(255,255,255,1) 50%, rgba(239,251,255,1) 100%);
background: -webkit-linear-gradient(top,  rgba(239,251,255,1) 0%,rgba(255,255,255,1) 50%,rgba(239,251,255,1) 100%);
background: linear-gradient(to bottom,  rgba(239,251,255,1) 0%,rgba(255,255,255,1) 50%,rgba(239,251,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#effbff', endColorstr='#effbff',GradientType=0 );
}
.infodiv .info {width: 70px; height: 70px; background: url(/img/icon-info.webp) center no-repeat; background-size: 100%; position: absolute; left: 0px; top: 0px;}
.infodiv .tipp {width: 70px; height: 70px; background: url(/img/icon-tipp.webp) center no-repeat; background-size: 100%; position: absolute; left: 0px; top: 0px;}
.infodiv .warning {width: 70px; height: 70px; background: url(/img/icon-warning.webp) center no-repeat; background-size: 100%; position: absolute; left: 0px; top: 0px;}

@media screen and (max-width : 680px){
	.infodiv {padding: 20px 10px 20px 50px;}
	.infodiv .info {width: 50px; height: 50px;}
	.infodiv .tipp {width: 50px; height: 50px;}
	.infodiv .warning {width: 50px; height: 50px}
}
/***********/






/**** KATEGORIEN ****/
.categorys {margin: 10px; display: grid; gap: 20px 20px; grid-template-columns: repeat(4,minmax(0,1fr));}
.categorys a {position: relative; width: 100%; height: 0px; padding-bottom: 75%;
background: #ff53a8;
background: -moz-linear-gradient(45deg,  #ff53a8 0%, #2585d6 100%);
background: -webkit-linear-gradient(45deg,  #ff53a8 0%,#2585d6 100%);
background: linear-gradient(45deg,  #ff53a8 0%,#2585d6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff53a8', endColorstr='#2585d6',GradientType=1 );
}
.categorys a div {position: absolute; width: 100%; height: 100%; top: 0px; left: 0px;}
.categorys a div img {display: block; object-fit: cover; width: 100%; height: 100%; object-position: 50% 50%; opacity: 0.5; transition: 0.4s;}
.categorys a:hover div img {opacity: 0.8;}
.categorys a div span {display: block; text-align: center; position: absolute; width: calc(100% - 60px); left: 20px; bottom: -10px; padding: 10px; color: #FFF; text-shadow: 1px 1px 0 rgba(0,0,0, 0.3), 0 0 5px rgba(0,0,0, 0.4); font-size: 130%; line-height: 120%; text-transform: uppercase; font-weight: 600;transition: 0.4s;
background: #213d53;
background: -moz-linear-gradient(left,  #213d53 0%, #345f81 99%);
background: -webkit-linear-gradient(left,  #213d53 0%,#345f81 99%);
background: linear-gradient(to right,  #213d53 0%,#345f81 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#213d53', endColorstr='#345f81',GradientType=1 );

}
.categorys a:hover div span {color: #ff8bc4;}


@media screen and (max-width : 1000px){
	.categorys a div span {font-size: 80%;}
}
@media screen and (max-width : 680px){
	.categorys {grid-template-columns: repeat(2,minmax(0,1fr));}
	.categorys a div span {font-size: 130%;}
}
@media screen and (max-width : 480px){
	.categorys a div span {font-size: 100%;}
}
/***********/






.wrapcamcat {max-width: 800px; margin: auto;}
div[class^="camcat-"] {margin: 20px 10px; height: 0; padding-bottom: 75%; background-size: 100% !important;}

.camcat-teens {background: url(/img/teens/camcat.webp) center no-repeat;}
.camcat-milf {background: url(/img/milfs/camcat.webp) center no-repeat;}
.camcat-hausfrauen {background: url(/img/hausfrauen/camcat.webp) center no-repeat;}
.camcat-reifefrauen {background: url(/img/reife-frauen/camcat.webp) center no-repeat;}
.camcat-omas {background: url(/img/omas/camcat.webp) center no-repeat;}
.camcat-asia {background: url(/img/asia/camcat.webp) center no-repeat;}
.camcat-tuerkin {background: url(/img/tuerkin/camcat.webp) center no-repeat;}
.camcat-titten {background: url(/img/titten/camcat.webp) center no-repeat;}
.camcat-domina {background: url(/img/domina/camcat.webp) center no-repeat;}
.camcat-bdsm {background: url(/img/bdsm/camcat.webp) center no-repeat;}
.camcat-sklavin {background: url(/img/sklavin/camcat.webp) center no-repeat;}
.camcat-rollenspiele {background: url(/img/rollenspiele/camcat.webp) center no-repeat;}
.camcat-fetteweiber {background: url(/img/fette-weiber/camcat.webp) center no-repeat;}
.camcat-behaartefrauen {background: url(/img/behaarte-frauen/camcat.webp) center no-repeat;}
.camcat-wichsanleitung {background: url(/img/wichsanleitung/camcat.webp) center no-repeat;}
.camcat-analsex {background: url(/img/analsex/camcat.webp) center no-repeat;}






.vorteiletitel {display: block; width: 724px; height: 79px; margin: 1% auto; background: url(img/vorteile.webp);}
@media screen and (max-width : 724px){ .vorteiletitel {display: block; width: 100%; height: 0; padding-bottom: 10.912%; margin: 1% auto; background: url(img/vorteile.webp); background-size: 100%;} }





/**** TAGBOX ****/
.tagbox {margin: 20px 10px; padding: 10px; background: #FFF; box-shadow: 0 0 5px rgba(0,0,0, 0.2);}
.tagbox .hd01 {margin-top: 10px;}

.tagbox .tagmap {display: flex; align-items: center;}
.tagbox .tagmap > div:nth-of-type(1) {width: 160px;}
.tagbox .tagmap > div:nth-of-type(2) {width: calc(100% - 160px);}

.tagbox .tagmap > div:nth-of-type(1) img {display: block; width: 100%;}

.tagtitle {display: block; text-align: center; text-transform: uppercase; color: #999;}
.tagtitle:before {font-family: FontAwesome; content: '\f041'; margin-right: 10px; color: #666;}

.tags {text-align: center; margin: 10px; font-size: 90%;}
.tags span {display: inline-block; padding: 5px; margin: 10px 10px; border-radius: 5px; color: #216499;
box-shadow: inset 1px 1px 0 0 rgba(255,255,255, 0.1), inset -1px -1px 0 0 rgba(0,0,0, 0.2), 0 0px 2px rgba(0,0,0, 0.1);
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 30%, #ffffff 30%, #e1e9ed 100%);
background: -webkit-linear-gradient(top,  #ffffff 30%,#ffffff 30%,#e1e9ed 100%);
background: linear-gradient(to bottom,  #ffffff 30%,#ffffff 30%,#e1e9ed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e9ed',GradientType=0 );
}

.tagbox .tags span {box-shadow: inset 1px 1px 0 0 rgba(255,255,255, 0.1), inset -1px -1px 0 0 rgba(0,0,0, 0.1), 0 0px 2px rgba(0,0,0, 0.4); background: #FFF;}

@media screen and (max-width : 900px){
	.tags span {margin: 5px;}
}
@media screen and (max-width : 480px){
	.tagbox .tagmap > div:nth-of-type(1) {width: 100px;}
	.tagbox .tagmap > div:nth-of-type(2) {width: calc(100% - 100px);}

	.tags span {padding: 3px; font-size: 90%; margin: 3px; line-height: 130%;}
}
/***********/


.einschub {margin: 30px 10px; padding: 20px 10px; border-left: 5px solid #67a6d9; font-size: 130%;}
.einschub a {color: #d03783; font-weight: 600;}









/**** FOOTER ****/
footer {width: 100%; padding: 10px 0 0px 0; font-size: 80%; margin-top: 10vh; color: rgba(255,255,255, 0.7); text-shadow: 1px 1px 0 rgba(0,0,0, 0.4);
background: #213d53;
background: -moz-linear-gradient(-45deg,  #213d53 0%, #345f81 50%, #213d53 100%);
background: -webkit-linear-gradient(-45deg,  #213d53 0%,#345f81 50%,#213d53 100%);
background: linear-gradient(135deg,  #213d53 0%,#345f81 50%,#213d53 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#213d53', endColorstr='#213d53',GradientType=1 );
}
footer a {color: #FFF;}
footer a:hover {color: #FFF !important;}
.f-wrap {width: 100%; margin: 30px auto; max-width: 1200px; display: flex;}
.f-wrap > div {display: table-cell; width: 27.333%; padding: 1% 3%;}




.f-wrap > div ul {list-style-type: none;}
.f-wrap > div ul li:nth-of-type(1) {font-weight: 300; margin-bottom: 5px; padding-bottom: 3px; text-transform: uppercase; font-size: 20px; line-height: 30px; color: #7bc4ff; text-shadow: none; border-bottom: 1px dotted rgba(255, 255, 255, 0.2);}
.f-wrap > div ul li a {display: block; text-decoration: none; color: rgba(255,255,255, 0.6); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-shadow: none;}
.f-wrap > div ul li a:hover {color: #FFF;}
.f-wrap > div ul li a:before {content: "❱"; margin-right: 5px; color: #ff53a8;}

.showall {font-weight: 600; color: #2dadf2 !important; opacity: 0.7; transition: all 0.3s;}
.showall:hover {opacity: 1; color: #FFF !important;}

@media screen and (max-width : 480px){
	.f-wrap {display: block;}
	.f-wrap > div {display: block; width: calc(100% - 10px); padding: 0 !important; margin: 20px auto;}
}

footer .seperate {width: 98%; max-width: 1000px; margin: auto; height: 3px; background: #28b8d7;}

.fsection2 {padding: 10px 0 70px 0; background: #213d53;}

footer span {display: block; max-width: 1000px; margin: auto; padding: 5px 30px; text-align: right; color: #BBB;}
footer span a {color: rgba(255,255,255, 0.6);}
footer span a:hover {color: #FFF !important;}






#bbinde {position: fixed; z-index: 900; width: 100%; height: 60px; bottom: 0px; left: 0px; box-shadow: 0 0 10px rgba(0,0,0, 0.2); opacity: 0; pointer-events: none; transition: all 0.4s; background: #ffffff;}
#bbinde .buttonwrap {margin: 0;}
#bbinde.scrolled {opacity: 1; pointer-events: auto;}

@media screen and (max-width : 480px){
	#bbinde {height: 40px;}
	#bbinde .button2 {padding: 5px; font-size: 16px; line-height: 22px;}
	#bbinde .buttonwrap {margin: 0;}
}

/*************************/




















/**** CAM PROFILE ****/
.bas_prefs {display: flex; width: 98%; margin: 1%;}
.bas_info {width: calc(100% - 200px);}
.bas_info span {font-size: 120%; line-height: 20px;}
.bas_info span:before {font-family: FontAwesome; content: "\f101"; display: inline-block; color: #16bf00; font-size: 170%; line-height: 20px; vertical-align: sub; margin-right: 5px;}
.bas_langs {text-align: right; width: 200px;}
.bas_langs span {line-height: 21px; vertical-align: top;}
.bas_langs .bas_langs_de {display: inline-block; width: 30px; height: 21px; background: url(img/de.png); background-size: 100%; box-shadow: 0 1px 0 0 #d2bb28; cursor: pointer; margin-right: 5px;}
.bas_langs .bas_langs_at {display: inline-block; width: 30px; height: 21px; background: url(img/at.png); background-size: 100%; box-shadow: 0 1px 0 0 #931010; cursor: pointer;}

@media screen and (max-width : 480px){
	.bas_prefs {flex-wrap: wrap;}
	.bas_info {width: 100%; text-align: center;}
	.bas_langs {width: 100%; text-align: center; padding: 10px 0;}
}



#lang_de:checked ~ .wrap .bas_langs_at {opacity: 0.3;}
#lang_at:checked ~ .wrap .bas_langs_de {opacity: 0.3;}



.basprofiles {display: flex; margin: 1%; flex-wrap: wrap;}
@media screen and (min-width : 851px){
	.basprofiles .basprof {width: calc(25% - 9px); margin: 0 12px 12px 0;}
	.basprofiles .basprof:nth-of-type(4n + 0) {width: calc(25% - 9px); margin: 0 0 12px 0;}
}
.basprofiles .basprof .basprof_img {width: 100%; height: 0px; padding-bottom: 75%; position: relative; overflow: hidden;}
.basprofiles .basprof .basprof_img img {display: block; width: 100%; position: absolute; top: 0px; left: 0px; z-index: 5;}
.basprofiles .basprof .basprof_img strong {display: block; width: calc(100% - 10px); position: absolute; bottom: 0px; left: 0px; z-index: 10; font-size: 130%; color: #FFF; background: rgba(0,0,0, 0.5); padding: 10px 5px; text-align: center; font-weight: 400;}
@media screen and (min-width : 681px){
	.basprofiles .basprof .basprof_img .bas_hoverpic {width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 7; background: rgba(0,0,0, 0.3); opacity: 0; transition: opacity 0.3s;}
	.basprofiles .basprof .basprof_img .bas_hoverpic div {width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute;}
	.basprofiles .basprof .basprof_img .bas_hoverpic div > div:nth-of-type(1):before {font-family: FontAwesome; content: "\f095"; display: block; color: #FFF; font-size: 40px; width: 100%; height: 90px; text-align: center;}
	.basprofiles .basprof .basprof_img .bas_hoverpic div > div:nth-of-type(2):before {content: "Anrufen"; color: #FFF; display: block; width: 100%; height: 20px; line-height: 20px; text-align: center;}
	.basprofiles .basprof:hover .basprof_img .bas_hoverpic {opacity: 1;}
}


.basprofiles .basprof .bas_online_status {display: inline-block; position: absolute; top: 10px; left: 10px; z-index: 10; color: #FFF; background: #555; padding: 1px 5px; border-radius: 3px; font-size: 90%; line-height: 120%; text-transform: uppercase;}
.basprofiles .basprof .bas_online {background: #28a918; color: #FFF;}
.basprofiles .basprof .bas_online:before {content: "online";}
.basprofiles .basprof .bas_telefon {background: #deca25; color: #FFF;}
.basprofiles .basprof .bas_telefon:before {content: "Im Gespräch";}
.basprofiles .basprof .bas_offline {background: #de2525; color: #FFF;}
.basprofiles .basprof .bas_offline:before {content: "Offline";}




.basprof_number_de, .basprof_number_at {display: none;}
#lang_de:checked ~ .wrap .basprof_number_de {display: block;}
#lang_at:checked ~ .wrap .basprof_number_at {display: block;}

.basprof_number {background: #EEE; height: 90px;}
.basprof_number .basprof_number_callme {text-align: center;}
.basprof_number .basprof_number_callme:before {font-family: FontAwesome; content: "\f095"; font-size: 20px; line-height: 27px; color: #16bf00; margin-right: 4px;}
.basprof_number .basprof_number_callme:after {content: "Ruf mich an:"; font-weight: 700; font-size: 20px; line-height: 27px;}

.basprof_number .basprof_number_occ {text-align: center; display: none;}
.basprof_number .basprof_number_occ span:before {font-family: FontAwesome; content: "\f095"; font-size: 20px; line-height: 35px; margin-right: 4px;}
.basprof_number .basprof_number_occ span:after {content: "Ich telefoniere gerade"; font-weight: 700; font-size: 20px; line-height: 35px;}
.basprof_number .basprof_number_occ a:before {content: "Chatte mit mir"; display: block; text-align: center; color: #555;}

.basprof_number .basprof_number_off {text-align: center; display: none;}
.basprof_number .basprof_number_off span:before {font-family: FontAwesome; content: "\f095"; font-size: 20px; line-height: 35px; margin-right: 4px;}
.basprof_number .basprof_number_off span:after {content: "Derzeit nicht verfügbar"; font-weight: 700; font-size: 20px; line-height: 35px;}
.basprof_number .basprof_number_off a:before {content: "Schreib mir eine Nachricht"; display: block; text-align: center; color: #555;}

.basprof_number .basprof_number_de {text-align: center; font-weight: 700; font-size: 20px; line-height: 27px; color: #555;}
.basprof_number .basprof_number_de span {color: #16bf00;}
.basprof_number .basprof_number_de small {font-size: 10px; line-height: 12px; display: block; font-weight: lighter; padding: 3px 0;}

.basprof_number .basprof_number_at {text-align: center; font-weight: 700; font-size: 20px; line-height: 27px; color: #555;}
.basprof_number .basprof_number_at span {color: #16bf00;}
.basprof_number .basprof_number_at small {font-size: 10px; line-height: 12px; display: block; font-weight: lighter; padding: 3px 0;}




@media screen and (min-width : 481px) and (max-width : 850px){
	.basprofiles .basprof {width: calc(33.3333% - 8px); margin: 0 12px 12px 0;}
	.basprofiles .basprof:nth-of-type(3n + 0) {width: calc(33.3333% - 8px); margin: 0 0 12px 0;}
}
@media screen and (max-width : 640px){
	.basprofiles .basprof .basprof_img strong {font-size: 100%; padding: 3px 5px;}
	.basprofiles .basprof .bas_online_status {top: 5px; left: 5px;}
}
@media screen and (max-width : 480px){
	.basprofiles .basprof {width: calc(50% - 5px); margin: 0 10px 10px 0;}
	.basprofiles .basprof:nth-of-type(2n + 0) {width: calc(50% - 5px); margin: 0 0 10px 0;}
}
@media screen and (max-width : 680px){
	.basprof_number .basprof_number_de, .basprof_number .basprof_number_at {font-size: 14px !important; line-height: 20px !important;}
	.basprof_number .basprof_number_callme:after, .basprof_number .basprof_number_off span:before, .basprof_number .basprof_number_off span:after, .basprof_number .basprof_number_occ span:before, .basprof_number .basprof_number_occ span:after {font-size: 16px !important; line-height: 24px !important;}

	.basprof_number .basprof_number_de .basprof_number_de_mob {display: block;}		.basprof_number .basprof_number_de .basprof_number_de_full {display: none;}
}


/*NUMMERN SWITCH VON DER 3STEPS BOX */
@media screen and (min-width : 681px){
	#num_phn:checked ~ .wrap .basprof_number .basprof_number_de .basprof_number_de_mob {display: none;}		#num_phn:checked ~ .wrap .basprof_number .basprof_number_de .basprof_number_de_full {display: block;}
	#num_mob:checked ~ .wrap .basprof_number .basprof_number_de .basprof_number_de_full {display: none;}		#num_mob:checked ~ .wrap .basprof_number .basprof_number_de .basprof_number_de_mon {display: block;}
}


/**** PROFIL LAYER ****/
#bas_layer {position: fixed; z-index: 10001; background-color: #FFF; width: 94%; max-width: 800px; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 5px;}

#bas_layer .basl_close:after {font-family: FontAwesome; content: "\f057"; color: #CCC; font-size: 30px; position: absolute; top: -14px; right: -17px; transition: opacity 0.2s;}
#bas_layer .basl_close:hover:after {opacity: 0.7;}


#bas_layer .basl_titlebar {background: #ebebeb; color: #464646; display: flex; font-size: 160%; line-height: 100%; padding: 15px; border-radius: 5px 5px 0 0;}
#bas_layer .basl_titlebar > div:nth-of-type(1) {width: 40%;}
#bas_layer .basl_titlebar > div:nth-of-type(2) {width: 60%;}
#bas_layer .basl_titlebar > div:nth-of-type(1):before {font-family: FontAwesome; content: "\f111"; color: #58ff3d; text-shadow: 0 1px 0 rgba(0,0,0,0.4); margin-right: 4px;}
#bas_layer .basl_titlebar_occ > div:nth-of-type(1):before {color: #deca25 !important;}
#bas_layer .basl_titlebar_off > div:nth-of-type(1):before {color: #de2525 !important;}


#bas_layer .basl_content {display: flex; margin: 1%;}
#bas_layer .basl_content > div:nth-of-type(1) {width: 40%;}
#bas_layer .basl_content > div:nth-of-type(2) {width: 54%; padding: 0 2% 0 4%;}


#bas_layer .basl_content > div:nth-of-type(1) .basl_bigpicture {display: block; width: 100%;}
#bas_layer .basl_content > div:nth-of-type(1) .basl_bigpicture input {display: none;}
#bas_layer .basl_content > div:nth-of-type(1) .basl_bigpicture img {display: none; width: 100%;}
#bas_layer .basl_content > div:nth-of-type(1) .basl_bigpicture input:checked + img {display: block !important; width: 100%;}
#bas_layer .basl_content > div:nth-of-type(1) .basl_bigpicture img:nth-of-type(1n+2) {display: none;}
#bas_layer .basl_content > div:nth-of-type(1) .basl_thumbs {display: flex; margin-top: 5px;}
#bas_layer .basl_content > div:nth-of-type(1) .basl_thumbs label {display: block; width: 25%; cursor: pointer;}
#bas_layer .basl_content > div:nth-of-type(1) .basl_thumbs label img {width: 100%;}


#lang_de, #lang_at {display: none;}
#lang_de:checked ~ #bas_layer .basl_content > div:nth-of-type(2) .basl_number_DE_tel {display: block;}
#lang_at:checked ~ #bas_layer .basl_content > div:nth-of-type(2) .basl_number_AT_tel {display: block;}

#bas_layer .basl_content > div:nth-of-type(2) .basl_number_DE_tel {position: relative !important; display: none;}
#bas_layer .basl_content > div:nth-of-type(2) .basl_number_AT_tel {position: relative !important; display: none;}


/** DE NUMMER **/
#bas_layer .basl_content > div:nth-of-type(2) .basl_number_DE_tel .basl_number_DE_full {display: block;}
#bas_layer .basl_content > div:nth-of-type(2) .basl_number_DE_tel .basl_number_DE_mob {display: none;}
#bas_layer .basl_content > div:nth-of-type(2) .basl_number_DE_tel .basl_number_DE_tel_button a, #bas_layer .basl_content > div:nth-of-type(2) .basl_number_DE_tel .basl_number_DE_mob_button a {display: block; margin: 0 40px 0 40px; padding-left: 14px; font-size: 22px; line-height: 35px; border-radius: 3px; font-weight: 700; text-shadow: 0px 1px 0px rgba(0,0,0,0.4) !important; color: #FFF !important; transition: opacity 0.3s;
box-shadow: inset 0px 1px 0px 0px #9bef90; border: 1px solid #15550c;
background: #31c91d;
background: -moz-linear-gradient(top,  #31c91d 0%, #218613 100%);
background: -webkit-linear-gradient(top,  #31c91d 0%,#218613 100%);
background: linear-gradient(to bottom,  #31c91d 0%,#218613 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31c91d', endColorstr='#218613',GradientType=0 );
}

#bas_layer .basl_content > div:nth-of-type(2) .basl_number_DE_tel .basl_number_DE_tel_button a:hover {opacity: 0.75;}
#bas_layer .basl_content > div:nth-of-type(2) .basl_number_DE_tel .telicon:before {font-family: FontAwesome; content: "\f095"; display: block; float: left; font-size: 41px; line-height: 41px; color: #464646; margin-right: 8px;}
#bas_layer .basl_content > div:nth-of-type(2) .basl_number_DE_tel .basl_number_DE_info {display: block; font-size: 75%; line-height: 100%; margin: 5px 0; clear: both;}

/*NUMMERN SWITCH VON DER 3STEPS BOX */
@media screen and (min-width : 681px){
	#num_phn:checked ~ #bas_layer .basl_content > div:nth-of-type(2) .basl_number_DE_tel .basl_number_DE_full {display: block;}
	#num_phn:checked ~ #bas_layer .basl_content > div:nth-of-type(2) .basl_number_DE_tel .basl_number_DE_mob {display: none;}

	#num_mob:checked ~ #bas_layer .basl_content > div:nth-of-type(2) .basl_number_DE_tel .basl_number_DE_mob {display: block;}
	#num_mob:checked ~ #bas_layer .basl_content > div:nth-of-type(2) .basl_number_DE_tel .basl_number_DE_full {display: none;}
}




/** AT NUMMER **/
#bas_layer .basl_content > div:nth-of-type(2) .basl_number_AT_tel .basl_number_AT_full {display: block;}
#bas_layer .basl_content > div:nth-of-type(2) .basl_number_AT_tel .basl_number_AT_tel_button a, #bas_layer .basl_content > div:nth-of-type(2) .basl_number_DE_tel .basl_number_DE_mob_button a {display: block; margin: 0 40px 0 40px; padding-left: 14px; font-size: 22px; line-height: 35px; border-radius: 3px; font-weight: 700; text-shadow: 0px 1px 0px rgba(0,0,0,0.4) !important; color: #FFF !important; transition: opacity 0.3s;
box-shadow: inset 0px 1px 0px 0px #9bef90; border: 1px solid #15550c;
background: #31c91d;
background: -moz-linear-gradient(top,  #31c91d 0%, #218613 100%);
background: -webkit-linear-gradient(top,  #31c91d 0%,#218613 100%);
background: linear-gradient(to bottom,  #31c91d 0%,#218613 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31c91d', endColorstr='#218613',GradientType=0 );
}
#bas_layer .basl_content > div:nth-of-type(2) .basl_number_AT_tel .basl_number_AT_tel_button a:hover {opacity: 0.75;}
#bas_layer .basl_content > div:nth-of-type(2) .basl_number_AT_tel .telicon:before {font-family: FontAwesome; content: "\f095"; display: block; float: left; font-size: 41px; line-height: 41px; color: #464646; margin-right: 8px;}
#bas_layer .basl_content > div:nth-of-type(2) .basl_number_AT_tel .basl_number_AT_info {display: block; font-size: 75%; line-height: 100%; margin: 5px 0; clear: both;}



/** OFFLINE "NUMMER" **/
#bas_layer .basl_content .basl_number_off {display: none;}
#bas_layer .basl_content > div:nth-of-type(2) .basl_number_off .basl_number_OFF_tel_button a {display: block; margin: 0 40px 0 40px; padding-left: 14px; font-size: 22px; line-height: 35px; border-radius: 3px; font-weight: 700; text-shadow: 0px 1px 0px rgba(0,0,0,0.4) !important; color: #FFF !important; transition: opacity 0.3s;
box-shadow: inset 0px 1px 0px 0px #9bef90; border: 1px solid #15550c;
background: #31c91d;
background: -moz-linear-gradient(top,  #31c91d 0%, #218613 100%);
background: -webkit-linear-gradient(top,  #31c91d 0%,#218613 100%);
background: linear-gradient(to bottom,  #31c91d 0%,#218613 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31c91d', endColorstr='#218613',GradientType=0 );
}
#bas_layer .basl_content > div:nth-of-type(2) .basl_number_off .telicon:before {font-family: FontAwesome; content: "\f086"; display: block; float: left; font-size: 35px; line-height: 38px; color: #464646; margin-right: 8px;}



/** BEIDE NUMMERN ELEMENTE **/
#bas_layer .basl_content > div:nth-of-type(2) .basl_number_codetxt {display: block; margin: 10px 0; font-size: 110%; line-height: 100%;}
#bas_layer .basl_content > div:nth-of-type(2) .basl_number_codetxt u {color: #16bf00; font-weight: 600;}
#bas_layer .basl_content > div:nth-of-type(2) .basl_number_codetxt2 {display: block; margin: 20px 0;}
#bas_layer .basl_content > div:nth-of-type(2) .basarrow {background: url(img/basarrow.png) top left no-repeat; width: 56px; height: 67px; top: 95px; left: 220px; position: absolute; display: block;}
#bas_layer .basl_content > div:nth-of-type(2) form input {padding-left: 8px; font-size: 16px; width: 70px; margin-right: 3px; box-sizing: border-box; line-height: normal !important; height: 37px;}
#bas_layer .basl_content > div:nth-of-type(2) form button {display: inline-block; padding: 0 10px; font-size: 16px; line-height: 35px; border-radius: 3px; font-weight: 700; text-shadow: 0px 1px 0px rgba(0,0,0,0.4) !important; color: #FFF !important; cursor: pointer; transition: opacity 0.3s;
box-shadow: inset 0px 1px 0px 0px #9bef90; border: 1px solid #15550c;
background: #31c91d;
background: -moz-linear-gradient(top,  #31c91d 0%, #218613 100%);
background: -webkit-linear-gradient(top,  #31c91d 0%,#218613 100%);
background: linear-gradient(to bottom,  #31c91d 0%,#218613 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31c91d', endColorstr='#218613',GradientType=0 );}
#bas_layer .basl_content > div:nth-of-type(2) form button:hover {opacity: 0.75;}






#bas_layer .basl_content > div:nth-of-type(2) .basl_prefs {display: flex; flex-direction: row; flex-wrap: wrap; margin: 20px 0 0 0;}
#bas_layer .basl_content > div:nth-of-type(2) .basl_prefs span {width: calc(33.3333% - 14px); background-color: rgba(0,0,0,0.05); padding: 6px; margin: 0 1px 1px 1px; display: block; white-space: nowrap; overflow: hidden;}





#bas_layer .basl_endbar {display: block; background: #ebebeb; color: #464646; text-align: center; font-size: 120%; line-height: 100%; padding: 15px; border-radius: 0 0 5px 5px; text-decoration: underline;}




@media screen and (max-width : 680px){
	#bas_layer {overflow-y: auto; width: 100%; height: 100%; max-height: 100%; border-radius: 0;}

	#bas_layer .basl_titlebar {font-size: 130%; line-height: 100%; padding: 10px 5px; border-radius: 0;}
	#bas_layer .basl_titlebar > div:nth-of-type(1) {width: 100%;}
	#bas_layer .basl_titlebar > div:nth-of-type(2) {display: none;}

	#bas_layer .basl_close:after {font-size: 35px; top: 9px; right: 5px; color: rgba(0,0,0, 0.5);}

	#bas_layer .basl_content {flex-wrap: wrap; margin: 3%;}
	#bas_layer .basl_content > div:nth-of-type(1) {width: 100%;}
	#bas_layer .basl_content > div:nth-of-type(2) {width: 100%; padding: 0%;}

	#bas_layer .basl_content > div:nth-of-type(1) .basl_bigpicture {display: none;}
	#bas_layer .basl_content > div:nth-of-type(1) .basl_thumbs {margin-top: 0px;}
	#bas_layer .basl_content > div:nth-of-type(1) .basl_thumbs label {display: block; width: 33.333%;}
	#bas_layer .basl_content > div:nth-of-type(1) .basl_thumbs label:nth-of-type(1n+4) {display: none;}

	#bas_layer .basl_content > div:nth-of-type(2) .basl_number_DE_tel .basl_number_DE_full {display: none;}
	#bas_layer .basl_content > div:nth-of-type(2) .basl_number_DE_tel .basl_number_DE_mob {display: block;}

	#bas_layer .basl_content > div:nth-of-type(2) .basl_number_DE_tel .telicon:before {font-family: FontAwesome; content: "\f10b";}
	#bas_layer .basl_content > div:nth-of-type(2) .basl_number_DE_tel .basl_number_DE_tel_button a, #bas_layer .basl_content > div:nth-of-type(2) .basl_number_DE_tel .basl_number_DE_mob_button a {font-size: 20px;}
}


.bas_hide {display: none !important;}
.bas_show {display: block !important;}

/*************************/








/**** BOX 3 SCHRITTE ****/
.stepswrap {margin: 1%; box-shadow: 0 0 6px rgba(0,0,0, 0.3);}
.steps {width: 100%; background: #FFF; margin: 15px auto 0 auto; }
.steps .steps_boxes {display: flex;}
.steps .steps_boxes > div {width: 33.3333%; padding-bottom: 10px; position: relative;}
.steps .steps_boxes > div:nth-of-type(2) {background: #EBEBEB;}
.steps .steps_boxes > div:nth-of-type(2):after {content: ''; height: 0; width: 0; position: absolute; right: -20px; top: 0; border-style: solid; border-width: 68px 0 68px 20px; border-color: transparent #ebebeb;}
.steps .steps_boxes > div:nth-of-type(1):after {content: ''; height: 0; width: 0; position: absolute; right: -20px; top: 0; border-style: solid; border-width: 68px 0 68px 20px; border-color: transparent #FFF; z-index: 10;}


/*AUFLISTUNG*/
.steps .steps_boxes .steps_list {display: flex; margin: 10px 5px 10px 20px;}
.steps .steps_boxes > div:nth-of-type(1) .steps_list  {display: flex; margin: 10px 5px 10px 10px;}
.steps .steps_boxes .steps_list > div:nth-of-type(1) {width: 55px;}
.steps .steps_boxes .steps_list > div:nth-of-type(1) span {display: block; text-align: center; font-size: 22px; color: #16bf00; font-weight: 700; line-height: 37px; border-radius: 40px; width: 40px; height: 40px; border: 2px solid #16bf00; background-color: transparent;}
.steps .steps_boxes .steps_list > div:nth-of-type(2) {font-size: 20px; font-weight: 300; line-height: 22px;}
.steps .steps_boxes .steps_list > div:nth-of-type(2) small {display: block; font-size: 14px; font-weight: 600;}
.steps .steps_boxes > div:nth-of-type(3) img {display: block; width: 100%; max-width: 238px; margin: auto;}




/*NUMMERNSWITCH*/
.steps .steps_boxes .steps_switch {display: flex; margin-left: 65px;}
.steps .steps_boxes .steps_switch .steps_switch_buts{width: 95px;}
.steps .steps_switch_numphn, .steps .steps_switch_nummob {width: calc(100% - 95px);}
.steps .steps_boxes .steps_switch .steps_switch_buts label {width: 40px; height: 40px; font-size: 28px; line-height: 39px; border-radius: 3px; display: inline-block; text-align: center; position: relative; cursor: pointer;
box-shadow: inset 0px 1px 0px 0px #9bef90; border: 1px solid #15550c;
background: #31c91d;
background: -moz-linear-gradient(top,  #31c91d 0%, #218613 100%);
background: -webkit-linear-gradient(top,  #31c91d 0%,#218613 100%);
background: linear-gradient(to bottom,  #31c91d 0%,#218613 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31c91d', endColorstr='#218613',GradientType=0 );
}
.steps .steps_boxes .steps_switch .steps_switch_buts label:nth-of-type(1):before {font-family: FontAwesome; content: "\f095"; color: #FFF; text-shadow: 0px 1px 0px rgba(0,0,0,0.4);}
.steps .steps_boxes .steps_switch .steps_switch_buts label:nth-of-type(1):after {font-family: FontAwesome; content: '\f058'; font-family: fontawesome; position: absolute; top: -16px; left: 26px; font-size: 18px; color: #15550c;}
.steps .steps_boxes .steps_switch .steps_switch_buts label:nth-of-type(2):before {font-family: FontAwesome; content: "\f10b"; color: #FFF; text-shadow: 0px 1px 0px rgba(0,0,0,0.4);}
.steps .steps_boxes .steps_switch .steps_switch_buts label:nth-of-type(2):after {font-family: FontAwesome; content: '\f058'; font-family: fontawesome; position: absolute; top: -16px; left: 26px; font-size: 18px; color: #15550c;}

#num_phn, #num_mob {display: none;}
@media screen and (min-width : 681px){
	#num_phn:checked ~ .wrap .steps_switch .num_mob {opacity: 0.5;}		#num_phn:checked ~ .wrap .steps_switch .num_mob:after {display: none;}		#num_phn:checked ~ .wrap .steps_switch .steps_switch_nummob {display: none;}
	#num_mob:checked ~ .wrap .steps_switch .num_phn {opacity: 0.5;}		#num_mob:checked ~ .wrap .steps_switch .num_phn:after {display: none;}		#num_mob:checked ~ .wrap .steps_switch .steps_switch_numphn {display: none;}
}

.steps .steps_switch_numphn span:nth-of-type(1) {display: block; color: #464646; font-size: 20px; font-weight: bold;}
.steps .steps_switch_numphn span:nth-of-type(2) {display: block; color: #16bf00; font-weight: bold;}
.steps .steps_switch_nummob span:nth-of-type(1) {color: #464646; font-size: 20px; font-weight: bold; display: inline-block; margin-right: 5px;}
.steps .steps_switch_nummob span:nth-of-type(2) {color: #16bf00; font-weight: bold; font-size: 15px; line-height: 20px;}


@media screen and (min-width : 751px) and (max-width : 900px){
	.steps .steps_boxes .steps_switch {margin-left: 10px;}
}

@media screen and (max-width : 680px){
	.steps .steps_boxes .steps_list > div:nth-of-type(2) {font-weight: 700;}

	.steps .steps_boxes .steps_switch {margin-left: 0px; text-align: center;}
	.steps .steps_boxes .steps_switch .steps_switch_buts {display: none;}
	.steps .steps_switch_numphn, .steps .steps_switch_nummob {width: 100%;}

	.steps .steps_switch_nummob {display: block;}
	.steps .steps_switch_numphn {display: none;}
}




/*CODE FORMULAR*/
.steps .steps_codeform {margin-left: 75px;}
.steps .steps_codeform form input {padding-left: 8px; font-size: 16px; width: 70px; margin-right: 3px; box-sizing: border-box; line-height: normal !important; height: 37px;}
.steps .steps_codeform form button {display: inline-block; padding: 0 10px; font-size: 16px; line-height: 35px; border-radius: 3px; font-weight: 700; text-shadow: 0px 1px 0px rgba(0,0,0,0.4) !important; color: #FFF !important; cursor: pointer; transition: opacity 0.3s;
box-shadow: inset 0px 1px 0px 0px #9bef90; border: 1px solid #15550c;
background: #31c91d;
background: -moz-linear-gradient(top,  #31c91d 0%, #218613 100%);
background: -webkit-linear-gradient(top,  #31c91d 0%,#218613 100%);
background: linear-gradient(to bottom,  #31c91d 0%,#218613 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31c91d', endColorstr='#218613',GradientType=0 );}
.steps .steps_codeform form button:hover {opacity: 0.75;}



@media screen and (max-width : 900px){
	.steps .steps_boxes .steps_list > div:nth-of-type(1) {width: 40px;}
	.steps .steps_boxes .steps_list > div:nth-of-type(1) span {font-size: 18px; line-height: 27px; border-radius: 30px; width: 30px; height: 30px;}
	.steps .steps_boxes .steps_list > div:nth-of-type(2) {font-size: 18px; line-height: 18px;}
	.steps .steps_boxes .steps_list > div:nth-of-type(2) small {font-size: 12px;}

	.steps .steps_boxes > div:nth-of-type(1):after {border-width: 64px 0 64px 15px; right: -15px;}
	.steps .steps_boxes > div:nth-of-type(2):after {border-width: 64px 0 64px 15px; right: -15px;}

.steps .steps_codeform {margin-left: 60px;}
}
@media screen and (max-width : 750px){
	.steps .steps_boxes > div {width: 50%;}
	.steps .steps_boxes > div:nth-of-type(3) {display: none;}
	.steps .steps_boxes > div:nth-of-type(1):after {right: -7px; top: 10px; border-style: solid; border-width: 7px 0 7px 7px;}
	.steps .steps_boxes > div:nth-of-type(2):after {display: none;}
}
@media screen and (max-width : 500px){
	.steps .steps_list {display: block !important; text-align: center;}
	.steps .steps_boxes .steps_list > div:nth-of-type(1) {display: none;}
	.steps .steps_boxes .steps_list > div:nth-of-type(2) small {display: none;}
	.steps .steps_codeform {margin-left: 0px; text-align: center;}
	.steps .steps_codeform span {display: none;}
}


/*TARIFE*/
.steps_tarif {border-top: 2px solid #c5c5c5; background: #e3e3e3;}
.steps_tarif > div {color: #464646; font-size: 12px; padding: 3px 9px 3px 9px;}
.steps_tarif .steps_tarif_DE_mob, .steps_tarif .steps_tarif_DE_tel {display: none;}

@media screen and (min-width : 681px){
	#num_phn:checked ~ .wrap .steps_tarif .steps_tarif_DE_mob {display: none;}		#num_phn:checked ~ .wrap .steps_tarif .steps_tarif_DE_tel {display: block;}
	#num_mob:checked ~ .wrap .steps_tarif .steps_tarif_DE_tel {display: none;}		#num_mob:checked ~ .wrap .steps_tarif .steps_tarif_DE_mob {display: block;}
}
/*
.msize .steps_tarif_DE, .msize .steps_tarif_AT {display: none;}
#lang_de:checked ~ .msize .steps_tarif_DE {display: block;}
#lang_at:checked ~ .msize .steps_tarif_AT {display: block;}
*/
/*************************/