/*
Theme Name: BlankSlate
Theme URI: https://github.com/tidythemes/blankslate
Author: TidyThemes
Author URI: https://github.com/tidythemes
Description: Donations: https://calmestghost.com/donate. BlankSlate is the definitive WordPress boilerplate starter theme. We've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability and no intrusive visual CSS styles have been added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/tidythemes/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2023
Requires at least: 5.2
Tested up to: 6.1
Requires PHP: 7.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2023 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL

*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}

/*
Lucien Lafayettes code
*/





/* ------------------- BASIX -------------------- */

html{
width:100vw;
background-color: #000;
margin:0;
padding:0;
overflow-x:hidden;
}

body{
width:100vw;
background-color: #000;
margin:0;
padding:0;
overflow:hidden;
}

.cky-consent-container, .cky-classic-bottom{
color: #fff;
font-family:'Montserrat';
overflow:hidden;
z-index:9999;
background-color:#000;
border:1vw solid #fff;
}
.cky-btn{color:#000;}

#ckyCategoryDirectnecessary, #ckyCategoryDirectfunctional{background-color:#D21F26;}

/* ------------------ HEAD ------------------- */
#preimg{
position:absolute;
top:0;
left:0;
width:100vw;
height: auto;
margin-bottom:0.5vw;
padding:0;
overflow:hidden;
z-index:1;
}
#preimg2{
position:relative;
display:block;
top:0;
left:0;
width:100vw;
height: auto;
padding:0;
overflow:hidden;
z-index:1;
}


#imghead{
width:100vw;
height: auto;
margin-bottom:0.5vw;
padding:0;
overflow:hidden;
z-index:2;
position: relative;
overflow:hidden;
}

/* ------------------ MENU ------------------- */

#nav{
width:100vw;
height: 16.2vw;
padding-top:0;
padding-bottom:1.0vw;
display: flex;
justify-content:space-around;
overflow:hidden;
background-color: #000;
z-index:99999;
}

#navfake{overflow:hidden;}

#navb{
width:100vw;
height: 15.2vw;
display: flex;
justify-content:space-around;
overflow:hidden;
z-index:99998;
}

#nav1{background-image:url(https://www.wearesexworkers.berlin/pix/nav1.png);}
#nav2{background-image:url(https://www.wearesexworkers.berlin/pix/nav2.png);}
#nav3{background-image:url(https://www.wearesexworkers.berlin/pix/nav3.png);}
#nav4{background-image:url(https://www.wearesexworkers.berlin/pix/nav4.png);}
#nav5{background-image:url(https://www.wearesexworkers.berlin/pix/nav5.png);}
#nav6{background-image:url(https://www.wearesexworkers.berlin/pix/nav6.png);}

#navb1{background-image:url(https://www.wearesexworkers.berlin/pix/navb1.png);}
#navb2{background-image:url(https://www.wearesexworkers.berlin/pix/navb2.png);}
#navb3{background-image:url(https://www.wearesexworkers.berlin/pix/navb3.png);}
#navb4{background-image:url(https://www.wearesexworkers.berlin/pix/navb4.png);}
#navb5{background-image:url(https://www.wearesexworkers.berlin/pix/navb5.png);}
#navb6{background-image:url(https://www.wearesexworkers.berlin/pix/navb6.png);}

#navb1l{background-image:url(https://www.wearesexworkers.berlin/pix/navb1.png);}
#navb2l{background-image:url(https://www.wearesexworkers.berlin/pix/navb2.png);}
#navb3l{background-image:url(https://www.wearesexworkers.berlin/pix/navb3.png);}
#navb4l{background-image:url(https://www.wearesexworkers.berlin/pix/navb4.png);}
#navb5l{background-image:url(https://www.wearesexworkers.berlin/pix/navb5.png);}
#navb6l{background-image:url(https://www.wearesexworkers.berlin/pix/navb6.png);}

.navitem{
	background-position: center center;
	background-size:cover;overflow:hidden;
}
.naviteml{
	background-position: center center;
	background-size:cover;overflow:hidden;
}



/* ---.navitem, .navlitem{
padding-left:0.5vw;
padding-right:0.5vw;
}------------- CONTENT ------------------- */

