html {font-family: arial; font-size: 12px; line-height: 15px;}
body {margin: 0px; background: url(img/bg.jpg) #252525;}
	@media screen and (max-width : 900px){ body {background: #252525;} }
* {margin: 0; padding: 0;}
.clear {clear: both;}
img {border: 0px;}

a {text-decoration: none; font-weight: bold; color: #000;}
a:hover {color: #333;}

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

#body {width: 900px; background: #FFF; border-radius: 10px; margin: 10px auto 0 auto; padding-top: 10px; box-shadow: 0 0 10px 2px #000, 0 0 30px rgba(0, 0, 0, 0.5);}
	@media screen and (max-width : 900px){ #body {width: 100%; margin: 0;} }

#header {display: block; width: 898px; height: 169px; background: url(img/header.jpg); margin: auto; border-bottom: 1px solid #FFF;}
	@media screen and (max-width : 900px){ #header {width: 100%; height: 0; padding-bottom: 18.820%; background: url(img/header.jpg); background-size: 100%;} }
	@media screen and (max-width : 680px){ #header {width: 100%; height: 0; padding-bottom: 17.647%; background: url(img/header2.jpg); background-size: 100%;} }



#nav {width: 22.11111111111111%; float: left; margin-left: 0.1111111111111111%; border-radius: 0 0 10px 10px;; box-shadow: inset 0 0 0 1px #000, inset 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 5px #000;
background: #060606;
background: -moz-linear-gradient(top,  #060606 0%, #222222 50%, #060606 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#060606), color-stop(50%,#222222), color-stop(100%,#060606));
background: -webkit-linear-gradient(top,  #060606 0%,#222222 50%,#060606 100%);
background: -o-linear-gradient(top,  #060606 0%,#222222 50%,#060606 100%);
background: -ms-linear-gradient(top,  #060606 0%,#222222 50%,#060606 100%);
background: linear-gradient(to bottom,  #060606 0%,#222222 50%,#060606 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#060606', endColorstr='#060606',GradientType=0 );
}
@media screen and (max-width : 680px){ #nav {display: none;} }

	#nav ul {list-style-type: none; margin-bottom: 15px;}
	#nav ul li:first-of-type {width: 90%; text-align: right; font-size: 14px; border-bottom: 1px solid #FFF; color: #FFF; text-shadow: 1px 1px 0 #000; font-weight: bold; padding: 4px 0;
background: -moz-linear-gradient(left,  rgba(0,0,0,0.3) 0%, rgba(2,2,2,0.3) 28%, rgba(6,6,6,0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.3)), color-stop(28%,rgba(2,2,2,0.3)), color-stop(100%,rgba(6,6,6,0)));
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.3) 0%,rgba(2,2,2,0.3) 28%,rgba(6,6,6,0) 100%);
background: -o-linear-gradient(left,  rgba(0,0,0,0.3) 0%,rgba(2,2,2,0.3) 28%,rgba(6,6,6,0) 100%);
background: -ms-linear-gradient(left,  rgba(0,0,0,0.3) 0%,rgba(2,2,2,0.3) 28%,rgba(6,6,6,0) 100%);
background: linear-gradient(to right,  rgba(0,0,0,0.3) 0%,rgba(2,2,2,0.3) 28%,rgba(6,6,6,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00060606',GradientType=1 );
	}
	#nav li a {width: 80%; height: 15px; padding: 2px 0 1px 0; display: block; margin: auto; text-align: center; display: block; text-decoration: none; background: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.6); text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgba(255, 255, 255, 0.2); transition: all 0.3s;}
	#nav li a:hover {background: rgba(0, 0, 0, 0.4); color: rgba(255, 255, 255, 0.95); text-shadow: 1px 1px 0 rgba(0, 0, 0, 1.0); border-bottom: 1px solid rgba(255, 255, 255, 0.5); box-shadow: inset 0 0 5px rgba(0, 0, 0, 1);}

@media screen and (max-width : 730px){ #nav ul li:first-of-type {font-size: 12px;} }

#main {width: 77.77777777777778%; float: left; color: #444;}
	#main p {padding: 5px; text-align: justify;}
	#main h1 {display: block; margin: 5px; font-size: 22px; line-height: 32px; text-align: center; color: #FFF; text-shadow: 1px 1px 0 #000; border: 1px solid #000; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 1px 1px 5px rgba(0, 0, 0, 0.5);
background: rgb(0,0,0);
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(51,51,51,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(51,51,51,1)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(51,51,51,1) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(51,51,51,1) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(51,51,51,1) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(51,51,51,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#333333',GradientType=0 );
}
@media screen and (max-width : 500px){ #main h1 {font-size: 15px;} }

@media screen and (max-width : 680px){ #main {width: 100%;} #main p {display: none;} }

.pics, .pics2er {text-align: center; clear: both;}
.pics img, .pics2er img {padding: 5px; box-shadow: 0 0 0 1px #000, inset 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px rgba(0, 0, 0, 0.4); margin: 3px;
background: rgb(51,51,51);
background: -moz-linear-gradient(top,  rgba(51,51,51,1) 0%, rgba(24,24,24,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,1)), color-stop(100%,rgba(24,24,24,1)));
background: -webkit-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(24,24,24,1) 100%);
background: -o-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(24,24,24,1) 100%);
background: -ms-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(24,24,24,1) 100%);
background: linear-gradient(to bottom,  rgba(51,51,51,1) 0%,rgba(24,24,24,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#181818',GradientType=0 );
}
@media screen and (max-width : 880px){ .pics img {width: 29.33%; display: block; float: left; padding: 1%; margin: 1%;} }
@media screen and (max-width : 880px){ .pics2er img {width: 46%; display: block; float: left; padding: 1%; margin: 1%;} }



#footer {clear: both; width: 100%; display: block; text-align: right; margin-bottom: 2%; padding-top: 5%;}
	#footer a:nth-of-type(1n+2) {border-left: 2px solid #777; padding-left: 6px; margin-left: 2px; height: 14px; display: inline-block;}
	#footer a {margin-right: 1%;}

@media screen and (max-width : 680px){ #footer a {display: none !important;} }


.nummer-blondine {width: 550px; height: 298px; background: url(img/nummer-blondine.jpg); display: block; margin: auto; clear: both;}
.nummer-blowjob {width: 550px; height: 298px; background: url(img/nummer-blowjob.jpg); display: block; margin: auto; clear: both;}
.nummer-afrikanerinnen {width: 550px; height: 298px; background: url(img/nummer-afrikanerinnen.jpg); display: block; margin: auto; clear: both;}
.nummer-fruehreif {width: 550px; height: 298px; background: url(img/nummer-fruehreif.jpg); display: block; margin: auto; clear: both;}
.nummer-gay {width: 550px; height: 298px; background: url(img/nummer-gay.jpg); display: block; margin: auto; clear: both;}
.nummer-hausfrau {width: 550px; height: 298px; background: url(img/nummer-hausfrauen.jpg); display: block; margin: auto; clear: both;}
.nummer-hobbynutte {width: 550px; height: 298px; background: url(img/nummer-hobbynutte.jpg); display: block; margin: auto; clear: both;}
.nummer-intimrasur {width: 550px; height: 298px; background: url(img/nummer-intimrasur.jpg); display: block; margin: auto; clear: both;}
.nummer-krankenschwester {width: 550px; height: 298px; background: url(img/nummer-krankenschwester.jpg); display: block; margin: auto; clear: both;}
.nummer-lehrerin {width: 550px; height: 298px; background: url(img/nummer-lehrerin.jpg); display: block; margin: auto; clear: both;}
.nummer-lesben {width: 550px; height: 298px; background: url(img/nummer-lesben.jpg); display: block; margin: auto; clear: both;}
.nummer-lesbennummer {width: 550px; height: 298px; background: url(img/nummer-lesbennummer.jpg); display: block; margin: auto; clear: both;}
.nummer-nachbarin {width: 550px; height: 298px; background: url(img/nummer-nachbarin.jpg); display: block; margin: auto; clear: both;}
.nummer-natursekt {width: 550px; height: 298px; background: url(img/nummer-natursekt.jpg); display: block; margin: auto; clear: both;}
.nummer-polin {width: 550px; height: 298px; background: url(img/nummer-polinnen.jpg); display: block; margin: auto; clear: both;}
.nummer-rasiert {width: 550px; height: 298px; background: url(img/nummer-rasiert.jpg); display: block; margin: auto; clear: both;}
.nummer-riesentitten {width: 550px; height: 298px; background: url(img/nummer-riesentitten.jpg); display: block; margin: auto; clear: both;}
.nummer-russin {width: 550px; height: 298px; background: url(img/nummer-russinnen.jpg); display: block; margin: auto; clear: both;}
.nummer-schlampe {width: 550px; height: 298px; background: url(img/nummer-schlampen.jpg); display: block; margin: auto; clear: both;}
.nummer-stories {width: 550px; height: 298px; background: url(img/nummer-stories.jpg); display: block; margin: auto; clear: both;}
.nummer-studentin {width: 550px; height: 298px; background: url(img/nummer-studentin.jpg); display: block; margin: auto; clear: both;}
.nummer-taiwanesinnen {width: 550px; height: 298px; background: url(img/nummer-taiwanesinnen.jpg); display: block; margin: auto; clear: both;}
.nummer-tuerkin {width: 550px; height: 298px; background: url(img/nummer-tuerkin.jpg); display: block; margin: auto; clear: both;}
.nummer-ungarin {width: 550px; height: 298px; background: url(img/nummer-ungarinnen.jpg); display: block; margin: auto; clear: both;}
.nummer-vollbusig {width: 550px; height: 298px; background: url(img/nummer-vollbusig.jpg); display: block; margin: auto; clear: both;}

.nummer-regional {width: 550px; height: 105px; background: url(img/nummer-regional.jpg); display: block; margin: auto; clear: both;}
.nummer-bundesland {width: 550px; height: 185px; background: url(img/nummer-bundesland.jpg); display: block; margin: auto; clear: both;}
.nummer-staedte {width: 550px; height: 185px; background: url(img/nummer-staedte.jpg); display: block; margin: auto; clear: both;}

@media screen and (min-width : 681px) and (max-width : 720px){.nummer-blondine, .nummer-blowjob, .nummer-afrikanerinnen, .nummer-fruehreif, .nummer-gay, .nummer-hausfrau, .nummer-hobbynutte, .nummer-intimrasur, .nummer-krankenschwester, .nummer-lehrerin, .nummer-lesben, .nummer-lesbennummer, .nummer-nachbarin, .nummer-natursekt, .nummer-polin, .nummer-rasiert, .nummer-riesentitten, .nummer-russin, .nummer-schlampe, .nummer-stories, .nummer-studentin, .nummer-taiwanesinnen, .nummer-tuerkin, .nummer-ungarin, .nummer-vollbusig {width: 100%; height: 0; padding-bottom: 54.182%; background-size: 100% !important;}}
@media screen and (max-width : 680px){
	.nummer-blondine {width: 100%; height: 0; padding-bottom: 46.324%; background: url(img/nummer2-blondine.jpg); display: block; margin: auto; background-size: 100%;}
	.nummer-blowjob {width: 100%; height: 0; padding-bottom: 46.324%; background: url(img/nummer2-blowjob.jpg); display: block; margin: auto; background-size: 100%;}
	.nummer-afrikanerinnen {width: 100%; height: 0; padding-bottom: 46.324%; background: url(img/nummer2-afrikanerinnen.jpg); display: block; margin: auto; background-size: 100%;}
	.nummer-fruehreif {width: 100%; height: 0; padding-bottom: 46.324%; background: url(img/nummer2-fruehreif.jpg); display: block; margin: auto; background-size: 100%;}
	.nummer-gay {width: 100%; height: 0; padding-bottom: 46.324%; background: url(img/nummer2-gay.jpg); display: block; margin: auto; background-size: 100%;}
	.nummer-hausfrau {width: 100%; height: 0; padding-bottom: 46.324%; background: url(img/nummer2-hausfrauen.jpg); display: block; margin: auto; background-size: 100%;}
	.nummer-hobbynutte {width: 100%; height: 0; padding-bottom: 46.324%; background: url(img/nummer2-hobbynutte.jpg); display: block; margin: auto; background-size: 100%;}
	.nummer-intimrasur {width: 100%; height: 0; padding-bottom: 46.324%; background: url(img/nummer2-intimrasur.jpg); display: block; margin: auto; background-size: 100%;}
	.nummer-krankenschwester {width: 100%; height: 0; padding-bottom: 46.324%; background: url(img/nummer2-krankenschwester.jpg); display: block; margin: auto; background-size: 100%;}
	.nummer-lehrerin {width: 100%; height: 0; padding-bottom: 46.324%; background: url(img/nummer2-lehrerin.jpg); display: block; margin: auto; background-size: 100%;}
	.nummer-lesben {width: 100%; height: 0; padding-bottom: 46.324%; background: url(img/nummer2-lesben.jpg); display: block; margin: auto; background-size: 100%;}
	.nummer-lesbennummer {width: 100%; height: 0; padding-bottom: 46.324%; background: url(img/nummer2-lesbennummer.jpg); display: block; margin: auto; background-size: 100%;}
	.nummer-nachbarin {width: 100%; height: 0; padding-bottom: 46.324%; background: url(img/nummer2-nachbarin.jpg); display: block; margin: auto; background-size: 100%;}
	.nummer-natursekt {width: 100%; height: 0; padding-bottom: 46.324%; background: url(img/nummer2-natursekt.jpg); display: block; margin: auto; background-size: 100%;}
	.nummer-polin {width: 100%; height: 0; padding-bottom: 46.324%; background: url(img/nummer2-polinnen.jpg); display: block; margin: auto; background-size: 100%;}
	.nummer-rasiert {width: 100%; height: 0; padding-bottom: 46.324%; background: url(img/nummer2-rasiert.jpg); display: block; margin: auto; background-size: 100%;}
	.nummer-riesentitten {width: 100%; height: 0; padding-bottom: 46.324%; background: url(img/nummer2-riesentitten.jpg); display: block; margin: auto; background-size: 100%;}
	.nummer-russin {width: 100%; height: 0; padding-bottom: 46.324%; background: url(img/nummer2-russinnen.jpg); display: block; margin: auto; background-size: 100%;}
	.nummer-schlampe {width: 100%; height: 0; padding-bottom: 46.324%; background: url(img/nummer2-schlampen.jpg); display: block; margin: auto; background-size: 100%;}
	.nummer-stories {width: 100%; height: 0; padding-bottom: 46.324%; background: url(img/nummer2-stories.jpg); display: block; margin: auto; background-size: 100%;}
	.nummer-studentin {width: 100%; height: 0; padding-bottom: 46.324%; background: url(img/nummer2-studentin.jpg); display: block; margin: auto; background-size: 100%;}
	.nummer-taiwanesinnen {width: 100%; height: 0; padding-bottom: 46.324%; background: url(img/nummer2-taiwanesinnen.jpg); display: block; margin: auto; background-size: 100%;}
	.nummer-tuerkin {width: 100%; height: 0; padding-bottom: 46.324%; background: url(img/nummer2-tuerkin.jpg); display: block; margin: auto; background-size: 100%;}
	.nummer-ungarin {width: 100%; height: 0; padding-bottom: 46.324%; background: url(img/nummer2-ungarinnen.jpg); display: block; margin: auto; background-size: 100%;}
	.nummer-vollbusig {width: 100%; height: 0; padding-bottom: 46.324%; background: url(img/nummer2-vollbusig.jpg); display: block; margin: auto; background-size: 100%;}

	.nummer-regional {display: none;}
	.nummer-bundesland {width: 100%; height: 0; padding-bottom: 47.5%; background: url(img/nummer2-bundesland.jpg); background-size: 100%;}
	.nummer-staedte {width: 100%; height: 0; padding-bottom: 47.5%; background: url(img/nummer2-staedte.jpg); background-size: 100%;}
	.nummer-bundesland a, .nummer-staedte a {display: block; width: 100%; height: 0; padding-bottom: 47.5%;}

.nummer-blondine a , .nummer-blowjob a , .nummer-afrikanerinnen a , .nummer-fruehreif a , .nummer-gay a , .nummer-hausfrau a , .nummer-hobbynutte a , .nummer-intimrasur a , .nummer-krankenschwester a , .nummer-lehrerin a , .nummer-lesben a , .nummer-lesbennummer a , .nummer-nachbarin a , .nummer-natursekt a , .nummer-polin a , .nummer-rasiert a , .nummer-riesentitten a , .nummer-russin a , .nummer-schlampe a , .nummer-stories a , .nummer-studentin a , .nummer-taiwanesinnen a , .nummer-tuerkin a , .nummer-ungarin a , .nummer-vollbusig a {display: block; width: 100%; height: 0; padding-bottom: 46.324%;}
}




.nummer {width: 550px; height: 298px; background: url(img/nummer.jpg); display: block; margin: auto; clear: both;}
	@media screen and (max-width : 680px){ .nummer, .nummer a {display: block; width: 100%; height: 0; padding-bottom: 46.324%; background: url(img/nummer2.jpg); background-size: 100%;} }

.zusatz {width: 100%; height: 0; padding-bottom: 18.841%; max-width: 680px; background: url(img/atch.webp) center no-repeat; background-size: 100%; display: block; margin: auto; clear: both;}
@media screen and (max-width : 480px){ .zusatz {display: none;} }

.bsapic {display: block; clear: both; width: calc(100% - 20px); margin: 20px auto; height: auto;}

#nums {width: 100%; max-wwidth: 500px; margin: auto;}
#nums:nth-of-type(1n+2) {margin-top: 20px;}
#nums td.ttitle {padding: 5px; font-size: 18px !important; font-weight: lighter !important; color: #FFF; text-shadow: 1px 1px 0 #000; border: 1px solid #000; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1), 1px 1px 5px rgba(0, 0, 0, 0.5);
background: rgb(0,0,0);
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(51,51,51,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(51,51,51,1)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(51,51,51,1) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(51,51,51,1) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(51,51,51,1) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(51,51,51,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#333333',GradientType=0 );}
#nums tr td {padding: 3px; font-size: 18px; line-height: 20px;}
#nums tr:nth-child(even) td {background: rgba(0, 0, 0, 0.08);}
#nums tr:nth-child(odd) td {box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.04);}
#nums tr td:nth-child(2) {width: 90px; font-weight: bold; text-align: center;}

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

@media screen and (min-width : 681px){ #subnav{display: none;} }


@media screen and (max-width : 680px){
#subnav {list-style-type: none;}
#subnav li a{width: 46%; padding: 1.5% 1%; margin: 1%; float: left; text-align: center; color: #BBB;
box-shadow: 0 0 0 1px #000, inset 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px rgba(0, 0, 0, 0.4);
background: rgb(51,51,51);
background: -moz-linear-gradient(top,  rgba(51,51,51,1) 0%, rgba(24,24,24,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,1)), color-stop(100%,rgba(24,24,24,1)));
background: -webkit-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(24,24,24,1) 100%);
background: -o-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(24,24,24,1) 100%);
background: -ms-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(24,24,24,1) 100%);
background: linear-gradient(to bottom,  rgba(51,51,51,1) 0%,rgba(24,24,24,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#181818',GradientType=0 );
}
#subnav li a:hover {color: #FFF;}


}



/* ------BREADCRUMB------ */

#breadcrumb {padding: 8px 0; background: rgba(0,0,0, 0.05); text-align: center; color: rgba(0,0,0,0.4); width: 100%; max-width: 1004px; margin: auto;}
#breadcrumb a {text-decoration: none !important; font-style: normal !important; color: #000; text-shadow: 1px 1px 0 rgba(255,255,255, 0.7);}
#breadcrumb a:hover {color: #555;}
@media screen and (max-width : 680px){ #breadcrumb {width: 96%; padding: 2%;} }

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




.thinweis:after {content:"*Hinweis: Rollenspiel am Telefon durch prof. Telefonisten, kein Real-Treffen. Bilder, Namen und Texte dienen nur zur Visualisierung der Werbeangebote und zeigen nicht die tatsächliche Person."; clear: both; width: 98%; display: block; font-size: 12px; padding: 0 1%; text-align: center; color: rgba(0, 0, 0, 1); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2); opacity: 0.7;}
.ttarif:after {content:"*Garantiert 1,99€/Min aus allen deutschen Netzen - Kein Abo."; width: 98%; display: block; padding: 1% 1% 1% 0; text-align: center; font-size: 12px; color: #000; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6); clear: both;}
	@media screen and (max-width : 680px){.thinweis:after, .ttarif:after {font-size: 10px;}}





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