/* this fonts is used in the website*/
font-family: monotype-grotesque, sans-serif;
font-family: monotype-grotesque-extended, sans-serif;
font-family: industry-inc-3d, sans-serif;
font-family: industry-inc-in-n-out, sans-serif;
font-family: ocr-a-std, monospace;
font-family: monotype-grotesque-display-c, sans-serif;
/*fonts*/

html
{font-family: monotype-grotesque, sans-serif;
background:black !important;}
body
{font-family: monotype-grotesque, sans-serif;
  background:black !important;}
body {
overflow-x: hidden;
width: 100%;
}

body {
overflow: hidden;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

html, body {
overflow-x: hidden;
}
body {
position: relative
}

/*video controlls
video::-webkit-media-controls-fullscreen-button {display:none !important;}
video::-webkit-media-controls-play-button {display:none !important;}
video::-webkit-media-controls-timeline {display:none !important;}
video::-webkit-media-controls-current-time-display {display:none !important;}
video::-webkit-media-controls-time-remaining-display {display:none !important;}
video::-webkit-media-controls-mute-button {}
video::-webkit-media-controls-toggle-closed-captions-button  {display:none !important;}
video::-webkit-media-controls-volume-slider {display:none !important;}
*/


.btn, .dropdown-toggle
{position:inherit;
z-index:100 !important;}

.well {
    padding: 19px;    
    background-color: black !Important;
    border: 0px solid #e3e3e3 !Important; 
    border-radius: 0px !Important;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.05) !Important;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.05) !Important;
}

/*kiwi bei den Damen*/
.kiwi
{background:#69e388b !important;}
  
/*landscape handling */  
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: portrait) 
{  #show,
  .show, 
  #show.show
  {display:none !important;
    overflow: hidden !important;
  max-height:375px}
 
}
}
 /* I dont know why i need that?*/
@media screen and (min-width: 812px) and (max-width: 812px) and (orientation: landscape) 
{  #show,
  .show, 
  #show.show
  {display:block !important;}
 
}
@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) 
{#show,.show, #show.show
  {display:block !important;
 }
  
}

@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) 
{
  .landscape,
  .logomobil,
  .logo
  .weg
		{display:none;}
 
} 
    /*landscape hide*/





p
{font-family: monotype-grotesque, sans-serif;}

h1,h2,h3,h4,h5
{font-family: font-family: Grotesque MT Std !important;}

/* feed alle devices*/
/*desktop #hallo_welt.headline*/

#hallo_welt.headline
{
 font-family: "Roboto Mono" !important; 
 transform: rotate(270deg);
  transform-origin:15% 100%;
  width: max-content; 
 padding-top:26vw; 
  	}
/*desktop #hallo_welt.headline*/

/*desktop #number.number*/
#number.number
{font-family: "Roboto Mono" !important;
transform: rotate(270deg);
 transform-origin:15% 10%;
  width: max-content;  
  padding-right:5vw; 
}
/*desktop #number.number*/


/*mobile*/
@media only screen and (max-width: 600px)
  {
   #hallo_welt.headline 
    {font-size:50px;
    font-family: "Roboto Mono" !important; 
     transform: rotate(270deg);
     transform-origin:10% 50%;
     width:380px;
     padding:0;
     margin:0;
     top:280px;
     left:50px;
     height:100px !important;
     line-height:0px !important;
     z-index:9;
    }
    #number.number
    {font-size:14px;
   	font-family: "Roboto Mono" !important;
    transform: rotate(270deg);
     transform-origin:50% 50%;
     width:180px;
     top:220px;
     left:30px;
     height:80px !important;
     padding:0;
     margin:0;
     line-height:0px !important;
     z-index:9;
}
}
@media only screen and (max-width: 320px)
 {
   #hallo_welt.headline 
     {transform-origin:10% 50%;
     width:380px;
     padding:0;
     margin:0;
     top:325px;px;
     left:50px;
     height:100px !important;
     line-height:0px !important;
    }
    #number.number
    {width:180px;
     top:130px;
     left:10px;
     height:80px !important;
     padding:0;
     margin:0;
     line-height:0px !important;
}
 }

/*ende feed alle devices  */ 