.h{width:100vw; overflow:hidden;}



@font-face {
   font-family:'Montserrat';
   font-style: normal;
   font-weight: 400;
   src: local('Montserrat'), local('Montserrat-Regular'),
   url(https://www.wearesexworkers.berlin/fonts/Montserrat-Regular.ttf) format('truetype'),
}

@font-face {
   font-family:'Staatliches';
   font-style: normal;
   font-weight: 400;
   src: local('Staatliches'), local('Staatliches-Regular'),
   url(https://www.wearesexworkers.berlin/fonts/Staatliches-Regular.ttf) format('truetype'),
}


.text{
width:100vw;
padding-left:10vw;
padding-right:10vw;
color: #fff;
font-family:'Montserrat';
font-size: 3.531vw;
text-align: justify;
line-height: 5.3vw;
overflow:hidden;
hyphens: auto;
}
b{font-weight: 900; font-size: 5.531vw;overflow:hidden;}
i{font-weight: 600;overflow:hidden;}
.textabsatz{width:100vw;height:1.6vw;overflow:hidden;}
.textabsatz2{width:100vw;height:2.6vw;overflow:hidden;}
.textabsatz3{width:100vw;height:6vw;overflow:hidden;}

.text1{overflow:hidden;
text-align: justify;hyphens: auto;
}

#text1u{
width:100vw;
padding-left:10vw;
padding-right:10vw;
color: #fff;
font-family:'Montserrat';
font-size: 3.531vw;
text-align: left;
line-height: 5.3vw;
overflow:hidden;
hyphens: auto;
}


.text2{overflow:hidden;
text-align: left;hyphens: auto;
}

ul{margin-left:0vw; margin-bottom:2vw; list-style:circle;hyphens: auto;}
li{font-weight: bold; text-align:left; margin-bottom:2vw; font-size: 3.5vw; line-height:5.2vw;hyphens: auto;}


#wearesexworkers{overflow:hidden;
margin-top:5vh;
margin-bottom:-1.7vh;
}
#donate{overflow:hidden;
margin-top:-1.2vh;
margin-bottom:-2.0vh;
mix-blend-mode:screen;
}

#spenden{
	margin-top:1.2vh;
	margin-bottom:-2.0vh;
	width:80vw;
	margin-left:10vw;
	margin-right:10vw;
	background-position: center center;
	background-size:cover;
	background-image:url("https://www.wearesexworkers.berlin/pix/spenden.png");
	overflow:hidden;
}
#spenden2{
	overflow:hidden;
}

#lineup{overflow:hidden;
margin-top:15vh;
margin-bottom:5vh;
}

#h33a{margin-top:0vh; margin-bottom:7vh; width:70%; margin-left:15%;}
#h33b{margin-top:0vh; margin-bottom:7vh; width:60%; margin-left:20%;}
#h33c{margin-top:0vh; margin-bottom:7vh; width:60%; margin-left:20%;}
#h33d{margin-top:0vh; margin-bottom:7vh; width:76%; margin-left:12%;}
#h33e{margin-top:0vh; margin-bottom:7vh; width:70%; margin-left:15%;}
#h33f{margin-top:0vh; margin-bottom:7vh; width:70%; margin-left:15%;}

#politik{
margin-top:1vh;
margin-bottom:0;
}

#h44a{margin-top:0vh; margin-bottom:7vh; width:66%; margin-left:17%;}
#h44b{margin-top:0vh; margin-bottom:7vh; width:66%; margin-left:17%;}
#h44c{margin-top:0vh; margin-bottom:7vh; width:66%; margin-left:17%;}
#h44d{margin-top:0vh; margin-bottom:7vh; width:66%; margin-left:17%;}
#h44e{margin-top:0vh; margin-bottom:7vh; width:66%; margin-left:17%;}
#h44f{margin-top:0vh; margin-bottom:7vh; width:66%; margin-left:17%;}


#acts{	overflow:hidden;
margin-top:8vh;
margin-bottom:-13vh;
mix-blend-mode:screen;
pointer-events:none;
}

