@charset "utf-8";
/* CSS Document */






 
 
.fliesstext-weiss {

	font-size:18px;
	font-family:Variable-Regular;
	line-height:26px;
	color:#ffffff;
	}

.fliesstext-big-weiss {

	font-size:1.6em;
	font-family:Variable-Bold;
	line-height:1.4em;
	color:#ffffff;
	}


ul{
    list-style-type: none;
    padding:0;
}

.leistungen li:before {
    content: "";
}


h1 {
	font-size:32px;
	font-family:Variable-Bold;
	line-height:42px;
}


.h1-strich {
	font-size:60px;
	line-height:72px;
	font-family:Variable-Light;
	margin-top:0.15em;
}

.h1-small {
	font-size:1.6em;
	line-height:0.7em;
	
}

h2 {
	font-weight: normal;
	font-family:Variable-Black;
	font-size:28px;
	line-height:36px;
}


h3 {
	font-weight: normal;
	font-family:Variable-Regular;
	font-size:72px;
	line-height:80px;
}

h4 {
	font-weight: normal;
	font-family:Variable-Regular;
	font-size:28px;
	line-height:36px;
    margin-top:24px;
}


h5 {
	font-weight: normal;
	font-family:Variable-Black;
	font-size:18px;
	line-height:36px;
}

a {
	color:#00afff;
    text-decoration: none;
    
     -webkit-transition: color 0.6s ease-in-out;
  -moz-transition: color 0.6s ease-in-out;
  -ms-transition: color 0.6s ease-in-out;
  -o-transition: color 0.6s ease-in-out;
  transition: color 0.6s ease-in-out;
    
}
a:hover {
	color:#cc051e;
    text-decoration: none;
}


.icon-abstand {
margin-top:1.5em;

}

.zentriert {
	text-align:center;
}

.grau {
  filter: grayscale(100%);
}

.grau:hover{
  filter: grayscale(0%);
}
	
.social-icons {
	margin-top:0.3em;
font-size:1.4em;
letter-spacing:0.2em;	
}

.social-icons a{
color:#00afff;
text-decoration:none;
	}

.social-icons a:hover{
color:#ffffff;
text-decoration:blink;
}

.page-header {
  margin: 0px 0px 20px;
	border-bottom-width: 0px;
border-bottom-style: none;
border-bottom-color: #fff;
}

.header-bild {
	/*background-color:#cc051e;
	/*height:2em;*/
	min-height:70vh;
    height:100vh;	
	padding:0 0 0 0;
	overflow:hidden;
    
   
	
}

.header-bild img {
	/*display:block;*/
    max-height: 100%;
    height:100%;
 
}

.header-bild .center-div{
	position:absolute;
	text-align:center;
	background-color: rgba(255, 255, 255, 0);
	/*top:100px;*/
	bottom:0em;
}


.header-bild h1{
	color:#fff;
}

.header-bild a:hover{
	text-decoration:none;
	
}




.seiten-bild {
	background-color:#cc051e;
	/*height:2em;
	width:100%;
    height:auto;*/
    
    min-height:50vh;
    height:62vh;	
    text-align: center;
    color:#ffffff;
    
	padding:0 0 0 0;
	overflow:hidden;
	
}



.seiten-bild .seiten-center-div{
	position:absolute;
	text-align:center;
	background-color: rgba(255, 255, 255, 0);
	/*top:100px;*/
	
	top:2%;
}

.seiten-bild h1{
	color:#fff;
    
}


.seiten-bild a{
	text-decoration:none;
    color:#00afff;
    
        
      -webkit-transition: color 0.6s ease-in-out;
  -moz-transition: color 0.6s ease-in-out;
  -ms-transition: color 0.6s ease-in-out;
  -o-transition: color 0.6s ease-in-out;
  transition: color 0.6s ease-in-out;
    
	
}

.seiten-bild a:hover{
	text-decoration:none;
    color:#00afff;
	
}


.bild-groesser {
	text-align:center;
	transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
}

.bild-groesser:hover {
	 transform: scale(1.1);
}


.zitat-font {
	font-weight: normal;
	font-size:1.3em;
	line-height:1.45em;
	font-family:Variable-Bold;
}

.header-bild-span{
	padding:2px 15px 5px 15px;
			background-color:rgba(0,175,255,0.0);
			border-style:none;
			border-width:2px;
			border-radius:12px;

}

a:hover .header-bild-span {
	color:#cc051e;
	background-color:rgba(255,255,255,0.2);
	border-style:none;
			border-width:1px;
			border-radius:12px;
	text-shadow:0 0 0 #00afff;
	text-decoration:none;
}

