html {font-family: arial; font-size: 14px; line-height: 18px;}
@media screen and (max-width : 680px){html {font-family: arial; font-size: 12px; line-height: 16px;}}

body {margin: 0px; background: url(img/sitebg.jpg) center 140px no-repeat #FFF; color: #999; text-shadow: 1px 1px 0 #000;}
@media screen and (max-width : 1200px){ body {background: #FFF} }
* {margin: 0; padding: 0; list-style-type: none;}



.clear {clear: both;}

img {border: 0px;}

a {text-decoration: none; color: #b90000; font-weight: bold;}
a:hover {color: #eb0d0d;}


a[href^="http://"] {color: #999; font-weight: bold; font-style: italic; text-decoration: none;}
a[href*="sex-girls.net"], a[href^="/"] {color: #999; text-decoration: underline; font-weight: lighter; font-style: normal;}



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

#navbar {text-align: center; width: 100%; height: 40px; background: url(img/navbg.jpg) bottom; margin-bottom: 1%;}
#navbar li {display: inline-block;}
#navbar li a {text-decoration: none; font-size: 15px; padding: 7px 7px 7px 7px; background: greern; position: relative; top: 11px; color: #BEBEBE; text-shadow: 1px 1px 0 #000, 0 0 5px #000;}
#navbar li a:hover {color: #FFF;}


#headsize {height: 149px; background: url(img/headerbg.jpg);}

#header {width: 1000px; height: 149px; margin: auto; background: url(img/header.jpg);}
	#header a {display: block; width: 330px; height: 35px; position: relative; top: 105px; left: 150px;}

@media screen and (max-width : 1000px){
	#headsize {width: 100%; height: 0; padding-bottom: 14.9%; background: url(img/headerbg.jpg); background-size: 100%;}
	#header {width: 100%; height: 0; padding-bottom: 14.9%; margin: auto; background: url(img/header.jpg); background-size: 100%;}
}





#bg {background: url(img/sitebg1.jpg) no-repeat top center;}


h1, h2, h3, h4 {font-size: 18px; line-height: 22px; margin: 10px;}

p {padding: 10px; text-align: justify;}

#content {width: 1200px; margin: auto; border: 1px solid #000; box-shadow: 0 0 10px rgba(0, 0, 0, 0.75), inset 0 0 10px rgba(0, 0, 0, 0.4);
background: #333333; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #333333 19%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(19%,#333333), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #333333 19%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #333333 19%,#000000 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #333333 19%,#000000 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #333333 19%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.telefonsexbild {display: block; width:96%; max-width: 1300px; margin: auto;}
.telefonsexbildres {display: block; margin: auto; width: 100%; display: none;}

@media screen and (max-width : 1200px){
	#content {width: 100%; margin: auto; border: 0;}
}
@media screen and (max-width : 680px){
	.telefonsexbild {display: none;}
	.telefonsexbildres {display: block;}
}


iframe {border: 0px;}

.pics4er {width: 23%; margin: 1% 1% 2% 1%; display: block; float: left; box-shadow: 0 0 0 1px #B00, 1px 1px 5px #000;}
	@media screen and (max-width : 680px){ .pics4er {width:48%;} }

.centerpic {display: block; margin: 0 auto 10px auto; box-shadow: 1px 1px 5px #000;}
.telefonsex {width: 1390px; height: 280px; display: block; background: url(img/telefonsex.jpg); margin: 0 auto 10px auto; box-shadow: 1px 1px 5px #000;}


.mobile {position: relative; top: 141px; left: 55px;}



.katbox {width: 240px; padding-bottom: 10px; margin: 4px; float: left;text-align: center; font-size: 15px; font-weight: 400; text-transform: uppercase; border: 1px solid #000; position: relative;}
.katbox img{display: block; margin: 10px auto 10px auto;}
	.kattele img {display: block; margin: 10px auto 0 auto;}

.katbox {border: 1px solid rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(66, 66, 66, 0.4), inset 0 0 0 2px rgba(0, 0, 0, 0.5);
			background: -moz-radial-gradient(center, ellipse cover,  rgba(60,60,60,0.5) 0%, rgba(29,29,29,0.5) 76%, rgba(29,29,29,0.5) 100%);
			background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(60,60,60,0.5)), color-stop(76%,rgba(29,29,29,0.5)), color-stop(100%,rgba(29,29,29,0.5)));
			background: -webkit-radial-gradient(center, ellipse cover,  rgba(60,60,60,0.5) 0%,rgba(29,29,29,0.5) 76%,rgba(29,29,29,0.5) 100%); 
			background: -o-radial-gradient(center, ellipse cover,  rgba(60,60,60,0.5) 0%,rgba(29,29,29,0.5) 76%,rgba(29,29,29,0.5) 100%);
			background: -ms-radial-gradient(center, ellipse cover,  rgba(60,60,60,0.5) 0%,rgba(29,29,29,0.5) 76%,rgba(29,29,29,0.5) 100%);
			background: radial-gradient(ellipse at center,  rgba(60,60,60,0.5) 0%,rgba(29,29,29,0.5) 76%,rgba(29,29,29,0.5) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#803c3c3c', endColorstr='#801d1d1d',GradientType=1 );
}

#footer {padding: 1% 0; text-align: center;}
#footer a {color: #000; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);}



	@media screen and (min-width : 801px) {
	.katbox {width: 17.5%; padding: 1%; margin: 0.25%; float: left; text-align: center; font-size: 15px; font-weight: 400; text-transform: uppercase; border: 0px solid #000; position: relative;}
	.katbox img{display: block; width: 100%; margin: 1% auto 1% auto;}
	}

	@media screen and (min-width : 601px) and (max-width : 800px){
	.katbox {width: 22.5%; padding: 1%; margin: 0.25%; float: left; text-align: center; font-size: 15px; font-weight: 400; text-transform: uppercase; border: 0px solid #000; position: relative;}
	.katbox img{display: block; width: 100%; margin: 1% auto 1% auto;}
	}

	@media screen and (min-width : 401px) and (max-width : 600px){
	.katbox {width: 30.33%; padding: 1%; margin: 0.5%; float: left; text-align: center; font-size: 15px; font-weight: 400; text-transform: uppercase; border: 0px solid #000; position: relative;}
	.katbox img{display: block; width: 100%; margin: 1% auto 1% auto;}
	.kategorien div:nth-of-type(20), .kategorien div:nth-of-type(19){position: relative; left: 16.6665%;}
	}

	@media screen and (max-width : 400px){
	.katbox {width: 47%; padding: 1%; margin: 0.5%; float: left; text-align: center; font-size: 15px; font-weight: 400; text-transform: uppercase; border: 0px solid #000; position: relative;}
	.katbox img{display: block; width: 100%; margin: 1% auto 1% auto;}
	}





.uskatbox {display: table; width: 98%; margin: 1%; box-shadow: inset 0 0 0 1px #B00; background: rgba(0,0,0, 0.3);}

.uskatbox > .uskatboxpic {display: table-cell; width: 35%; vertical-align: middle;}
.uskatbox > .uskatboxpic img {width: calc(100% - 40px); padding: 10px; margin: 10px; background: rgba(0,0,0, 0.4); box-shadow: inset 0 0 0 1px rgba(0,0,0, 0.5), inset 0 0 0 2px rgba(255,255,255, 0.02);}

.uskatbox > div:nth-of-type(2) {display: table-cell; width: 0%;}

.uskatbox > .uskatboxtxt {display: table-cell; width: 65%; vertical-align: top; position: relative;}
.uskatbox > .uskatboxtxt p {padding: 10px;}
.uskatbox > .uskatboxtxt h2, .uskatbox > .uskatboxtxt h3 {margin: 10px 10px 0px 10px;}


.uskatboxpic3 {width: 100%;}
@media screen and (min-width : 1001px){  .uskatboxpic3 {position: absolute; bottom: 0px;}  }
.uskatboxpic3 img {display: block; width: calc(33.333% - 40px); float: left; padding: 10px; margin: 10px; background: rgba(0,0,0, 0.4); box-shadow: inset 0 0 0 1px rgba(0,0,0, 0.5), inset 0 0 0 2px rgba(255,255,255, 0.02);}


@media screen and (max-width : 680px){
	.uskatbox > .uskatboxtxt h2, .uskatbox > .uskatboxtxt h3, .uskatbox > div:nth-of-type(2) {display: none;}

	.uskatbox {display: block; width: 96%; margin: 1% 2%; box-shadow: inset 0 0 0 1px #B00; background: rgba(0,0,0, 0.3);}

	.uskatbox > .uskatboxpic {display: block; width: 84%; margin: auto;}

	.uskatbox > .uskatboxtxt {display: none;}
}




.nummer-nachbarin1 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-nachbarin1.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-nachbarin2 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-nachbarin2.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-nachbarin3 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-nachbarin3.png); background-size: 100% !important; margin-bottom: 5%;}
@media screen and (max-width : 680px){
	.nummer-nachbarin1 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-nachbarin1.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-nachbarin2 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-nachbarin2.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-nachbarin3 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-nachbarin3.jpg); background-size: 100%; margin-bottom: 7%;}
}

.nummer-behaart1 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-behaart1.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-behaart2 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-behaart2.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-behaart3 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-behaart3.png); background-size: 100% !important; margin-bottom: 5%;}
@media screen and (max-width : 680px){
	.nummer-behaart1 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-behaart1.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-behaart2 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-behaart2.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-behaart3 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-behaart3.jpg); background-size: 100%; margin-bottom: 7%;}
}

.nummer-ficksklavin1 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-ficksklavin1.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-ficksklavin2 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-ficksklavin2.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-ficksklavin3 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-ficksklavin3.png); background-size: 100% !important; margin-bottom: 5%;}
@media screen and (max-width : 680px){
	.nummer-ficksklavin1 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-ficksklavin1.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-ficksklavin2 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-ficksklavin2.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-ficksklavin3 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-ficksklavin3.jpg); background-size: 100%; margin-bottom: 7%;}
}

.nummer-gays1 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-gays1.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-gays2 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-gays2.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-gays3 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-gays3.png); background-size: 100% !important; margin-bottom: 5%;}
@media screen and (max-width : 680px){
	.nummer-gays1 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-gays1.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-gays2 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-gays2.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-gays3 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-gays3.jpg); background-size: 100%; margin-bottom: 7%;}
}

