.dos-label {font-family: 'Bigshot One'; font-size: 12.5px; line-height: 12px; margin: 2px 2px 2px 0; font-weight: 300; background-color: var(--aqua); float: right; color: var(--back); padding: 4px 4px 4px 4px;}
.tob-label {font-family: 'Bigshot One'; font-size: 12.5px; line-height: 12px; margin: 2px 2px 2px 0; font-weight: 300; background-color: var(--back); float: right; color: var(--light); padding: 4px 4px 4px 4px;}


#avabac { height: 220px; width: 350px; margin: auto;} #avabac #avabachover { height: 220px; width: 350px; background: var(--back); opacity: 0; transition: 1s;} #avabac:hover #avabachover { opacity: 1; transition: 1s; }
.scrollbtn::-webkit-scrollbar-corner {
  background: none;
}

.scrollbtn::-webkit-scrollbar {
  width: 2.5px;
  background: none;
}

.scrollbtn::-webkit-scrollbar-thumb {
  background: none;
}

.linkhead  { color: var(--beck); }
.linkhead a:link {
	color: var(--beck);
	text-decoration: none;
}

.linkhead a:visited {
	color: var(--beck);
	text-decoration: none;
}

.linkhead a:hover,
.linkhead a:active {
	color: var(--beck);
	text-decoration: none;
}

.linkdark { color: var(--fontdark); }
.linkdark a:link {
	color: var(--fontdark);
	text-decoration: none;
}

.linkdark a:visited {
	color: var(--fontdark);
	text-decoration: none;
}

.linkdark a:hover,
.linkdark a:active {
	color: var(--fontdark);
	text-decoration: none;
}


/* Scrollbutton /keine Ahnung von was?
--------------------------------------------- */
.scroll-btn {
    height: 30px;
    width: 30px;
    border: 2px solid #000;
    border-radius: 50%;
    background-color: #000;
    position: fixed;
    bottom: 45px;
    right: 15px;
    opacity: 0.5;
    z-index: 9999;
    cursor: pointer;
    display: none;
}

.scroll-btn .scroll-btn-arrow {
    height: 8px;
    width: 8px;
    border: 3px solid;
    border-right: none;
    border-top: none;
    margin: 12px 9px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    color: white;
}

.notouch .scroll-btn:hover {
 opacity: 0.8
}

/*------ ÜBERSCHRIFTEN WHIS ---------*/

.whis1 {
	color: var(--fontdark);
	letter-spacing: 1px;
	line-height: 35px;
	text-transform: uppercase;
	text-align: center;
	
	font-family: Roboto;
	font-size: 35px;
	font-weight: bold;
}

.whis2 {
	color: var(--fontdark);
	letter-spacing: 14px;
	margin-left: 12px;
	line-height: 11px;
	text-transform: uppercase;
	text-align: center;
	
	font-family: Roboto;
	font-size: 11.5px;
}

.whis3 {
	color: var(--fontdark);
	letter-spacing: 1px;
	line-height: 35px;
	text-transform: uppercase;
	text-align: center;
	
	font-family: Roboto;
	font-size: 35px;
	font-weight: bold;
}

.whis4 {
	color: var(--fontdark);
	letter-spacing: 1px;
	margin-left: 12px;
	text-transform: uppercase;
	text-align: center;
	margin-left: -4px;
	
	font-family: Roboto;
	font-size: 7.5px;
}



/*------POSTBIT FOOTER-----*/
.prof1-foot {
    width: 948px;
    height: 70px;
   
    margin-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
    background-color: #f6f6f6;
}

.prof1-foot-buble {
	width: 52px;
	height: 52px;
	
	background-size: cover;
	float: right;
	border-radius: 100%;
	line-height: 32px;
	margin-top: 11px;
	margin-right: 15px;
	cursor: pointer;
}