.din-font {
		font-family:DinRound;

}



.navbar-brand {
  float: left;
 
}

.navbar-toggle {
    border-radius:24px;
    padding: 14px 10px;
    
}

.navbar-default {
  background-color: rgba(255, 255, 255, 0.0);
  border-color: transparent;
}

.navbar-default:hover {
  background-color: rgba(0, 0, 0, 0.7);
  border-color: transparent;
}

.navbar-default .navbar-brand {
  color: #00afff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #cc051a;
  background-color: transparent;

}
.navbar-default .navbar-text {
  color: #00afff;
}
.navbar-default .navbar-nav > li > a {
  color: #00afff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #cc051e;
}


.navbar-default .navbar-toggle {
  border-color: #00afff;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #00afff;
}


.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #000;
  background-color: #00afff;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #cc051a;
 background-color: transparent;
	
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: absolute;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #051aaa;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #051aaa;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}


.nav-spacer {
	padding-top:7px; 
	font-size:34px;
	font-weight:100;
	color:#00afff;
}

.footer {

margin-top:0em;
margin-bottom:3em;




}


.nav-footer {

     
	/*background-color:#cc051e;
	height:2em;*/
	padding-top:1em;
	padding-bottom:0.35em;
	color:#ffffff;
	
/*	background-image: url(../image/footer-wellenbild-entwurfswerk2.svg);*/

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

height:9em;
	
	
}

.nav-footer-font {
        font:'Variable-Bold', Calibri,'Helvetica Neue', Arial, Verdana, FreeSans, sans-serif;
	margin-top:1.5em;
	margin-bottom:1.5em;
	padding-left:0.2em;
	color:#cc051a;
	font-size:3em;
line-height: 1.3em;
	font-weight: normal;
	text-transform:uppercase;
	list-style-type:none;
	
}


ul.nav-footer-font {
	margin-top:1.5em;
	margin-bottom:1.5em;
	padding-left:0.2em;
	color:#ffffff;
	font-size:1em;
line-height: 1.3em;
	font-weight: normal;
	text-transform:uppercase;
	list-style-type:none;
	
}

a.nav-footer-font {
	color:#cc051a;
	}

a:hover.nav-footer-font {
	color:#cc051a;
    text-decoration: none;
}

ul.liste {
  list-style-type: none;
}
 
ul.liste li a:hover::before  {
  content: attr(data-liste)">";
 }
 
.nav-footer h2 {
	color:#ffffff;
	margin-bottom:1em;
}

.nav-footer h2 a {
	color:#fff;
}

.nav-footer h2 a:hover {
	color:#00afff;
}

.raender-0 {
    margin:0 0 0 0; 
    padding:0 0 0 0
}

.hgrfarbe {
	background-color:#00afff;
	margin-top:1em;
	margin-bottom:1em;
}

.hgrfarbe-weiss {
	background-color:#ffffff;
	
}

.hgrfarbe-schwarz {
	background-color:#000000;
	
}

.farbe-weiss {
	color:#ffffff;
}


a:hover .farbe-weiss  {
	color:#00afff;
}


.farbe-schwarz {
	color:#000000;
}




.bildhgr {
	height:6em;
	margin-top:1em;
	padding:0 0 0 0;
	overflow:hidden;
	border-color:#cc051e;
	border-width:4px;
	border-bottom-style:solid;
    text-align: center;
    color:#ffffff;
    padding-top:2em;
	
	}

.bildersatz {
	background-color:#00afff;
	height:6em;
	margin-top:1em;
	padding:0 0 0 0;
	overflow:hidden;
	border-color:#cc051e;
	border-width:4px;
	border-bottom-style:solid;
	
	}

.bildersatz a {
	color:#ffffff;
}

.bildersatz a:hover {
	color:#cc051e;
}
.test {	
}

.test a{
	
}

.test a:hover{
opacity:0.8;	
}

.projekt-thumb {
	background-color:#ffffff;
	color:#000000;
	font-size:18px;
	font-family:'Variable-Regular';

	border-color:#00afff;
	border-style:none;
	border-width:1px;
	border-bottom-style:solid;
/*	height:12.5em;
*/	min-height:5em;
	margin-top:1em;
	padding:0 0 0 0;
	opacity:1;
/*	overflow:hidden;
*/}

.projekt-thumb img {
	border-color:#fff;
	border-width:1px;
	border-bottom-style:solid;
}


