html {scroll-behavior: smooth; font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 22px;}
@media screen and (max-width : 680px){ html {font-size: 14px; line-height: 19px;} }
body {margin: 0px; color: #737373; padding-bottom: 100px; background: #FFF;}
* {margin: 0; padding: 0;}
.clear {clear: both;}
.tac {text-align: center;}
.dp-b {display: block;}
img {border: 0px;}

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





/***TOPSCROLLLINK***/
#top {position: absolute; top: 0;}
a[href="#top"]:before {font-family: FontAwesome; content: "\f0d8"; position: relative; font-size: 50px; line-height: 30px;}
a[href="#top"] {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; color: #FFF; text-shadow: 1px 1px rgba(0,0,0, 0.3); font-size: 20px; width: 60px; height: 50px; line-height: 20px; position: fixed; right: 40px; bottom: 10px; text-align: center; text-decoration: none; z-index: 1010; opacity: 0.7; transition: opacity 0.3s;
background: #e03333;
background: -moz-linear-gradient(-45deg,  #e03333 0%, #ff0000 100%);
background: -webkit-linear-gradient(-45deg,  #e03333 0%,#ff0000 100%);
background: linear-gradient(135deg,  #e03333 0%,#ff0000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e03333', endColorstr='#ff0000',GradientType=1 );
}
a[href="#top"]:hover {color: #FFF; opacity: 1;}
a[href="#top"]:after {content: "NACH OBEN"; font-size: 8px;}
@media screen and (max-width : 680px){
	a[href="#top"] {position: fixed; right: 5px; bottom: 5px; width: 50px; height: 35px;}
	a[href="#top"]:before {font-size: 35px; line-height: 10px;}
	a[href="#top"]:after {content: "NACH OBEN"; font-size: 6px; line-height: 12px;}
}
@media screen and (max-width : 340px){
a[href="#top"] {display: none;}
}
/**********/





/***BAUCHBINDE***/
#bb {padding: 0px; position: fixed; z-index: 10; bottom: 0px; width: 100%; left: 0px;
background: #1e1e1e;
background: -moz-linear-gradient(left,  #1e1e1e 0%, #303030 30%, #303030 70%, #1e1e1e 100%);
background: -webkit-linear-gradient(left,  #1e1e1e 0%,#303030 30%,#303030 70%,#1e1e1e 100%);
background: linear-gradient(to right,  #1e1e1e 0%,#303030 30%,#303030 70%,#1e1e1e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e1e', endColorstr='#1e1e1e',GradientType=1 );
}
#bb .buttonwrap {margin: 0;}
@media screen and (max-width : 680px){
	#bb .buttonwrap a {font-size: 15px !important; line-height: 15px !important; padding: 8px !important; margin: 7px !important;}
}
/**********/



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



a {text-decoration: none; color: #DB3A3E; transition: color 0.3s;}
a:hover {color: #222;}


.title1 {font-size: 24px; line-height: 30px; font-weight: 300; margin: 10px; color: #e81818; border-bottom: 1px solid rgba(0,0,0, 0.1);}
h2.title1, h3.title1 {margin-top: 80px;}
@media screen and (max-width : 680px){ .title1 {font-size: 17px; line-height: 22px; font-weight: 400;} h2.title1, h3.title1 {margin: 50px 10px 0 10px;} }

.title2 {font-size: 18px; line-height: 30px; font-weight: 600; margin: 10px 10px 0px 10px; color: #f73859;}
.title2:before {font-family: FontAwesome; content: "\f0da"; margin-right: 7px; color: #555;}
@media screen and (max-width : 680px){ .title2 {font-size: 14px; line-height: 18px;} }

p {padding: 10px;}





/*** Navigation ***/
@media screen and (min-width : 1201px){
.navsize {height: 90px;}
nav {width: 100%; height: 60px; position: fixed; z-index: 100; top: 0px; left: 0px; box-shadow: 0 0 10px rgba(0,0,0, 0.5);
background: #761a1d;
background: -moz-linear-gradient(left,  #761a1d 0%, #4a1617 30%, #4a1617 70%, #761a1d 100%);
background: -webkit-linear-gradient(left,  #761a1d 0%,#4a1617 30%,#4a1617 70%,#761a1d 100%);
background: linear-gradient(to right,  #761a1d 0%,#4a1617 30%,#4a1617 70%,#761a1d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#761a1d', endColorstr='#761a1d',GradientType=1 );
}
nav .wrap {display: flex;}
nav #logo{width: 200px; height: 60px; background: url(/img/logo.png) center no-repeat; background-size: 90%;}
nav ul {list-style-type: none;}
nav .wrap > ul > li {float: left; position: relative;}
nav .wrap > ul > li:after {content: ""; position: absolute; width: 0%; height: 3px; left: 50%; bottom: 10px; opacity: 1; transition: all 0.4s;
background: #e03333;
background: -moz-linear-gradient(left,  #e03333 0%, #ff0000 100%);
background: -webkit-linear-gradient(left,  #e03333 0%,#ff0000 100%);
background: linear-gradient(to right,  #e03333 0%,#ff0000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e03333', endColorstr='#ff0000',GradientType=1 );
}
nav .wrap > ul > li:hover:after {width: 50%; left: 25%;}
nav .wrap > ul > li > a {display: block; padding: 20px 10px; font-size: 15px; line-height: 20px; position: relative; z-index: 2; transition: all 0.4s; color: rgba(255,255,255, 0.8); font-weight: 400;}
nav .wrap > ul > li:hover > a {color: #FFF; transition: all 0.4s;}
nav .wrap > ul > li:hover > a:before {color: #FFF; text-shadow: 0 0 3px #FFF;}

.subnav1 {position: absolute; top: 60px; padding-top: 15px; width: 250px; height: 100px; opacity: 0.0; transition: opacity 0.4s; pointer-events: none;}
.subnav1:before {content: ""; display: block; width: 43px; height: 22px; background: url(/img/mainnavtop.png); position: absolute; top: -6px; left: 20px;}
nav .wrap > ul > li:hover .subnav1 {opacity: 1; pointer-events: auto;}
.subnav1 > ul {box-shadow: 0 0 5px rgba(0,0,0, 0.3);
background: #ffffff;
background: -moz-linear-gradient(-45deg,  #ffffff 0%, #eeeeee 99%);
background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#eeeeee 99%);
background: linear-gradient(135deg,  #ffffff 0%,#eeeeee 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=1 );
}
.subnav1 > ul > li > a {display: block; background: rgba(0,0,0,0); color: #777; font-size: 16px; line-height: 20px; padding: 10px 5px; border-bottom: 1px solid rgba(0,0,0, 0.1); transition: all 0.2s;}
.subnav1 > ul > li:hover > a {background: rgba(0,0,0,0.03); color: #e81818;}

.nbg2 a {color: #F00 !important; font-weight: 600 !important;}
.nbg2 a:hover {color: #FFF !important;}
}

.ico-home:before {font-family: FontAwesome; content: "\f015"; margin-right: 3px; font-weight: 100; transition: all 0.4s; color: rgba(255,255,255, 0.8);}
.ico-cats:before {font-family: FontAwesome; content: "\f016"; margin-right: 3px; font-weight: 100; transition: all 0.4s; color: rgba(255,255,255, 0.8);}
.ico-mag:before {font-family: FontAwesome; content: "\f02d"; margin-right: 3px; font-weight: 100; transition: all 0.4s; color: rgba(255,255,255, 0.8);}
.ico-cats:before {font-family: FontAwesome; content: "\f0e7"; margin-right: 3px; font-weight: 100; transition: all 0.4s; color: rgba(255,255,255, 0.8);}
.ico-girls:before {font-family: FontAwesome; content: "\f182"; margin-right: 3px; font-weight: 100; transition: all 0.4s; color: rgba(255,255,255, 0.8);}
.ico-pics:before {font-family: FontAwesome; content: "\f1c5"; margin-right: 3px; font-weight: 100; transition: all 0.4s; color: rgba(255,255,255, 0.8);}
.ico-prem:before {font-family: FontAwesome; content: "\f219"; margin-right: 3px; font-weight: 100; transition: all 0.4s; color: rgba(255,255,255, 0.8);}
.ico-login:before {font-family: FontAwesome; content: "\f090"; margin-right: 3px; font-weight: 100; transition: all 0.4s; color: rgba(255,255,255, 0.8);}
.ico-gratis:before {font-family: FontAwesome; content: "\f006"; margin-right: 3px; font-weight: 100; transition: all 0.4s; color: rgba(255,255,255, 0.8);}
.ico-book:before {font-family: FontAwesome; content: "\f02d"; margin-right: 3px; font-weight: 100; transition: all 0.4s; color: rgba(255,255,255, 0.8);}


#mobnav {display: none;}

@media screen and (max-width : 1200px){
.navsize {height: 50px;}
nav {width: 100%; height: 40px; position: fixed; z-index: 100; top: 0px; left: 0px; box-shadow: 0 0 10px rgba(0,0,0, 0.5);
background: #761a1d;
background: -moz-linear-gradient(left,  #761a1d 0%, #4a1617 30%, #4a1617 70%, #761a1d 100%);
background: -webkit-linear-gradient(left,  #761a1d 0%,#4a1617 30%,#4a1617 70%,#761a1d 100%);
background: linear-gradient(to right,  #761a1d 0%,#4a1617 30%,#4a1617 70%,#761a1d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#761a1d', endColorstr='#761a1d',GradientType=1 );
}
nav #logo{width: 133px; height: 40px; background: url(/img/logo.png) center no-repeat; background-size: auto 90%;}

nav .wrap {}
nav .wrap > ul {list-style-type: none; position: fixed; width: 100%; height: calc(100% - 40px); top: 40px; display: none; overflow: auto;}
nav .wrap > ul > li {display: block; width: 100%;}
nav .wrap > ul > li > a {display: block; padding: 5px; font-size: 16px; line-height: 20px; position: relative; z-index: 2; color: #FFF; text-shadow: 1px 1px 0 rgba(0,0,0, 0.3); font-weight: 300; border-bottom: 1px solid rgba(255,255,255, 0.2);
background: #b51b1b;
background: -moz-linear-gradient(left,  #b51b1b 0%, #c00000 100%);
background: -webkit-linear-gradient(left,  #b51b1b 0%,#c00000 100%);
background: linear-gradient(to right,  #b51b1b 0%,#c00000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b51b1b', endColorstr='#c00000',GradientType=1 );

}

.subnav1 > ul {list-style-type: none;}
.subnav1 > ul > li > a {display: block; background: #FFF; color: #777; font-size: 14px; line-height: 18px; padding: 5px 10px; border-bottom: 1px solid rgba(0,0,0, 0.1); transition: all 0.2s;}

#mobnavlabel {display: block; width: 40px; height: 40px; line-height: 40px; position: absolute; top: 0px; right: 0px; text-align: center;}
#mobnavlabel:after {font-family: FontAwesome; content: "\f0c9"; color: #FFF; font-size: 22px;}
#mobnav:checked ~ .wrap  > ul {display: block;}
#mobnav:checked ~ #mobnavlabel:after {font-family: FontAwesome; content: "\f00d"; color: #FFF; text-shadow: 0 0 5px rgba(255,255,255, 0.8);}

.nbg2 a {color: #000 !important; text-shadow: none !important; font-weight: 500 !important;}
.nbg2 a:hover {color: #FFF !important;}
}


@media screen and (max-width : 400px){
	nav .wrap > ul > li > a {font-size: 14px; line-height: 18px;}
	.subnav1 > ul > li > a {font-size: 11px; line-height: 15px;}
}




/*********/










/*** BREADCRUMB ***/
#breadcrumb {margin: 0px auto 20px auto; padding: 10px 0; text-align: center; border-bottom: 0px solid #EEE; position: relative;
	background: #ffffff;
	background: -moz-linear-gradient(left,  #ffffff 0%, #f0f0f0 50%, #ffffff 100%);
	background: -webkit-linear-gradient(left,  #ffffff 0%,#f0f0f0 50%,#ffffff 100%);
	background: linear-gradient(to right,  #ffffff 0%,#f0f0f0 50%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
}
#breadcrumb:after {content: ""; display: block; width: 100%; height: 1px; position: absolute; bottom: -1px;
	background: #ffffff;
	background: -moz-linear-gradient(left,  #ffffff 0%, #E7E7E7 25%, #E7E7E7 75%, #ffffff 100%);
	background: -webkit-linear-gradient(left,  #ffffff 0%,#E7E7E7 25%,#E7E7E7 75%,#ffffff 100%);
	background: linear-gradient(to right,  #ffffff 0%,#E7E7E7 25%,#E7E7E7 75%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
}
#breadcrumb strong {display: block; text-align: center; margin-bottom: 5px;}
#breadcrumb a {white-space: nowrap;}
#breadcrumb a {color: #555; margin-left: 10px;}
#breadcrumb a:hover {color: #00B5FF;}
#breadcrumb a:before {font-family: FontAwesome; content: "\f0da"; color: #303030; margin-right: 5px;}

@media screen and (max-width : 680px){
	#breadcrumb {font-size: 80%; padding: 5px 0; margin: 0px auto 10px auto;}
	#breadcrumb strong {margin-bottom: 0px;}
}
/*************************/






/* ------AUFTEILUNGEN------ */
.mainsize1 {display: flex; width: 100%; padding: 0;}
.mainsize1 > div:nth-of-type(1) {width: calc(100% - 270px);}
.mainsize1 > div:nth-of-type(2) {width: 20px; background: rgba(0,0,0,0.0);}
.mainsize1 > div:nth-of-type(3) {width: 250px;}

@media screen and (max-width : 900px){
	.mainsize1 > div:nth-of-type(1) {width: calc(100% - 265px); padding: 10px;}
	.mainsize1 > div:nth-of-type(2) {width: 0%;}
	.mainsize1 > div:nth-of-type(3) {width: 245px;}
}
@media screen and (max-width : 800px){
	.mainsize1 > div:nth-of-type(1) {width: calc(100% - 240px); padding: 10px;}
	.mainsize1 > div:nth-of-type(3) {width: 230px;}
}
@media screen and (max-width : 680px){
	.mainsize1 {display: flex; width: 100%; flex-direction: column;}
	.mainsize1 > div:nth-of-type(1) {width: calc(100% - 0px); padding: 0px; order: 3;}
	.mainsize1 > div:nth-of-type(2) {display: none;}
	.mainsize1 > div:nth-of-type(3) {width: calc(100% - 0px); padding: 0px; order: 1;}

	.o1 {order: 1 !important;}
	.o3 {order: 3 !important;}
}

.mainsize1 h1.title1:first-of-type {margin-top: 0px;}

.mainsize2 {display: block; width: 98%; padding: 1%;}
/*********/



















/*** BILDER ***/
:root {
  --pic_margin: 10px;
  --pic_padding: 5px;
  --pic_width: 30px;
}
.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); text-align: center; margin: auto;}
.picborder {width: calc(100% - var(--pic_width)); margin: var(--pic_margin) auto; padding: var(--pic_padding); text-align: center; background: #FFF; box-shadow: 0 0 1px rgba(0,0,0, 0.25), 0 0 7px rgba(0,0,0, 0.20);}
.picborder .picfull {width: 100%; margin: 0 0 var(--pic_padding) 0;}

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

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

.imgwrap {width: calc(100% - var(--pic_width)); margin: var(--pic_margin) auto; padding: var(--pic_padding); text-align: center; background: #FFF; box-shadow: 0 0 1px rgba(0,0,0, 0.25), 0 0 7px rgba(0,0,0, 0.20);}
.imgwrapnoborder {width: 100%; margin: 10px auto;}
.imgwrap > div, .imgwrapnoborder > div {width: 100%; height: 0px;}
.imgwrap > div img, .imgwrapnoborder > div img {width: 100% !important;}

.img001 {padding-bottom: 60.06%;}
.img002 {padding-bottom: 28.5%;}
/***********/






/**** LISTEN ****/
.list0 {padding: 0; margin: 10px 40px; list-style-type: none;}
.list0 li {margin: 12px 0;}

.list1 {padding: 0; margin: 10px 40px;}
.list1 li {list-style-type: none; margin: 10px 0; padding-left: 25px; background: url(/img/arrow1.png) left center no-repeat;}

.subli0 {margin-left: 6% !important;}
.subli1 {margin-left: 6% !important; list-style-type: circle;}
.subli2 {margin-left: 12% !important; list-style-type: square;}
/***********/





/** TABELLEN **/
.table1 {width: 98%; margin: 1%; text-align: center;}
.table1 td {}
.table1 tr:nth-of-type(1) td {background: #303030; font-size: 150%; color: #00f6ff; padding: 10px 0;}
.table1 tr:nth-of-type(2n+2) td {background: #EEE; padding: 10px 0; box-shadow: inset 0 0 0 1px rgba(0,0,0, 0.03);}
.table1 tr:nth-of-type(2n+3) td {background: #F5F5F5; padding: 10px 0; box-shadow: inset 0 0 0 1px rgba(0,0,0, 0.03);}


.table2 {width: 98%; margin: 1%; text-align: center;}
.table2 td {}
.table2 tr td:nth-of-type(1) {background: #303030; font-size: 150%; color: #00f6ff; padding: 10px 0;}
.table2 tr:nth-of-type(2n+1) td:nth-of-type(2) {background: #EEE; padding: 10px 0; box-shadow: inset 0 0 0 1px rgba(0,0,0, 0.03);}
.table2 tr:nth-of-type(2n+2) td:nth-of-type(2) {background: #F5F5F5; padding: 10px 0; box-shadow: inset 0 0 0 1px rgba(0,0,0, 0.03);}
/**********/






/**** BUTTONS ****/
.buttonwrap {margin: 10px 0; text-align: center;}
.tar {text-align: right;}

.button1 {display: inline-block; margin: 10px; padding: 13px; text-align: center; text-decoration: none;}
.button2 {display: inline-block; margin: 5px; padding: 8px; text-align: center; text-decoration: none;}
.button3 {display: block; width: calc(100% - 26px); margin: 5px; padding: 8px; text-align: center; text-decoration: none;}
.buttonbig {display: inline-block; margin: 10px; padding: 13px; text-align: center; text-decoration: none;}
.buttonbig {line-height: 35px !important;}


.buttoncol1 {color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0, 0.4), 0 0 2px rgba(0,0,0, 0.3); font-weight: 400; font-size: 18px; line-height: 24px; border-radius: 2px; transition: all 0.4s;
background: #2f64e0;
background: -moz-linear-gradient(left,  #2f64e0 0%, #76a5d3 100%);
background: -webkit-linear-gradient(left,  #2f64e0 0%,#76a5d3 100%);
background: linear-gradient(to right,  #2f64e0 0%,#76a5d3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f64e0', endColorstr='#76a5d3',GradientType=1 );
background-size: 200%; background-position: right;
}
.buttoncol1:hover {color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0, 0.2); background-position: left;}
.buttoncol1 .bcol2 {color: #000; text-shadow: 1px 1px 1px rgba(255,255,255,0.2);}


.buttoncol2 {color: rgba(255,255,255, 0.9); text-shadow: 1px 1px 0 rgba(0,0,0, 0.3), 0 0 4px rgba(0,0,0, 0.3); border-radius: 3px; transition: all 0.4s; font-weight: 500;
background: #00b5ff;
background: -moz-linear-gradient(left,  #00b5ff 0%, #00f6ff 100%);
background: -webkit-linear-gradient(left,  #00b5ff 0%,#00f6ff 100%);
background: linear-gradient(to right,  #00b5ff 0%,#00f6ff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b5ff', endColorstr='#00f6ff',GradientType=1 );
background-size: 200%; background-position: right;
}
.buttoncol2:hover {color: #FFF; background-position: left;}


.buttoncol3 {color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0, 0.2); font-weight: 400; font-size: 16px; line-height: 22px; text-transform: uppercase; border-radius: 2px; transition: all 0.4s;
background: #00b5ff;
background: -moz-linear-gradient(left,  #00b5ff 0%, #00f6ff 100%);
background: -webkit-linear-gradient(left,  #00b5ff 0%,#00f6ff 100%);
background: linear-gradient(to right,  #00b5ff 0%,#00f6ff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b5ff', endColorstr='#00f6ff',GradientType=1 );
background-size: 200%; background-position: right;
}
.buttoncol3:hover {color: #FFF; text-shadow: 1px 1px 1px rgba(0,0,0, 0.2); background-position: left;}


.butsz1 {font-size: 130% !important; margin-bottom: 20px;}
.butsep1{height: 1px; background: rgba(0,0,0,0.1); margin: 10px 40px;}
.butcol1 {color: rgba(0,0,0, 0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.1);}


.butico1:before {font-family: FontAwesome; content: "\f0da";}
.butico2:before {font-family: FontAwesome; content: "\f058";}

@media screen and (max-width : 600px){
	.buttoncol1 {font-size: 13px; line-height: 25px !important;}
}
@media screen and (max-width : 450px){
	.smallbr {display: block;}
}
/***********/






/**** YOUTUBEVIDEO ****/
.ytvideocontainer {width: 560px; height: 355px; padding: 10px; background: rgba(0,0,0, 0.1); box-shadow: inset 0 0 0 1px rgba(0,0,0, 0.2), inset 0 0 5px rgba(0,0,0, 0.2), 0 0 0 1px #FFF; 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;} }
/***********/







.vorteilsbox {margin: auto; max-width: 460px;}
.vbub {width: 100%; height: 0px; padding-bottom: 13.64%; background: url(/img/alle-vorteile.png) center no-repeat; background-size: 95%;}




/**** INHALTSVERZEICHNIS ****/
.ivzanker {position: relative; top: calc(-1vw - 40px);}
#inhaltsverzeichnis {margin: 0 0 10px 0; background: #FFF;}
#inhaltsverzeichnis span {display: block; text-align: center; font-size: 24px; line-height: 30px; font-weight: 300; margin: 0; color: #f73859; border-bottom: 1px solid rgba(0,0,0, 0.1);}

#inhaltsverzeichnis ul {list-style-type: none;}
#inhaltsverzeichnis ul li a{display: block; padding: 5px 3px; font-size: 12px; color: #777777; line-height: 14px; font-weight: 500; letter-spacing: -0.4px; text-decoration: none; border-bottom: 1px dotted rgba(0,0,0, 0.2); background: rgba(0,0,0, 0.00); transition: all 0.3s;}
#inhaltsverzeichnis ul li a:before{font-family: FontAwesome; content: "\f0da"; margin-right: 4px; color: #BBB;}
#inhaltsverzeichnis ul .sub a{padding-left: 15px; font-weight: 300; color: #777; border-bottom: none; display: none;}

#inhaltsverzeichnis ul li a:hover{color: #444;}
#inhaltsverzeichnis ul .sub a:hover{color: #444; border-bottom: none;}

@media screen and (min-width : 681px){ .ivz_active {color: #f73859 !important;} .ivz_active:before {color: #f73859 !important;} }

@media screen and (max-width : 900px){ #inhaltsverzeichnis {width: 235px; margin: 5px;} .fixbox {width: 245px;} .fixed-box #inhaltsverzeichnis {position: fixed !important; top: 0px !important;} #inhaltsverzeichnis ul li a{letter-spacing: -0.6px;} }
@media screen and (max-width : 800px){ #inhaltsverzeichnis {width: 200px; margin: 5px;} #inhaltsverzeichnis ul li a{font-size: 10px;} .fixbox {width: 210px;} }

#ivz[type=checkbox] {display: none;}
@media screen and (max-width : 680px){
	.fixbox {position: relative; width: auto; overflow: auto;}
	#inhaltsverzeichnis {width: calc(100% - 20px); margin: 0 10px; position: relative; top: 0px; z-index: 10; overflow: auto; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4);}
	#inhaltsverzeichnis ul li a{font-size: 12px; letter-spacing: -0.4px;}
	#inhaltsverzeichnis span {background: #303030; color: #FFF; font-size: 16px; line-height: 24px;}
	#inhaltsverzeichnis span label {display: block;}
	#inhaltsverzeichnis span label:after {font-family: FontAwesome; content: "\f146"; margin-left: 10px;}
	#ivz[type=checkbox]:checked ~ span label:after {font-family: FontAwesome; content: "\f0fe"; margin-left: 10px;}
	#ivz[type=checkbox]:checked ~ span {margin-bottom: 0;}
	#ivz[type=checkbox]:checked ~ ul {height: 0; overflow: hidden;}
	#inhaltsverzeichnis ul .sub {display: none;}
	.fixed-box #inhaltsverzeichnis {position: fixed; top: 0px; z-index: 1000;}
	.fixed-box #inhaltsverzeichnis span label {font-size: 16px; line-height: 14px;}
}

.sidelogo {display: block; width: calc(100% - 20px); margin: 10px; clear: both;}
.sidelink {margin: 0; padding: 0 10px 0 10px; text-align: center;}
/***********/









/**** FAQ BOXEN ****/
.faqbox {margin: 20px 10px; background: #FFF;}
.faqbox > div:nth-of-type(1) {padding: 10px; background: #761a1d; color: #FFF; font-weight: 600;}
.faqbox > div:nth-of-type(2) {padding: 10px; border: 3px solid #761a1d; border-top: 0;}
/*************************/











/**** CAMS ****/
#camlayer {display:none;}
#camlayerlabel {display: block; width: 50px; height: 50px; line-height: 50px; position: absolute; z-index: 10; top: 0px; right: 0px; text-align: center; cursor: pointer;}
#camlayerlabel:after {font-family: FontAwesome; content: "\f00d"; color: #FFF; font-size: 40px; line-height: 50px;}

#camlayer:checked ~ .layercams {opacity: 1; pointer-events: auto;}
.layercams {position: fixed; z-index: 1200; width: 100%; height: 100%; top: 0px; left: 0px; transition: all 0.5s; opacity: 0; pointer-events: none; display: flex; flex-direction: column; justify-content: center;
background: #761a1d;
background: -moz-linear-gradient(left,  #761a1d 0%, #4a1617 30%, #4a1617 70%, #761a1d 100%);
background: -webkit-linear-gradient(left,  #761a1d 0%,#4a1617 30%,#4a1617 70%,#761a1d 100%);
background: linear-gradient(to right,  #761a1d 0%,#4a1617 30%,#4a1617 70%,#761a1d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#761a1d', endColorstr='#761a1d',GradientType=1 );
}

.layercams > div:nth-of-type(1) {height: 150px; padding-top: 10px; text-align: center; color: #FFF; font-weight: 300;}
.layercams > div:nth-of-type(2) {max-height: calc(100% - 70px - 160px);}
.layercams > div:nth-of-type(3) {height: 70px; display: flex; justify-content: center; align-items: center;}

.layercams > div:nth-of-type(1) strong {font-size: 120%;}
.layercams > div:nth-of-type(1) li:before {font-family: FontAwesome; content: "\f058"; margin-right: 5px; font-size: 30px; position: relative; top: 5px;}
.layercams > div:nth-of-type(1) li {margin: 5px 0; line-height: 32px;}
@media screen and (max-width : 800px){
	.layercams > div:nth-of-type(1) strong {font-size: 100%;}
}
@media screen and (max-width : 750px){
	.layercams > div:nth-of-type(1) {display: none;}
	.layercams > div:nth-of-type(2) {max-height: calc(100% - 70px - 0px);}
}



.onlinecams {display: flex; flex-wrap: wrap; max-width: 1400px; margin: 0px auto; justify-content: space-between; /*position: relative; top: 50%; -webkit-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%);*/}
.onlinecams > a {width: calc(25% - 7.5px); height: 0px; padding-bottom: 12%; position: relative; margin-bottom: 10px; box-shadow: 0 4px 8px rgba(0,0,0, 0.4); transition: all 0.4s;
background: #303030;
background: -moz-linear-gradient(top,  #303030 3%, #1e1e1e 100%);
background: -webkit-linear-gradient(top,  #303030 3%,#1e1e1e 100%);
background: linear-gradient(to bottom,  #303030 3%,#1e1e1e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#1e1e1e',GradientType=0 );
}
.onlinecams > a:hover {box-shadow: 0 8px 16px rgba(0,0,0, 0.4);}
.onlinecams > a > div {width: 100%; height: 100%; position: absolute; top: 0px; left: 0px;}
.onlinecams > a > div .oc_pic {position: absolute; width: calc(50% - 20px); height: calc(100% - 20px); margin: 10px; top: 0px; left: 0px; overflow: hidden; transition: all 0.4s;}
.onlinecams > a:hover > div .oc_pic {border-radius: 10px; left: 0;}
.onlinecams > a > div .oc_pic img {object-fit: cover; display: block; width: 100%; height: 100%; object-position: 0% 50%; transition: all 0.4s;}
.onlinecams > a:hover > div .oc_pic img {transform: scale(1.1);}

.onlinecams > a > div .oc_bg {position: absolute; width: 50%; height: 100%; top: 0px; right: 0px; background: url(/img/profilbg.png) left center no-repeat; background-size: 100% 100%; transition: all 0.4s; display: flex; flex-direction: column; justify-content: center; transition: all 0.4s;}
.onlinecams > a:hover > div .oc_bg {right: 0;}
.onlinecams > a > div .oc_bg strong{display: block; padding: 5px; color: #FFF; text-shadow: 1px 1px 0 rgba(0,0,0, 0.3), 0 0 8px rgba(255,255,255, 0.0); font-size: 16px; line-height: 24px; font-weight: 700; transition: all 0.4s; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.onlinecams > a:hover > div .oc_bg strong{text-shadow: 1px 1px 0 rgba(0,0,0, 0.2), 0 0 8px #FFF; color: #FFF;}

.onlinecams > a > div .oc_bg .oc_ex {text-align: center;}
.onlinecams > a > div .oc_bg .oc_ex:before{content: "Jetzt online"; display: block; padding: 3px 5px; font-size: 16px; line-height: 20px; font-weight: 200; color: #61f52b; margin: auto;}
.onlinecams > a > div .oc_bg .oc_ex:after{content: "Zum Girl"; display: inline-block; padding: 5px 10px; color: #FFF; font-size: 16px; line-height: 20px; font-weight: 400; margin: 5px 5px 10px 5px; transition: all 0.4s; box-shadow: inset 0 0 0 2px #e03333; border-radius: 3px;}
.onlinecams > a:hover > div .oc_bg .oc_ex:after{background: #e03333; color: #FFF;}


@media (orientation: landscape) {
	@media screen and (max-width : 1100px){
		.onlinecams > a {width: calc(33.3333% - 5px);}
		.onlinecams > a:nth-of-type(1n+10) {display: none;}
		.onlinecams > a > div .oc_bg strong{font-size: 14px; line-height: 14px;}
		.onlinecams > a > div .oc_bg .oc_ex:before{width: 60px; font-size: 13px; line-height: 16px;}
		.onlinecams > a > div .oc_bg .oc_ex:after{font-size: 12px; line-height: 12px;}
	}

	@media screen and (max-width : 900px){
		.onlinecams > a > div .oc_bg .oc_ex:before{width: 100%; font-size: 12px; line-height: 20px;}
		.layercams > div:nth-of-type(1) {display: none;}
		.layercams > div:nth-of-type(2) {max-height: calc(100% - 70px - 0px);}
	}

	@media screen and (max-width : 680px){
		.onlinecams > a:nth-of-type(1n+5) {display: none;}
		.onlinecams > a {width: calc(50% - 5px); padding-bottom: 18%;}
	}
	@media screen and (max-width : 480px){
		.onlinecams > a > div .oc_bg strong{font-size: 12px; line-height: 14px;}
		.onlinecams > a > div .oc_bg .oc_ex:before{font-size: 13px; line-height: 16px;}
		.onlinecams > a > div .oc_bg .oc_ex:after{font-size: 12px; line-height: 12px;}
	}
}

@media (orientation: portrait) {
	@media screen and (max-width : 1100px){
		.onlinecams > a {width: calc(33.3333% - 5px);}
		.onlinecams > a > div .oc_bg strong{font-size: 14px; line-height: 14px;}
		.onlinecams > a > div .oc_bg .oc_ex:before{width: 60px; font-size: 13px; line-height: 16px;}
		.onlinecams > a > div .oc_bg .oc_ex:after{font-size: 12px; line-height: 12px;}
	}
	@media screen and (max-width : 900px){
		.onlinecams > a {width: calc(50% - 5px); padding-bottom: 15%;}
		.onlinecams > a > div .oc_bg .oc_ex:before{width: 100%; font-size: 12px; line-height: 20px;}
	}
	@media screen and (max-width : 680px){
		.onlinecams > a {padding-bottom: 20%;}
		.onlinecams > a:nth-of-type(1n+9) {display: none;}
	}
	@media screen and (max-width : 480px){
		.onlinecams > a {width: calc(100% - 0px); padding-bottom: 35%;}
		.onlinecams > a:nth-of-type(1n+5) {display: none;}
		.onlinecams > a > div .oc_bg strong{font-size: 10px; line-height: 14px;}
		.onlinecams > a > div .oc_bg .oc_ex:before{font-size: 11px; line-height: 14px;}
		.onlinecams > a > div .oc_bg .oc_ex:after{font-size: 12px; line-height: 12px; padding: 5px;}
	}
}
/***********/






/**** PICBOX ****/
.picbox1 {display: flex; align-items: center; margin: 20px 10px;}
.picbox1 > div:nth-of-type(1) {width: 200px;}
.picbox1 > div:nth-of-type(1) img {display: block; width: 100%;}
.picbox1 > div:nth-of-type(2) {width: calc(100% - 200px);}

@media screen and (max-width : 500px){
	.picbox1 > div:nth-of-type(1) {width: 150px;}
	.picbox1 > div:nth-of-type(2) {width: calc(100% - 150px);}
}
@media screen and (max-width : 400px){
	.picbox1 {flex-wrap: wrap;}
	.picbox1 > div:nth-of-type(1) {width: 100%;}
	.picbox1 > div:nth-of-type(2) {width: calc(100%);}
	.picbox1 > div:nth-of-type(2) p {padding: 10px 0;}
}
/***********/









/**** INFO BOXEN ****/
.attentionbox {width: calc(98% - 170px); margin: 2% auto; padding: 5px 20px 5px 150px; min-height: 184px; background: url(img/attention.jpg) no-repeat left center; display: flex; align-items: center; font-size: 20px; line-height: 28px;}
@media screen and (max-width : 900px){ .attentionbox {font-size: 20px; line-height: 26px;} }
@media screen and (max-width : 680px){ .attentionbox {width: calc(98% - 110px); padding: 5px 10px 5px 100px; min-height: 100px; font-size: 18px; line-height: 22px; background: url(img/attention.jpg) no-repeat left center; background-size: 100px;} }
@media screen and (max-width : 480px){ .attentionbox {width: calc(98% - 80px); padding: 5px 10px 5px 70px; min-height: 100px; font-size: 14px; line-height: 18px; background: url(img/attention.jpg) no-repeat left center; background-size: 70px;} }

.infobox {width: calc(98% - 170px); margin: 2% auto; padding: 5px 20px 5px 150px; min-height: 184px; background: url(img/info.jpg) no-repeat left center; display: flex; align-items: center; font-size: 20px; line-height: 28px;}
@media screen and (max-width : 900px){ .infobox {font-size: 20px; line-height: 26px;} }
@media screen and (max-width : 680px){ .infobox {width: calc(98% - 110px); padding: 5px 10px 5px 100px; min-height: 100px; font-size: 18px; line-height: 22px; background: url(img/info.jpg) no-repeat left center; background-size: 100px;} }
@media screen and (max-width : 480px){ .infobox {width: calc(98% - 80px); padding: 5px 10px 5px 70px; min-height: 100px; font-size: 14px; line-height: 18px; background: url(img/info.jpg) no-repeat left center; background-size: 70px;} }

.tippbox {width: calc(98% - 170px); margin: 2% auto; padding: 5px 20px 5px 150px; min-height: 184px; background: url(img/tipp.jpg) no-repeat left center; display: flex; align-items: center; font-size: 20px; line-height: 28px;}
@media screen and (max-width : 900px){ .tippbox {font-size: 20px; line-height: 26px;} }
@media screen and (max-width : 680px){ .tippbox {width: calc(98% - 110px); padding: 5px 10px 5px 100px; min-height: 100px; font-size: 18px; line-height: 22px; background: url(img/tipp.jpg) no-repeat left center; background-size: 100px;} }
@media screen and (max-width : 480px){ .tippbox {width: calc(98% - 80px); padding: 5px 10px 5px 70px; min-height: 100px; font-size: 14px; line-height: 18px; background: url(img/tipp.jpg) no-repeat left center; background-size: 70px;} }
/*************************/









.fazitbox {color: rgba(255,255,255, 0.85); margin: 20px 10px;
background: #761a1d;
background: -moz-linear-gradient(-45deg,  #761a1d 0%, #a02427 100%);
background: -webkit-linear-gradient(-45deg,  #761a1d 0%,#a02427 100%);
background: linear-gradient(135deg,  #761a1d 0%,#a02427 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#761a1d', endColorstr='#a02427',GradientType=1 );
}
.fazitbox .title1 {padding-top: 10px; color: #FFF;}



.fixed {position: fixed;max-width:250px;}
.lazy {visibility: hidden; opacity: 0; transition: opacity 2s;}
.loading, .loaded {visibility: visible; opacity: 1;}