.prof1-foot-buble-in {
	width: 48px;
	height: 48px;
	border: 2px solid #fff;
	margin-left: auto;
	margin-right: auto;
	border-radius: 100%;
	transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	text-align: center;
	line-height: 28px;
	
	
	font-size: 12px;
}


/* Headernavi und so weiter */

#headermembernavi2 {
	color: var(--fontlight);
	height: 100%;
	width: 105px;
	padding: 10px;
	position: fixed;
	text-align: left;
	letter-spacing: 1px;
	text-transform: lowercase;
	bottom: 0px;
	left: 0px;
	z-index: 2500;
	
	font-family: montserrat;
	font-size: 9px;
	font-weight: 400;
}

.bdot {
  height: 95px;
  width: 95px;
  border-radius: 50%;
  border: 9px solid var(--links);
  display: inline-block;
}

div::-webkit-scrollbar-corner {
  background: var(--links);
}

div::-webkit-scrollbar {
  width: 2.5px;
  background: none;
}

div::-webkit-scrollbar-thumb {
  background: var(--links);
}

.storm1 {
background-color: var(--back);
text-align: right;
text-transform: uppercase;
letter-spacing: 2px;
padding-right: 10px;
	font-family: 'Oswald';
	font-size: 14px;
	color: var(--fontdark);
	font-weight: bold;
}

.storm1:after {
   content: ' \\\\\\\\\\\\\\\\\\';   color: var(--light);
}

.storm2 {
 font-family: 'Oswald'; letter-spacing: 1px;  font-size: 11.5px; line-height: 11px;  color: var(--fontlight); text-transform: uppercase; text-align:center; margin-top: 8px; margin-bottom: 8px;
}


/*---------Postbit---------------*/

iframe {
    background-color: transparent !important;
}

iframe.transparent {
    background-color: #FFF; /*this gives a background color for browsers that can't do RGBA color, like internet explorer*/
    background-color: rgba(255,255,255,0.5);
}

#pautor {
	width: 310px;
	height: auto;
		padding-top: 10px;
	

	float: left;
	margin-bottom: 10px;
	
padding-bottom:  30px;
}



/* UserCP */
.uinnenbox {
 width: 1000px; height: 200px; margin-bottom: 20px; background-color: var(--white);
}

.ubox1out {
 width: 900px; height: 200px; text-align: center; margin-top: 20px;
}

.ubox1out1 {
width: 850px; height: auto; margin-left: 40px;
}

.ubox1in {
width: 70px; height: 70px; background-color: var(--links); color: var(--fontlight); font-size: 45px; float: left;  text-align: center; margin-left: 10px; margin-top: 10px;  border: 1px solid var(--back); outline: 1px solid var(--back);
}

.ubox1in1 {
 width: 70px; height: 40px; color: var(--fontlight); font-size: 40px; float: left; margin-top:5px; text-align: center;
}

.ubox1in2 {
 width: 70px; height: 30px; color: var(--fontlight); font-size: 8px;margin-top: 1px; text-align: center; float: left;font-family: Montserrat;
}


/* Kalender Tab-System */

.caltabs input[type=radio] {
         position: absolute;
          display: none; /* blendet die Radio-Punkte aus, die wir nicht brauchen */
}

.caltabs {
	width: 500px;
	float: left;
	list-style: none;
	position: relative;
	padding: 0;
	margin: auto;
	height: 7050px;
}

.caltabs li{
       float: right; /* entweder rechts oder links */
}

