/* Grafik Lüftungsintervall animiert 2400 */

  .liv-2400{
    float: left;
    height: auto;
    margin: 0.5em 0em 0.5em 0.5em;
    padding: 0.5em 2em 0.5em 2em;
    color: #ffffff;
    font-weight: 600;
    background-color: #014a94;
    box-shadow: 0px 0px 10px 5px rgba(54,54,54,0.15);

  
  }
  .lsl-2400{
    float: left;
    height: auto;
    margin: 0.5em 0em 0.5em 0.5em;
    padding: 0.5em 0.5em 0.5em 0.5em;
    color: #3c3937;
    font-weight: 600;
    background-color: #b4d725;
  box-shadow: 0px 0px 10px 5px rgba(54,54,54,0.15);
}
  
.livi-2400 {
  width: 0;
  height: 0;
  border-left: 1.5em solid #014a94;
  border-right: 0em solid transparent;
  border-top: 1em solid transparent;
border-bottom: 1em solid transparent;
margin: 0em;
padding: 0em;
float:left;
}
  
  .livl-2400 {
  width: 0;
  height: 0;
  border-left: 1.5em solid #b4d725;
  border-right: 0em solid transparent;
  border-top: 1em solid transparent;
border-bottom: 1em solid transparent;
margin: 0em;
padding: 0em;
float:left;      
}
  
  .float1-2400{
    display: inline-block;
    animation-name: intervall1-2400;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    opacity: 0;
    animation-timing-function: linear;

  }
  .float2-2400{
    display: inline-block;
    animation-name: intervall2-2400;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    opacity: 0;
    animation-timing-function: linear;
  }
  .float3-2400{
    display: inline-block;
    animation-name: intervall3-2400;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    opacity: 0;  
    animation-timing-function: linear;
  }
  .float4-2400{
    display: inline-block;
    animation-name: intervall4-2400;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    opacity: 0;    
    animation-timing-function: linear;
  }
  .float5-2400{
    display: inline-block;
    animation-name: intervall5-2400;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    opacity: 0;  
    animation-timing-function: linear;
  }
  
@keyframes intervall1-2400 {
  0%  {opacity: 0;}
  10%  {opacity: 1;}
  20%  {opacity: 1;}
  30%  {opacity: 1;}
  40%  {opacity: 1;}
  50%  {opacity: 1;}
  60%  {opacity: 1;}
  70%  {opacity: 1;}
  80%  {opacity: 1;}
  90%  {opacity: 1;}
  100%  {opacity: 0;}  
}
@keyframes intervall2-2400 {
  0%  {opacity: 0;}
  10%  {opacity: 0;}
  20%  {opacity: 1;}
  30%  {opacity: 1;}
  40%  {opacity: 1;}
  50%  {opacity: 1;}
  60%  {opacity: 1;}
  70%  {opacity: 1;}
  80%  {opacity: 1;}
  90%  {opacity: 1;}
  100%  {opacity: 0;}

}
@keyframes intervall3-2400 {
  0%  {opacity: 0;}
  10%  {opacity: 0;}
  20%  {opacity: 0;}
  30%  {opacity: 1;}
  40%  {opacity: 1;}
  50%  {opacity: 1;}
  60%  {opacity: 1;}
  70%  {opacity: 1;}
  80%  {opacity: 1;}
  90%  {opacity: 1;}
  100%  {opacity: 0;}
}
@keyframes intervall4-2400 {
  0%  {opacity: 0;}
  10%  {opacity: 0;}
  20%  {opacity: 0;}
  30%  {opacity: 0;}
  40%  {opacity: 1;}
  50%  {opacity: 1;}
  60%  {opacity: 1;}
  70%  {opacity: 1;}
  80%  {opacity: 1;}
  90%  {opacity: 1;}
  100%  {opacity: 0;}

}
@keyframes intervall5-2400 {
  0%  {opacity: 0;}
  10%  {opacity: 0;}
  20%  {opacity: 0;}
  30%  {opacity: 0;}
  40%  {opacity: 0;}
  50%  {opacity: 1;}
  60%  {opacity: 1;}
  70%  {opacity: 1;}
  80%  {opacity: 1;}
  90%  {opacity: 1;}
  100%  {opacity: 0;}
}
/* Grafik Lüftungsintervall animiert 2400 ENDE */


