@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

html, body   
{
   margin:0;
   padding:0;
   min-height:100%;
   height:100%;
   min-width:310px;
   scrollbar-face-color: #c3d3d9; 
   scrollbar-shadow-color: #605f5f; 
   scrollbar-highlight-color: #fff; 
   scrollbar-3dlight-color: #fff; 
   scrollbar-darkshadow-color: #fff; 
   scrollbar-track-color: #e2ecf1; 
   scrollbar-arrow-color: #605f5f;
  font-family: 'Roboto Condensed', sans-serif;
  
}
.containerBlue
{
     background-color:#0076b9; 
     height:20px;
}
    
h1
{ 
    font-size:1.8em;
    margin-top:30px;
    color:#283a51; 
    text-transform:uppercase;
    text-align:center;
    line-height:26px;
    font-weight:lighter;  
 }
 h2
        { 
           color:#364e6d;
           font-size:1.6em;
           text-transform:uppercase;
           font-family: 'Roboto Condensed', sans-serif;
        } 
 h2.headline
{ 
    font-size:1.8em;
    margin-top:30px;
    color:#283a51; 
    text-transform:uppercase;
    text-align:center;
    line-height:26px;
    font-weight:lighter;  
 }
 .TextLink
{ 
  font-size:0.85em;
  line-height:1.4em;
  text-align:left;
 
 }  
.headlineReferenzen
{ 
   color:#364e6d;
   font-size:1.6em;
   text-transform:uppercase;
   font-family: 'Roboto Condensed', sans-serif;
}
    
h3
{ 
    color:#364e6d;
    line-height:1.3em;
    text-align:center;
    font-size:1.4em;
    font-family: 'Roboto Condensed', sans-serif;  
}

h2.referenzen
{ 
    color:#364e6d;
    font-size:1.6em;
    text-transform:uppercase;
    font-family: 'Roboto Condensed', sans-serif;
}
li.datenschutz
         {  
             font-size:15px;
             line-height:25px;
             list-style-position:inside;          
         }
                
p.big
{ 
    color:#364e6d;
    line-height:1.3em;
    text-align:center;
    font-size:1.4em;
    font-family: 'Roboto Condensed', sans-serif;  
}
a.language
{ 
    font-size:1.05em;
    color:#fff; 
    text-transform:uppercase;
    text-align:center;
     font-family: 'Roboto Condensed', sans-serif;   
 }
 a.language:hover
{ 
   text-decoration:none;
 }
 
.text-headline
{ 
    color:#364e6d;
    font-size:1.4em; 
    font-family: 'Roboto Condensed', sans-serif;
    text-align:center;   
}

Footer
{
    background-color:#212f42; 
    width:100%; 
    border-top:1px solid #fff;
}

.FooterKontakt
{
     background-color:#1c2737;
     width:100%; 
     min-height:50px; 
     text-align:center; 
     color:#fff;     
 }
 
.footerblau
{
    background-color: #212f42;
}

 .footerCopy
 {
     background-color:#1c2737; 
     width:100%; 
     height:50px; 
     text-align:center; 
     color:#fff;
 }
 
.content
{
    margin-top:-60px;
}
.produkte
{ 
    color:#364e6d;
    line-height:1.3em;
    text-align:center;
    font-size:1.4em;
    font-family: 'Roboto Condensed', sans-serif; 
    margin-top:20px; 
}
 label
{ 
  font-size:1em;
  color:#364e6d;
  line-height:1.5em;
   font-family: 'Roboto Condensed', sans-serif;
   font-weight:100;
}
p
{
   font-family:sans-serif;
   font-size:0.3em;
   line-height:0.3em;
   font-weight:100;
}
.impressum
{
    font-family: 'Roboto Condensed', sans-serif;
   font-size:1.1em;
   line-height:1.4em;
   font-weight:100;
  
    }