.caltabs label {
	
	background-color: var(--back);
	width: 55px !important;
	color: var(--fontdark) !important;
	display: block;
	cursor: pointer;
	position: relative;
	top:-40px !important;
	left: 0 !important;
	
	height: 20px !important;
	padding-top: 5px !important;
	padding-left: 10px !important;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 3px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.caltabs label:hover {
	background: var(--bronze) !important;
	color: var(--fontlight) !important;
	top: 0;
}

.caltabs [type=radio]:checked ~ label {
 /* Defintion des ausgewählten Feldes */
       
	background-color: var(--back);
       color: var(--light) !important;
       top: 0;
}

.caltabs [type=radio]:checked ~ label ~ .caltab-content {
         display: block;
}

.caltab-content{
 /* Hier wird des ganz normale Inhalt des Tabs definiert wie Schrift, Farbe, Zeilenhöhe etc */
       z-index: 2;
       display: none;
       text-align: left;
       width: 100%;
    height: 7000px;
    overflow: hidden; /*Höhe (muss ca 50px kleiner sein als bei .tabs vorgegeben und Overflow sollten definiert werden, da ansonsten überschüssiger Text verschluckt wird */
       font-size: 10px;
       padding-top: 10px;
       padding: 5px;
	
       color: var(--fontdark);
	background-color: var(--back);
       position: absolute;
       top:20px !important;
       left: 0;
       box-sizing: border-box;
       -webkit-animation-duration: 0.5s;
       -o-animation-duration: 0.5s;
       -moz-animation-duration: 0.5s;
       animation-duration: 0.5s;
}


/*............... Interaktive Listen .................*/

.ilback {
width: 1000px; height: 240px; float: left; margin-bottom: 10px; margin-top: 10px;
}

.ilinfoding {
 width: 40px; height: 240px; background-color: var(--bronze); float: left;
}

.ilinfodrot {
 transform: rotate(-90deg); font-size: 11.5px; text-transform: uppercase; color: var(--fontlight); height: 20px; width: 240px; margin-top: 100px; margin-left: -93px; float: left; letter-spacing: 3px;
}

.ilinfotext {
 width: 210px; height: 240px; float: left; background-color: var(--white);
}

.ilinfotin {
width: 180px; height: 210px; background-color: var(--white); float: left; padding-right: 10px; padding-left: 10px; margin-left: 5px; padding-top: 20px; font-size: 9.5px; text-transform: justify; letter-spacing: 0.8px; color: var(--fontdark); overflow: auto; line-height: 10px; text-align: justify; hyphens: auto;
}

.ilinfotin::-webkit-scrollbar-corner {
  background: var(--white);
}

.ilinfotin::-webkit-scrollbar {
  width: 2.5px;
  background: var(--white);
}

.ilinfotin::-webkit-scrollbar-thumb {
  background: var(--white);
}

.ilbackinfo {
width: 220px; height: 240px; float: left; background: var(--white);
}

.ilbackinofin {
width: 120px; height: 240px; float: left; padding-left: 10px;
}

.ilbackava {
width: 355px; height: 240px; float: left; background: var(--white); overflow: hidden;
}

.ilinfodrot a:link {
	color: var(--fontlight);
	text-decoration: none;
}

.ilinfodrot a:visited {
	color: var(--fontlight);
	text-decoration: none;
}

.ilinfodrot a:hover,
.ilinfodrot a:active {
	color: var(--fontlight);
	text-decoration: none;
}

/*---------Interaktive Listen User bit-------*/

.ilbitback {
width: 300px; height: 400px; float: left; margin-right: 12px; margin-left: 12px;
}

.ilname {
width: 300px; height: 30px; float: left;  background-color: var(--links);
}

.ilnamein {
 width: 300px; height: 20px; float: left; padding-top: 5px; padding-bottom: 5px; font-size: 11.5px; text-transform: uppercase; color: var(--fontlight); text-align: center;
}

.ilkat{
width: 300px; height: 30px; float: left;  background-color: var(--bronze);
}

.ilkatin {
 width: 300px; height: 20px; float: left; padding-top: 5px; padding-bottom: 5px; font-size: 11.5px; text-transform: uppercase; color: var(--fontlight); text-align: center;
}

.ilkatinfo {
 width: 300px; height: 120px; float: left; background-color: var(--white);
}

.ilkatinfoin {
width: 270px; height: 90px; background-color: var(--white); float: left; padding-right: 10px; padding-left: 10px; margin-left: 5px; padding-top: 20px; font-size: 9.5px; text-transform: justify; letter-spacing: 0.8px; color: var(--fontdark); overflow: auto; line-height: 10px; text-align: justify; hyphens: auto;
}

.ilkatinfoin::-webkit-scrollbar-corner {
  background: var(--white);
}

.ilkatinfoin::-webkit-scrollbar {
  width: 2.5px;
  background: var(--white);
}

.ilkatinfoin::-webkit-scrollbar-thumb {
  background: var(--white);
}

/* Guide Navigation Links */

.guidenav-links {
	width: 415px;
	color: var(--fontdark);
	float: left;
	height: 15px;
	line-height: 12px;
	text-transform: lowercase;
	text-align: left;
	letter-spacing: 4px;
	padding-left: 5px;
	
	font-family: Roboto;
	font-size: 12.5px;
	font-weight: 300;
}

.guidenav-links a:link {
	color: var(--aqua);
	text-decoration: none;
}

.guidenav-links a:visited {
	color: var(--aqua);
	text-decoration: none;
}

.guidenav-links a:hover,
.guidenav-links a:active {
	color: var(--aqua);
	text-decoration: none;
}

/*-----Bewerber Blacklist------*/

.apbitback {
width: 350px; height: 190px; float: left; margin-right: 12px; margin-left: 12px; margin-bottom: 40px;
}

.apname {
width: 350px; height: 30px; float: left; font-size: 15px; font-weight: 900; line-height: 12px; text-transform: lowercase; color: var(--bronze) !important;
}

.apnamein {
 width: 350px; height: 20px; float: left; padding-top: 5px; padding-bottom: 5px;  font-size: 15px; font-weight: 900; line-height: 12px; text-transform: lowercase; color: var(--bronze) !important;text-align: center;
}

.apname2 {
width: 350px; height: 30px; float: left;  background-color: var(--bronze);
}

.apnamein2 {
 width: 350px; height: 20px; float: left; padding-top: 5px; padding-bottom: 5px; font-size: 11.5px; text-transform: uppercase; color: var(--fontlight); text-align: center;
}

.apkat{
width: 350px; height: 30px; float: left;  background-color: var(--white);
}

.apkatin {
 width: 350px; height: 20px; float: left; padding-top: 5px; padding-bottom: 5px; font-size: 11.5px; text-transform: uppercase; color: var(--fontdark); text-align: center;
}

.apkat2{
width: 350px; height: 10px; float: left;  background-color: var(--bronze);
}


/* --------------- Profil-Tabs ---------------------------------- */
.ptabs {
	width: 1200px;
	float: none;
	list-style: none;
	position: relative;
	padding: 0;
	margin: auto;
	height: 9010px;
	background-color: var(--back);
}

.ptabs li{
	float: left;
	display: inline;
	background-color: var(--back);
	color: var(--fontdark);
}

.ptabs label {
	background: var(--bronze);
	width: 279px;
	color: var(--fontlight);
	display: block;
	margin-right: 5px;
	margin-left: 5.5px !important;
	padding: 5px;
	text-transform: uppercase;
	text-align: center;
	line-height: 160%;
	margin-top: 10px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	font-family: poppins;
	font-size: 16px;
}

.ptabs label:hover {
       top: 0;
}

.ptabs input[type=radio] {
position: absolute;
display: none;
}

.ptabs [type=radio]:checked ~ label {
 /* Defintion des ausgewählten Feldes */
       color: var(--fontlight);
	background-color: var(--light);
       top: 0;
}

.ptabs [type=radio]:checked ~ label ~ .ptab-content {
         display: block;
}

.ptab-content{
 /* Hier wird des ganz normale Inhalt des Tabs definiert wie Schrift, Farbe, Zeilenhöhe etc */
      z-index: 2;
    display: none;

    
  
    width: 1200px;
    height: 9960px;
    overflow: hidden; /*Höhe (muss ca 50px kleiner sein als bei .tabs vorgegeben und Overflow sollten definiert werden, da ansonsten überschüssiger Text verschluckt wird */
    padding-top: 10px;
   
border-bottom: 200px solid var(--back);
    background: var(--back);
    position: absolute;
	left: 0;
}

/*----Pinterest Widget-----*/

#pinterest-container {
	background: var(--highgrey);
	width: 370px;
	height: 550px !important;
	overflow: auto !important;
	box-shadow: none !important;
	border: none !important;
}

