/* chau-philomene-one-regular - latin */
@font-face {
  font-family: 'Chau Philomene One';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/chau-philomene-one-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/chau-philomene-one-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/chau-philomene-one-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/chau-philomene-one-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/chau-philomene-one-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/chau-philomene-one-v15-latin-regular.svg#ChauPhilomeneOne') format('svg'); /* Legacy iOS */
}

/* doppio-one-regular - latin */
@font-face {
  font-family: 'Doppio One';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/doppio-one-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/doppio-one-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/doppio-one-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/doppio-one-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/doppio-one-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/doppio-one-v13-latin-regular.svg#DoppioOne') format('svg'); /* Legacy iOS */
}

/* playfair-display-regular - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/playfair-display-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/playfair-display-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/playfair-display-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/playfair-display-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/playfair-display-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/playfair-display-v30-latin-regular.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}




/* CSS Document */

img {-ms-interpolation-mode: bicubic;max-width: 100%;width:auto;height:auto;}

.brand {
background: #000 url(../themes/assets/images/headerbild.jpg);
  min-height: 600px;
  border-bottom: 3px solid #fff;
  margin-bottom: 3em;
  }

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.428571429;
    color: #333;
    background: url(../themes/assets/images/background.jpg) fixed no-repeat;
    width: 100%;
}


.mainTitle {
    padding: 4px 0;
    border-top: 3px solid #666;
    background: #FAFAFA;
    color: #0C0C0C;
    text-align: center;
    box-shadow: 0 0 24px #D5D5D5;
}

.btn-default {
    color: #000;
    background-color: #fff;
    border-color: #0568ae;
    border-radius: 0;
}

.carousel-control.right, .carousel-control.left, #myCarousel1 .carousel-control.right, #myCarousel1 .carousel-control.left, #myCarousel2 .carousel-control.right, #myCarousel2 .carousel-control.left {
    color: #fff;
    font-size: 3em;
}

#myCarousel588 {
  background: none;
  margin-bottom: 3em;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #0568ae;
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin: 5px 15px;
    
}



.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #0568ae;  
}

.f-team {
    border-radius: 50%;
    border: 2px solid #0667B1;
}

.team-hr {
border: 1px solid #ccc;

}

.grow img{
transition: 1s ease;
}

.grow img:hover{
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
transition: 1s ease;
}

.shadow {
    box-shadow: 10px 10px 5px #888888;
}

.container h2 {
background: #fff;
font-family: 'Chau Philomene One', sans-serif;
font-size: 1.5em;
width: 14em;
margin: 0 auto;
border-radius: 5px 5px 0 0;
background: #0667B1;
color: #fff;
border: none;
-webkit-box-shadow: 0px 0px 10px 5px rgba(153,153,153,1);
-moz-box-shadow: 0px 0px 10px 5px rgba(153,153,153,1);
box-shadow: 0px 0px 10px 5px rgba(153,153,153,1);
z-index: -1;
padding: 8px 30px;
text-transform: uppercase;
position: relative;
margin-bottom: 0px;
text-align: center;
}

#myCarousel1 {
background: none;
margin-bottom: 3em;
}

#wrapper2 {
background: #fff;                                                            
z-index: 5000;
width: 100%;     
padding: 25px 15px;
}

#wrapper2 h1 {
color: #0667B1;
font-size: 1.5em;
font-weight: bold;
}

#wrapper2 a {
color: #0667B1;
line-height: 35px;

}

#wrapper2 a.download:before {
content: url(../themes/assets/images/pdf.png) " "; }
}

.aufz_produkte li {
list-style-image: url(../themes/assets/images/aufz_produkte.png);
line-height: 25px;
}

.trenner_produkte {
border: 1px solid #ccc;
}


.grow img {
border: 1px solid #0667B1;
border-radius: 5px;
background: #F0F0F0;
-webkit-box-shadow: 0px 0px 10px 5px rgba(224,224,224,1);
-moz-box-shadow: 0px 0px 10px 5px rgba(224,224,224,1);
box-shadow: 0px 0px 10px 5px rgba(224,224,224,1);
}

/*.headerbild {
min-height: 600px;
background: #000 url(../themes/assets/images/headerbild.jpg);
border-bottom: 3px solid #fff;
}*/

