.ie-panel{display: none;background: #212121;padding: 10px 0;box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3);clear: both;text-align:center;position: relative;z-index: 1;} html.ie-10 .ie-panel, html.lt-ie-10 .ie-panel {display: block;}

/* CSS Document */
.rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle {
    color: white !important;
}

.rd-navbar-static .rd-nav-item > .rd-navbar-submenu-toggle::before {
    color: white !important;
} 

.container h2, .container h3 {
    opacity: unset;
}

.abstand_unten_25 {
    margin: 0 0 25px 0 !important;
}
.abstand_oben_25 {
    margin: 25px 0 0 0 !important;
}

.abstand_oben_80_unten_25 {
    margin: 80px 0 25px 0;
}

.div_ausblenden {
    display: none !important;
}

#inhalt_links ul, .section ul, details ul {
		list-style-image: url(/images/pfeil.png);
        padding-left: 1.5em;
	}

/* Schriftfarben */
.dunkel_grau {
    color: #4a4949;
}

/* Boxen */
.box_allg {
   position: relative;
   clear: both;
   padding: 1rem 3rem 1rem 1rem;
   margin: 2.5rem 0 2rem 0;     
}
    
.box_allg::before {
    position: absolute;
    top: -19px;
    right: 0;
    width: 45px;
    height: 45px;
    color: #fff;
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 2.75rem;
    text-align: center;        
}
    
/*  Box Info gelb */                          
.box_info {
    background-color: #f7f2d4;
}
                          
.box_info::before {
    content: "i";
    background-color: #c1a801;
}
                          
/*  Box Warnhinweis rot */                          
.box_warnhinweis {
    background-color: #fde2e0;
}
                          
.box_warnhinweis::before {
    content: "!";
    background-color: #fc1505;
}
    
/*  Box Definition grün */                          
.box_definition {
    background-color: #e2fcda;
}
                          
.box_definition::before {
    content: "?";
    background-color: #218a01;
}

/* Vorher/Nachher Bilder */
.ba-slider {
    position: relative;
    overflow: hidden;
}
 
.ba-slider img {
    width: 100%;
    display:block;
    max-width:none;
}
 
.ba-slider .resize {
    position: absolute;
    top:0;
    left: 0;
    height: 100%;
    width: 50%;
    overflow: hidden;
}


.ba-slider .handle { /* Thin line seperator */
  position:absolute; 
  left:50%;
  top:0;
  bottom:0;
  width:4px;
  margin-left:-2px;
 
  background: rgba(0,0,0,.5);
  cursor: ew-resize;
}
 
.ba-slider .handle:after {  /* Big orange knob  */
    position: absolute;
    top: 50%;
    width: 64px;
    height: 64px;
    margin: -32px 0 0 -32px;
 
    content:'\21d4';
    color:white;
    font-weight:bold;
    font-size:36px;
    text-align:center;
    line-height:64px;
 
    background: #ffb800; /* @orange */
    border:1px solid #e6a600; /* darken(@orange, 5%) */
    border-radius: 50%;
    transition:all 0.3s ease;
    box-shadow:
      0 2px 6px rgba(0,0,0,.3), 
      inset 0 2px 0 rgba(255,255,255,.5),
      inset 0 60px 50px -30px #ffd466; /* lighten(@orange, 20%)*/ 
}

.ba-slider .handle.ba-draggable:after {
    width: 48px;
    height: 48px;
    margin: -24px 0 0 -24px;
    line-height:50px;
    font-size:30px;
}

@media screen and (min-width: 995px) {
	#inhalt, #inhalt4, #inhalt_footer, #slider {
		padding: 0 0 40px 0 !important;
	}

	nav li:first-child {
	  /* margin-top: 5px !important; */
	}

	nav li:last-child {
	  border: none !important;
	  padding-bottom: 0px !important;
	  margin-bottom: 0px !important;
	}

	nav > ul > li {
		color: #0f6595 !important; 
		font-weight: bold !important;
	}

	nav > ul > li > ul > li{
		color: #0d5c8c !important;
		font-weight: normal !important;
	}
}

nav > ul > li > ul > li:first-child {
    padding-top: 10px !important;
}

.content_teaser_text {
    background-color: #efefef;
    padding: 10px 15px;
}

.content_teaser_text p {
    color: #4b4a4a;
}

summary {
   padding: 8px 0; 
}

details p {
    margin-left: 20px !important;   
}

details summary {
   padding: 5px 15px;  
   background-color: #deeaf1;
   margin: 5px 0;
}

.bild_100 {
     width: 100%;   
}

#inhalt_links h3 {
    padding: 20px 0 5px 0 !important;
}

.font_small_09 {
     font-size: 0.9em !important;   
}

.bg-blue-600 {
	background-color: #0d5c8c;
}

.news-full-width-body {
     line-height: 1.6em !important;   
}

.blauer_rand {
    border: 1px solid #6eafd2;
}

.schrift_grau {
	color: #666565;	
}

/* Zwei-Spalten-Layout */
* {
  box-sizing: border-box;
}

.column_50 {
  float: left;
  width: 50%;
  height: 170px;
  padding: 2px 10px 20px 25px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 1250px) {
  .column_50 {
    float: left;
    width: 100%;
    height: 210px;
    padding: 2px 10px 20px 25px;
  }
}

@media screen and (max-width: 800px) {
  .column_50 {
    float: left;
    width: 100%;
    height: 190px;
    padding: 2px 10px 20px 25px;
  }
}

@media screen and (max-width: 500px) {
  .column_50 {
    float: left;
    width: 100%;
    height: 130px;
    padding: 2px 10px 20px 25px;
    
  }
    
  .column_50 h2, .column_100 h2 {
    font-size: 16px !important;
  }
    
  #inhalt h1, #inhalt100 h1 {
    font-size: 22px !important;  
  }
    
  #inhalt_links h2 {
   font-size: 16px !important;
}
}