.themen-thumb {
	background-color:#ffffff;
	color:#000000;
	font-size:18px;
	font-family:'Variable-Regular';

	border-color:#00afff;
	border-style:none;
	border-width:1px;
	border-bottom-width:2px;
	border-bottom-style:solid;
/*	height:12.5em;
*/	min-height:10em;
	margin-top:1em;
	padding:0 0 0 0;
	opacity:1;
overflow:hidden;
}

.themen-thumb img {
	border-color:#fff;
	border-width:1px;
	border-bottom-style:solid;
}



a.themen-thumb {
	color:#000000;
	
}

a:hover.themen-thumb  {
	color:#00afff;
    border-color:#333333;

}


.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.05); }


.themen-thumb-font {
	font-size:1em;
/*	padding-left:0.25em;
	padding-top:0.5em;*/
	padding:0 0 0 0;
	padding-left:6px;
}


.themen-neues {
	
	color:#000000;
	/*font-size:18px;
	font-family:'Variable-Regular';*/

	border-color:#000;
	border-style:none;
	border-width:2px;
	border-bottom-width:2px;
	border-bottom-style:solid;
/*	height:12.5em;
*/	min-height:8em;
	margin-top:1em;
	padding:0 0 0 0;



}

.themen-projekt {
	
	color:#000000;
	/*font-size:18px;
	font-family:'Variable-Regular';*/

	border-color:#000;
	border-style:none;
	border-width:2px;
	border-bottom-width:2px;
	border-bottom-style:dotted;
/*	height:12.5em;
*/	min-height:4em;
	margin-top:1em;
	padding:0 0 0 0;

}

a:hover.themen-projekt {
background: rgba(240,240,240,0.3);
    color:#cc051e;
    border-color:#cc051e;
    text-decoration: none;
     

}

/* start pfade bei thumbs */

          
 .eltern {
     position: relative;
     width:100%;
    

 }
          
            .image-container {
              position: absolute;
            padding-right:15px;
          }
          
          
           .bild-text {
              position: absolute;
              bottom:3%;
               z-index:12;
          
              
          }
          
          
          
          
        .g50{
    width: 100.5%;
    transition: background 0.3s;
              border-color:#000000;
	
	border-bottom-width:4px;
	border-bottom-style:solid;
            z-index:15;
            
         
}
          

.g50:hover{  }
          
        path {fill:#fbfbfb;}
          
/*path:hover {fill:#00afff; } */
          
          
          .abstand-unten { 
              margin-bottom:30px;
              padding-left: 0px;
          }

    .abstand-rechts { 
             
              padding-left: 30px;
          }



/*ende pfade bei thumbs */

/*.themen-neues a {
    color:#000000;
       text-decoration: none;
    
     -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  -ms-transition: color 1s ease-in-out;
  -o-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}


a.themen-neues {
    background-color:#ffffff;
	color:#000000;
    border-color:#00afff;
    text-decoration: none;
}*/

a:hover.themen-neues {
background: rgba(255,255,255,0.3);
    color:#cc051e;
    border-color:#cc051e;
    text-decoration: none;
     

}


.leistung-start {
/*background-color:#000000;
padding-top:2em;
/*padding-bottom:8em;
margin-top:2em;*/
    margin-bottom:2em;
    padding-top:2em;
   /* min-height: 700px; */
}

.leistungen {
	/*background-color:#ffffff;*/
	color:#000000;
	/*font-size:18px;
	font-family:'Variable-Regular';*/

	border-color:#00afff;
	border-style:none;
/*	height:12.5em;
*/	min-height:22em;
	margin-top:1em;
	padding:5 5 5 5;
	opacity:1;
/*	overflow:hidden;
*/}


a.leistungen {
  /*  background-color:#ffffff;*/
	/*color:#00afff;*/
    border-color:#00afff;
    text-decoration: none;
}

a:hover.leistungen {
 /*   background-color:#f9f9f9;*/
	color:#00afff;
    border-color:#333333;
    text-decoration: none;
}

.maxWidth {
       max-width:1620x;
}
	
.absatz {
	margin-top:4em;
}

.absatz-2 {
    margin-top:2em;
}

.absatz-unten {
	margin-bottom:4em;
}


.absatz-unten-1 {
	margin-bottom:1em;
}


.textfarbe {
	color:#00afff;
}

.keineinzug {
	padding-left:0px;
}



.adress-abschluss{
    font-size: 0.85em;
    color:#cc051e;
   
}

.adress-abschluss a{
    color:#cc051e;
}


.adress-abschluss a:hover{
    color:#00afff;
}







/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
  font: 18px/1 'DinRound', Calibri,'Helvetica Neue', Arial, Verdana, FreeSans, sans-serif;
    color: #333333;
line-height: 26px;
	font-weight: normal;
}