.nummer-dominas1 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-dominas1.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-dominas2 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-dominas2.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-dominas3 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-dominas3.png); background-size: 100% !important; margin-bottom: 5%;}
@media screen and (max-width : 680px){
	.nummer-dominas1 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-dominas1.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-dominas2 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-dominas2.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-dominas3 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-dominas3.jpg); background-size: 100%; margin-bottom: 7%;}
}

.nummer-mollige1 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-mollige1.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-mollige2 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-mollige2.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-mollige3 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-mollige3.png); background-size: 100% !important; margin-bottom: 5%;}
@media screen and (max-width : 680px){
	.nummer-mollige1 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-mollige1.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-mollige2 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-mollige2.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-mollige3 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-mollige3.jpg); background-size: 100%; margin-bottom: 7%;}
}

.nummer-tuerkinnen1 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-tuerkinnen1.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-tuerkinnen2 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-tuerkinnen2.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-tuerkinnen3 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-tuerkinnen3.png); background-size: 100% !important; margin-bottom: 5%;}
@media screen and (max-width : 680px){
	.nummer-tuerkinnen1 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-tuerkinnen1.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-tuerkinnen2 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-tuerkinnen2.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-tuerkinnen3 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-tuerkinnen3.jpg); background-size: 100%; margin-bottom: 7%;}
}