/* graue Box */

.column_100 {
	width: 100%;
}


/* Progress Bar */
.main-bar
{
    position: relative;
    width: 320px;
    height: 25px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 2px 0px #000;
    cursor: pointer;
}
.percentage
{
    width: 0%;
    height: 25px;
    border-radius: 3px;
    background: #a2d3ee;
    animation: width 7s;
    animation-fill-mode: forwards;
}
.percentage::before
{
    position: absolute;
    content: attr(data-per);
    width: 90px;
    color: #555;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    right: 1%;
}


/* Box Projektfortschritt */
.projektfortschritt > h3 {
    margin-bottom: 15px !important;
}
.projektziel {
	padding: 2px 10px 20px 25px; 
}

/* Box Projektziele */
     .projektziel ul li {
        background: url('/images/haken_symbol.png') no-repeat left center;
        padding: 15px 50px 15px 55px;
        list-style: none;
        margin: 0;
        vertical-align: middle;
      }


/*  Image Gallery */
/* The grid: Four equal columns that floats next to each other */
.columnig {
  float: left;
  width: 25%;
  padding: 10px;
}

/* Style the images inside the grid */
.columnig img {
  opacity: 0.8; 
  cursor: pointer;
}

.columnig img:hover {
  opacity: 1;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* The expanding image container */
.containerig {
  position: relative;
  display: none;
}

/* Expanding image text */
#imgtext {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: white;
  font-size: 20px;
}

/* Closable button inside the expanded image */
.closebtn {
  position: absolute;
  top: 10px;
  right: 15px;
  color: white;
  font-size: 35px;
  cursor: pointer;
}


#box_rechts_themen details {
 --details-force-closed: (max-width: 1000px);
        
    }

#box_rechts_themen summary {
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 550;
  border-bottom: 1px solid #cdcdcd;
}

/* Skip Nvigation */
.skip {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.skip:focus {
  position: static;
  width: auto;
  height: auto;
}

#skip-container {
    background-color: green;
}

#skip-container a, #skip-container a:visited, #skip-container a:link, #skip-container a:active {
    font-size: 0.8em; 
    color: white; 
    padding-left: 15px;
    text-decoration: none; 
}

.schrift_schwarz {
    color: black;
}

.schrift_weiss {
    color: white;
}

/* Box Projektfortschritt */
.flex-container-projekt {
      display: flex;
      flex-wrap: wrap;
    }

.flex-box-zahlen-fakten, .flex-box-projektfortschritt {
      background-color: #f1f1f1;
      padding: 0px 20px 30px 20px;
      flex: 50%;
    }

 @media (max-width: 800px) {
      .flex-box-projektfortschritt, .flex-box-zahlen-fakten {
        flex: 100%;
      }
    }

/* Aktuelle Meldungen auf der Startseite */
 details[open] summary ~ * {
  animation: open 0.3s ease-in-out;
}

@keyframes open {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
details summary::-webkit-details-marker {
  display: none;
}

details summary {
  width: 100%;
  padding: 0.5rem 0;
  border-top: 1px solid #bcbbbb;
  position: relative;
  cursor: pointer;
  font-size: 1.25rem;
  font-weight: 300;
  list-style: none;
  text-align: left;
  background-color: #e4ecf1;
}
	
details summary:after {
  content: "+";
  color: black;
  position: absolute;
  font-size: 1.75rem;
  line-height: 0;
  margin-top: 0.75rem;
  right: 0;
  font-weight: 200;
  transform-origin: center;
  transition: 200ms linear;
  padding: 5px 10px;
}
details[open] summary:after {
  transform: rotate(45deg);
  font-size: 2rem;
}
details summary {
  outline: 0;
  padding: 0px 10px;
}
details p {
  margin: 0 0 1rem;
  padding-top: 1rem;
  text-align: left;
}

/* responsive Darstellung der Tabellen */
table {
   width: 100%;
}		
#no-more-tables th, #no-more-tables td {
   padding: 3px 9px;	
}
        
@media (max-width: 1024px){			
   #no-more-tables table, 
   #no-more-tables thead, 
   #no-more-tables tbody, 
   #no-more-tables th, 
   #no-more-tables td, 
   #no-more-tables tr { 
       display: block; 
   }
     
   #no-more-tables thead tr { 
       position: absolute;
       top: -9999px;
       left: -9999px;
   }
     
   #no-more-tables tr { 
	   border: 1px solid #ccc; 
	}
     
    #no-more-tables td { 
       border: none;
       border-bottom: 1px solid #eee; 
       position: relative;
       padding-left: 50%; 
       white-space: normal;
       text-align:left;
    }
     
    #no-more-tables td:before { 
       position: absolute;
       top: 6px;
       left: 6px;
       width: 45%; 
       padding-right: 10px; 
       white-space: nowrap;
       text-align:left;
       font-weight: bold;
     }
     
     #no-more-tables td:before { 
        content: attr(data-title); 
     }
        
     tr:nth-of-type(odd){
        background-color: #e6e6e6;
     }
}

.bootstrap-table .fixed-table-container .table tbody tr .card-view .card-view-title {
  min-width: 50%;
}

/* Betonung obere Ebene linke Unernavigation */
ul.linkliste li.intern a {
    font-weight: bold;
}

ul.linkliste li.intern ul li a{
    font-weight: normal;
}

.stellenangbote {
    background-color: #e8f3fa;
    padding: 10px 20px; 
}


@media (max-width: 500px){	
.project-data-title {
    color: #ffffff;
    font-size: 1.2em;
  }
}