/*Akkordion*/
/*mobile anpassung*/
@media only screen and (max-width: 375px) {
 	.panel-title>a, .panel-title>a:active
  		{	font-size:30px !important;
  			max-width:365px!important;
  			line-height: 29px !important;
  		}
	.copytext_akk
  		{	font-size:15px !important;
   			max-width:355px!important;
   			margin-bottom:0px; !important;
   			line-height: 29px !important;
  		}
	.cpanel-heading
  		{	font-size:12px !important;
  			max-width:365px!important;
  			line-height: 20px !important;  			
  		}
  .panel-heading
  		{margin-top:0px !important;
  		}
  .panel-default > .panel-heading 
  		{margin-top: 0px;
  		}
 /* .panel-group .panel {
    margin-bottom: 0px !important;
    border-radius: 0px !important;
}*/

}

/*akk job links*/
.jobs a{
	color:#F8F366;
}
.jobs a:hover{
	color: #ff7062;
}
/*jobs links*/
/* this is how we do it*/
.robo
{font-family: "Roboto Mono"!important;
}
.robo_white
{font-family: monotype-grotesque, sans-serif !important;
  color:#fff !important;
}

.robo_k
{font-family: "Roboto Mono"!important;
font-style: italic !important;
color:#F8F366 !important;
letter-spacing:-0.5px !important;
}

.mono
{font-family: monotype-grotesque, sans-serif !important;
font-weight: bold !important;
color:#f8f366 !important;}

/*this is how we do it*/








.panel-default>.panel-heading a[aria-expanded="true"] {
    background-color: transparent !important;
    
}
.panel-default>.panel-heading a:after { color:transparent !important;}
.panel {
    margin-bottom: 20px;
    border: 0px;    
    -webkit-box-shadow: 0px transparent !important;
    box-shadow: 0 rgb(0, 0, 0) !important;
}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 0px solid #ddd;
}

.headline_akk
{color:white !important;
  font-family: monotype-grotesque-display-c, sans-serif;
  font-size:30px;
  line-height:29px;
   text-transform: lowercase !important;
}

.copytext_akk
{color:#F8F366 !important;
font-family: "Roboto Mono"!important;
font-size:15px;
line-height: 29px;
font-weight:700;}


.alles_akk
{text-align:left !important;}

.panel-heading {
  padding: 0;
	border:0;
	color:white !important;

}
.panel-title>a, .panel-title>a:active{
	display:block;
	padding:15px;
  color:#555;
  font-size:30px;
  font-weight:bold;
	text-transform:lowercase;
	letter-spacing:1px;
  word-spacing:0px;
	text-decoration:none;
	
	
}


.panel-default > .panel-heading {
    color: #333333;
    background-color: #00524D !important;
/*    border-color: #00524D !important;*/
    margin-top:60px;
}


.panel-default > .panel-heading + .panel-collapse > .panel-body {
 background-color: #00524D !important;
color:#F8F366 !important;
  font-family: "Roboto Mono" !important;
 
}
.strich {
    display: inline-block;
    border-top: 3px solid #fff;
    width: 60px;
    margin-left:16px;
  
}

/*akk*/

/*Collection_links*/
.left_text a
{	color: #b4b4b4;
	text-decoration: none;
}
.left_text a:hover 
{
  color: #f8f366;
  text-decoration: none;
}
.rechts_gelb a
{
	color: #f8f366;
	text-decoration: none;
}
.rechts_gelb a:hover
{
  	color: #b4b4b4;
	text-decoration: none;
}
.rechts_black a{
  	color: #343434;
	text-decoration: none;
}
.rechts_black a:hover {
  	color: #b4b4b4;
	text-decoration: none;
}

/*Collection_links*/
/* MODC Link*/
.modc_link a
{
color: #F8F366;
	text-decoration: none;
}
.modc_link a:hover 
{
  color: #69e38b;
  text-decoration: none;
}
/* MODC Link*/



/*band Links desktop*/
.bandlinksdesktop{
	color: rgba(255, 255, 255, 0.25);
	font-size: 20px;
	font-weight: 700;
	position: relative;
	transform: rotate(90deg);
	transform-origin: 0px 0px;
	z-index: 1;
	margin-bottom: 0px;
	font-family: monotype-grotesque-extended, sans-serif;
	margin-left: 74px;
	width:max-content;
	
}


.bandlinksdesktop_test{
	color: rgba(255, 255, 255, 0.25);
	font-size: 20px;
	font-weight: 700;
	position: relative;
	transform: rotate(90deg);
	transform-origin: 0px 0px;
	z-index: 1;
	margin-bottom: 0px;
	font-family: monotype-grotesque-extended, sans-serif;
	margin-left: 74px;
	width:max-content;
	
}