.font-small {
	font-size:12px;
	padding:0 0 0 0;
	margin-top:0.5em;
	line-height:14px;
	text-decoration:none;
	color:#000000;
}
a.font-small{
text-decoration:none;
color:#00afff;
}

a:hover.font-small {
text-decoration:none;
color:#00afff;
}

pre,
code {
  font-family:  'DinRound', Calibri,'Helvetica Neue', Arial, Verdana, FreeSans, sans-serif;
  font-weight: normal;
}


hr {
  border: 0 #ccc dotted;
  border-top-width: 2px;
  clear: both;
  height: 0;
  margin-top:4em;
}

.abstand {
    
    margin-top:8px;
}

.padding-rechts-links {
           padding-left:30px; 
    padding-right:30px;

}


a .ein-ausblenden {
/*display:none;*/
color:#00afff;
    text-align:center;

    
      -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 0.6s ease-in-out;
  -ms-transition: color 0.6s ease-in-out;
  -o-transition: color 0.6s ease-in-out;
  transition: color 0.6s ease-in-out;
    
}


a:hover .ein-ausblenden {
color:#fff;
}


 .ein-aus {
color:#00afff;
    display: none;
      text-align:center;

    
      -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 0.6s ease-in-out;
  -ms-transition: color 0.6s ease-in-out;
  -o-transition: color 0.6s ease-in-out;
  transition: color 0.6s ease-in-out;
    
}

a .ein-aus {
display:none;
color:#00afff;
   
    
}


a:hover .ein-aus {
color:#fff;
    display: inline;
}





 .lightbox {
     z-index:1001;
     position:fixed;
     top:0;
     left:0;
     width:100%;
     height:100%;
     background:rgba(0, 0, 0, .9);
     color:#ffffff;
     padding-top:6em;
     display:none;
     
 }


 .lightbox-leistungen {
     z-index: 0;
     position:fixed;
     top:0%;
     left:0%;
     width:100%;
     height:100%;
     background:rgba(0, 155, 255, .95);
     color:#ffffff;
     padding-top:6em;
     opacity:0;
    /* display:none;*/
     display:block;
     
     -webkit-transition:opacity 500ms ease-out;
-moz-transition:opacity 500ms ease-out;
-o-transition:opacity 500ms ease-out;
transition:opacity 500ms ease-out;
   
 }

.schliessen {
    position:fixed;
    top:2em;
    left:40%;
    
}

.ein {
    
    opacity:1;
}

.aus {
    
    opacity:0;
   
}

.abstand-rechts-links {
    margin-left:6em;
    margin-right:6em;
    
}

.farbe-blau {
    color:#00afff;
}

.farbe-rot {
    color:#cc051e;
}


.farbe-grau {
    color:#bbb;
}




.blauer-hgr {
    background-color:#00afff;
}


.strich-rechts {
    
    border-right-style: solid;
    border-right-width: 2px;
    border-right-color: white;
    margin-left:0px;
    padding-left:0px;
       margin-right:0px;
    padding-right:0px;
    padding-bottom:4em;
    min-height: 300px;
}

.strich-unten{

 border-bottom-style: dotted;
    border-right-width: 2px;
    margin-top:1em;
}


.schrift-maxi {
    
   font-weight: normal;
	font-family:Variable-Black;
	font-size:14em;
	line-height:0.95em;

}

@media only screen and (max-width: 767px) {
  
    .schrift-maxi {
    
   font-weight: normal;
	font-family:Variable-Black;
	font-size:4em;
	line-height:0.85em;

}
    
}

.schrift-ultra {
    
   font-weight: normal;
	font-family:Variable-Black;
	font-size:10em;
	line-height:0.95em;

}



@media only screen and (max-width: 1023px) {
    
     .schrift-maxi {
    
   font-weight: normal;
	font-family:Variable-Black;
	font-size:6em;
	line-height:0.85em;
                 text-align:center;


}
  
    .schrift-ultra {
    
   font-weight: normal;
	font-size:6em;
	line-height:0.85em;
                text-align:center;


}
    
}

@media only screen and (max-width: 500px) {
    
     .schrift-maxi {
    
   font-weight: normal;
	font-family:Variable-Black;
	font-size:3em;
	line-height:0.85em;
         text-align:center;

}
  
    .schrift-ultra {
    
   font-weight: normal;
	font-size:3em;
	line-height:0.85em;
        text-align:center;

}
    
    .nav-footer-font {
	font-size:1.5em;	
	
}
        
}