.nummer-asiatinnen1 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-asiatinnen1.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-asiatinnen2 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-asiatinnen2.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-asiatinnen3 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-asiatinnen3.png); background-size: 100% !important; margin-bottom: 5%;}
@media screen and (max-width : 680px){
	.nummer-asiatinnen1 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-asiatinnen1.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-asiatinnen2 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-asiatinnen2.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-asiatinnen3 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-asiatinnen3.jpg); background-size: 100%; margin-bottom: 7%;}
}

.nummer-hobbynutten1 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-hobbynutten1.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-hobbynutten2 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-hobbynutten2.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-hobbynutten3 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-hobbynutten3.png); background-size: 100% !important; margin-bottom: 5%;}
@media screen and (max-width : 680px){
	.nummer-hobbynutten1 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-hobbynutten1.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-hobbynutten2 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-hobbynutten2.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-hobbynutten3 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-hobbynutten3.jpg); background-size: 100%; margin-bottom: 7%;}
}

.nummer-reife1 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-reife1.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-reife2 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-reife2.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-reife3 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-reife3.png); background-size: 100% !important; margin-bottom: 5%;}
@media screen and (max-width : 680px){
	.nummer-reife1 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-reife1.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-reife2 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-reife2.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-reife3 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-reife3.jpg); background-size: 100%; margin-bottom: 7%;}
}

