body {margin: 0px auto; background: #350000; background-image: url(img/bg.gif); font-family: Verdana; text-align: center; font-size: 12px;}

/*allgemein Start*/
img {border: 0;}

p {text-align: justify;}
.center {text-align: center;}

.clear {clear: both;}


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

#site {background: url(img/bg-site.gif); margin: auto; max-width: 954px; padding: 0 23px 0 23px;}

@media screen and (max-width : 1000px){	#site {background: url(img/bg-site.gif); background-size: 100%; margin: auto; padding: 0 2.41% 0 2.41%;} }
@media screen and (max-width : 680px){ #site {background: none; margin: auto; padding: 0;} }

a {text-decoration: none; color: #47312c;}
a:hover {text-decoration: underline; color: #47312c;}



/*Head Start*/
#head {width: 954px; height: 180px; background-image: url(img/bg-header.jpg); text-align: left; position: relative;}
@media screen and (max-width : 1000px){	#head {width: 100%; height: 0; padding-bottom: 18.868%; background-image: url(img/bg-header.jpg); background-size: 100%; text-align: left;} }
@media screen and (max-width : 680px){	#head {width: 100%; height: 0; padding-bottom: 26.471%; background-image: url(img/header2.jpg); background-size: 100%; text-align: left;} }



#top-head {width: 880px; height: 35px; color: #fffae6; padding: 0.5% 0 0 7%;}
@media screen and (max-width : 1000px){	#top-head {width: 93%; height: 0; color: #fffae6; padding: 0.5% 0 0 7%; padding-bottom: 3.977%;} }
@media screen and (max-width : 680px){	#top-head {display: none;} }


#top-head H1 {float: left;
                 font-size: 12px;
                 padding : 0;
                 margin: 0px 0 0 5px;}

#top-head b {font-size: 12px;}

#top-head a {text-decoration: none; color: #fffae6; font-weight: bold;}
#top-head a:hover {text-decoration: underline; color: #fffae6; font-weight: bold;}

#head-navi {margin: 0; padding: 95px 0 0 0; height: 45px;}
@media screen and (max-width : 1000px){	#head-navi {margin: 0; padding: 4% 0 0 0; height: 45px; position: absolute; left: 0px; bottom: 0px;} }
@media screen and (max-width : 680px){	#head-navi {display: none;} }


#head-navi ul {background: none;
               list-style-type: none;
               margin: 0;
               padding: 0;}

#head-navi li {float: left;
               background: url(img/button.jpg);
               list-style-type: none;
               text-decoration: none;
               margin: 0;
               padding: 5px 0 0 0;
               width: 142px;
               height: 20px;
               text-align: center;}

#head-navi a {text-decoration: none; color: #eedd99; font-weight: bold;}
#head-navi a:hover {text-decoration: underline; color: #ffffff; font-weight: bold;}




/*Content Start*/
#content {width: 100%; background: url(img/bg-content.jpg); background-size: 100%; color: #47312c;}

#content b {text-decoration: none; color: #8e0400; margin:0;}
#content i {text-decoration: none; color: #8e0400; margin:0;}
#content u {color: #8e0400; margin:0;}
#content a {text-decoration: none; color: #8e0400;}
#content a:hover {text-decoration: underline; color: #8e0400;}




/*Left Start*/
#content-left {float: left; width: 64.36058700209644%; padding: 1.048218029350105%; text-align: justify;}

#content-left H1 {margin: 0;
                  padding: 0;
                  font-size: 29px;
                  color: #8e0400;
                  font-family: Georgia, "Times New Roman", Times, serif;}

#content-left H2 {margin: 0 0 20px 0;
                  padding: 0;
                  font-size: 18px;
                  color: #47312c;
                  font-family: Georgia, "Times New Roman", Times, serif;}

#content-left H3 {margin: 0 0 20px 0;
                  padding: 0;
                  font-size: 18px;
                  color: #47312c;
                  font-family: Georgia, "Times New Roman", Times, serif;}

#content-left H4 {margin: 0;
                  padding: 0;
                  font-size: 18px;
                  color: #47312c;
                  font-family: Georgia, "Times New Roman", Times, serif;}



#topcontent {background-image: url(img/bg_leadarticle.gif); background-size: 100%; width: 100%; height: 0; padding: 0; padding-bottom: 54.098%; margin: 0 0 10px 0;text-shadow: 1px 1px 0px #FBF9F8;}


#topcontent p {padding: 0 1.5%; margin: 1% 0 0 0;}
#topcontent h2 {margin: 0px; padding: 2% 0 0 1%; font: 1.8em Georgia, "Times New Roman", Times, serif!important; line-height:100%!important; display:block!important; color: #840000!important; text-transform:none!important; letter-spacing:normal!important;}
#topcontent img {width: 48.9%; margin: 2% 1% 0 2% !important;}

@media screen and (max-width : 950px){	#topcontent p {font-size: 11px; line-height: 12px;} }
@media screen and (max-width : 810px){	#topcontent p {font-size: 10px; line-height: 11px;} }
@media screen and (max-width : 750px){	#topcontent p {font-size: 10px; line-height: 11px;} #topcontent h2 {font-size: 12px !important;} #topcontent img {width: 40%; margin: 2% 1% 0 2% !important;} }
@media screen and (max-width : 430px){	#topcontent {background-size: 100% 100%; width: 100%; height: auto; padding-bottom: 2%;} }







#content-left img {float: left;
                   margin: 0 5px 5px 0;}


#content-bottom {margin: 0; background-image: url(img/bg-content-bottom.gif); background-size: 100%; overflow: auto; text-align: center;}

#content-bottom H1, H2, H3, H4 {margin: 0;
                                padding: 0;
                                font-size: 18px;
                                color: #47312c;
                                font-family: Georgia, "Times New Roman", Times, serif;}

#content-werb {float: left;	width: 49%; padding: 0 1% 0 0;}
#content-last {float: left; width: 49%; padding: 0 0 0 1%;}

#content-last b {text-decoration: none; color: #8e0400;}

@media screen and (max-width : 680px){
#content-werb {float: none;	display: block; clear: both; width: 98%; padding: 1%;}
#content-last {float: none; display: block; clear: both; width: 98%; padding: 1%;}
#content-bottom {background: none;}
}



.banner {clear: both; width: 90%; padding: 2% 5%; max-width: 468px; display: block !important; margin: auto !important; float: none !important; background: url(img/bg-594x100.gif); background-size: 100% 100%;}

#prevnext {margin: 0;}
#prevnext a {text-decoration: none; color: #47312c;}
#prevnext a:hover {text-decoration: underline; color: #47312c;}

.alignleft {float: left;}

.alignright {float: right;
             margin: 0 10px 0 0;}

.entry {padding-bottom:28px;
        text-align:justify;}

.post blockquote {color:#666;
                  background:#F4F4EC;
                  padding:6px 14px;
                  margin:18px 35px;
                  border-right:1px solid #DDD;
                  border-bottom:1px solid #DDD;}

.post ul li {list-style:square;
             margin-bottom:5px;
             margin-left:42px;}

.post ol li {margin-bottom:5px;
             margin-left:48px;}

#post h4 {font-size: 12px;}

.postmetadata {font-size:0.9em;
               margin:0 0 10px 0;
               padding:5px 10px;
               background:#eaeaea;
               border-top:1px solid #E6E3D3;
               border-bottom:1px solid #E6E3D3;}

small {font-size: 0.9em;}



/*Right Start*/
#content-right {float: left; width: 31.44654088050314%; padding: 1.048218029350105%;}

@media screen and (max-width : 680px){	#content-right {display: none;} #content-left {width: 98%; padding: 1%;} #content {background: #f1e8e1;} }


#right-head {width: 65%; height: 24px; background: url(img/bg-head-right.gif) left; text-align: left; color: #6f5940; font-weight: bold; font-size: 12px; padding: 7px 0 0 15%; margin: 0 auto 1% auto;}
@media screen and (max-width : 850px){ #right-head {font-size: 9px;} }


#right-head-1 {width: 210px;
               height: 24px;
               background: url(img/bg-head-right.gif);
               text-align: left;
               color: #6f5940;
               font-weight: bold;
               font-size: 14px;
               padding: 7px 0 0 40px;
               margin: 20px 0 10px 25px;}

.searchfield {color: #6f5940;
              background-color: #ffffff;
              border: 1px #b6b3a6 solid;}

.button {color: #f5dbb8;
         background-color: #7a2724;
         border: 1px #c3a393 solid;}

/*Navigation*/
#navi {margin: 5% 0 0 0; width: 100%}

.klammer {width: 100%; height: 0; padding-bottom: 12.414%; background: url(img/klammer.png); background-size: 100%;}

#navigation {margin: 0;
             width: 100%;
             background: url(img/bg-navigation.gif);
             text-align: left;
             padding: 0;}

#navigation ul {background: none;
                list-style-type: none;
                margin: 0px 0 0 20px;
                padding: 0;}

/*Kategorien*/
#kat {margin: 0 0 20px 0;}

#kat ul {background: none;
         list-style-type: none;
         margin: 0 0 0 10px;
         padding: 0;}

#kat li {list-style-type: none;
         text-decoration: none;
         margin: 0;
         padding: 0 0 0 15px;
         background: url(img/pic.gif); background-repeat:no-repeat;}

#kat a {text-decoration: none; color: #8e0400; line-height: 1.8em;}
#kat a:hover {text-decoration: underline; color: #8e0400; height: 60px;}

#kat-li {margin: 0 0 20px 0;}

#kat-li ul {background: none;
            list-style-type: none;
            margin: 0 0 0 10px;
            padding: 0;}

#kat-li li {list-style-type: none;
            text-decoration: none;
            margin: 0 0 0 10px;
            padding: 0 0 0 15px;
            background: url(img/pic1.gif); background-repeat:no-repeat;}

#kat-li a {text-decoration: none; color: #8e0400;}
#kat-li a:hover {text-decoration: underline; color: #8e0400; height: 60px;}

#kat-ar {margin: 0 0 20px 0;}

#kat-ar ul {background: none;
            list-style-type: none;
            margin: 0 0 0 25px;
            padding: 0;}


#kat-ar a {text-decoration: none; color: #8e0400;}
#kat-ar a:hover {text-decoration: underline; color: #8e0400; height: 60px;}

#intern {background: url(img/bg-intern.gif);
         background-repeat:no-repeat;
         margin: 0px 0 0px 5px;
         width: 250px;
         height: 195px;}

/*Right Werbung*/
#right-werb {background: url(img/bg-werb.gif);
             width: 225px;
             height: 225px;
             margin: 0 0 20px 25px;
             padding: 25px 0 0 025px}

#right-foot {text-align: center;}
.right-foot {width: 90%; margin: auto; border-top: 1px solid rgba(0,0,0, 0.4);}

/*Foot Start*/
#content-foot {clear: both; background: url(img/content-foot.jpg) top center; height: 44px; color: #fff3b9; font-size: 10px; padding: 30px 0 0 0; text-align: center;}
@media screen and (max-width : 680px){ #content-foot {display: none;} }

#content-foot a {text-decoration: none; color: #fff3b9; font-size: 10px;}
#content-foot a:hover {text-decoration: underline; color: #fff3b9; font-size: 10px;}

#footer {clear: both; width: 1000px; height: 23px; background: url(img/foot.gif); margin: auto;}
@media screen and (max-width : 1000px){ #footer {clear: both; width: 100%; height: 0; padding-bottom: 2.3%; background: url(img/foot.gif); background-size: 100%;} }
@media screen and (max-width : 680px){ #footer {display: none;} }


.prevnext {margin: 20px 0 0 0;}
.prevnext a {text-decoration: none; color: #ffb646;}
.prevnext a:hover {text-decoration: underline; color: #ffcb7c;}

.alignleft {float: left;width: 200px;}
.alignleft_single {float: left;width: 50%;}
.aligncenter {float: none; clear: both; text-align: center;width: 100%;}
.alignright {float: left;width: 200px;margin: 0 0px 0 0;text-align: right;}
.alignright_single {float: left;width: 50%;margin: 0 0px 0 0;text-align: right;}


.big7 {width: 100%; max-width: 600px; margin: auto;}

.subnav:before {content:"Weitere Erotik Services:"; font-size: 24px; display: block; text-align: center;}
.subnav {list-style-type: none; padding: 0;}
.subnav li {width: 48%; margin: 1%; float: left;}
.subnav li a, .mainnav li {display: block; padding: 2% 1%; text-align: center;
box-shadow: inset 0 0 7px rgba(90, 90, 80, 0.4), inset 0 0 0 1px rgba(255, 255, 255, 0.4), 0 0 0 1px rgba(90, 90, 80, 0.3), 1px 1px 5px rgba(0, 0, 0, 0.1); text-decoration: none; color: rgba(100, 100, 100, 0.9); text-shadow: 0 0 5px rgba(255, 255, 255, 0.4), 1px 1px 0 rgba(255, 255, 255, 0.2); transition: all 0.3s;
background: -moz-linear-gradient(top,  rgba(215,213,207,0.3) 0%, rgba(181,180,174,0.2) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(215,213,207,0.3)), color-stop(100%,rgba(181,180,174,0.2)));
background: -webkit-linear-gradient(top,  rgba(215,213,207,0.3) 0%,rgba(181,180,174,0.2) 100%);
background: -o-linear-gradient(top,  rgba(215,213,207,0.3) 0%,rgba(181,180,174,0.2) 100%);
background: -ms-linear-gradient(top,  rgba(215,213,207,0.3) 0%,rgba(181,180,174,0.2) 100%);
background: linear-gradient(to bottom,  rgba(215,213,207,0.3) 0%,rgba(181,180,174,0.2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dd7d5cf', endColorstr='#33b5b4ae',GradientType=0 );
}

.subnav li a:hover {box-shadow: inset 0 0 7px rgba(90, 90, 80, 0.6), inset 0 0 0 1px rgba(255, 255, 255, 0.6), 0 0 0 1px rgba(90, 90, 80, 0.5), 1px 1px 5px rgba(0, 0, 0, 0.2); color: rgba(80, 80, 80, 0.9); text-shadow: 0 0 5px rgba(255, 255, 255, 0.6), 1px 1px 0 rgba(255, 255, 255, 0.25);
background: -moz-linear-gradient(top,  rgba(215,213,207,0.3) 0%, rgba(181,180,174,0.2) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(215,213,207,0.3)), color-stop(100%,rgba(181,180,174,0.2)));
background: -webkit-linear-gradient(top,  rgba(215,213,207,0.3) 0%,rgba(181,180,174,0.2) 100%);
background: -o-linear-gradient(top,  rgba(215,213,207,0.3) 0%,rgba(181,180,174,0.2) 100%);
background: -ms-linear-gradient(top,  rgba(215,213,207,0.3) 0%,rgba(181,180,174,0.2) 100%);
background: linear-gradient(to bottom,  rgba(215,213,207,0.3) 0%,rgba(181,180,174,0.2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dd7d5cf', endColorstr='#33b5b4ae',GradientType=0 );
}
.subnav .last {margin-left: 25%;}

@media screen and (max-width : 570px){	.subnav li a {font-size: 10px;} }
@media screen and (max-width : 500px){	.subnav li a {font-size: 12px; padding: 3% 0%;} .subnav li {width: 98%; margin: 2% 1%; float: none;} .subnav .last {margin-left: 0;} }


.mainnav {display: none;}


@media screen and (max-width : 680px){
	.mainnav {display: block; list-style-type: none; margin: 0; padding: 0;}
	.mainnav:before {content: "Kategorien:"; font-size: 30px; display: block; margin: auto; text-align: center;}
	.mainnav li {display: block; width: 46%; margin: 1%; padding: 1%; float: left;}
}

@media screen and (max-width : 400px){
	.mainnav li {display: block; width: 96%; margin: 1%; padding: 2% 1%; float: none; clear: both;}
}

@media screen and (max-width : 1000px){
img[src*="b.big7.com"] {width: 100% !important; float: none !important; margin: auto !important;}
}














/* ------BUTTONS------ */
.partnerbutton {display: block; width: 92%; max-width: 500px; margin: 3% auto; padding: 1.5% 1%; text-align: center; text-decoration: none; border-radius: 4px;
box-shadow: 0 4px #c23859, inset 0 0 20px rgba(255,255,255, 0.15);
background: #ff5d83;
background: -moz-linear-gradient(top,  #ff5d83 0%, #ec466d 100%);
background: -webkit-linear-gradient(top,  #ff5d83 0%,#ec466d 100%);
background: linear-gradient(to bottom,  #ff5d83 0%,#ec466d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5d83', endColorstr='#ec466d',GradientType=0 );
}
.partnerbutton:hover {position: relative; top: 2px; text-decoration: none !important;
box-shadow: 0 2px #c23859, inset 0 0 20px rgba(255,255,255, 0.15);
background: #ec466d;
background: -moz-linear-gradient(top,  #ec466d 0%, #ff5d83 100%);
background: -webkit-linear-gradient(top,  #ec466d 0%,#ff5d83 100%);
background: linear-gradient(to bottom,  #ec466d 0%,#ff5d83 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec466d', endColorstr='#ff5d83',GradientType=0 );
}
.partnerbutton span:nth-of-type(1) {display: block; font-size: 20px; line-height: 24px; font-family: 'Titillium Web', sans-serif; font-weight: 600; color: rgba(255,255,255, 0.9); text-shadow: 1px 1px 0 rgba(0,0,0, 0.2);}
.partnerbutton span:nth-of-type(2) {display: block; font-size: 14px; line-height: 18px; color: rgba(0,0,0, 0.7); text-shadow: 1px 1px 0 rgba(255,255,255, 0.2); font-family: 'Roboto', verdana; font-weight: bold;}
.partnerbutton small:nth-of-type(1) {display: block; font-size: 18px; line-height: 28px; color: rgba(255,255,255, 0.9); text-shadow: 1px 1px 0 rgba(0,0,0, 0.2); font-family: 'Roboto', verdana; font-weight: 300;}

@media screen and (max-width : 480px){
.partnerbutton span:nth-of-type(1) {font-size: 18px; line-height: 26px;}
.partnerbutton span:nth-of-type(2) {font-size: 12px; line-height: 18px;}
}
.partnerbutton span span {display: inline-block !important;}

.butcol_fundorado {
box-shadow: 0 4px #1c5b89, inset 0 0 20px rgba(51,168,255, 0.1);
background: #287ee0;
background: -moz-linear-gradient(top,  #287ee0 0%, #276fc2 100%);
background: -webkit-linear-gradient(top,  #287ee0 0%,#276fc2 100%);
background: linear-gradient(to bottom,  #287ee0 0%,#276fc2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#287ee0', endColorstr='#276fc2',GradientType=0 );
}
.butcol_fundorado:hover {
box-shadow: 0 2px #1a79bf, inset 0 0 20px rgba(51,168,255, 0.1);
background: #276fc2;
background: -moz-linear-gradient(top,  #276fc2 0%, #287ee0 100%);
background: -webkit-linear-gradient(top,  #276fc2 0%,#287ee0 100%);
background: linear-gradient(to bottom,  #276fc2 0%,#287ee0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#276fc2', endColorstr='#287ee0',GradientType=0 );
}

/* ------BUTTONS------ */



.ytvideo {display: block; width: 500px; height: 280px; margin: 1% auto;}
@media screen and (max-width : 500px){  .ytvideo {width: 300px; height: 170px;}  }













.katjainfo {margin: 20px 0; display: flex; justify-content: center; border: 3px solid #47312c;}
.katjainfo > div:nth-of-type(1) {background: #47312c; width: 60px; display: flex; justify-content: center; align-items: center;}
.katjainfo > div:nth-of-type(3) {background: #47312c; width: 60px; display: flex; justify-content: center; align-items: center;}
.katjainfo > div:nth-of-type(2) {text-align: center; width: calc(100% - 140px); padding: 10px;}
.katjainfo > div:nth-of-type(1) span:before, .katjainfo > div:nth-of-type(3) span:before{content: "!"; font-size: 40px; font-weight: 700; color: #FFF;}
@media screen and (max-width : 480px){
	.katjainfo > div:nth-of-type(2) {font-size: 80%;}
	.katjainfo > div:nth-of-type(1) {width: 40px;}
	.katjainfo > div:nth-of-type(3) {width: 40px;}
	.katjainfo > div:nth-of-type(2) {width: calc(100% - 90px); padding: 5px;}
}