.schrift-medium {
    
   font-weight: normal;
	font-family:Variable-Black;
	font-size:6em;
	line-height:0.99em;

}
    

.boxshadow{

  box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
   
}

.graufilter {

-webkit-filter: grayscale(60%);
filter: grayscale(60%);

}

.graufilter:hover {

-webkit-filter: grayscale(0%);
filter: grayscale(0%);

}

.ikons {
    margin-left:5px;
    margin-right:5px;
 stroke: #006600;
     fill  : #00cc00;
    
    
}


.ikons:hover {

-webkit-filter: opacity(.5);
filter: opacity(.5);

}

.teaser.lazyload {
	opacity: 0;
	transform: scale(0.8);
}

.teaser.lazyloaded {
	opacity: 1;
	transform: scale(1);
	transition: all 700ms;
}

.hgrblau {
    padding-top:8px;
   min-height:40em;
background-color: rgba(255, 255, 255, 1);
     -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear; 
}

.hgrblau:hover {
    
background-color: rgba(0, 170, 255, 1);
     -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear; 
}

.hgrschwarz:hover {

background-color: rgba(4, 14, 20, 1);
    
      -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;

}

.hgrschwarz {

background-color: rgba(255, 255, 255, 1);
    
      -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;

}

.hgrschwarz-liste:hover {

background-color: rgba(4, 14, 20, 1);
    color:#ffffff;
      -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;

}

.hgrschwarz-liste {

background-color: rgba(255, 255, 255, 1);
    color:#000000;
    
      -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;

}

.hgrweiss-liste:hover {

    color:#00afff;
      -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;

}

.hgrweiss-liste {


    color:#ffffff;
    
      -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;

}


.kontaktsatz{
 transform:scale(1);
    transition: all 700ms;
}


.kontaktsatz:hover{
 transform:scale(1.05);
  
}

.cycle-pager-active { color: #cc051e;}


  .cycle-slideshow { 
   
   overflow: hidden;
   width:100%;
}


.verlauf {

	background-image: url('../image/allgemein/hgr-verlauf-big.png');
    background-repeat: repeat-x;
    background-position: bottom;
   background-color:#ffffff;

}

img.bookmarkThis {
    opacity: 1;
    filter: alpha(opacity=100);
    padding: 4px 4px 4px 4px;
}


  .headerx{
      margin-top:0em; 
            
            padding-top:10em;
            padding-left:10%;
            z-index:500;
            position:absolute;
        
    }

  .videos {
        object-fit: cover;
        z-index:100;
        position: absolute;
    }

.nav-individuell {
    padding-top:2em; 
    padding-left:15px;
}

.wide-container {
  width: 100%;
height:600px;
  margin: 0 auto;
    }
.logo-bild{
width:200px;
}

.abstand-header-text { margin-top:15em }

.liste-beratung ul{
list-style-type: none;}

.liste-beratung li:before{
 content: "→  ";
color:#333;
font-size: 0.8em}



@media only screen and (max-width: 766px) {
.nav-individuell {margin-left:0px;}
    .in {height:600px}
.collapsing, .in {background-color: #000000; font-size:2em; line-height:2em; 	font-family:Variable-Regular;
}
.collapsing ul li a, .in ul li a {color: #00afff!important;}
.collapsing ul li a:hover, .in ul li a:hover {color: #cc051e!important;}

    h1 {
	font-size:20px;
	font-family:Variable-Bold;
	line-height:28px;
}

    h3 {
	font-size:28px;
	font-family:Variable-Bold;
	line-height:28px;
}
    
h5 {
	
	font-size:14px;
	line-height:18px;
}
.wide-container {
  width: 100%;
height:220px;
  margin: 0 auto;
    }
.logo-bild{
width:100px;
}
.abstand-header-text { margin-top:8em }
    
}


img {
 transition: transform 0.8s;
 -moz-transition: transform 0.8s;
 -webkit-transition: transform 0.8s;
 -o-transition: transform 0.8s;
 -ms-transition: transform 0.8s;
}
img:hover {
 
 transform: scale(1.02, 1.02);
 -moz-transform: scale(1.02, 1.02);
 -webkit-transform: scale(1.02, 1.02);
 -o-transform: scale(1.02, 1.02);
 -ms-transform: scale(1.02, 1.02);
}

.nav-pills>li>a {
    border-radius: 0px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #cc051a;
}
.versal {
text-transform:uppercase;

}