.Text
{ 
  font-size:1.3em;
  line-height:1.4em;
  text-align:left;
  font-weight:100;
 }
 
 .headlineProdukte
{ 
   color:#364e6d;
   font-size:1.8em;
   text-transform:uppercase;
   font-family: 'Roboto Condensed', sans-serif;
   line-height:1.2em;
}
 .headlineProdukteSmall
{ 
    text-align:center;
  overflow:hidden;
  color:#486690;
  font-size:1.85em;
  font-family: 'Roboto Condensed', sans-serif;  
  line-height:1.15em;
}
 .TextSmall
{ 
  font-size:1.2em;
  line-height:1.4em;
  text-align:center;
  font-weight:100;
 }
 
 .TextFooter
{ 
  font-size:1.1em;
  line-height:1.4em;
  text-align:left;
 }
.TextContent
{ 
  font-size:1em; 
  line-height:1.6em;
  text-align:left;
  font-weight:100;
 }
 
.img
{
    width:100%;
    height:auto;
}

.logoReferenzen
{
    -webkit-box-shadow: 5px 5px 10px #555454;
    -moz-box-shadow: 5px 5px 10px #555454;
    box-shadow: 5px 5px 10px #555454;
    -webkit-border-radius: 5px;   
    -moz-border-radius: 5px;    
    border-radius: 5px; 
    margin-top:5px;
    width:100%;
    height:auto;
}

a
{
    color:#486690; 
    text-decoration:none;
    font-family: 'Roboto Condensed', sans-serif;
    font-size:18px;
    line-height:20px; 
}
    
 a:hover
{
   text-decoration:underline;
}
    
 a:active
{
    color:#007cbc; 
}

.line
{
    width:100%;
    height:1px;
}
    