#pinterest-container::-webkit-scrollbar-corner {
  background: var(--highgrey);
	border: none !important;
}

#pinterest-container::-webkit-scrollbar {
  width: 2.5px;
  background: var(--highgrey);
	border: none !important;
}

#pinterest-container::-webkit-scrollbar-thumb {
  background: var(--highgrey);
}

#pinterest-container [class$=_img] {
  display: block !important;
  box-shadow: none !important;
  border-radius: 0 !important; 
 border: none !important;
}

#pinterest-container [class$=_col] {
  padding: 2px;
	margin-top: 2px;
	border: none !important;
}

#pinterest-container [class$=_button] {
  display: none !important;
	border: none !important;
}

#pinterest-container [class$=_board] {
  box-shadow: none !important;
	border: none !important;
}

#pinterest-container span span {
  overflow: hidden !important;
  height: 70% !important;
	border: 2px !important;
	box-shadow: none !important;
	background-color: var(--highgrey); !important;
}


/*------Header Member Navi -------*/

#headermembernavi {
	width: 30px;
	color: var(--fontlight);
	height: 100%;
	padding: 10px;
	position: fixed;
	text-align: right;
	letter-spacing: 1px;
	text-transform: uppercase;
	background: none;
	top: 0px;
	right: 45px;
	z-index: 2500;
	align: left;
	
	font-family: montserrat;
	font-size: 9px;
	font-weight: 400;
}

