/* latin-ext */
@font-face {
  font-family: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/3y9I6aknfjLm_3lMKjiMgmUUYBs04aUXNxt9gW2LIftoqNWZeWGKOnU.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: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(/fonts/3y9I6aknfjLm_3lMKjiMgmUUYBs04aUXNxt9gW2LIftoqNWZd2GK.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: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/3y9I6aknfjLm_3lMKjiMgmUUYBs04aUXNxt9gW2LIfto9tWZeWGKOnU.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: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/3y9I6aknfjLm_3lMKjiMgmUUYBs04aUXNxt9gW2LIfto9tWZd2GK.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: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/3y9I6aknfjLm_3lMKjiMgmUUYBs04aUXNxt9gW2LIftoEdKZeWGKOnU.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: 'Yanone Kaffeesatz';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/3y9I6aknfjLm_3lMKjiMgmUUYBs04aUXNxt9gW2LIftoEdKZd2GK.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;
}
















html {font-family: Myriad Pro,Myriad,Arial,sans-serif; font-size: 14px; line-height: 19px;}
@media screen and (max-width : 680px){ html {font-size: 12px; line-height: 15px;} }
body {margin: 0px;
	background: #fff6ed;
	background: -moz-radial-gradient(center, ellipse cover,  #fff6ed 0%, #e6ddcc 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  #fff6ed 0%,#e6ddcc 100%);
	background: radial-gradient(ellipse at center,  #fff6ed 0%,#e6ddcc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff6ed', endColorstr='#e6ddcc',GradientType=1 );
}
* {margin: 0; padding: 0;}
.clear {clear: both;}
img {display: block; border: 0px; height: auto !important;}


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



a {color: #B00; text-decoration: none;}
a:hover {color: #600; text-decoration: none;}



#wrap {width: 100%; max-width: 1000px; margin: auto;}



h1 {font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 34px; line-height: 35px; font-weight: 400; padding: 1% 0 2% 2%; color: #666;}
h2, h3, h4, h5 {font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 30px; line-height: 32px; font-weight: 400; padding: 1% 0 1% 2%; color: #666;}
@media screen and (max-width : 680px){ h1, h2, h3, h4, h5 {font-size: 18px; line-height: 24px;} }

p {padding: 0 2% 2.5% 2%; text-align: justify;}





/*** TOP SCROLL LINK ***/
a[href="#top"] {display: block; width: 40px; height: 50px; position: fixed; right: 20px; bottom: 20px; text-decoration: none; text-align: center; font-size: 50px; line-height: 60px; border-radius: 4px; box-shadow: 0 0 0 1px #cf454b; color: #cf454b; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25); z-index:1000;}
a[href="#top"]:after {content: "^"; position: relative; left: -1px;}
@media screen and (max-width : 680px){ a[href="#top"] {width: 25px; height: 35px; right: 10px; bottom: 10px; font-size: 25px; line-height: 40px; } }
/*** ------ ***/





/*** BILDER ***/
.picleft {float: left; margin-right: 2%; margin-left: 2%;}
.picright {float: right; margin-left: 2%; margin-right: 2%;}
.picfull {width: calc(96% - 20px); margin: 2% auto; display: block;}
.picborder {padding: 10px; background: #FFF; box-shadow: 0 0 5px rgba(0,0,0, 0.2);}

.picbox2er {width: 98%; margin: 1%;}
.picbox2er img {display: block; float: left; width: 47%; margin: 1%; padding: 0.5%; background: #FFF; box-shadow: 0 0 5px rgba(0,0,0, 0.2);}
@media screen and (max-width : 480px){ .picbox2er img {display: block; float: left; width: 97%; margin: 1%; padding: 0.5%; background: #FFF; box-shadow: 0 0 5px rgba(0,0,0, 0.2);} }

.picbox3er {width: 98%; margin: 1%;}
.picbox3er img {display: block; float: left; width: 30.3333%; margin: 1%; padding: 0.5%; background: #FFF; box-shadow: 0 0 5px rgba(0,0,0, 0.2);}

.picbox4er {width: 98%; margin: 1%;}
.picbox4er img {display: block; float: left; width: 22%; margin: 1%; padding: 0.5%; background: #FFF; box-shadow: 0 0 5px rgba(0,0,0, 0.2);}
@media screen and (max-width : 480px){ .picbox4er img {display: block; float: left; width: 47%; margin: 1%; padding: 0.5%; background: #FFF; box-shadow: 0 0 5px rgba(0,0,0, 0.2);} }

.pw25 {width: 25%;}
.pw30 {width: 30%;}
.pw35 {width: 35%;}
.pw40 {width: 40%;}
.pw45 {width: 45%;}

.mw150 {max-width: 150px;}
.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;}


@media screen and (max-width : 680px){
	.picborder {padding: 5px;}
	.picfull {width: calc(96% - 10px); margin: 2%;}
}

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



/*** LISTEN ***/
.list1 {padding-left: 30px; line-height: 25px; margin-bottom: 1%;}

.list2 {padding: 0; margin: 2%;}
.list2 li {list-style-type: none; padding-left: 40px; background: url("data:image/webp;base64,UklGRtAAAABXRUJQVlA4TMQAAAAvJ0AFEFU4biRJkfw3IZeZme2Du+tbeq9GCtq2Yfiz8v5gKWzbtrma2e3tTCPbdjLoHNpA0gqeAr6nomyhF1B0kdwqctu2kTLaXutXvI8hDBAdBYAdiqNIu8EN7R9ADOUX9QjLf8Us+CHIgVHHF+Nq0z2q3RNWgRUSMVmPfp8fhtXghEZKWq2d88u4GjzQC7E1z/qpYxgSdMdgaUcNU4FL/Kzhi6ailGuYEmyQHfBvGpStwA/hmByYypqDY4AD6uNy+sy+") left center no-repeat; margin-bottom: 2%;}
/*** ------ ***/





.border {height: 12px; background: url("data:image/webp;base64,UklGRi4AAABXRUJQVlA4TCEAAAAvMcACAIWato0g/tyOk/f7x4j+k03aJO2WSyCSuzPuuQkA"); margin: 2%; clear: both;}

.fazitbox {margin: 2% 1%; padding: 1%; box-shadow: inset 0 0 0 1px #B00, inset 0 0 0 2px rgba(0,0,0,0.1), 1px 1px 5px rgba(0,0,0, 0.4); background: rgba(0,0,0, 0.05);}


.hinweis {font-size: 18px; line-height: 22px; text-align: center; display: block; margin: 1%; padding: 2%; background: rgba(0,0,0, 0.07); text-shadow: 1px 1px 0 rgba(255,255,255, 0.3); font-family: 'Yanone Kaffeesatz', sans-serif;}
.hinweis span:before {font-family: FontIco; content: "\f0eb"; margin-right: 4px; color: #c09a00; text-shadow: 0 0 5px #ffcd00; font-size: 25px; line-height: 22px;}
.hinweis span {color: #c09a00; text-shadow: 0 0 5px #ffcd00; margin-right: 10px;}





/*** LOGO ***/
#logo {width: 100%; height: 103px; background: url(/img/logo.webp) no-repeat left, url(/img/header.png) no-repeat right; background-size: 360px 103px, 420px 103px;}
@media screen and (max-width : 800px){ #logo {background: url(/img/logo.webp) no-repeat left, url(/img/header.png) no-repeat right; background-size: 360px 103px, 300px 74px;} }
@media screen and (max-width : 680px){ #logo {width: 100%; height: 103px; background: url(/img/logo.webp) center no-repeat;} }
@media screen and (max-width : 360px){ #logo {width: 100%; height: 0; padding-bottom: 28.611%; background: url(/img/logo.webp) center no-repeat; background-size: 100%;} }
/*** ------ ***/





/*** MAINNAV ***/
#mainnav {width: 100%; max-width: 1000px; margin: auto; margin-bottom: 10px; height: 46px; box-shadow: 0 0 5px rgba(0,0,0, 0.2);
	background: #e9e9e9;
	background: -moz-linear-gradient(left,  #e9e9e9 0%, #f6f6f6 50%, #e9e9e9 100%);
	background: -webkit-linear-gradient(left,  #e9e9e9 0%,#f6f6f6 50%,#e9e9e9 100%);
	background: linear-gradient(to right,  #e9e9e9 0%,#f6f6f6 50%,#e9e9e9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#e9e9e9',GradientType=1 );
}

#mainnav > ul {list-style-type: none; position: relative; z-index: 50;}
#mainnav > ul > li {display: block; float: left;}
#mainnav > ul > li > a, #mainnav > ul > li > span{display: block; text-decoration: none; line-height: 46px; padding: 0 13px; font-size: 16px; font-weight: 400; text-transform: uppercase; color: #555; text-shadow: 1px 1px 0 rgba(255,255,255, 0.2); position: relative; border-left: 1px solid rgba(255,255,255, 0.5); border-right: 1px solid rgba(0,0,0,0.05);}
@media screen and (min-width : 681px){ #mainnav > ul > li:hover > a{background: rgba(255,255,255, 0.6); color: #111; box-shadow: inset 0 0 3px rgba(255,255,255, 0.4);} }
#mainnav > ul > li:nth-of-type(1) > a {border-left: 0;}

.mnarrwdwn:after {font-family: FontIco; content: "\f0d7"; color: #B00; margin-left: 8px;}
.mnarrwdwn:before {content: ""; background: url(/img/navarr.png) no-repeat center; display: none; height: 9px; width: 100%; position: absolute; left: 0; bottom: -3px; z-index: 100;}
#mainnav > ul > li:hover .mnarrwdwn:before {display: block;}

.mainnav_subbox {display: none; position: absolute; width: 99%; left: 0.5%; top: 46px; padding-top: 3px;}
.mainnav_subbox_inner {box-shadow: 2px 2px 0 rgba(0,0,0, 0.1), 0 0 20px rgba(0,0,0, 0.2); border-radius: 0 0 3px 3px; padding-bottom: 10px;
	background: #fcfcfc;
	background: -moz-radial-gradient(center, ellipse cover,  #fcfcfc 0%, #efefef 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  #fcfcfc 0%,#efefef 100%);
	background: radial-gradient(ellipse at center,  #fcfcfc 0%,#efefef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#efefef',GradientType=1 );

}
#mainnav ul li:hover .mainnav_subbox{display: block;}


.mainnav_sublist1 {list-style-type: none; float: left; width: 31.3333%; margin: 1%;}
.mainnav_sublist1 li:nth-of-type(1) {font-size: 16px; line-height: 22px; border-bottom: 1px dotted rgba(0,0,0, 0.4); text-transform: uppercase;}
.mainnav_sublist1 li:nth-of-type(1) a {color: #111;}
.mainnav_sublist1 li:nth-of-type(1) a:hover {color: #B00;}

.mainnav_sublist1:nth-of-type(3n+1) {clear: both;}

.mainnav_sublist1 li:nth-of-type(1n+2) a {display: block; font-size: 14px; line-height: 22px; text-decoration: none; color: #333; padding-left: 4px;}
.mainnav_sublist1 li:nth-of-type(1n+2):hover a {color: #B00;}
.mainnav_sublist1 li:nth-of-type(1n+2) a:before {font-family: FontIco; content: "\f054"; color: #B00; margin-right: 5px; font-size: 10px;}




#resmenu {display: none;}


@media screen and (max-width : 680px){
	#mainnav {height: auto; background: none; box-shadow: none; display: none;}

	#mainnav > ul > li {display: block; float: none; box-shadow: inset 0 0 3px rgba(0,0,0, 0.2); border-bottom: 1px solid #222;}
	#mainnav > ul > li > a, #mainnav > ul > li > span{line-height: 30px; padding: 0 13px; font-size: 16px; font-weight: 400; text-transform: uppercase; color: #FFF; text-shadow: 1px 1px 0 rgba(0,0,0, 0.2); position: relative; border: 0;
		background: #444444;
		background: -moz-linear-gradient(top,  #444444 0%, #292929 100%);
		background: -webkit-linear-gradient(top,  #444444 0%,#292929 100%);
		background: linear-gradient(to bottom,  #444444 0%,#292929 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#292929',GradientType=0 );
	}


	.mainnav_subbox {display: block; position: relative; width: 100%; left: 0; top: 0; padding-top: 3px;}

	.mainnav_subbox_inner {box-shadow: none; border-radius: 0; padding-bottom: 5px;}

	.mainnav_sublist1 {list-style-type: none; float: none; width: 100%; margin: 0%;}
	.mainnav_sublist1 li {padding: 1%;}

	.mnarrwdwn:before {display: none !important;}


	#resmenulabel {display: block; height: 43px; margin-bottom: 1%;
		background: #e9e9e9;
		background: -moz-linear-gradient(left,  #e9e9e9 0%, #f6f6f6 50%, #e9e9e9 100%);
		background: -webkit-linear-gradient(left,  #e9e9e9 0%,#f6f6f6 50%,#e9e9e9 100%);
		background: linear-gradient(to right,  #e9e9e9 0%,#f6f6f6 50%,#e9e9e9 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#e9e9e9',GradientType=1 );
	}
	#resmenulabel:after {display: block; font-family: FontIco; content: "\f0c9"; color: #B00; box-shadow: 0 0 3px rgba(0,0,0, 0.2); text-shadow: 1px 1px 0 rgba(0,0,0, 0.35); font-size: 22px; font-weight: lighter; text-align: center; padding: 12px 0; margin-bottom: 5px;}
	#resmenu[type=checkbox]:checked ~ #mainnav {display: block;}
	#resmenu[type=checkbox]:checked ~ #resmenulabel:after {content: "\F00D";}
}
/*** ------ ***/









/*** MAINCONTENT ***/
#main {width: 100%; max-width: 1000px; padding: 1px 0; margin: 0 auto 20px auto; box-shadow: 0 0 5px rgba(0,0,0, 0.1); color: #444;
	background: #f2f2f2;
	background: -moz-linear-gradient(left,  #f2f2f2 0%, #ffffff 50%, #f2f2f2 100%);
	background: -webkit-linear-gradient(left,  #f2f2f2 0%,#ffffff 50%,#f2f2f2 100%);
	background: linear-gradient(to right,  #f2f2f2 0%,#ffffff 50%,#f2f2f2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f2f2f2',GradientType=1 );
}
/*** ------ ***/




/*** SIDENAV ***/
#sidenav {width: 96%; margin: 2%;}
#sidenav ul {list-style-type: none; margin-bottom: 20px;}
#sidenav ul li:nth-of-type(1) a {display: block; border-bottom: 1px dotted rgba(0, 0, 0, 0.4); font-size: 16px; line-height: 22px; text-transform: uppercase; color: #111;}
#sidenav ul li:nth-of-type(1n+2) a {color: #333; display: block; font-size: 14px; line-height: 22px; padding-left: 4px; background: rgba(0,0,0, 0.02); margin: 1px 0;}
#sidenav ul li:nth-of-type(1n+2) a:hover {color: #B00;}
#sidenav ul li:nth-of-type(1n+2) a:before {font-family: FontIco; content: "\f054"; color: #B00; margin-right: 5px; font-size: 10px;}

@media screen and (max-width : 680px){
	#sidenav {display: none;}
}
/*** ------ ***/



/*** AUFTEILUNG ***/
.box33-66 {clear: both; display: table; width: 98%; margin: 1% auto 1% auto;}
.box33-66 > div:nth-of-type(1) {display: table-cell; width: 69%; vertical-align: top; position: relative; z-index: 10;}
.box33-66 > div:nth-of-type(2) {display: table-cell; width: 1%;}
.box33-66 > div:nth-of-type(3) {display: table-cell; width: 30%; vertical-align: top; position: relative;}

@media screen and (max-width : 680px){
	.box33-66 {display: block; width: 98%; margin: 1% auto 1% auto;}
	.box33-66 > div:nth-of-type(1), .box33-66 > div:nth-of-type(3) {display: block; width: 100%; margin-bottom: 2%;}
	.box33-66 > div:nth-of-type(2) {width: 0%;}
}

.doublebox {display: table; width: 98%; margin: 1% auto 3% auto;}
.doublebox > div:nth-of-type(1) {display: table-cell; width: 49%; background: #FFF; box-shadow: 0 0 0 1px rgba(0,0,0, 0.06), 0 0 3px rgba(0,0,0, 0.15); vertical-align: top; position: relative;}
.doublebox > div:nth-of-type(2) {display: table-cell; width: 2%;}
.doublebox > div:nth-of-type(3) {display: table-cell; width: 49%; background: #FFF; box-shadow: 0 0 0 1px rgba(0,0,0, 0.06), 0 0 3px rgba(0,0,0, 0.15); vertical-align: top; position: relative;}

@media screen and (max-width : 680px){
	.doublebox {display: block; width: 98%; margin: 1% auto 1% auto;}
	.doublebox > div:nth-of-type(1), .doublebox > div:nth-of-type(3) {display: block; width: 100%; margin-bottom: 2%;}
	.doublebox > div:nth-of-type(2) {width: 0%;}
}

/*** ------ ***/







/*** KATEGORIEN VORSCHAU ***/
.katpre {border-bottom: 1px dotted #BBB; padding-bottom: 10px; margin: 20px auto 0 auto; width: 96%;}
.katpre h2, .katpre h3, .katpre h4 {padding-top: 0;}
.katpre p {height: 57px; padding: 0; margin: 2%; overflow: hidden;}
.katpre img:nth-of-type(1) {width: 100px; float: left; margin-right: 1%; padding: 10px; background: #FFF; box-shadow: 0 0 5px rgba(0,0,0, 0.2);}
.katpre .more {display: inline-block; padding: 8px; background: rgba(0,0,0, 0.04); text-decoration: none; text-transform: uppercase; color: #444; font-size: 13px; border-radius: 3px; border-bottom: 2px solid #999; box-shadow: 0 0 3px #FFF; transition: all 0.4s;}
.katpre .more:hover {border-bottom: 2px solid #B00; color: #B00; background: rgba(0,0,0, 0.06);}
.katpre .more:before {font-family: FontIco; content: "\f054"; color: #B00; font-size: 10px; margin-right: 4px;}
@media screen and (max-width : 680px){
	.katpre img:nth-of-type(1) {width: 100px; padding: 4px;}
	.katpre .more {padding: 6px;}
}
@media screen and (max-width : 480px){
	.katpre img:nth-of-type(1) {width: 60px; padding: 4px;}
	.katpre .more {padding: 4px; display: block; clear: both; margin: 10px auto; width: 100px; text-align: center;}
}
/*** ------ ***/



/*** KATEGORIEN VORSCHAU SIDEBAR ***/
.katpresmall {border-bottom: 1px dotted #BBB; padding-bottom: 5px; margin: 10px auto 0 auto; width: 96%;}
.katpresmall h2, .katpresmall h3, .katpresmall h4 {padding-top: 0; font-size: 14px; line-height: 14px; margin: 0;}
.katpresmall p {height: 36px; padding: 0; margin: 0%; overflow: hidden; font-size: 12px; line-height: 12px;}
.katpresmall img:nth-of-type(1) {width: 20%; float: left; margin-right: 1%; padding: 1%; background: #FFF; box-shadow: 0 0 5px rgba(0,0,0, 0.2);}
.katpresmall .more {display: inline-block; padding: 1px 4px; margin-top: 5px; background: rgba(0,0,0, 0.04); text-decoration: none; text-transform: uppercase; color: #444; font-size: 12px; line-height: 14px; border-radius: 3px; border-bottom: 2px solid #999; box-shadow: 0 0 3px #FFF; transition: all 0.4s;}
.katpresmall .more:hover {border-bottom: 2px solid #B00; color: #B00; background: rgba(0,0,0, 0.06);}
.katpresmall .more:before {font-family: FontIco; content: "\f054"; color: #B00; font-size: 10px; margin-right: 4px;}
@media screen and (max-width : 680px){
	.katpresmall img:nth-of-type(1) {width: 100px; padding: 4px;}
	.katpresmall .more {padding: 6px;}
}
@media screen and (max-width : 480px){
	.katpresmall img:nth-of-type(1) {width: 60px; padding: 4px;}
}
/*** ------ ***/





/*** NUMMERN ***/
.nummerbox {width: 96%; margin: auto; position: relative;}
.nummerbox img:nth-of-type(1) {border-radius: 5px; width: calc(100% - 2px); border: 1px solid #4d0a0a;}

.nummerbox p {display: inline-block; border-radius: 3px 0 5px 0; padding: 3px 10px; position: absolute; z-index: 100; top: 1px; left: 1px; background: rgba(0,0,0, 0.5); color: #FFF; font-size: 16px; text-shadow: 1px 1px 0 rgba(0,0,0, 0.5); box-shadow: 0 0 5px rgba(255,255,255, 0.4), inset 0 0 0 1px rgba(0,0,0, 0.3);}

.nummertelefon {width: 100%; height: 0; padding-bottom: 11.472%; padding-top: 10%; margin-top: -7%; background: url(/img/nummerbox.png); background-size: 100% 100%; position: relative; z-index: 10; font-family: 'Yanone Kaffeesatz', sans-serif; text-align: center; font-size: 50px; line-height: 50px; color: #FFF; text-shadow: 1px 1px 0 rgba(0,0,0, 0.5);}
.nummertelefon2 {width: 100%; height: 0; padding-bottom: 11.472%; padding-top: 10%; margin-top: 1%; background: url(/img/nummerbox2.png); background-size: 100% 100%; position: relative; z-index: 10; font-family: 'Yanone Kaffeesatz', sans-serif; text-align: center; font-size: 50px; line-height: 50px; color: #FFF; text-shadow: 1px 1px 0 rgba(0,0,0, 0.5);}
.telefontarif:after {content: "1,99€/Min aus dem dt. Festnetz - Mobilfunk ggf. abweichend"; font-size: 12px; display: block; text-align: center; margin-bottom: 10px; color: #000; text-shadow: none;}

.nummerhandy {width: 100%; height: 0; padding-bottom: 30.817%; position: relative; background: url(/img/nummerboxhandy.webp); background-size: 100% 100%; text-align: center;}
.nummerhandy span:nth-of-type(1):before {display: block; padding-top: 11.3%; content: "22 80 16"; font-family: 'Yanone Kaffeesatz', sans-serif; text-align: center; font-size: 50px; line-height: 0px; color: #B00; text-shadow: 1px 1px 0 rgba(0,0,0, 0.5);}
.handytarif:after {content: "Garantiert nur 1,99 €/Min. aus allen dt. Mobilfunknetzen - KEIN Abo!"; font-size: 12px; display: block; text-align: center; margin-bottom: 10px; color: #000; text-shadow: none;}


span[class^="pin-"]:after {display: block; padding-top: 13.5%; font-family: 'Yanone Kaffeesatz', sans-serif; text-align: center; font-size: 50px; line-height: 0px; color: #B00; text-shadow: 1px 1px 0 rgba(0,0,0, 0.5);}
.pin-ss:after {content: "888";}

.pin-analsex:after {content: "785";}
.pin-analfetisch:after {content: "909";}
.pin-analfisting:after {content: "760";}
.pin-teenanal:after {content: "971";}

.pin-dominas:after {content: "794";}
.pin-geldherrin:after {content: "798";}
.pin-sadomaso:after {content: "986";}
.pin-sklavin:after {content: "898";}

.pin-fetisch:after {content: "768";}
.pin-doktorspiele:after {content: "804";}
.pin-pinkelndefrauen:after {content: "920";}
.pin-spermaspiele:after {content: "850";}

.pin-gays:after {content: "903";}
.pin-altegays:after {content: "780";}
.pin-gayfetisch:after {content: "825";}
.pin-jungegays:after {content: "887";}

.pin-hausfrauen:after {content: "983";}
.pin-behaartefrauen:after {content: "862";}
.pin-dickefrauen:after {content: "790";}
.pin-frauenfetisch:after {content: "933";}

.pin-hobbyhuren:after {content: "840";}
.pin-geilenachbarinnen:after {content: "882";}
.pin-privateamateure:after {content: "926";}
.pin-traumfrauen:after {content: "831";}

.pin-omas:after {content: "949";}
.pin-behaarteomas:after {content: "876";}
.pin-dickeomas:after {content: "836";}
.pin-fetischomas:after {content: "945";}

.pin-teens:after {content: "915";}
.pin-dicketeens:after {content: "765";}
.pin-geilestudentin:after {content: "976";}
.pin-teenfetisch:after {content: "810";}

.pin-titten:after {content: "756";}
.pin-grossetitten:after {content: "776";}
.pin-kleinetitten:after {content: "857";}
.pin-tittenfetisch:after {content: "893";}

.pin-transen:after {content: "820";}
.pin-altetransen:after {content: "939";}
.pin-fetischtransen:after {content: "870";}
.pin-jungetransen:after {content: "844";}

.pin-tuerkinnen:after {content: "866";}
.pin-behaartetuerkinnen:after {content: "816";}
.pin-jungetuerkinnen:after {content: "771";}
.pin-tuerkinnenfetisch:after {content: "980";}




@media screen and (min-width : 751px) and (max-width : 880px){ .nummerhandy span:nth-of-type(2):after {} }
@media screen and (min-width : 681px) and (max-width : 750px){ .nummerhandy span:nth-of-type(1):before {} .nummerhandy span:nth-of-type(2):after {} }
@media screen and (min-width : 601px) and (max-width : 680px){ .nummerhandy span:nth-of-type(1):before, .nummerhandy span:nth-of-type(2):after {font-size: 50px; line-height: 0px;} }
@media screen and (min-width : 501px) and (max-width : 600px){ .nummerhandy span:nth-of-type(1):before, .nummerhandy span:nth-of-type(2):after {font-size: 40px; line-height: 0px;} }
@media screen and (min-width : 401px) and (max-width : 500px){ .nummerhandy span:nth-of-type(1):before, .nummerhandy span:nth-of-type(2):after {font-size: 35px; line-height: 0px;} }
@media screen and (max-width : 400px){ .nummerhandy span:nth-of-type(1):before, .nummerhandy span:nth-of-type(2):after {font-size: 30px;} .nummerhandy span:nth-of-type(2):after {} }

@media screen and (max-width : 680px){
	.nummertelefon, .nummertelefon2, .telefontarif {display: none;}
	.nummerhandy {margin-top: -5%; position: relative; z-index: 10;}
	.nummerhandy a{display: block; width: 100%; height: 0; padding-bottom: 30.817%; position: absolute; top: 0;}
	.nummertelefon2 ~ .nummerhandy {margin-top: 0%;}

	.nummerbox p {font-size: 13px;}
}

/*** ------ ***/




/*** VORHER/NACHHER NAVI ***/
.prenextnav {width: 96%; margin: 2%;}
.prenextnav a {display: block; width: 50%; float: left; margin-bottom: 2%;}
.prenextnav a:nth-of-type(2) {text-align: right;}

.prenextnav a:nth-of-type(1):before {font-family: FontIco; content: "\f053"; font-size: 10px; margin-left: 10px; margin-right: 5px; transition: all 0.3s;}
.prenextnav a:nth-of-type(2):after {font-family: FontIco; content: "\f054"; font-size: 10px; margin-left: 5px; margin-right: 10px; transition: all 0.3s;}

.prenextnav a:nth-of-type(1):hover:before {margin-left: 0px; margin-right: 15px;}
.prenextnav a:nth-of-type(2):hover:after {margin-left: 15px; margin-right: 0px;}
/*** ------ ***/






/*** STÄDTETAGS ***/
.tags {width: 96%; margin: 2%; text-align: center;}
.tags span {display: inline-block; padding: 4px; background: rgba(0,0,0, 0.02); margin: 4px 5px; text-decoration: none; text-transform: uppercase; color: #444; font-size: 13px; border-radius: 3px; border-bottom: 2px solid #BBB; box-shadow: 0 0 3px #FFF, inset 0 0 0 1px rgba(0,0,0, 0.1); transition: all 0.4s;}
@media screen and (max-width : 680px){
	.tags span {padding: 2px; margin: 2px 3px;}
}
/*** ------ ***/









/*** PROCONTRA ***/
.procontra {width: 98%; margin: 1%; border-spacing: 5px;}
.procontra td{padding: 10px; background: #FFF; border: 1px solid #DDD; width: 45%;}
.procontra tr:nth-of-type(1n+2) td:nth-of-type(1) {width: 5%; vertical-align: middle; text-align: center; border: 1px solid #72b74d;
	background: #9af16b;
	background: -moz-linear-gradient(top,  #9af16b 0%, #83ce5a 100%);
	background: -webkit-linear-gradient(top,  #9af16b 0%,#83ce5a 100%);
	background: linear-gradient(to bottom,  #9af16b 0%,#83ce5a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9af16b', endColorstr='#83ce5a',GradientType=0 );
}
.procontra tr:nth-of-type(1n+2) td:nth-of-type(1):before {content: "+"; font-size: 40px; color: #rgba(0,0,0, 0.9); text-shadow: 1px 1px 0 rgba(255,255,255, 0.1);}
.procontra tr:nth-of-type(1n+2) td:nth-of-type(3) {width: 5%; vertical-align: middle; text-align: center; border: 1px solid #aa3e3e;
	background: #c93e3e;
	background: -moz-linear-gradient(0deg,  #c93e3e 0%, #f25252 100%);
	background: -webkit-linear-gradient(0deg,  #c93e3e 0%,#f25252 100%);
	background: linear-gradient(0deg,  #c93e3e 0%,#f25252 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c93e3e', endColorstr='#f25252',GradientType=1 );
}
.procontra tr:nth-of-type(1n+2) td:nth-of-type(3):before {content: "-"; font-size: 40px; color: #rgba(0,0,0, 0.9); text-shadow: 1px 1px 0 rgba(255,255,255, 0.1);}
.procontra .procontratitle{font-size: 22px; text-align: center; font-weight: 600; text-transform: uppercase;
	background: #F0F0F0;
	background: -moz-linear-gradient(top,  #F0F0F0 0%, #ffffff 100%);
	background: -webkit-linear-gradient(top,  #F0F0F0 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #F0F0F0 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#ffffff',GradientType=0 );
}
.procontra .procontratitle:nth-of-type(1) {border-bottom: 3px solid #83ce5a;}
.procontra .procontratitle:nth-of-type(2) {border-bottom: 3px solid #f25252;}

@media screen and (max-width : 480px){
	.procontra {width: 100%; margin: 0%; border-spacing: 3px;}
	.procontra td{padding: 3px; width: 48%;}
	.procontra tr:nth-of-type(1n+2) td:nth-of-type(1) {width: 2%;}
	.procontra tr:nth-of-type(1n+2) td:nth-of-type(1):before, .procontra tr:nth-of-type(1n+2) td:nth-of-type(3):before {font-size: 20px;}
	.procontra tr:nth-of-type(1n+2) td:nth-of-type(3) {width: 2%;}
	.procontra .procontratitle{font-size: 14px; line-height: 14px;}
}
.procontraempty {display: none;}
/*** ------ ***/



/*** ATCH ***/
div[class^="atch-"] {width: 640px; height: 165px; margin: 1% auto;}
@media screen and (max-width : 890px){ div[class^="atch-"] {width: 100%; height: 0; padding-bottom: 25.781%; margin: 1% auto; background-size: 100%;} }


.atch-ss {background: url(/img/atch-ss.webp);}

.atch-analsex {background: url(/img/atch-analsex.webp);}
.atch-analfetisch {background: url(/img/atch-analfetisch.webp);}
.atch-analfisting {background: url(/img/atch-analfisting.webp);}
.atch-teenanal {background: url(/img/atch-teenanal.webp);}

.atch-dominas {background: url(/img/atch-dominas.webp);}
.atch-geldherrin {background: url(/img/atch-geldherrin.webp);}
.atch-sadomaso {background: url(/img/atch-sadomaso.webp);}
.atch-sklavin {background: url(/img/atch-sklavin.webp);}

.atch-fetisch {background: url(/img/atch-fetisch.webp);}
.atch-doktorspiele {background: url(/img/atch-doktorspiele.webp);}
.atch-pinkelndefrauen {background: url(/img/atch-pinkelndefrauen.webp);}
.atch-spermaspiele {background: url(/img/atch-spermaspiele.webp);}

.atch-gays {background: url(/img/atch-gays.webp);}
.atch-altegays {background: url(/img/atch-altegays.webp);}
.atch-gayfetisch {background: url(/img/atch-gayfetisch.webp);}
.atch-jungegays {background: url(/img/atch-jungegays.webp);}

.atch-hausfrauen {background: url(/img/atch-hausfrauen.webp);}
.atch-behaartefrauen {background: url(/img/atch-behaartefrauen.webp);}
.atch-dickefrauen {background: url(/img/atch-dickefrauen.webp);}
.atch-frauenfetisch {background: url(/img/atch-frauenfetisch.webp);}

.atch-hobbyhuren {background: url(/img/atch-hobbyhuren.webp);}
.atch-geilenachbarinnen {background: url(/img/atch-geilenachbarinnen.webp);}
.atch-privateamateure {background: url(/img/atch-privateamateure.webp);}
.atch-traumfrauen {background: url(/img/atch-traumfrauen.webp);}

.atch-omas {background: url(/img/atch-omas.webp);}
.atch-behaarteomas {background: url(/img/atch-behaarteomas.webp);}
.atch-dickeomas {background: url(/img/atch-dickeomas.webp);}
.atch-fetischomas {background: url(/img/atch-fetischomas.webp);}

.atch-teens {background: url(/img/atch-teens.webp);}
.atch-dicketeens {background: url(/img/atch-dicketeens.webp);}
.atch-geilestudentin {background: url(/img/atch-geilestudentin.webp);}
.atch-teenfetisch {background: url(/img/atch-teenfetisch.webp);}

.atch-titten {background: url(/img/atch-titten.webp);}
.atch-grossetitten {background: url(/img/atch-grossetitten.webp);}
.atch-kleinetitten {background: url(/img/atch-kleinetitten.webp);}
.atch-tittenfetisch {background: url(/img/atch-tittenfetisch.webp);}

.atch-transen {background: url(/img/atch-transen.webp);}
.atch-altetransen {background: url(/img/atch-altetransen.webp);}
.atch-fetischtransen {background: url(/img/atch-fetischtransen.webp);}
.atch-jungetransen {background: url(/img/atch-jungetransen.webp);}

.atch-tuerkinnen {background: url(/img/atch-tuerkinnen.webp);}
.atch-behaartetuerkinnen {background: url(/img/atch-behaartetuerkinnen.webp);}
.atch-jungetuerkinnen {background: url(/img/atch-jungetuerkinnen.webp);}
.atch-tuerkinnenfetisch {background: url(/img/atch-tuerkinnenfetisch.webp);}

.lauschen {width: 96%; height: 0; padding-bottom: 16.271%; background: url(/img/lauschen.webp); background-size: 100%; margin: auto;}
/*** ------ ***/






/*** TELEFONSEX MIT CAM ELEMENTE ***/
.box1 {background: rgba(255,255,255, 0.3); box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1), inset 0 0 0 2px rgba(255,255,255,0.3); color: #222; text-shadow: 1px 1px 0 rgba(255,255,255, 0.2); margin: 1%; padding: 2%; text-align: left; border-left: 0px solid #ec466d;}
div.icon-info {background: url(/img/icon-info.webp) center left no-repeat; background-size: 40px 40px; min-height: 40px; padding-left: 55px; display: flex; align-items: center;}
@media screen and (max-width : 680px){ div.icon-info {background: url(/img/icon-info.webp) center left no-repeat; background-size: 30px 30px; min-height: 30px; padding-left: 40px;} }

.beianrufsexbutton {display: block; width: 92%; max-width: 400px; margin: 3% auto; padding: 1% 1%; font-size: 120%; font-weight: 600; text-align: center; text-decoration: none; border-radius: 4px;
color: #FFF; text-shadow: 0px 1px 0px rgba(0,0,0,0.4);
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 );
}
.beianrufsexbutton:hover {color: #FFF;
box-shadow: ;
background: #29aa18;
background: -moz-linear-gradient(top,  #29aa18 0%, #218613 100%);
background: -webkit-linear-gradient(top,  #29aa18 0%,#218613 100%);
background: linear-gradient(to bottom,  #29aa18 0%,#218613 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29aa18', endColorstr='#218613',GradientType=0 );
}


.t6cambanner {display: flex; width: 98%; max-width: 800px; margin: 1% auto;}
.t6cambanner > div:nth-of-type(1) {width: 55%;}
.t6cambanner > div:nth-of-type(1) img {width: 100%; display: block; max-width: 440px; margin: auto;}
.t6cambanner > div:nth-of-type(2) {width: 45%; text-align: center;}
.t6cambanner > div:nth-of-type(2) > span {display: inline-block; font-size: 120%; margin-top: 5px; color: #444;}
.t6cambanner .beianrufsexbutton {margin: 1% auto;}
@media screen and (max-width : 800px){
	.t6cambanner {flex-wrap: wrap;}
	.t6cambanner > div {width: 100% !important;}
}

/*** ------ ***/



/*** FOOTER ***/
footer {color: #FFF;
	background: #202c32;
	background: -moz-radial-gradient(center, ellipse cover,  #202c32 0%, #0f171b 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  #202c32 0%,#0f171b 100%);
	background: radial-gradient(ellipse at center,  #202c32 0%,#0f171b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202c32', endColorstr='#0f171b',GradientType=1 );
}
footer > div:nth-of-type(1), footer > div:nth-of-type(2), footer > div:nth-of-type(3) {width: 25.333%; margin: 4%; float: left; font-size: 12px;}
footer > div:nth-of-type(1):after {content: "Anruf erst ab 18 Jahren gestattet \A\A Moderierter Dienst, keine realen Treffen möglich"; white-space: pre-wrap;}
footer > div:nth-of-type(2):after {content: "Alle auf den Fotos abgebildeten Personen waren zum Zeitpunkt der Aufnahmen mindestens 18 Jahre alt";}
footer > div:nth-of-type(3):after {content: "Die auf den Fotos abgebildeten Personen dienen lediglich der Visualisierung/Werbung und stellen keine tatsächlichen Gesprächspartnerinnen dar";}
@media screen and (max-width : 480px){ footer > div:nth-of-type(1), footer > div:nth-of-type(2), footer > div:nth-of-type(3) {width: 96%; padding: 2%; margin: 0; float: none;} }
/*** ------ ***/



/*** FOOTER2 ***/
.footer {text-align: center; margin-bottom: 20px;}
.footer a {margin: 0 5px;}
#all18::after {color: rgba(0, 0, 0, 0.6); content: "Alle gezeigten Personen sind mindestens 18 Jahre oder älter"; display: block; text-align: center; margin-bottom: 2%; font-size: 10px;}
/*** ------ ***/



/*** SO GEHTS ***/
.sogehts {width: 96%; margin: 2%; height: 0; padding-bottom: 35.501%; background: url(/img/so-gehts.webp); background-size: 100%;}
/*** ------ ***/


.tlbc, .tlbc p {padding: 1% 0 !important; text-align: center !important;}







/**** YOUTUBE ****/
.ytvideocontainer {width: 560px; height: 355px; padding: 10px; background: #FFF; box-shadow: 0 0 5px rgba(0,0,0, 0.2); display: block; margin: 1% auto 2% 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;} }
/*************************/









@font-face{font-family:'FontIco';src:url('/fonts/fontico.eot');src:url('/fonts/fontico.eot') format('embedded-opentype'),url('/fonts/fontico.woff2') format('woff2'),url('/fonts/fontico.woff') format('woff'),url('/fonts/fontico.ttf') format('truetype'),url('/fonts/fontico.svg') format('svg');font-weight:normal !important;font-style:normal;font-display:swap;}