/*jsn JHHack*/

body:not(.sunfw-homepage):not(.sunfw-layout-blog):not(.sunfw-view-contact):not(.sunfw-view-featured):not(.extra-page):not(.sunfw-view-products):not(.sunfw-view-checkout):not(.sunfw-view-archive):not(.sunfw-com-tz_portfolio_plus) .layout-item.sunfw-item-page-content {
background: transparent;
box-shadow: none;
padding: 0;
border-radius: 0;
}

@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) 

{
#footer, #news, #news_container, #video, #linkes_menu, #click_left, #button_left, #collection, #mobile_Collection_first, #mobile_Collection_3, #anchor1, #anchor2, #anchor3, #anchor4, #anchor5, #anchor6, #open1, #open2, #open3, #open4, #open5, #open6,#hash,#main_left, #column_spalte_51, #logo, #hide
  {display:none;}
}

@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) 
{ #show
  {display:none;}
}

@media screen and (min-width: 320px) and (max-width: 812px) and (orientation: landscape) 
{ 
  #show{ display:block;}

}




.sunfw-header {
    position: absolute;
    background-color:transparent !important;;
    width: 100%;
    z-index: 9;
}


.__pf_8vlf2pn ._7qK4CplX[data-id="_7qK4CplX"] {   
    padding:0px;
}
*/jsn hack end*/




/*blog titel auf der linken einklappseite*/
.titel a
{color:white !important;
  text-decoration: none !important;
  font-family: monotype-grotesque, sans-serif;
}
.titel a:hover
{color:rgb(248, 243, 102) !important;
  text-decoration: none !important;
  font-family: monotype-grotesque, sans-serif;
}
.pf-slider-inner {z-index: 1;}
/*Sidebars */
.sidebar_left {
  height: 100%;
  color:white;
  width: 0;
  position:fixed;
  z-index: 999 !Important;
  top:0;
  left:0;
  background: #000;
  overflow-x: hidden;
  transition: 0.5s;
  margin-top:0px; 
}
.sidebar_right {
  height: 100%;
  color:white;
  width: 0;
  position:fixed;
  z-index: 13 !Important;
  top: 0;
  right:0;
  background: #f47d43;
  overflow-x: hidden;
  transition: 0.5s;
 margin-top:0px;
}

/*close buttons*/

/*LINKES MENU CLOSE und ein X*/

.close_img
{ background: url("/images/close_thin.png");
  background-size: auto;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position:left; 
  padding-left:34px;
  }



.rotate_left /*X nur das X*/
{  transform: rotate(90deg); 
	font-family: ocr-a-std, monospace;
	margin-top:-10px;

}
/*some links color here*/


.fa-headphones
{color:white;}