#headermembernavi .memlink {
	font-family: montserrat;
	font-size: 9px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--fontlight);
	font-weight: 400;
	text-align: center;
	padding: 0px 5px;
	position: relative;
	left: 0px;
}
		
		/* --------------- Szenen-Tabs ---------------------------------- */
.sztabs {
	width: 740px;
	float: none;
	list-style: none;
	position: relative;
	padding: 0;
	margin: auto;
	height: 382px;
	background-color: var(--back);
}

.sztabs li{
	float: left;
	display: inline;
	background-color: var(--back);
	color: var(--fontdark);
}

.sztabs label {
	background: var(--aqua);
	width: 179px;
	color: var(--fontlight);
	display: block;
	margin-right: 5px;
	margin-left: 5.5px !important;
	padding: 5px;
	text-transform: uppercase;
	text-align: center;
	line-height: 160%;
	margin-top: 10px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	
	font-family: poppins;
	font-size: 16px;
}

.sztabs label:hover {
       top: 0;
}

.sztabs input[type=radio] {
position: absolute;
display: none;
}

.sztabs [type=radio]:checked ~ label {
 /* Defintion des ausgewählten Feldes */
       color: var(--fontlight);
	background-color: var(--links);
       top: 0;
}

.sztabs [type=radio]:checked ~ label ~ .sztab-content {
         display: block;
}

.sztab-content{
 /* Hier wird des ganz normale Inhalt des Tabs definiert wie Schrift, Farbe, Zeilenhöhe etc */
      z-index: 2;
    display: none;

    
  
    width: 740px;
    height: 348px;
    overflow: hidden; /*Höhe (muss ca 50px kleiner sein als bei .tabs vorgegeben und Overflow sollten definiert werden, da ansonsten überschüssiger Text verschluckt wird */
    padding-top: 10px;
   

    background: var(--back);
    position: absolute;
	left: 0;
}