.navbar-inverse {
    background-color: #3A2B28;
    opacity: 0.9;
    border-color: #fff;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #ccc;
    background-color: #604E44;
}

.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a {
    color: #fff;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #604E44;
}

.navbar-textbrand {
background:transparent;
color: #fff;
font-weight: bold;
font-size: 1.1em;
margin-left: 4px;
}

.lang {
float:left;

}

.erzeugnisse {
margin-top: 17px;
float: right;
color: #fff;
}

.textlogo {
padding: 3px 0 3px 0;
width: 250px;
}

.navbar-nav {
    float: right;
    margin: 0;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 15px 15px;
    font-family: 'Chau Philomene One', sans-serif;    
    font-size: 1.2em;
}

.lang-logo {
color: #fff;
font-family: 'Chau Philomene One', sans-serif;    
font-size: 4.2em;
padding: 5px 15px;
margin: 5% 0;

}

.lang-logo img {
width: 350px;
border-radius:15px;
}

footer h1 {
color: #fff;
font-size: 1.5em;
border-bottom: 1px solid #fff;
height:35px;
}

footer {
background: #3B302C;
}

.footerlogo {
width: 220px;
margin-top: 20px;
border-radius: 25px;
}


.navbar-toggle {
z-index: 5001;
}

.navbar-inverse .navbar-toggle {
    border-color: #fff;
}

.navbar-form .form-control {
    display: inline-block;
    width: 100px;
    vertical-align: middle;
}

.form-control {
transition: 1s;
    right: 0;
border: 1px solid #fff;
background: #655349;
width: 100px;
color: #fff;
margin-right: -30px;
}

.form-control:hover {
transition: 1s;
    left: 0;
border: 1px solid #fff;
background: #fff;
width: 175px;
color: #3F2F2B;
}


.form-control:focus {
transition: 1s;
    left: 0;
border: 1px solid #fff;
background: #fff;
width: 175px;
color: #3F2F2B;
}


.btn-default {
background: #655349;
border: 1px solid #fff;

color: #fff;
border-radius: 5px;

}

.btn-default:hover {
background: #3F2F2B;
border: 1px solid #fff;
color: #fff;
}       

.dropdown-menu {
background: #635249;
color: #fff;
border-left: 5px solid #3F312D;
}

.dropdown-menu li a {
color: #fff;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.dropdown-menu li a:hover {
background: #fff;
color: #635249;
}

.navbar-nav > li.dropdown.open > a:focus {
  color: #fff;
  background: #635249;
}

.lang-logo h1 {
font-size: 0.8em;
}

.copyright {
color: #fff;
width: 100%;
background: #31221F;
border-top: 1px solid #fff;
height: 50%;
line-height: 50px;
}

.produkueberschrift {
font-size: 1.8em;
font-family: 'Chau Philomene One', sans-serif;
}

.linie {
background: #e8e8e8;
padding: 0 30px 30px 30px;
width:95%;
border-radius: 5px;
}

.serie {
color: #0667B1;
font-weight: bold;
font-style: italic;
}
.csc-uploads-fileName {
display: none;
}

.csc-uploads img {
margin-right: 25px;
padding-right: 15px;
line-height: 25px;
border-right: 1px solid #666;
}

.csc-uploads li {
list-style-type: none;
background: #e8e8e8;
padding: 0px 0 0px 10px;
border: 1px solid #fff;
}

.csc-uploads-description {
margin-left: 0px;
}

.echtzeit {
margin-bottom: 25px;
border-top: 5px solid #e8e8e8;
border-left: 5px solid #e8e8e8;
border-right: 5px solid #ccc;
border-bottom: 5px solid #ccc;

}

.echtzeit:after {
content: " Echtzeit";
color: #666;
}



.back-to-top {
 background: rgba(64, 49, 45, 0.5);
 border-radius: 50px;
 position: fixed;
 bottom:20px;
 right:20px;
 padding:1em;
}



.back-to-top:hover {
 color: #E95F47;
 border-radius: 50px;
 position: fixed;
 bottom:20px;
 right:20px;
 padding:1em;
}

.jahreszahl {
margin-right: 25px;
}