.nummer-rassig1 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-rassig1.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-rassig2 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-rassig2.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-rassig3 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-rassig3.png); background-size: 100% !important; margin-bottom: 5%;}
@media screen and (max-width : 680px){
	.nummer-rassig1 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-rassig1.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-rassig2 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-rassig2.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-rassig3 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-rassig3.jpg); background-size: 100%; margin-bottom: 7%;}
}

.nummer-teens1 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-teens1.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-teens2 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-teens2.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-teens3 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-teens3.png); background-size: 100% !important; margin-bottom: 5%;}
@media screen and (max-width : 680px){
	.nummer-teens1 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-teens1.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-teens2 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-teens2.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-teens3 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-teens3.jpg); background-size: 100%; margin-bottom: 7%;}
}

.nummer-lesben1 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-lesben1.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-lesben2 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-lesben2.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-lesben3 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-lesben3.png); background-size: 100% !important; margin-bottom: 5%;}
@media screen and (max-width : 680px){
	.nummer-lesben1 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-lesben1.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-lesben2 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-lesben2.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-lesben3 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-lesben3.jpg); background-size: 100%; margin-bottom: 7%;}
}

.nummer-monstertitten1 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-monstertitten1.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-monstertitten2 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-monstertitten2.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-monstertitten3 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-monstertitten3.png); background-size: 100% !important; margin-bottom: 5%;}
@media screen and (max-width : 680px){
	.nummer-monstertitten1 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-monstertitten1.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-monstertitten2 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-monstertitten2.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-monstertitten3 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-monstertitten3.jpg); background-size: 100%; margin-bottom: 7%;}
}

.nummer-analschlampen1 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-analschlampen1.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-analschlampen2 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-analschlampen2.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-analschlampen3 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-analschlampen3.png); background-size: 100% !important; margin-bottom: 5%;}
@media screen and (max-width : 680px){
	.nummer-analschlampen1 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-analschlampen1.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-analschlampen2 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-analschlampen2.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-analschlampen3 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-analschlampen3.jpg); background-size: 100%; margin-bottom: 7%;}
}

.nummer-doktorspiele1 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-doktorspiele1.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-doktorspiele2 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-doktorspiele2.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-doktorspiele3 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-doktorspiele3.png); background-size: 100% !important; margin-bottom: 5%;}
@media screen and (max-width : 680px){
	.nummer-doktorspiele1 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-doktorspiele1.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-doktorspiele2 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-doktorspiele2.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-doktorspiele3 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-doktorspiele3.jpg); background-size: 100%; margin-bottom: 7%;}
}

.nummer-sexomas1 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-sexomas1.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-sexomas2 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-sexomas2.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-sexomas3 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-sexomas3.png); background-size: 100% !important; margin-bottom: 5%;}
@media screen and (max-width : 680px){
	.nummer-sexomas1 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-sexomas1.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-sexomas2 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-sexomas2.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-sexomas3 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-sexomas3.jpg); background-size: 100%; margin-bottom: 7%;}
}

.nummer-transen1 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-transen1.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-transen2 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-transen2.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-transen3 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-transen3.png); background-size: 100% !important; margin-bottom: 5%;}
@media screen and (max-width : 680px){
	.nummer-transen1 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-transen1.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-transen2 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-transen2.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-transen3 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-transen3.jpg); background-size: 100%; margin-bottom: 7%;}
}