.fa-headphones:hover
{color:#F8F366;}



.link a
{color:white;
font-size:12px;
font-weight:800;}

.link a:hover
{color:#F8F366;
font-size:12px;
font-weight:800;
}

/* #footer.tsc= spacing - #sm.link = link auf menu - #footer.link = sm links in footer*/
#footer.tsc
{letter-spacing:normal !important;}

#sm.link:hover
{color: #0000FF !important;}


#footer.sm_link:hover
{color: #0000FF !important;}







/*Collection*/

/* NB ab 1280 einstellungen,  */  
@media only screen and (max-width: 1440px)  and (min-width:1280px)
{
	    #collection.head
		    {font-size:140px;
		        line-height:140px;}
		#collection.takealook
				{font-size:40px;
		        line-height:40px;}
        #collection.description
				{font-size:28px;
				line-height:28px;}
}
/*320 Mobile*/
@media only screen and (max-width: 320px)  and (min-width:320px)
{
	    
        #collection.description
				{font-size:12px;
				line-height:14px;}
}
/*375 Mobile*/
@media only screen and (max-width: 375px)  and (min-width:375px)
{
	      #collection.head
		    {font-size:55px;
		        line-height:55px;}
  #collection.takealook
				{font-size:20px;
		        line-height:20px;}
        #collection.description
				{font-size:20px;
				line-height:20px;}
}

/*Collection*/

/* link bei collection*/
.collection_link a
{color:#343434;}

.collection_link a:hover
{color:#F8F366;}


.clm_rotate
{margin-top:-9px;}


.link_rechts a
{color:white;
font-size:12px;
font-weight:800;}

.link_rechts a:hover
{color:#F8F366;
font-size:12px;
font-weight:800;
}

/*close buttons*/

/*hover im Menue*/

#striche a {color:#FF7062}
/*hover im Menue*/
#striche a:hover {color:white;}

#ort a {color:#FFFFFF;}
/*hover im Menue*/
#ort a:hover {color:#FF7062;}

#striche .striche_collection a
{color:#343434;}
#striche .striche_collection a:hover
{color:white;}

.headlink a 
{color:#F8F366;}
.headlink a:hover
{color:white;}

.jahrlinks a
{color: rgb(52, 52, 52);
}
.jahrlinks a:hover
{color: #fff;
}
.jahrrechts a
{color: #F8F366;
}
.jahrrechts a:hover
{color: #fff;
}
.slider_collection  a 
{color:#F8F366;}
.slider_collection a:hover
{color:white;}
/*Ende hover im Menue*/


.sidebar_left .closebtn_left {  
  position: absolute;
  top: 0;
  left: 0;
/*  margin-left:50px;*/
  font-size: 42px;
  color:white;
  font-family: monotype-grotesque, sans-serif;
  text-decoration:none !important;
}

.sidebar_right .closebtn_right {
 position: absolute;
  top: 0;
  right: 25px;
  font-size: 42px;
  margin-left: 50px;
  color:white;
   font-family: monotype-grotesque, sans-serif;
   text-decoration:none !important;}

/* open button*/
.openbtn_left {
   position: fixed; 
    top:80px;
    text-align: center;
    cursor: pointer;
    border-right: none;
    z-index: 2;
    left:-14px;
    /*left:-18px;*/
	font-family: monotype-grotesque-display-e,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    cursor: pointer;
    color: white;
    background-color: transparent !Important;
    border: none !important;
    transform: rotate(270deg);
    transform-origin:35% 65%;
}



/*news feed     */
/*links bei den News*/
#news .content_link a 
{color:#69e38b;}

#news .content_link a:hover
{color:#69e38b;
text-decoration: underline;}




/*titel over images*/

.headline_over_image
  {font-family: industry-inc-stencil,sans-serif !important;
	
}

/* 320 einstellungen,  */  
@media only screen and (max-width: 320px)  and (min-width:320px)
{
	#over_image.headline_over_image
		{font-size: 30px;
         line-height:30px;
		padding-top:330px;
  		padding-left:30px;}
}
/* 414 einstellungen,  */  
@media only screen and (max-width: 414px)  and (min-width:414px)
{
	#over_image.headline_over_image
		{font-size: 30px;
         line-height:30px;
		padding-top:500px;
  		padding-left:30px;}
}
/* 360 einstellungen,  */ 
@media only screen and (max-width: 360px)  and (min-width:360px)
{
	#over_image.headline_over_image
		{font-size: 30px;
         line-height:30px;
		padding-top:441px;
  		padding-left:30px;}
}
/* 375 einstellungen,  */ 
@media only screen and (max-width: 375px)  and (min-width:375px)
{
	#over_image.headline_over_image
		{font-size: 33px;
         line-height:35px;
		padding-top:439px;
  		padding-left:42px;}
}


/* 384 einstellungen,  */ 
@media only screen and (max-width: 384px)  and (min-width:384px)
{
	#over_image.headline_over_image
		{font-size: 30px;
         line-height:30px;
		padding-top:427px;
  		padding-left:30px;}
}
/*Tablet*/
@media only screen and (max-width: 604px)  and (min-width:604px)
{
	#over_image.headline_over_image
		{font-size: 60px;
         line-height:60px;
		padding-top:740px;
  		padding-left:30px;}
}



/*slider abstand zum nachsten Container*/
#slider
{margin-bottom:-1px;}

/* Text Overlay auf startslider*/
.slider_block
{overflow: hidden;
height: 600px;
width:50%;
display: flex;
flex-flow: column wrap;
align-items: flex-start;
place-content: flex-start;
}

.slider_head{text-align: left;
font-family: "Grotesque MT Std";
font-style: italic;
font-weight: normal;
font-size: 40px;
color: rgb(248, 243, 102);}

.slider_big
{text-align: left;
font-family: monotype-grotesque-display-e,sans-serif;
font-style: normal;
font-weight: bold;
font-size: 100px;
color: rgb(255, 112, 98);
letter-spacing: -0.7px;
line-height: 80px;}
/* Text Overlay auf startslider*/
/* Logos mobil und desktop*/

.logomobil
{max-width:72px !important; }

.logodesktop
{padding-right:60px;
margin-top:30px;}



.logo
{
  margin-left: auto;
  margin-right: auto;
  padding-top:25px;
}
@media (max-width: 767px){
.sunfw-header .sunfw-item-logo {
    top: 0px !important;
    left:25%  !important;
    right:25%;  !important;
    position: -webkit-sticky; /* Safari */
    position: sticky !important;   
    z-index:99;
}
}

/* Collection landing page  vertikal = right&left*/
.vertikal_collection{
  transform: rotate(90deg);
font-size: 12px;
font-style: italic;
line-height: 10px;
color: rgb(105, 227, 139);
margin-bottom: 0px;
position: absolute;
margin-top: 85px;
margin-right:-65px;
background-position: initial;
background-size: initial;
background-repeat: initial;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
z-index: 1;
transform-origin: 50% 50%;
right: 0px;
}
/* Collection landing page  vertikal = left*/

.vertikal_collection_left_desktop
{
	transform: rotate(90deg);
    font-size: 25px;
    font-style: italic;
    line-height: 10px;
    color: rgb(105, 227, 139);
    margin-bottom: 0px;
    position: absolute;
    background-position: initial;
    z-index: 1;
    right:50px;
    top:340px;
    transform-origin: 100% 100%;
    width:100%;
}
.vertikal_collection_right_desktop
{
	transform: rotate(90deg);
    font-size: 25px;
    font-style: italic;
    line-height: 10px;
    color: #F8F366;
    margin-bottom: 0px;
    position: absolute;
    background-position: initial;
    z-index: 1;
    left:50px;
    top:340px;
    transform-origin: 100% 100%;
    width:100%;
}

.vertikal_collection_left
{transform: rotate(90deg);
font-size: 12px;
font-style: italic;
line-height: 10px;
color: rgb(105, 227, 139);
margin-bottom: 0px;
position: absolute;
margin-top: 25px;
background-position: initial;
background-size: initial;
background-repeat: initial;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
z-index: 1;
left:0px;
margin-left:0px;
transform-origin: 10% 10%;}
/* Collection landing page  vertikal = right&left*/

/*___________________________________FOOTER_________________________________________*/  
/*mobile*/
/*________________________hell___________________________________________________________ */

@media only screen and (max-width: 375px)  and (min-width:375px)
 {
   		.between_hell_mobile 			{font-size:9px !important; word-spacing: -3px!important;}
       	.slashes_hell_mobile 			{font-size:9px !important; }	
       	.link_hell_mobile   			{color:black !important; font-size:8px !important;}
       	.link_hell_mobile a 			{color:black !important; font-size:8px !important;}
       	.link_hell_mobile a:hover 		{color:#f8f366 !important; }
}
@media only screen and (max-width: 414px)  and (min-width:414px)
 {
   		.between_hell_mobile 			{font-size:9px !important; word-spacing: -3px!important;}
       	.slashes_hell_mobile 			{font-size:9px !important; letter-spacing: 0.4pt!important;}	
       	.link_hell_mobile   			{color:black !important; font-size:8px !important;}
       	.link_hell_mobile a 			{color:black !important; font-size:8px !important;}
       	.link_hell_mobile a:hover 		{color:#f8f366 !important; }
}

@media only screen and (max-width: 320px)  and (min-width:320px)
 {
   		.between_hell_mobile 			{font-size:6px !important; word-spacing: -3px!important;}
       	.slashes_hell_mobile 			{font-size:7px !important; }	
       	.link_hell_mobile   			{color:black !important; font-size:8px !important;}
       	.link_hell_mobile a 			{color:black !important; font-size:8px !important;}
       	.link_hell_mobile a:hover 		{color:#f8f366 !important; }
}
@media only screen and (max-width: 360px)  and (min-width:360px)
 {
   		.between_hell_mobile 			{font-size:8px !important; word-spacing: -3px!important;}
       	.slashes_hell_mobile 			{font-size:8px !important; }	
       	.link_hell_mobile   			{color:black !important; font-size:8px !important;}
       	.link_hell_mobile a 			{color:black !important; font-size:8px !important;}
       	.link_hell_mobile a:hover 		{color:#f8f366 !important; }
}
/* nur Samsung und IPAD Tablet */
/*hell*/
@media only screen and (max-width: 600px)  and (min-width:600px) and (orientation: portrait) 
 {
   		.between_hell_mobile 			{font-size:12px !important; word-spacing: 1px!important;}
       	.slashes_hell_mobile 			{font-size:13px !important; word-spacing: 2px !important; }	
       	.link_hell_mobile   			{color:black !important; font-size:8px !important; }
       	.link_hell_mobile a 			{color:black !important; font-size:8px !important; }
       	.link_hell_mobile a:hover 		{color:#f8f366 !important; }
   		#bb.links					{display:none !important;}	
		#bb.rechts					{display:none !important;}
   		.between_dunkel_mobil			{color:white !important; font-size:12px !important; word-spacing: 1px!important;}
       	.slashes_dunkel_mobil			{color:white !important;  font-size:13px !important; word-spacing: 2px!important;}	
       	.link_mobile_dunkel   			{color:white !important; font-size:8px !important;  }
       	.link_mobile_dunkel a 			{color:white !important; font-size:8px !important;  }
       	.link_mobile_dunkel a:hover 	{color:#f8f366 !important; }
}

@media only screen and (max-width: 768px)  and (min-width:768px) and (orientation: portrait) 
 {
   		.between_hell_mobile 			{font-size:12px !important; word-spacing: 1px!important;}
       	.slashes_hell_mobile 			{font-size:13px !important; word-spacing: 2px!important;}	
       	.link_hell_mobile   			{color:black !important; font-size:8px !important; }
       	.link_hell_mobile a 			{color:black !important; font-size:8px !important; }
       	.link_hell_mobile a:hover 		{color:#f8f366 !important; }
   		#bb.links					{display:none !important;}	
		#bb.rechts					{display:none !important;}
   		.between_dunkel_mobil			{color:white !important; font-size:12px !important; word-spacing: 1px!important; }
       	.slashes_dunkel_mobil			{color:white !important;  font-size:13px !important; word-spacing: 2px!important;}	
       	.link_mobile_dunkel   			{color:white !important; font-size:8px !important; }
       	.link_mobile_dunkel a 			{color:white !important; font-size:8px !important; }
       	.link_mobile_dunkel a:hover 	{color:#f8f366 !important; }
}
@media only screen and (max-width: 800px)  and (min-width:800px) and (orientation: portrait) 
 {
   		.between_hell_mobile 			{font-size:12px !important; word-spacing: 1px!important;}
       	.slashes_hell_mobile 			{font-size:13px !important; word-spacing: 2px!important;}	
       	.link_hell_mobile   			{color:black !important; font-size:8px !important; }
       	.link_hell_mobile a 			{color:black !important; font-size:8px !important; }
       	.link_hell_mobile a:hover 		{color:#f8f366 !important; }
   		#bb.links					{display:none !important;}	
		#bb.rechts					{display:none !important;}
   		.between_dunkel_mobil			{color:white !important; font-size:12px !important; word-spacing: 1px!important; }
       	.slashes_dunkel_mobil			{color:white !important;  font-size:13px !important; word-spacing: 2px!important; }	
       	.link_mobile_dunkel   			{color:white !important; font-size:8px !important; }
       	.link_mobile_dunkel a 			{color:white !important; font-size:8px !important; }
       	.link_mobile_dunkel a:hover 	{color:#f8f366 !important; }
}




/*________________________dunkel___________________________________________________________ */

@media only screen and (max-width: 375px)  and (min-width:375px)
 {
   		.between_dunkel_mobil			{color:white !important; font-size:9px !important; word-spacing: -3px !important; }
       	.slashes_dunkel_mobil			{color:white !important;  font-size:9px !important; }	
       	.link_mobile_dunkel   			{color:white !important; font-size:8px !important; }
       	.link_mobile_dunkel a 			{color:white !important; font-size:8px !important; }
       	.link_mobile_dunkel a:hover 	{color:#f8f366 !important; }
}
@media only screen and (max-width: 414px)  and (min-width:414px)
 {
   		.between_dunkel_mobil			{color:white !important; font-size:9px !important; word-spacing: -3px !important; }
       	.slashes_dunkel_mobil			{font-size:9px !important; letter-spacing: 0.4pt!important;}	
       	.link_mobile_dunkel   			{color:white !important; font-size:8px !important; }
       	.link_mobile_dunkel a 			{color:white !important; font-size:8px !important; }
       	.link_mobile_dunkel a:hover 	{color:#f8f366 !important; }
}
@media only screen and (max-width: 320px)  and (min-width:320px)
 {
   		.between_dunkel_mobil			{color:white !important; font-size:7px !important; word-spacing: -3px !important; }
       	.slashes_dunkel_mobil			{color:white !important;  font-size:7px !important; }	
       	.link_mobile_dunkel   			{color:white !important; font-size:8px !important; }
       	.link_mobile_dunkel a 			{color:white !important; font-size:8px !important; }
       	.link_mobile_dunkel a:hover 	{color:#f8f366 !important; }
}
@media only screen and (max-width: 360px)  and (min-width:360px)
 {
   		.between_dunkel_mobil			{color:white !important; font-size:8px !important; word-spacing: -3px !important; }
       	.slashes_dunkel_mobil			{color:white !important;  font-size:9px !important; }	
       	.link_mobile_dunkel   			{color:white !important; font-size:8px !important; }
       	.link_mobile_dunkel a 			{color:white !important; font-size:8px !important; }
       	.link_mobile_dunkel a:hover 	{color:#f8f366 !important; }
}




/*____________________________________hell desktop__________________________________*/

/*slashes und between fuer kleine screes und nb___________________________________*/

@media only screen and (min-width: 1900px) {
       .between_hell_dt {font-size:15px !important;}
       .slashes_hell_dt {font-size:15px !important; }	
       .link_dt   			{color:black !important; font-size:12px !important; line-height:16px!important;}
       .link_dt a 			{color:black !important; font-size:12px !important; line-height:16px!important;}
       .link_dt a:hover 	{color:#f8f366 !important; }

}

@media only screen and (max-width: 1899px) and (min-width: 1600px) {
       .between_hell_dt {font-size:11px !important; }
       .slashes_hell_dt {font-size:11px !important; }	
       .link_dt   			{color:black !important; font-size:11px !important; line-height:11px!important;}
       .link_dt a 			{color:black !important; font-size:11px !important; line-height:11px!important;}
       .link_dt a:hover 	{color:#f8f366 !important; }

}

@media only screen and (max-width: 1599px) and (min-width: 1440px) {
       .between_hell_dt {font-size:11px !important;}
       .slashes_hell_dt {font-size:11px !important;}	
        .link_dt   			{color:black !important; font-size:11px !important; line-height:11px!important;}
       .link_dt a 			{color:black !important; font-size:11px !important; line-height:11px!important;}
       .link_dt a:hover 	{color:#f8f366 !important; }
}

@media only screen and (max-width: 1439px) and (min-width: 1366px) {
       .between_hell_dt {font-size:10px !important; }
       .slashes_hell_dt {font-size:10px !important;}	
        .link_dt   			{color:black !important; font-size:10px !important; line-height:16px!important;}
       .link_dt a 			{color:black !important; font-size:10px !important; line-height:16px!important;}
       .link_dt a:hover 	{color:#f8f366 !important; }
}

@media only screen and (max-width: 1365px) and (min-width: 1023px) {
       .between_hell_dt {font-size:10px !important;}
       .slashes_hell_dt {font-size:10px !important; }	
       .link_dt   			{color:black !important; font-size:10px !important; line-height:16px!important;}
       .link_dt a 			{color:black !important; font-size:10px !important; line-height:16px!important;}
       .link_dt a:hover 	{color:#f8f366 !important; }
}
@media only screen and (max-width: 1024px) and (min-width: 1024px) {
       .between_hell_dt {font-size:8px !important;}
       .slashes_hell_dt {font-size:8px !important; }	
       .link_dt   			{color:black !important; font-size:8px !important; line-height:16px!important;}
       .link_dt a 			{color:black !important; font-size:8px !important; line-height:16px!important;}
       .link_dt a:hover 	{color:#f8f366 !important; }
}

/*slashe und between fuer kleine screes und nb*/___________________________________*/

/*Links*/
.link_dt   			{color:black !important; font-size:12px !important; line-height:16px!important;}
.link_dt a 			{color:black !important; font-size:12px !important; line-height:16px!important;}
.link_dt a:hover 	{color:#f8f366 !important; }


/*__________________________________dark desktop____________________________________*/
/*Links*/
.link_dt_dunkel   			{color:white !important; font-size:12px !important; line-height:16px!important;}
.link_dt_dunkel a 			{color:white !important; font-size:12px !important; line-height:16px!important;}
.link_dt_dunkel a:hover 	{color:#f8f366 !important; }

@media only screen and (min-width: 1900px) {
       .link_dt_dunkel   			{font-size:12px !important; line-height:16px!important;}
       .link_dt_dunkel a 			{font-size:12px !important; line-height:16px!important;}
}

@media only screen and (max-width: 1899px) and (min-width: 1600px) {
       .link_dt_dunkel   			{font-size:11px !important; line-height:11px!important;}
       .link_dt_dunkel a 			{font-size:11px !important; line-height:11px!important;}

}

@media only screen and (max-width: 1599px) and (min-width: 1440px) {
       .link_dt_dunkel   			{font-size:11px !important; line-height:11px!important;}
       .link_dt_dunkel a 			{font-size:11px !important; line-height:11px!important;}
}

@media only screen and (max-width: 1439px) and (min-width: 1366px) {
       .link_dt_dunkel   			{font-size:10px !important; line-height:16px!important;}
       .link_dt_dunkel a 			{font-size:10px !important; line-height:16px!important;}
}

@media only screen and (max-width: 1365px) and (min-width: 1023px) {
       .link_dt_dunkel   			{font-size:10px !important; line-height:16px!important;}
       .link_dt_dunkel a 			{font-size:10px !important; line-height:16px!important;}
}
@media only screen and (max-width: 1024px) and (min-width: 1024px) {
       .link_dt_dunkel   			{font-size:8px !important; line-height:16px!important;}
       .link_dt_dunkel a 			{font-size:8px !important; line-height:16px!important;}

}


/*______________________________END FOOTER_________________________________________*/  

/* modification for right link to open right slider in */
/* must be modified in media screens*/
/* link action on menu & thestorycompany*/
.openbtn_left:hover
	{border: none !important;
	color:rgb(105, 227, 139)}
.openbtn_left:focus {outline:0 !important;}  

}
#main_left {
    transition: margin-left .5s; /*If you want a transition effect */    
}

/*__________________________ button position______________________________________*/  
  @media only screen and (max-width: 320px) and (min-width:320px) {
.openbtn_left {
  margin-left:-4px !Important;
     font-size:12px;}
}

@media only screen and (max-width: 360px) and (min-width:360px) {
.openbtn_left {
  margin-left:1px !Important;
  font-size:12px;}
}


@media only screen and (max-width: 375px)  and (min-width:375px)
 {.openbtn_left {
    font-size:12px;
   margin-left: -4px;
   }}

   @media only screen and (max-width: 384px)  and (min-width:384px)
 {.openbtn_left {
    font-size:12px!Important;
    margin-left: -4px;
   }}

   @media only screen and (max-width: 414px)  and (min-width:414px)
 {.openbtn_left {
    font-size:12px !Important;
    margin-left: -4px;
    
   }}
/*__________________________ button position______________________________________*/  
@media only screen and (max-width: 360px) and (min-width:360px) {
.openbtn_left, .openbtn_right   {
        font-size: 12px !important;
}
}

  @media only screen and (max-width:321px) and (min-width:319px)
{	
.320
	{font-size:8px !important;	}
	}




@media only screen and (max-width: 600px)  and (min-width:600px){
.openbtn_right
  {
top:182px; 
  }
  
  @media only screen and (max-width: 600px) {
.openbtn_left
  { top:20px;
    /* left:75px;*/
  }
}

@media only screen and (max-width: 600px) {
.openbtn_left, .openbtn_right   {
        font-size: 12px;
}
}

@media only screen and (max-width: 600px) {
.openbtn_left  { 
  margin-left:-22px;
}
}
@media only screen and (max-width: 600px) {
.openbtn_right  { 
  margin-right:-20px;
}
}
/* Open button mit close and X */
/*Iphone Schrott XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX NUR iphone5 5*/
@media only screen and (max-width: 320px) 
{.ort {font-size:11px !important; 
  font-weight:400;}
}
@media only screen and (max-width: 320px) 
{.ort_head{font-size:12px !important;
  }
}
@media only screen and (max-width: 320px) 
{.iphone5 {font-size:14px !important;
  }
}
@media only screen and (max-width: 320px) 
{.iphone5_size {font-size:13px !important;
  }
}
@media only screen and (max-width: 320px) 
{#striche.striche{font-size:10px !important;
  background:yellow;
  }  
}
/*Iphone Schrott _______________________________________ NUR iphone5 5*/
  
  

body .sunfw-sticky-placeholder {
    display: none !important;
}