/* =============================================================================
   Font Styles
   Colors: gruen #A2C43B  orange  #F7941E blau   #25408F
   ========================================================================== */   

b, strong { font-weight: 700; }       
*:focus, a:focus, button:focus , .btn:focus { border: 0; outline: none; text-decoration: none; }     
                                                       
body { color: #222; }                             
a, a:link, a:visited, a:active, a:focus { color: #F7941E; }   
a:hover { color: #F7941E; text-decoration: none; } 
                                                            
body, input, button, select, textarea { font-family: Verdana, Arial, sans-serif; font-weight: 400; }
                                                      
body { font-size: 13px; line-height: 1.4em; }   
p { font-size: 1em; line-height: 1.4em; margin: 0 0 1em 0; padding: 0; }     

h1 { color: #25408F; font-size: 2em; font-weight: 700; padding: 0 0 10px 0; margin: 1em 0; border-bottom: 1px solid #25408F; }   
h2 { color: #25408F; font-size: 1.6em; font-weight: 700; padding: 0; margin: 1.5em 0 1em 0; }  
h3 { color: #25408F; font-size: 1.2em; font-weight: 700; padding: 0 0 5px 0;  margin: 1.5em 0 1em 0;  border-bottom: 1px solid #25408F; } 

h1.orange { font-size: 3.8rem; border: 0; padding: 15px; color: #F7941E; text-align: center; font-style: italic; line-height: 5rem; } 
h1.orange span { font-size: 2.6rem; }

/*
#fancybox-inner {top: 0 !important; left: 0 !important; padding: 10px 20px 20px 10px; }
#fancybox-img { padding: 0 10px 10px 0; }
*/

                                          
   
/* =============================================================================
   Dimensions  and Colors
   ========================================================================== */      
                            
   html, body, #wrap { min-height: 100%; }   
   body { min-height: 100.5%; }
   body { background: #fff; }
   #wrap { width: 100%; position: relative; margin: 0 auto; background: #fff; min-height: 320px; }
   header > .navbar > .container { position: relative; }
   section { padding: 0; margin: 0;}
   .container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0; }
   
   header { position: fixed; top: 0; left: 0; right: 0; height: auto; z-index: 900; }                
   header, footer { background-color: #A2C43B; box-shadow: 0 0 5px 5px rgba(0,0,0,0.2); }
   .navbar { border: 0; border-radius: 0; margin-bottom: 0; height: auto; min-height: 160px; }                   
   #content { margin-top: 160px; padding-bottom: 100px; padding-top: 20px; }   
   
   header .navbar-brand { max-height: 160px; height: auto; width: auto; display: block; padding: 0; }     
   header .navbar-brand img { max-height: 160px; width: auto; max-width: 100%; padding: 10px 15px; }                     
   footer { position: fixed; bottom: 0; left: 0; right: 0; text-align: right; font-size: 0.9em; line-height: 1em; padding: 15px;  }
   footer, footer a, footer a:link, footer a:visited, footer a:active, footer a:focus { color: #25408F; }   
   footer a:hover { color: #F7941E; text-decoration: none; } 
   
   footer a { padding: 0 7px; }
                                                                           
   .kontakt, .nachricht, .kontaktklein { padding: 4px; max-width: 100%; }
   .kontakt:focus, .nachricht:focus, .kontaktklein:focus { border: 1px solid #A2C43B; padding: 4px; }
   input.kontakt[type=submit] { border: 0; padding: 10px 15px; margin: 0; }
   input.kontakt[type=submit], .btn-default, .btn-default:link { border-radius: 0; color: #fff; background-color: #F7941E; border-color: #F7941E; }    
   input.kontakt[type=submit]:hover, input.kontakt[type=submit]:focus, .btn-default:hover, .btn-default:focus, .btn-default:active  { border-radius: 0; color: #fff; background-color: #A2C43B; border-color: #A2C43B; }    
     
   .alert { border-radius: 0; margin: 15px 0;}
   .container-fluid {}
   .pano { margin: -20px -15px 20px -15px; }
   .pano img { width: 100%; height: auto; }
   .pano.blau { background-color: #25408F; padding: 60px 15px 30px 15px; position: relative; margin-top: 40px; }
                                                                 
   .pano.blau * { color: #fff !important; font-size: 1.6rem !important; line-height: 2rem !important; }
   .logoblau { position: absolute; top: -40px; left: 50%; left: calc(50% - 50px); width: 100px; height: 100px; background: url('../files/logo_pur.png') center center no-repeat #25408F; background-size: 60% auto; border-radius: 50%;}
   
/* =============================================================================
   Navbar
   ========================================================================== */    
   
  .navbar-toggle { padding: 28px 20px; margin-top: 0; margin-bottom: 0; }
  .navbar .navbar-toggle, .navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus  { border-color: #25408F; background: #25408F; border-radius: 0; }    
  .navbar .navbar-toggle:hover, .navbar .navbar-toggle:focus  { background: #25408F; color: #fff; }  
  .navbar .navbar-toggle .icon-bar { background: #fff; border-color: #25408F; }    
  .navbar .navbar-toggle:hover .icon-bar { background: #fff; }  
                                                                                            
  .navbar-nav > li.rex-article-2 { display: none; }
        
  @media only screen and (min-width: 768px) {     
  
	   /* desktop and tablet */                           
     /*                
      */     
  .navbar-nav > li.rex-article-5 > a { background-image: url('../files/button_einzeln_bunt_aktiv_inaktiv4.png'); }
  .navbar-nav > li.rex-article-5 > a:hover, .navbar-nav > li.rex-article-5 > a.rex-current, .navbar-nav > li.rex-article-5 > a.rex-active , .navbar-nav > li.rex-article-5.active > a { background-image: url('../files/button_einzeln_bunt_aktiv_inaktiv11.png'); }  
  
  
  .navbar-nav > li.rex-article-63 > a { background-image: url('../files/button_einzeln_bunt_aktiv_inaktiv6.png'); }
  .navbar-nav > li.rex-article-63 > a:hover, .navbar-nav > li.rex-article-63 > a.rex-current, .navbar-nav > li.rex-article-63 > a.rex-active , .navbar-nav > li.rex-article-63.active > a { background-image: url('../files/button_einzeln_bunt_aktiv_inaktiv13.png'); }        
  
  .navbar-nav > li.rex-article-65 > a { background-image: url('../files/button_einzeln_bunt_aktiv_inaktiv2.png'); }
  .navbar-nav > li.rex-article-65 > a:hover, .navbar-nav > li.rex-article-65 > a.rex-current, .navbar-nav > li.rex-article-65 > a.rex-active , .navbar-nav > li.rex-article-65.active > a { background-image: url('../files/button_einzeln_bunt_aktiv_inaktiv9.png'); }  
  
  .navbar-nav > li.rex-article-67 > a { background-image: url('../files/button_einzeln_bunt_aktiv_inaktiv3.png'); }
  .navbar-nav > li.rex-article-67 > a:hover, .navbar-nav > li.rex-article-67 > a.rex-current, .navbar-nav > li.rex-article-67 > a.rex-active , .navbar-nav > li.rex-article-67.active > a { background-image: url('../files/button_einzeln_bunt_aktiv_inaktiv10.png'); }  
  
  .navbar-nav > li.rex-article-10 > a { background-image: url('../files/button_einzeln_bunt_aktiv_inaktiv.png'); }
  .navbar-nav > li.rex-article-10 > a:hover, .navbar-nav > li.rex-article-10 > a.rex-current, .navbar-nav > li.rex-article-10 > a.rex-active , .navbar-nav > li.rex-article-10.active > a { background-image: url('../files/button_einzeln_bunt_aktiv_inaktiv8.png'); }          
  
  .navbar-nav > li.rex-article-7 > a { background-image: url('../files/button_einzeln_bunt_aktiv_inaktiv5.png'); }
  .navbar-nav > li.rex-article-7 > a:hover, .navbar-nav > li.rex-article-7 > a.rex-current, .navbar-nav > li.rex-article-7 > a.rex-active , .navbar-nav > li.rex-article-7.active > a { background-image: url('../files/button_einzeln_bunt_aktiv_inaktiv12.png'); }  

  .navbar-nav > li.rex-article-57 > a { background-image: url('../files/button_einzeln_bunt_aktiv_inaktiv7.png'); }
  .navbar-nav > li.rex-article-57 > a:hover, .navbar-nav > li.rex-article-57 > a.rex-current, .navbar-nav > li.rex-article-57 > a.rex-active , .navbar-nav > li.rex-article-57.active > a { background-image: url('../files/button_einzeln_bunt_aktiv_inaktiv14.png'); }  
               
      .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin: 0 15px 0 0; padding: 0; }
      .navbar-nav { padding-top: 0px; border: 0; }
      .navbar-nav > li { margin-left: 5px;}    
                               
      .navbar-nav > li > a, .navbar-nav > li > a:focus, .navbar-nav > li > a:active { font-weight: 400; text-transform: uppercase; font-size: 12px; line-height: 12px; color: transparent; background-color: transparent; padding: 58px 15px 10px 15px; text-align: center; border-bottom: 8px solid #A2C43B; }       
      .navbar-nav > li:hover > a {background-color: transparent; color: transparent; border-bottom: 8px solid #F7941E; }     
      .navbar-nav > li > a.rex-current, .navbar-nav > li > a.rex-active , .navbar-nav > li.active > a { font-weight: 700; color: transparent; background-color: transparent; border-bottom: 8px solid #F7941E; }   
      
      .navbar .nav li {position:relative;}
      .navbar .nav ul {position:absolute;display:none;top:100%;left: 0; z-index:99;}                       
      .navbar .nav li:hover > ul {display:block;}   
      .navbar .nav ul ul{top:0;left:100%;}                                        
      
      .navbar .nav ul {box-shadow:2px 2px 6px rgba(0,0,0,.2); text-transform: none; font-size: 1em; border-top: 0; min-width: 100%; width: auto; }    
      .navbar .nav ul, .navbar .nav ul  * { margin:0;padding:0;list-style:none;}  
      .navbar .nav ul li {background: #A2C43B;white-space:nowrap;}                                                                
      .navbar .nav ul li a {border-left: 0; border-bottom:1px solid #eee; padding:.4em 1em; text-decoration:none; zoom:1; color: #25408F; display: block; text-align: center; }   
      .navbar .nav ul li:hover a, .navbar .nav ul li a.active, .navbar .nav ul li.active > a, .navbar .nav ul li a.rex-active {background: #A2C43B; -webkit-transition:none;transition:none; color: #fff; }    
      .navbar .nav ul li:hover li a {background: #A2C43B; color: #fff; border-bottom: 0; border-top: 1px solid #fff; }     
      .navbar .nav ul li li:hover a, .navbar .nav ul li li:focus a {background: #A2C43B; color: #fff; }   
               
  }  
  @media only screen and (max-width: 767px) {    
  
      /* smartphone */
      /*
      .navbar-nav { background: #F28B00; border: 0; margin-top: 0; margin-bottom: 0; padding: 0 15px; border-bottom: 1px solid #9C9B8C; margin-right: -30px; }
                               
      .navbar-nav > li a { font-weight: 400; font-size: 0.9em; line-height: 1.2em; background: #fff; color: #222; padding: 2px 15px; border-bottom: 1px solid #25408F;  }     
      .navbar-nav > li > a { background: #25408F; color: #fff; text-transform: uppercase; border-top: 1px solid #fff;   }       
      .navbar-nav > li a:hover {background: #F7941E; color: #fff; }     
      .navbar-nav > li a.rex-current, .navbar-nav > li a.rex-active { font-weight: 700; color: #fff; background: #25408F; }   
      
      .navbar-collapse {  overflow-x: hidden; }
      .navbar .nav ul, .navbar .nav li { list-style: none; margin: 0; padding: 0; }       
      .navbar .nav ul li a {padding: 2px 15px 2px 30px; text-transform: none; display: block; }   
      */     
      .navbar-nav { background: #A2C43B; border: 0; margin-top: 0; margin-bottom: 0; padding: 0 15px 0; border-bottom: 1px solid #fff; margin-right: -30px; }
      .collapse.in { box-shadow: 0px 30px 30px #444; padding-bottom: 30px; }
                               
      .navbar-nav > li a { font-weight: 400; font-size: 0.9em; line-height: 1.2em; background: #A2C43B; color: #fff; padding: 4px 15px; border-bottom: 0;  }     
      .navbar-nav > li > a { background: #F7941E; color: #fff; text-transform: uppercase; border-top: 1px solid #fff; font-weight: bold;  }       
      .navbar-nav > li a:hover {background: #666; color: #fff; }     
      .navbar-nav > li a.rex-current, .navbar-nav > li a.rex-active { font-weight: 700; color: #fff; background: #25408F; }   
      
      .navbar-collapse {  overflow-x: hidden; }                                                                   
      .navbar .nav ul { border-top: 1px solid #fff; }  
      .navbar .nav ul, .navbar .nav li { list-style: none; margin: 0; padding: 0;  }       
      .navbar .nav ul li a {padding: 3px 15px 3px 30px; text-transform: none; display: block; }   
  } 
  
  .col-sm-4, .col-sm-8, .col-sm-6 { overflow: hidden; }
  #content img, #content video, #content audio, #content iframe { max-width: 100%; height: auto; }
  #content video, #content audio, #content iframe { width: 100%; }
  

/* Formulardefinition */
.formgen{font-size:1em;padding: 20px; border: 8px solid #25408F; border-radius: 15px; margin-right: 20px; }
label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit]{cursor:pointer; }
.formgen form{line-height:120%; }
.formgen .formblock{margin-bottom:15px;margin-top:10px;padding-top:3px;padding-bottom:3px;padding-right:2px;padding-left:5px; }
.forminfo{width: 98%;margin: 1em 0; padding: 6px 1%; background-color: #25408F; border-radius: 4px; color: #fff; font-weight:bold; border: 0;}
.formhinweis { padding: 1em 0; margin: 1em 0; border: 0; }
#form-module-thanks { border: 0; padding: 6px 1em; background: #25408F; color: #fff;  border-radius: 4px;}
.formgen br{clear:both;}                                                                                 

.formgen .formtextfield, .formgen .formtext, .formgen .formselect{display: block; padding: 2px 5px 2px 0; margin: 0 0 5px 0; background-color:#fff; color:#000;border:1px solid #ccc; float:none; width: 100%;}         
.formgen .formselect{ padding: 2px 2px 2px 0;}
.formgen input:focus,.formgen input:hover, .formgen select:focus,.formgen select:hover,.formgen textarea:focus,.formgen textarea:hover{border-bottom-color:#aaa;background-color:#f0f0f0;}
.formgen label{ display: block; width: 100%;clear:both;float:none; height: auto; padding: 2px 0; margin: 0; font-weight:bold;color:#000; border-bottom: 0;}                
.formgen input.formradio {margin-left: 170px; width: 20px; margin-top: 2px; }
.formgen label.formradio {width:625px;clear:right;float:right; height: auto; padding: 0 0 2px 0; margin: 0; font-weight:normal;color:#000; border-bottom: 0;}
/* Sende-Button */
.formgen .formsubmit{width:100%; text-align:center; float:none; margin: 0; padding: 5px 1%; border: 0; border-radius: 4px; font-weight: bold; font-size: 1.2em; color: #fff; background: #25408F;}  
.formgen .formsubmit:hover { color: #fff; background: #000;}
/* Fieldsetbeschriftung */
.formgen legend{color:#FFFFFF;background-color:#990000;width:150px;}
.formgen .fieldset{margin-bottom:10px;}

.formgen .checkspan { display: block; position: relative; padding-left: 30px; }
.formgen .checkspan input { position: absolute; top: 0; left: 0; width: auto; }
/* -------------- AUSGABEN / Fehlermeldungen --------*/
/* Markierung der Labels bei Fehler */
.formgen .formerror{border-bottom-width:1px;color:#990000;}
.formgen .formcaptcha{border:2px solid #990000;vertical-align:top;float:left;margin-right:10px;}
.formgen .formreq{color:#006633;}
.formgen .formheadline{color:#993300;background-color:#FFF7EA;padding-top:4px;padding-bottom:4px;margin-top:5px;margin-bottom:5px;font-style:italic;}
/*/
////////////////////////////////////////////////////////////////////////////
/*
/* Ende der Formulardefinition */
      
   
/* =============================================================================
   Old Styles
   ========================================================================== */      
.hidden{display:none; }
.clearfloat{clear:both;height:0;}
/************************************* +Entry *************************************/
.entry{margin-bottom:0em;}
.entrymeta{font-size:0.9em;}
.postedby{background:url(../files/user.gif) no-repeat;padding:3px;padding-left:20px;}
.filedto{background:url(../files/post.gif) no-repeat;padding:3px;padding-left:20px;}
.commentslink{background:url(../files/packaged.gif) no-repeat;padding:3px;padding-left:20px;}
/************************************* +Comments *************************************/
.commentsblock{margin:0.5em;padding:1em;}
.commentsblock textarea{width:35em; max-width: 100%;background:#202B37;}
.commentsblock input,.commentsblock textarea{border:1px solid #1A242F;background:#202B37;}
.commentsblock textarea:focus{background:#25303D;border:1px solid #1A242F;}
.commentsblock textarea:focus,.commentsblock input:focus{background:#25303D;border:1px solid #1A242F;}
.commentauthor{display:block;font-size:1.5em;}
ol.commentlist{color:#C0D2DD;font-size:0.9em;list-style-type:none;margin:0;margin-top:1.5em;padding:0;}
.commentlist li{margin-bottom:0.5em;padding:0.5em 1em;}
.alt{background:#3D4A58;border:1px dotted #475462;padding:0.5em;}
h3#comments{font-size:1.6em;}
/************************************* +NEWS *************************************/
.news-box{margin:15px auto;}
.news-box h3{color:#89BA17; font-size:20px;}
.news-box h3 span{color:#000000;display:block;float:right;font-size:10px;margin:0 15px 0 0;}
.news-box a.title-pic{float:right; display:block; margin:0 15px 15px;}
/************************************* +Misc *************************************/
#navigation ul{list-style-type:none; list-style-image:none; float:left;}
#navigation li{float:left; list-style-type:none; list-style-image:none; margin-top:-7px }
#navigation li a:link, #navigation li a:visited{float:left;color:#25B4FA;padding-left:10px;padding-right:10px;border:none;font-size:12px;list-style-type:none; list-style-image:none;}
#slogan{color:#2B3744;font-size:13px;}
#navigation li a:hover{color:#96B2D0;font-size:12px;list-style-type:none; list-style-image:none;}
#navigation li a:active{float:left;color:#25B4FA;padding-left:10px;padding-right:10px;border:none;font-size:12px;list-style-type:none; list-style-image:none;}
#navigation{clear:both;float:left;width:792px; max-width: 100%;height:24px;margin-right:auto;margin-top:26px;}
.date2{float:left; width:61px; height:61px; margin-left:-89px; background-image:url('../files/date.gif'); margin-top:10px;}
.date2 .month{display:block;color:#80CAF1;text-align:center;text-transform:uppercase;font-size:10px;font-weight:bold;margin-top:11px;margin-left:5px;}
.date2 .day{display:block;color:#AABACA;font:2.3em Georgia;text-align:center;margin-top:-5px;margin-left:0px;}


/* Ab hier style.css */
/* CSS Document */
.wichtig,.wichtigrot{padding:10px 10px 10px 10px;  margin:30px 0 30px 0;  background:#4D6E9A;  color:#fff;  font-weight:bold;}
.wichtigrot{margin:10px 0 10px 0;  background:red;}
.wichtig2{padding:10px 10px 10px 10px;  margin:10px 0 20px 0;  background:#e4831a;  color:#fff;  font-weight:normal;}
.wichtig3{padding:10px 10px 10px 10px;  margin:10px 0 20px 0;  border:3px solid #e4831a;  font-weight:normal;  font-size:0.9em;}
.wichtig2 h2{border:0;  font-size:1.4em;}
.wichtig3 h2{padding:5px 2px;  margin:0 0 8px 0;  border:0;  background:#e4831a;  color:#fff;  font-weight:normal;  font-size:1.3em;}
.wichtig3 table tr td{margin:0;  padding:0 10px 0 0;}
.wichtig3 .meinedaten{float:left;  width:300px; max-width: 100%;  margin:0 20px 0 0;  padding:2px;}
.wichtig3 .meineprojekte{float:left;  width:340px; max-width: 100%; margin:0 0 0 0;  padding:2px;}
.wichtig a,.wichtig2 a,.wichtigrot a{color:#fff;  text-decoration:underline;}
.empty{clear:both;display:block;height:0;overflow:hidden;}
#anmeldetext{font-size:1em;  padding:2em 30px 2em 30px; }
td.vorne{width:190px;}
td.hinten{width:auto;}
/* Kontaktformular */
/*form{width:95%;  float:left;}
*/
form.pruefung{background:#FFFFA5;  padding:5px;  border:1px solid #000;  margin:10px 0 5px 0;}
form.pruefung label{font-weight:bold;}
form.pruefung div.wichtig{margin:0 0 10px 0;}
fieldset{border:0;  margin:5px 0 0 0;  padding:0;}
label.meinlabel{width:180px;  float:left;  clear:both;
/* background:#eee; */
padding:2px 2px 2px 2px;}
div.meinlabel{width:220px;  float:left;  clear:left;  padding:2px 2px 2px 2px;}
label.zwischen{width:30px;  float:left;  padding:2px 2px 2px 2px;  font-size:0.85em;}
label.meinlabelklein{width:100px;  float:left;  clear:both;
/* background:#eee; */
padding:2px 2px 2px 2px;}
select.kontakt{width:320px;              margin-right:0;  float:left;  margin-bottom:2px;font-size:0.85em;line-height:18px;  margin-left:5px;}
select.kontaktklein{width:144px;              margin-right:0;  float:left;  margin-bottom:2px;font-size:0.85em;line-height:18px;  margin-left:5px;}
input.kontakt{ display: block; width:320px; max-width: 100%; float:left;  margin-bottom:2px;  margin-left:5px;}
div.meineantwort{width:320px;  max-width: 100%; float:left;  margin-bottom:2px;}
div.antworthinweis{clear:both;  margin:0 0 8px 190px;  font-size:0.85em;}
input.kontaktklein{width:100px;  margin-left:5px;  float:left;  margin-bottom:2px;}
textarea.nachricht{width:320px;  max-width: 100%; float:left;  margin-bottom:8px;  margin-left:5px;}
div.hinweis{width:320px;  max-width: 100%; float:left;}
form.pruefung div.hinweis{margin-left:5px;}
.wichtig{padding:10px 10px 10px 10px;  margin:10px 0 15px 0;  background:#4D6E9A;  color:#fff;  font-weight:bold;}
#projektliste tr td{padding:2px 3px 2px 2px;  border-right:1px solid #ccc;  border-bottom:1px solid #000;}
#projektliste th{font-weight:bold;  background:#ccc;  border:0;  margin:0;  padding:2px 3px 2px 0;}
#projektliste tr.bereich td{background:#444;  color:#fff;  font-weight:bold;}
#projektliste tr.bereich td a{color:#fff;  text-align:left;  padding:2px;}
#projektliste tr td a{color:#000;  display:block;  width:100%;  padding:10px 0 10px 0;  text-align:center;}
#projektliste tr td.na{background:#ddd;}
#projektliste tr td.frei{background:#89ba17;}
#projektliste tr td.teilweise{background:#e4831a;}
#projektliste tr td.choosen{background:#4d6e9a;  color:#fff;  text-align:center;  }
#projektliste tr td.belegt{background:#ff0000;  text-align:center;}
/*.pruefung{width:99%;}
*/
.pruefung tr td{padding:4px 20px 4px 0px;  border-top:1px solid #999;}
td{vertical-align:top;}
.meineprojekte table tr td{border-bottom:1px solid #bbb;  padding-bottom:2px;  margin:0;}
input.ja,a.nein,a.finale{display:block;  float:left;  width:350px; max-width: 100%;  min-height:30px;  background:#89ba17;  color:#fff;  font-weight:bold;  border:0;  margin:0 10px 0 0;  padding:3px;  font-size:14px;  text-align:center;}
a.finale{height:auto;}
a.nein{width:150px;  background:red;  font-size:13px;  margin:0;  padding-top:7px;  min-height:20px;}
table{border-collapse:collapse;  width:99%;}
a.startbox, div.startboximage {display:block;  float:left;  width: 300px; width: calc(33.333% - 20px); max-width: 100%;  min-height:300px;  margin:0 10px 20px 10px;  padding:15px;  background:green;  color:#fff; position: relative; }
div.startboximage {padding:0; background: url( '../files/foto_anmeldung_png.jpg') center center no-repeat transparent; background-size: cover;  }
.startbox .head { line-height: 1.1em; }
a.startbox:hover{background:#89ba17;}
a.startbox span.head{font-size:1.6em;  font-weight:bold;}
a.startbox span.goon{display:block;  text-align:right;  font-size:5em;  font-weight:bold; position: absolute; bottom: 30px; right: 20px; }
#suchbox{clear:both;  padding:15px 0 0 0;  font-size:0.8em;}
#suchbox form,#belegliste{width:48%; min-width: 300px; max-width: 96%; float:left;  min-height:110px;  background:#ddd;  padding: 10px;  vertical-align:top; margin-bottom: 10px;}
#belegliste{float:left;  color:#000;}
#suchbox form { margin-right: 4%; }
#belegliste:hover{background:#89ba17;  color:#fff;}
#belegliste span.head{display:block;  font-weight:bold;  font-size:1.1em;  text-align:left;}
.audioplayer{padding:5px 0;}
#contenttext .infotext{color:#25408F;  padding:2px 0 12px 0;  font-size:1em;}
ul.seitenliste{list-style:none;  margin:12px 0;  padding:0;}
ul.seitenliste li{list-style:none;  margin:0 20px 12px 0;  padding:0;  float:left;  width:380px;  max-width: 100%; background:#000;  color:#fff;}
ul.seitenliste li a{display:block;  margin:0;  padding:0; background:#000;  color:#fff;  text-align:center;  font-size:1.3em;}       
ul.seitenliste li a img { width: 100%; height: auto;}
#titlepic span{font-family:Arial;  font-weight:bold;}
#titlepic span.oben{display:block;  color:#2F65AD;  padding:100px 0 0 210px;  font-size:3.8em;  line-height:1.2em;}
#titlepic span.mitte{display:block;  color:#000;  padding:0 0 0 300px;  font-size:2.2em;  line-height:1.6em;}
#titlepic span.unten{display:block;  color:#000;  padding:0 0 0 300px;  font-size:1.1em;  line-height:1.2em;}
.galerie{margin-top:20px;}
.galerie a,.galerie a img{border:0;  padding:0;  margin:0;}
.galerie a{display:block;  float:left;  width:125px;  height:90px;  overflow:hidden;  margin:0 10px 10px 0;  background:#fff;}
h2 span{display:block; font-size:0.8em; }
#legende{display:block; width:auto; position:fixed; top:5px; right:15px; box-shadow:0 0 10px #888; }

#projektliste { overflow: scroll; }

.grid { margin: 2rem 0; }
.grid-sizer, .grid-item { width: 33.33%; padding: 5px; }  
.grid-item > a { display: block; }      
.grid-item > a img { display: block; width: 100%; }            
.grid-item > a span.bilddesc { display: block; position: absolute; bottom: 2rem; left: 2rem; color: #fff; font-size: 1.5rem; font-weight: bold; text-shadow: 0px 0px 5px black; }

button.infoicon { float: right; width: 30px; height: auto; margin: 0; border: 0; padding: 5px; background: transparent; } 
button.infoicon img { width: 100%; height: auto; }

.seitenliste {}
.seitenliste li a { position: relative; } 
.seitenliste li a span.proname { position: absolute; bottom: 0; left: 0; right: 0; top: auto; padding: 8px; background: #000; background: rgba(0,0,0,0.5); color: #fff; font-size: 17px; font-weight: bold; text-align: left; -ms-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }

header .navbar-brand span { white-space: nowrap; font-weight: bold; color: #25408F; font-size: 16px; line-height: 20px; text-align: center; display: block; height: 20px; margin-top: 10px; }
            
   
/* =============================================================================
   Media Options
   ========================================================================== */      
   .navbar-nav > li > a { background-size: contain; background-repeat: no-repeat; background-position: center center; }  
   
   /* Navigation */                      
  @media only screen and (min-width: 768px) {      
   .navbar .container {  }         
   .navbar .container .navbar-header { display: block !important; width: 35%; float: left; }       
   .navbar .container .navbar-collapse { display: block !important; width: 60%; float: right; }      
   .navbar .container .navbar-collapse > ul { display: block; width: 100%; }     
   .navbar .container .navbar-collapse > ul > li { margin: 0; padding: 0 5px; width: 14.25%; }      
   .navbar .container .navbar-collapse > ul > li > a { display: block; margin: 0; padding: 0; }     
   .navbar .container .navbar-collapse > ul > li > a { background-size: contain; background-position: center center; }     
   
   header .navbar-brand { max-height: 160px; }     
   header .navbar-brand img { max-height: 160px; }   
   .navbar { min-height: 160px; }                     
   .navbar-nav > li > a { min-height: 160px; }    
   #content { margin-top: 160px; }    
  }                              
  @media only screen and (min-width: 768px) and (max-width: 1270px) {    
                          
   header .navbar-brand { max-height: 140px; }     
   header .navbar-brand img { max-height: 140px; }   
   .navbar { min-height: 140px; }                     
   .navbar-nav > li > a { min-height: 140px; }    
   #content { margin-top: 140px; }   
  }                            
  @media only screen and (min-width: 768px) and (max-width: 1100px) {    
                          
   header .navbar-brand { max-height: 120px; }     
   header .navbar-brand img { max-height: 120px; }   
   .navbar { min-height: 120px; }                     
   .navbar-nav > li > a { min-height: 120px; }    
   #content { margin-top: 120px; }   
  }  
   /*                                           
  @media only screen and (max-width: 1300px) {     
   header .navbar-brand { display: block; padding: 0 5px 5px 40px; margin: 0; }    
   #content { padding-left: 40px; padding-right: 40px; }  
   .pano { margin: -20px -55px 20px -55px; }     
    
  }                                
  @media only screen and (min-width: 1180px) {    
                                                                                                                      
   .navbar-nav > li { width: 100px; }  
   .navbar-nav > li > a { min-height: 140px; width: 90px; margin: 10px auto auto auto;  }   
   header .navbar-brand img { max-height: 100px; margin-top: 15px; }   
  }                              
  @media only screen and (min-width: 1301px) {    
   header .navbar-brand img { margin-top: 10px; }   
    
  }                         
  @media only screen and (min-width: 768px) and (max-width: 1179px) {      
   header .navbar-brand { display: block; padding: 5px 5px 5px 30px; margin: 0; }              
   header .navbar-brand img { max-width: 100%; height: 80px; margin-top: 5px; }    
   header .navbar-brand span { display: none; }    
   .navbar { min-height: 100px; }                                                                                                                                          
   .navbar-nav > li { width: 75px; }       
   .navbar-nav > li > a { min-height: 100px; width: 60px; }    
   #content { margin-top: 100px; }   
              
  }                           
  @media only screen and (min-width: 768px) and (max-width: 989px) {               
   header .navbar-brand img { height: 62px; margin-top: 9px;  }                                                                                                                                           
   .navbar-nav > li { width: 62px; }       
   .navbar-nav > li > a { min-height: 100px; width: 58px; }    
              
  }                        
  @media only screen and (min-width: 768px) and (max-width: 1179px) {      
   .navbar { min-height: 100px; }                                                
   #content { margin-top: 100px; }   
              
  }   
        
   
    */
   /* Ende Navigation */
                                              
  @media only screen and (max-width: 1300px) {     
   #content { padding-left: 40px; padding-right: 40px; }  
   .pano { margin: -20px -55px 20px -55px; }    
  }                              
  @media only screen and (min-width: 768px) and (max-width: 979px) {      
   #content { padding-left: 30px; padding-right: 30px; margin-top: 100px; }   
   .pano { margin: -30px -45px 20px -45px; }
  }                        
  @media only screen and (min-width: 768px) and (max-width: 979px) {      
   #content { padding-left: 30px; padding-right: 30px; margin-top: 100px; }   
   .pano { margin: -30px -45px 20px -45px; }
  }
                                                    
  @media only screen and (max-width: 767px) {      
   header .navbar-brand { display: block; padding: 5px 5px 5px 20px; margin: 0; }              
   header .navbar-brand img { max-width: 100%; height: 60px; }    
   .navbar { min-height: 70px; }    
   .navbar-nav > li > a { min-height: 0; width: 100%; display: block; }  
   #content { padding-left: 20px; padding-right: 20px; margin-top: 70px; }   
   .pano { margin: -20px -35px 20px -35px; }
   a.startbox, div.startboximage { width: 100%; float: none; margin: 15px 0; min-height: 200px; }
  }
      
                                                    
  @media only screen and (max-width: 639px) {   
  div.antworthinweis{ margin:0 0 16px 0; }      
  label.meinlabel, .kontakt, input.kontakt, textarea.nachricht, .nachricht, .kontaktklein {float: none; width: 100%; }
  label.meinlabel { width: 100%; margin-top: 16px;  }
  input[type="checkbox"], input[type="radio"] { clear: both; }
  input.ja, a.nein, a.finale { font-size: 12px; }
  form > div { margin-left: 0 !important; }
  }
  
  @media only print {   
  /* CSS Document Druckversion */
  .clearfloat{clear:both;height:0;}
  #titlepic,#menu,#sidebar,.noprint{display:none;  width:0;  height:0;  overflow:hidden;}
  .wichtig{padding:10px 10px 10px 10px;  margin:30px 30px 30px 0;  background:#4D6E9A;  color:#fff;  font-weight:bold;}
  .empty{clear:both;display:block;height:0;overflow:hidden;}
  /* Kontaktformular */
  form{width:95%;  float:left;}
  form.pruefung{background:#FFFFA5;  padding:5px;  width:auto;  border:1px solid #000;  margin:0 0 30px 0;}
  form.pruefung label{font-weight:bold;}
  form.pruefung div.wichtig{margin:0 0 10px 0;}
  fieldset{border:0;  margin:20px 0 0 0;  padding:0;}
  label.meinlabel{width:140px;  float:left;  clear:both;
  /* background:#eee; */
  padding:2px 2px 2px 2px;}
  div.meinlabel{width:140px;  float:left;  clear:left;  padding:2px 2px 2px 2px;}
  label.meinlabelklein{width:100px;  float:left;  clear:both;
  /* background:#eee; */
  padding:2px 2px 2px 2px;}
  select.kontakt{width:245px;              margin-right:80px;  float:right;  margin-bottom:2px;font-size:0.85em;line-height:18px;}
  input.kontakt{width:320px;  float:right;  margin-bottom:2px;}
  div.meineantwort{width:320px;  float:left;  margin-bottom:2px;}
  input.kontaktklein{width:100px;  margin-left:5px;  float:left;  margin-bottom:2px;}
  textarea.nachricht{width:320px;  float:right;  margin-bottom:8px;}
  div.hinweis{width:320px;  float:right;}
  .wichtig{padding:10px 10px 10px 10px;  margin:10px 0 10px 0;  background:#999;  color:#fff;  font-weight:bold;}
  #projektliste tr td{padding:2px 3px 2px 2px;  border-right:1px solid #ccc;  border-bottom:1px solid #000;}
  #projektliste th{font-weight:bold;  background:#ccc;  border:0;  margin:0;  padding:2px 3px 2px 0;}
  #projektliste tr td a{color:#000;  display:block;  width:100%;  padding:10px 0 10px 0;  text-align:center;}
  #projektliste tr td.na{background:#ddd;}
  #projektliste tr td.frei{background:#89ba17;}
  #projektliste tr td.teilweise{background:#e4831a;}
  #projektliste tr td.choosen{background:#4d6e9a;  color:#fff;  text-align:center;  }
  #projektliste tr td.belegt{background:#ff0000;  text-align:center;}
  .pruefung{width:99%;}
  .pruefung tr td{padding:4px 20px 4px 0px;  border-top:1px solid #000;}
  td{vertical-align:top;}
  td.vorne{width:190px;}
  td.hinten{width:auto;}
  table{border-collapse:collapse;  width:99%;}
  
  #legende { position: relative; top: 0 !important; float: right; }
  #autosend, #suchbox form, #belegliste, header, footer { display: none; }
  #content { margin-top: 0; }
  
  }