.nummer-natursekt1 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-natursekt1.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-natursekt2 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-natursekt2.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-natursekt3 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-natursekt3.png); background-size: 100% !important; margin-bottom: 5%;}
@media screen and (max-width : 680px){
	.nummer-natursekt1 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-natursekt1.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-natursekt2 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-natursekt2.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-natursekt3 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-natursekt3.jpg); background-size: 100%; margin-bottom: 7%;}
}

.nummer-dildospiele1 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-dildospiele1.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-dildospiele2 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-dildospiele2.png); background-size: 100% !important; margin-bottom: 5%;}
.nummer-dildospiele3 {clear: both; width: 1200px; height: 498px; margin: auto; background: url(img/nummer-dildospiele3.png); background-size: 100% !important; margin-bottom: 5%;}
@media screen and (max-width : 680px){
	.nummer-dildospiele1 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-dildospiele1.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-dildospiele2 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-dildospiele2.jpg); background-size: 100%; margin-bottom: 7%;}
	.nummer-dildospiele3 {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(img/nummerres-dildospiele3.jpg); background-size: 100%; margin-bottom: 7%;}
}



@media screen and (max-width : 1200px){ .nummertest {width: 100%; height: 0; padding-bottom: 41.538%; background: url(nummertest.png); background-size: 100%; margin-bottom: 7%;} }
@media screen and (max-width : 680px){ .nummertest, .nummertest a {display: block; width: 100%; height: 0; padding-bottom: 50%; background: url(nummertest2.jpg); background-size: 100%; margin-bottom: 7%;} }




.fazitbox {margin: 1%; padding: 1%; box-shadow: 0 0 0 1px #B00; background: rgba(255,255,255, 0.03);}
.fazitbox p {padding: 0;}
.fazitbox h2, .fazitbox h3 {padding: 0;  margin: 0 0 10px 0; border-bottom: 1px solid #600;}







/*** PROCONTRA ***/
.procontra {width: 98%; margin: 1%; border-spacing: 5px;}
.procontra td{padding: 10px; background: rgba(255,255,255, 0.05); width: 45%; color: #FFF !important; font-weight: normal !important;}
.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) !important; 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) !important; 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: rgba(0, 0, 0, 0.5); border: 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;}
/*** ------ ***/