.img-Center
{    
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
    
 .white
 {
     color:#fff;
 }
     
      
p.footerheadline
 {
     font-size:1.6em;
     font-family: 'Roboto Condensed', sans-serif;
     line-height:2em;
     font-style:normal;
     margin-top:0px;
     color:#fff;
     text-align:left;
}
     
ul.footerNav 
{
    margin-left:0px;
    padding-left:0px;
}

li.footerNav 
{ 
    list-style:none;  
    line-height:30px;
}
    
a.footer
{
    font-family: 'Roboto Condensed', sans-serif;
    font-size:1.2em;
    line-height:25px;
    font-style:normal;
    color:#fff;
    text-decoration:none;
   
}
a.footer:hover
{
    color:#79a503;
}

h4,  h4.white
{
  text-align:center;
  overflow:hidden;
  color:#486690;
  font-size:1.5em;
  font-family: 'Roboto Condensed', sans-serif;  
  line-height:1.5em;
}

h4 span,  h4.white span
{
  display:inline-block;
  position:relative;
}

h4 span:after, h4 span:before
{
  content:" ";
  display:block;
  height:1px;
  width:1000px;
  background:#486690;
  position:absolute;
  top:50%;
}
h4.white span:after, h4.white span:before
{
  content:" ";
  display:block;
  height:1px;
  width:1000px;
  background:#fff;
  position:absolute;
  top:50%;
}

h4 span:before, h4.white span:before
{
  left:-1010px;
}
h4 span:after,h4.white span:after
{
  right:-1010px;
}


.separator {
overflow: hidden; position: relative; text-align: center; color: #486690;font-size:1.5em; font-family: 'Roboto Condensed', sans-serif; margin: 40px 0;}  

.separator:before {
content: "";display: inline-block; width: 10000px; height: 1px; border-bottom: 1px solid #486690; position: absolute;top: 50%;left: 0;}

.separator span {
 position: relative; padding: 0 10px;  display: inline-block;  max-width: 80%;  background-color: #fff;}
 .separator span.grey {
 position: relative; padding: 0 10px;  display: inline-block;  max-width: 80%;  background-color: #f8f9fa;}
 
 .separatorWhite {
overflow: hidden; position: relative; text-align: center; color: #fff;margin: 35px 0 10px 0 ;}  

.separatorWhite:before {
content: "";display: inline-block; width: 10000px; height: 1px; border-bottom: 1px solid #fff; position: absolute;top: 50%;left: 0;}

.separatorWhite span {
 position: relative; padding: 0 10px;  display: inline-block;  max-width: 80%;  background-color: #212f42;}


.Leistungen
{ 
  font-size:1.2em;
  line-height:1.5em;
  text-align:left;
 }
 
hr
 {
  border-top:solid #d6d6d6 1px;
}
 
  .Abstand14
 {
     height:0px;    
   
 }
 
  .Abstand4
 {
     height:0px;    
   
 }
     
 .Abstand38
 {
     height:38px;
     
 }
     
.grau
{
     background-color:#f8f9fa;
     border-top:1px solid #d6d6d6;
     border-bottom:1px solid #d6d6d6;
}    
    
.NameRed
{
    text-transform:none;
    color: Red;
    }
    
.NameBlack
{
    color: #000;
}

.Vorteile
{  
    margin:10px;
    font-size:18px;   
}
 
ul 
{ 
    padding-left: 0;
 
}

li.listen
 {
     list-style-image:url(../images/liste.png);
     background-color:#fff;
     border:1px solid #dadbdb;
     list-style-position:inside;
     margin:8px;
     font-size:16px;
     padding:2px;  
     line-height:20px;
   
 }
 
 ul.referenzen
 {padding-left: 30px; 
     }
 li.referenzen
 {
    list-style-image:url(../images/liste.png);   
    font-size:19px;
 }
 
 .listen
 {    
    font-size:18px;
    line-height:27px; 
    margin-top:8px;
 }
.img-liste
{
    border:1px solid #e0e0e0; 
    max-width:90px;
 }
 
 @media all and (min-width:600px)
    {     
        h1
        { 
            font-size:2.3em; 
            line-height:35px;
            text-align:center;
            font-weight:normal;
        } 
        
        h2.headline
        { 
            font-size:2.3em; 
            line-height:35px;
            text-align:center;
            font-weight:normal;
        } 
 
        h3
        { 
          line-height:1.4em;
          text-align:center;
        }
        
 .headlineProdukte
{ 
   color:#364e6d;
   font-size:2em;
   text-transform:uppercase;
   font-family: 'Roboto Condensed', sans-serif;
   line-height:1.2em;
}
   }

 @media all and (max-width:768px)
    {
        .btn-lg 
        {
	        padding: 8px 12px; 
	        border-radius: 6px; 
	        line-height: 1.3333; 
	        font-size: 12px;
        }

           
       .Abstand38
       {
          height:0px;    
         }
.headlineProdukte
{ font-size:1.4em;line-height:1.35em;}
p.big
{ line-height:1.3em;font-size:1.25em;}
}
 
 @media all and (min-width:768px)
    {
        .Leistungen
        { 
          font-size:1.2em;
          line-height:1.5em;
          text-align:left;
         } 
          p
        {
           font-family: 'Roboto Condensed', sans-serif;
           font-size:1.1em;
           line-height:1.5em;
        }
         h1
        { font-size:3.1em; 
          line-height:45px;
          text-align:center;
          font-weight:normal;
         }
          h2.headline
        { font-size:3.1em; 
          line-height:45px;
          text-align:center;
          font-weight:normal;
         }
         h2
        { 
           color:#364e6d;
           font-size:2.2em;
           text-transform:uppercase;
           font-family: 'Roboto Condensed', sans-serif;
        }
        
         h4
        {
              font-size:26px;  
              line-height:30px;
        }
        
        Text
        { 
          font-size:1.4em;
          line-height:1.5em;
          text-align:left;
          font-weight:300;
          
         }
         
        .TextContent
        { 
          font-size:1.2em; 
          line-height:1.6em;
          text-align:left;
          font-weight:300;
         }
              
         li.listen
         {
             list-style-image:url(../images/liste.png);
             background-color:#fff;
             border:1px solid #dadbdb;
             list-style-position:inside;
             margin:8px;
             font-size:18px;
             padding:2px;  
             line-height:30px; 
            
         }
        
        .content
        { 
            margin-top:-110px;
        }
        
}
@media all and (min-width:992px)
    {
  label
          {  
             line-height:2.5em;
 
                }
  
}
@media all and (min-width:1200px)
    {
.Abstand14
    {
     height:36px;
    }
    .Abstand4
 {
     height:16px;    
     margin:6px;   
 }
     
}

body {
	color: rgb(0, 0, 0); padding-bottom: 40px;
}
.navbar-wrapper {
	left: 0px; top: 30px; right: 0px; position: absolute; z-index: 20;
}
.navbar-wrapper > .container {
	padding-right: 0px; padding-left: 0px;
}
.navbar-wrapper .navbar {
	padding-right: 15px; padding-left: 15px; background-color:#fff;
}
.navbar-wrapper .navbar .container {
	width: auto;
	
}
.carousel {
	height: auto; margin-bottom: 60px;margin-top:80px;
}
.carousel-caption {
	z-index: 10;
	margin-top:-20px;
}
.carousel .item {
	height:100px; 
	/*background-color: rgb(119, 119, 119);*/
}
.carousel-inner > .item > img {
	left: 0px; top: 0px; height: auto; position: absolute; min-width: 100%;
}
.marketing .col-lg-4 {
	text-align: center; margin-bottom: 20px;
}
.marketing h2 {
	font-weight: normal;
}
.marketing .col-lg-4 p {
	margin-right: 10px; margin-left: 10px;
}
.featurette-divider {
	margin: 80px 0px;
}
.featurette-heading {
	line-height: 1; letter-spacing: -1px; font-weight: 300;
}
.logoNavBrand
{
    margin:-15px 0 0 5px;
    max-width:100px;
    height:auto;    
    }
    
     .navbar-collapse {
	margin-top:5px;
}
    

@media all and (min-width:400px)
{
    .carousel .item {
	height:120px; 
    }
}
@media all and (min-width:500px)
{
    .carousel .item {
	height:140px; 
    }
}

@media all and (min-width:600px)
{
    .carousel .item {
	height:170px; 
    }
}



@media all and (min-width:768px)
{
    .carousel {
	height: auto; margin-bottom: 60px;margin-top:125px;
}
    .logoNavBrand
{
    margin:-15px 0 0 5px;
    max-width:120px;
    height:auto;    
    }
        
    .carousel .item {
	height:260px; 
    }

    
 .navbar-collapse {
	margin-top:0px;
}
    
.navbar-wrapper {
	margin-top: 0px;
	background-color:#fff;
}
.navbar-wrapper .container {
	padding-right: 15px; padding-left: 15px;
}
.navbar-wrapper .navbar {
	padding-right: 0px; padding-left: 0px;
}
.navbar-wrapper .navbar {
	border-radius: 0px;
}
.carousel-caption p {
	line-height: 1.4; font-size: 21px; 
}
.featurette-heading {
	font-size: 50px;
}

.logoNavBrand
{
    width:100%;
    height:auto;
    }
    
  
    .navbar-default .navbar-nav > li > a {
	color: rgb(0, 0, 0);
	font-size:1.17em;	
	font-family:'Roboto Condensed',Sans-Serif, Arial, Calibri,verdana;
	
}

}
@media all and (min-width:860px)
{
    .carousel .item {
	height:290px; 
    }
}

@media all and (min-width:992px)
{
    .carousel {
	margin-top:145px;
}

.navbar-fixed-top .navbar-collapse {
	min-height: 125px;
}
     .logoNavBrand
{
    margin:-15px 0 0 5px;
    max-width:200px;
    height:auto;    
    }
.featurette-heading {
	margin-top: 120px;
}
.navbar-default .navbar-nav > li > a {
	color: rgb(0, 0, 0);
	font-size:1.4em;
	font-family:'Roboto Condensed', Sans-Serif, Arial, Calibri,verdana;
	
}

    .carousel .item {
	height:310px; 
    }
}

@media all and (min-width:1024px)
{
    .carousel .item {
	height:340px; 
    }
}

@media all and (min-width:1200px)
{
    .carousel .item {
	height:360px; 
    }
}

@media all and (min-width:1400px)
{
    .carousel .item {
	height:400px; 
    }
}

@media all and (min-width:1600px)
{
    .carousel .item {
	height:430px; 
    }
}
@media all and (min-width:1700px)
{
    .carousel .item {
	height:480px; 
    }
}