/* vision zero grafik ohne links 3590 */
.liv0-3590 {
height: 6em;
min-width: 500px;
font-weight: 400;
padding: 0.5em 0.5em 0.5em 0.5em;
color: #3c3937;
background-color: #a1daf8;
display: flex !important;
align-items: center;
justify-content: center;
}
	
.liv2-3590 {
height: auto;
min-width: 500px;
padding: 0.5em 0.5em 0.5em 0.5em;
color: #ffffff;
font-weight: 400;
background-color: #006169;
display: flex;
align-items: center;
justify-content: center;
}
	
.liv3-3590 {
height: 4em;
min-width: 100%;
padding: 0em 0.5em 0.5em 0.5em;
color: #ffffff;
font-weight: 400;
background-color: #006169;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
	
.lsl-3590 {
height: 6em;
width: 100%;
padding: 0.5em 0.5em 0.5em 0.5em;
color: #3c3937;
font-weight: 400;
background-color: #67bcc4;
text-align: center;
text-decoration: none !important;
display: flex;
align-items: center;
justify-content: center;
}
	
.alsl-3590 {
text-decoration: none !important;
}
	
.float1-3590{
display: inline-block;
opacity: 1;
min-width: 100%;
margin: 0 0 10px 0;
min-height: 6em;
text-align: center;
}
	
.float2-3590{
display: inline-block;
opacity: 1;
min-height: auto;
width: 12em;
margin: 0 10px 10px 0;
}
	
.float3-3590{
display: inline-block; 
opacity: 1;  
min-height: auto;
width: 12em;
margin: 0 10px 10px 0;
}
	
.float4-3590{
display: inline-block;
opacity: 1;  
min-height: auto;
width: 12em;
margin: 0 10px 10px 0;
}
	
.float5-3590{
display: inline-block;
opacity: 1; 
min-height: auto;
width: 12em;
}
	
.float6-3590{
display: inline-block;
opacity: 1; 
min-width: 100%;
}
	
#float-center-3590{
display: flex;
min-width: 500px;
justify-content: space-between !important;
}
	
.float7-3590{
display: inline-block;
opacity: 1; 
min-height: auto;
width: 100%;
margin: 0;
}
	
.float8-3590{
display: inline-block;
opacity: 1; 
min-height: auto;
width: 100%;
margin: 0;
}
	
.float9-3590{
display: inline-block;
opacity: 1; 
min-height: auto;
width: 100%;
margin: 0;
}	
/* vision zero grafik ohne links 3590 ENDE*/

/*  */
@media (max-width: 996px){
        div.bgn-div_wrapper {
            overflow: auto;
            word-wrap: break-word;
            -webkit-hyphens: auto; /* iOS 4.2+ */
            -moz-hyphens: auto; /* Firefox 5+ */
            -ms-hyphens: auto; /* IE 10+ */
            hyphens: auto;
        }

        .bgn-div_wrapper::-webkit-scrollbar{
            -webkit-appearance: none;
            width: 14px;
            height: 14px;
        }
          div.bgn-div_wrapper {
            table-layout: auto;
            min-width: 800px;
        }

        .bgn-div_wrapper::-webkit-scrollbar-thumb{
            border-radius: 8px;
            border: 3px solid #fff;
            background-color: rgba(0, 0, 0, .3);
       
        } 

        .bgn-div_wrapper  {
            max-width: 800px;
        }
    }

/* Fix für Seite Zurück Link */
.button--go-back-custom, .button--go-back-custom--link {
    display: inline-block;
    text-align: center;
    line-height: 1em;
  transition: color .3s;}

.button--go-back-custom:hover, .button--go-back-custom:active, .button--go-back-custom--link:hover, .button--go-back-custom--link:active {
    color: #e8630b;
  text-decoration: none;}
  
 .button--go-back-custom:before, .button--go-back-custom--link:before {
    display: inline-block;
    border-right: 5px solid #004994;
    border-top: 5px solid #fff0;
    border-bottom: 5px solid #fff0;
    margin-right: 5px;
    margin-bottom: -1px;
    content: '';
    transition: border .3s;
  }
 /* Fix für Seite Zurück Link  ENDE*/