.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."; width: 98%; display: block; font-size: 12px; padding: 0 1%; text-align: center; color: rgba(255, 255, 255, 0.2); opacity: 0.5;}
.ttarif:after {content:"*Garantiert 1,99€/Min aus allen deutschen Netzen - Kein Abo."; width: 98%; display: block; padding: 2% 1% 1% 0; text-align: center; font-size: 12px; color: #000; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2);}
	@media screen and (max-width : 680px){.thinweis:after, .ttarif:after {font-size: 10px;}}









.atch {width: 640px; height: 165px; margin: 1% auto; background: url(img/atch.png); clear: both;}
	@media screen and (max-width : 890px){ .atch {width: 100%; height: 0; padding-bottom: 25.781%; margin: 1% auto; background: url(img/atch.png); background-size: 100%;} }











.premnum {width: 100%;}
.premnum > div {width: 31.33%; margin: 1%; float: left; border-radius: 5px;}


.premnum > div strong {font-size: 22px; line-height: 40px; padding-top: 5%; display: block; text-align: center;}
.premnum > div > span:nth-of-type(1) {font-size: 16px; line-height: 40px; display: block; text-align: center;}
.premnum > div > span:nth-of-type(2) {font-size: 20px; line-height: 60px; display: block; text-align: center; margin-bottom: 1%; font-weight: bold; background: rgba(0,0,0, 0.1);}
.premnum > div > span:nth-of-type(3), .premnum > div span:nth-of-type(4), .premnum > div span:nth-of-type(5) {width: 80%; display: block; text-align: center; margin: auto; font-size: 17px; line-height: 60px; border-bottom: 1px dotted #000;}
.premnum > div > span:nth-of-type(5) {border: none;}
.premnum > div:nth-of-type(1) > span:nth-of-type(6), .premnum > div:nth-of-type(3) > span:nth-of-type(6) {display: block; width: 90%; margin: 0 auto 4% auto; text-align: center; border: 1px solid rgba(0,0,0, 0.2); background: rgba(0,0,0, 0.05); color: #D00; font-size: 16px; line-height: 30px; padding: 4% 0; font-weight: bold;}
.premnum > div:nth-of-type(2) > span:nth-of-type(6) {display: block; width: 90%; margin: 0 auto 4% auto; text-align: center; border: 1px solid rgba(0,0,0, 0.2); background: rgba(0,0,0, 0.05); font-size: 17px; line-height: 30px; padding: 4% 0 4% 0; font-weight: bold;}
.premnum > div:nth-of-type(2) > span:nth-of-type(6) a {text-decoration: none; color: rgba(0,0,0, 0.9); text-shadow: 1px 1px 0 rgba(255,255,255, 0.2);}
.premnum > div > span:nth-of-type(6) span {font-weight: lighter; color: rgba(255,255,255,0.7); text-shadow: 1px 1px 0 rgba(0,0,0, 0.4);}
.premnum > div:nth-of-type(2) > span:nth-of-type(6):after {content: ""; display: block; font-size: 10px; height: 0; position: relative; bottom: 8px; color: rgba(255,255,255,0.6);}

.premnum > div:nth-of-type(1), .premnum > div:nth-of-type(3) {box-shadow: 0 0 0 1px #D00 inset; text-shadow: 1px 1px 0 rgba(0,0,0, 0.5); color: rgba(255,255,255, 0.7);
background: rgba(0,0,0, 0.2);

}


.premnum > div:nth-of-type(2) {box-shadow: 0 0 0 1px #D00 inset; color: rgba(255,255,255, 0.85); text-shadow: 1px 1px 0 rgba(0,0,0, 0.5);
background: rgb(140,20,30);
background: -moz-radial-gradient(center, ellipse cover,  rgba(140,20,30,1) 0%, rgba(114,16,24,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover,  rgba(140,20,30,1) 0%,rgba(114,16,24,1) 100%);
background: radial-gradient(ellipse at center,  rgba(140,20,30,1) 0%,rgba(114,16,24,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c141e', endColorstr='#721018',GradientType=1 );
}


@media only screen and (min-width:720px) and (max-width:800px) {
	.premnum > div strong {font-size: 18px; line-height: 30px;}
}



@media only screen and (max-width:995px) {
	.premnum > div span:nth-of-type(3), .premnum > div span:nth-of-type(4), .premnum > div span:nth-of-type(5) {font-size: 15px; line-height: 40px;}
	.premnum > div:nth-of-type(1) > span:nth-of-type(6), .premnum > div:nth-of-type(3) > span:nth-of-type(6) {font-size: 14px;}
}



@media only screen and (max-width:720px) {
	.premnum > div {width: 98%; margin: 1%; float: left; border-radius: 5px;}

}

.tarif1:after {content: "*1,99€/Min aus dem deutschen Festnetz - Mobilfunk abweichend"; clear: both; display: block; text-align: center; padding-bottom: 1%;}
.tarif2:after {content: "**€9,90/10 Tage im Abo zzgl. €0,14/Min dt. Festnetz - Mobilfunk max 42Cent/Min"; clear: both; display: block; text-align: center; padding-bottom: 1%;}
.tarif3:after {content: "***1€/Anruf - Mobilfunktarif abweichend"; clear: both; display: block; text-align: center;}









.tags span {display: inline-block; padding: 5px; background: rgba(0, 0, 0, 0.5); box-shadow: 0 0 0 1px #900; border-radius: 5px; margin-bottom: 5px;}
.tags {clear: both; text-align: center; margin: 20px 1% 10px 1%;}






/*** STÄDTE ***/
.telefonsex-staedte {width: 620px; height: 170px; display: block; margin: auto; background: url(img/telefonsex-staedte.png);}

.stadttel {max-width: 600px; width: 100%; margin: auto;}
@media only screen and (max-width:680px) { .stadttel, .telefonsex-staedte {display: none;} }
.stadttel:nth-of-type(1n+2) {margin-top: 20px;}
.stadttel td.ttitle {background: rgba(0, 0, 0, 0.2); border: 1px solid rgba(0,0,0, 0.3); border-radius: 5px; padding: 5px; font-size: 18px !important; font-weight: lighter !important;}
.stadttel tr td {padding: 3px; font-size: 15px;}
.stadttel tr:nth-child(odd) td {background: rgba(0, 0, 0, 0.4);}
.stadttel tr:nth-child(even) td {box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.04);}
.stadttel tr td:nth-child(2) {width: 150px; font-weight: bold; text-align: center;}
.stadttel tr:nth-of-type(1n+2) td:nth-child(2) {color: #F00;}
/*** ------ ***/




/*** DOPPEL TEXTBOX ***/
.boxtxtdouble {margin: 10px; width: calc(100% - 20px); display: table;}
.boxtxtdouble > div {width: 49%; display: table-cell;}
.boxtxtdouble > div:nth-of-type(2) {width: 2%;}



.boxtxtdouble ul {margin: 0 10px 0 30px;}
.boxtxtdouble ul li {list-style-type: disc !important; margin-bottom: 10px;}

@media only screen and (max-width:680px) {
.boxtxtdouble {display: none;}
}
/*** ------ ***/


/*** 3ER BOX OBEN ***/
.boxtop3er {width: calc(100% - 20px); padding: 30px 10px; display: flex;}
.boxtop3er > div:nth-of-type(1) {display: flex; float: left; width: 32%; margin-right: 2%; background: rgba(255,255,255, 0.05);}
.boxtop3er > div:nth-of-type(1) > div:nth-of-type(1) {display: table-cell; width: 15%; vertical-align: top; background: url(img/icon1.png) no-repeat left top; background-size: 90%;}
.boxtop3er > div:nth-of-type(1) > div:nth-of-type(2) {display: table-cell; width: 85%; vertical-align: top;}


.boxtop3er > div:nth-of-type(2) {display: flex; float: left; width: 32%; margin-right: 2%; background: rgba(255,255,255, 0.05);}
.boxtop3er > div:nth-of-type(2) > div:nth-of-type(1) {display: table-cell; width: 15%; vertical-align: top; background: url(img/icon2.png) no-repeat left top; background-size: 90%;}
.boxtop3er > div:nth-of-type(2) > div:nth-of-type(2) {display: table-cell; width: 85%; vertical-align: top;}


.boxtop3er > div:nth-of-type(3) {display: flex; float: left; width: 32%; background: rgba(255,255,255, 0.05);}
.boxtop3er > div:nth-of-type(3) > div:nth-of-type(1) {display: table-cell; width: 15%; vertical-align: top; background: url(img/icon3.png) no-repeat left top; background-size: 90%;}
.boxtop3er > div:nth-of-type(3) > div:nth-of-type(2) {display: table-cell; width: 85%; vertical-align: top;}

@media only screen and (max-width:680px) {
.boxtop3er  {display: block !important;}
.boxtop3er > div {display: block !important; float: none !important; width: 100% !important; margin: 0% 0 5% 0 !important;}


.boxtop3er > div:nth-of-type(1) > div:nth-of-type(1) {width: 10%;}
.boxtop3er > div:nth-of-type(1) > div:nth-of-type(2) {width: 90%;}

.boxtop3er > div:nth-of-type(2) > div:nth-of-type(1) {width: 10%;}
.boxtop3er > div:nth-of-type(2) > div:nth-of-type(2) {width: 90%;}

.boxtop3er > div:nth-of-type(3) > div:nth-of-type(1) {width: 10%;}
.boxtop3er > div:nth-of-type(3) > div:nth-of-type(2) {width: 90%;}
}
/*** ------ ***/






.box4sub {margin: 2% 1%;}
.box4sub > div {width: 23.5%; float: left; margin-right: 2%;}
.box4sub > div:nth-of-type(4) {margin-right: 0;}
.box4subtit {display: block; height: 38px; overflow: hidden; text-align: center;}

.box4sub > div:nth-of-type(1) > div {padding-left: 30%; height: 100px; background: url(img/box4sub1.png) no-repeat bottom left; background-size: 28%; overflow: hidden;}
.box4sub > div:nth-of-type(2) > div {padding-left: 30%; height: 100px; background: url(img/box4sub2.png) no-repeat bottom left; background-size: 28%; overflow: hidden;}
.box4sub > div:nth-of-type(3) > div {padding-left: 30%; height: 100px; background: url(img/box4sub3.png) no-repeat bottom left; background-size: 28%; overflow: hidden;}
.box4sub > div:nth-of-type(4) > div {padding-left: 30%; height: 100px; background: url(img/box4sub4.png) no-repeat bottom left; background-size: 28%; overflow: hidden;}



.box4sub > div {
background: #333333;
background: -moz-linear-gradient(top,  #333333 0%, #1c1c1c 100%);
background: -webkit-linear-gradient(top,  #333333 0%,#1c1c1c 100%);
background: linear-gradient(to bottom,  #333333 0%,#1c1c1c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#1c1c1c',GradientType=0 );
}


@media only screen and (max-width:680px) {
.box4sub > div {width: 48%; float: left; margin-right: 2%; margin-bottom: 2%;}
.box4sub > div:nth-of-type(2) {margin-right: 0;}

.box4sub > div:nth-of-type(1) > div {background: url(img/box4sub1.png) no-repeat top left; background-size: 28%; overflow: hidden;}
.box4sub > div:nth-of-type(2) > div {background: url(img/box4sub2.png) no-repeat top left; background-size: 28%; overflow: hidden;}
.box4sub > div:nth-of-type(3) > div {background: url(img/box4sub3.png) no-repeat top left; background-size: 28%; overflow: hidden;}
.box4sub > div:nth-of-type(4) > div {background: url(img/box4sub4.png) no-repeat top left; background-size: 28%; overflow: hidden;}
}


@media only screen and (max-width:600px) {
.box4sub > div:nth-of-type(1) > div {background: url(img/box4sub1.png) no-repeat bottom left; background-size: 28%; overflow: hidden;}
.box4sub > div:nth-of-type(2) > div {background: url(img/box4sub2.png) no-repeat bottom left; background-size: 28%; overflow: hidden;}
.box4sub > div:nth-of-type(3) > div {background: url(img/box4sub3.png) no-repeat bottom left; background-size: 28%; overflow: hidden;}
.box4sub > div:nth-of-type(4) > div {background: url(img/box4sub4.png) no-repeat bottom left; background-size: 28%; overflow: hidden;}
}

@media only screen and (max-width:400px) {
.box4sub > div {width: 100%; float: none; margin-right: 0%; margin-bottom: 2%;}
.box4sub > div:nth-of-type(1) > div {background: url(img/box4sub1.png) no-repeat top left; background-size: 28%; overflow: hidden;}
.box4sub > div:nth-of-type(2) > div {background: url(img/box4sub2.png) no-repeat top left; background-size: 28%; overflow: hidden;}
.box4sub > div:nth-of-type(3) > div {background: url(img/box4sub3.png) no-repeat top left; background-size: 28%; overflow: hidden;}
.box4sub > div:nth-of-type(4) > div {background: url(img/box4sub4.png) no-repeat top left; background-size: 28%; overflow: hidden;}
}








.kategorie {width: 32%; margin-left: 1%; margin-bottom: 1%; float: left; background: rgba(0, 0, 0, 0.5); box-shadow: 0 0 7px rgba(255, 255, 255, 0.1); height: 615px;}
.kategorie img {width: 96%; display: block; margin: 0 auto 1% auto;}
.kategorie p {width: 96%; margin: auto; text-align: justify;}
.kategorie h2 {font-size: 23px !important; display: block; text-align: center;}
.kategorie h2 {color: #FFF; text-shadow: 1px 1px 0 #000; font-weight: lighter; height: 27px; padding-top: 6px; background: url(img/title.png); text-align: center;}
	@media screen and (max-width : 680px){
		.kategorie p {display: none;}
		.kategorie {height: auto; width: 48.5%;}
		.kategorie h2 {font-size: 15px !important; display: block; text-align: center;}
	}
	@media screen and (max-width : 400px){ .kategorie {height: auto; width: 99%; margin: 0.5%;} }