#h55a{margin-top:0vh; margin-bottom:7vh; width:54%; margin-left:15%; z-index:5;}
#h55b{margin-top:0vh; margin-bottom:7vh; width:70%; margin-left:15%;}
#h55c{margin-top:0vh; margin-bottom:7vh; width:64%; margin-left:15%;}
#h55d{margin-top:0vh; margin-bottom:7vh; width:44%; margin-left:15%;}



#askntell{	overflow:hidden;
margin-top:7vh;
margin-bottom:0;
}
#h66{	overflow:hidden;
margin-top:0;
margin-bottom:0;
}


#thx{	overflow:hidden;
margin-top:10vh;
margin-bottom:2vh;
}

.thxa{
width:100%; 
color: #fff;
font-family:'Staatliches';
font-size: 6vw;
text-align: center;
line-height: 7.7vw;
overflow:hidden;
hyphens: auto;
}


#undallen{margin-top:5vh;
margin-bottom:0vh;}




#sponsoren{	overflow:hidden;
margin-top:10vh;
margin-bottom:7vh;
}



#kaufmich{	overflow:hidden;
}


#besd{	overflow:hidden;
margin-top:5vh;
}


#rebelsound{	overflow:hidden;
margin-top:5vh;
}




#werbepartner{	overflow:hidden;
margin-top:11vh;
}


#klinik{	overflow:hidden;
margin-top: 5vh;
}

#domina{	overflow:hidden;
margin-top:3vh;
}


#rotelaterne {
    overflow: hidden;
    margin-top: 3vh;
    margin-left: 10%;
    width: 80%;
}


#indulgenz{	overflow:hidden;
margin-top:15vh;
margin-bottom:20vh;
}

#myfooter{	
text-transform:uppercase;
margin-bottom:0.4vh;
width:100vw;
padding-left:10vw;
padding-right:10vw;
color: #fff !Important;
font-family:'Montserrat';
font-size:3.3vw;
text-align: justify;
line-height: 5vw;
overflow:hidden;
display:flex;
justify-content:space-around;
flex-direction:column;
align-items:center;
hyphens: auto;
}


#footer{	
margin-bottom:1vh;
width:100vw;
padding-left:10vw;
padding-right:10vw;
color: #fff;
font-family:'Montserrat';
font-size:4vw;
text-align: justify;
line-height: 4vw;
overflow:hidden;
display:flex;
justify-content:space-around;
flex-direction: column;
  align-items: center;
  hyphens: auto;
}



#dat{	
width:100vw;
padding-left:10vw;
padding-right:10vw;
color: #fff !Important;
font-family:'Montserrat';
font-size:2.6vw;
text-align: left;
line-height: 3.5vw;
hyphens: auto;
}



#shadow{	overflow:hidden;
width:1000px;
margin-left:auto;
margin-right:auto;
z-index:9999;
height: 100vh;
position:fixed;
top:0;
display:flex;
justify-content:space-between;
pointer-events: none;
}

#shadowl{	overflow:hidden;
width:44px;
height: 100vh;
background-position: center center;
background-size:100% 10px;
background-repeat:repeat-y;
background-image:url("https://www.wearesexworkers.berlin/pix/shadowl.png");

}
#shadowr{	overflow:hidden;
position:relative;
width:44px;
height: 100vh;
background-position: center center;
background-size:100% 10px;
background-repeat:repeat-y;
background-image:url("https://www.wearesexworkers.berlin/pix/shadowr.png");
}



































/* ############################################################################################################# */
/* ############################################################################################################# */
/* ############################################################################################################# */
/* ############################################################################################################# */
/* ############################################################################################################# */
/* ############################################################################################################# */







@media only screen and (min-width: 1000px) {
body{
width:1000px;
margin-left:auto;
margin-right:auto;
}
  
.text{
margin-left:auto;
margin-right:auto;
width:1000px;
font-size: 22px;
text-align: left;
line-height: 30px;
padding-left:100px;
padding-right:100px;

}
b{font-weight: 900; font-size: 28px;}
.textabsatz{width:1000px;height:11px;}
.textabsatz2{width:1000px;height:18px;}
.textabsatz3{width:1000px;height:40px;}


#imghead{
width:1000px;
margin-left:auto;
margin-right:auto;
height: auto;
margin-bottom:5px;
padding:0;
overflow:hidden;

}

/* ------------------ MENU ------------------- */

#nav{
width:1000px;
margin-left:auto;
margin-right:auto;
height: 162px;
padding-top:0;
padding-bottom:12px;
}

#navb{
width:1000px;
margin-left:auto;
margin-right:auto;
height: 152px;
}
 
.h{
width:1000px;
margin-left:auto;
margin-right:auto;
}

#spenden{
margin-top:12px;
margin-bottom:-20px;
width:1000px;
margin-left:auto;
margin-right:auto;
}


#lineup{
margin-top:150px;
margin-bottom:20px;
}
#h33{
margin-top:0;
margin-bottom:0;
}
#politik{
margin-top:50px;
margin-bottom:0;
}
#h44{
margin-top:0;
margin-bottom:0;
}
#acts{
margin-top:8vh;
margin-bottom:-140px;
mix-blend-mode:screen;
}
#h55{
margin-top:0;
margin-bottom:0;
}
#askntell{
margin-top:70px;
margin-bottom:0;
}
#thx{
margin-top:100px;
margin-bottom:10px;
}
#indulgenz{
margin-top:150px;
margin-bottom:200px;
}

#myfooter{
margin-bottom:4px;
width:1000px;
margin-left:auto;
margin-right:auto;
font-size:33px;
text-align: justify;
line-height: 50px;
}


#footer{
margin-bottom:10px;
width:1000px;
margin-left:auto;
margin-right:auto;
font-size:30px;
line-height: 30px;
}

#dat{
font-size:20px;
text-align: left;
line-height: 30px;
width:100%;
}

ul{padding-left:40px; margin-bottom:20px; list-style:circle;}
li{font-weight: bold; text-align:left; margin-bottom:12px; font-size: 20px; line-height:29px;}

#wearesexworkers{
margin-top:5px;
margin-bottom:-17px;
}
#donate{
margin-top:-12px;
margin-bottom:-20px;
}

.navitem{
padding-left:5px;
padding-right:5px;
}
.naviteml{
padding-left:5px;
padding-right:5px;
}

  .naviteml, .navitem{
	height: 76px;
	width:  76px;
	}
	
	
.thxa{
font-size: 51px;
    line-height: 59px;
}



/* #####.navlitem########################################################## */


/* ############################################################### */
/* ############################################################### */
/* ############################################################### */
}





/* ############################################################### */
/* ############################################################### */


@media (orientation: portrait) {
  #navb{display:flex;}
  .naviteml{display:none;}
  .naviteml, .navitem{
	height: 15.7vw;
	width:  15.7vw;
	}
	#nav{height: 16.7vw;}
	#navfake{height: 16.7vw;}
	#shadow{display:none;}
	
}

@media (orientation: landscape) {
  #navb{display:none;}
  .naviteml{display:block;}
  .naviteml, .navitem{
	height: 7.6vw;
	width:  7.6vw;
	}
	#nav{height: 8.1vw; margin-bottom:-8.1vw;}
	#wearesexworkers{margin-top:8.1vw;}
	#navfake{display:none;}
	#shadow{display:none;}
#spenden{width:80vw;margin-left:10vw;margin-right:10vw;}

}


@media (min-device-width: 1000px)and (orientation:landscape) {
  #navb{display:none;}
  .naviteml{display:block;}
  .naviteml, .navitem{
	height: 79px;
	width:  79px;
	}
	#nav{height: 84px; margin-bottom:-84px;}
	#wearesexworkers{margin-top:84px;}
	#navfake{display:none;}
	#shadow{display:flex;}
	#preimg{display:none;}
#spenden{width:800px;margin-left:auto;margin-right:auto;}

}

@media (min-device-width: 1000px)and (orientation:portrait) {
 #navb{display:flex;}
  .naviteml{display:none;}
  .naviteml, .navitem{
	height: 160px;
	width:  160px;
	}
	#nav{height: 165px;}
	#navfake{height: 165px;}
	#shadow{display:flex;}
}


/* ############################################################### */
/* ############################################################### */