/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v34-latin-300.svg#OpenSans') 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 */
}
/*******************************************************/
/* Global Styles */
html,
body {
    height: 100%;
}

body {
    padding-top: 72px;
    /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

footer{
    background-color: #ddd;
    padding:2em;
    min-height:8em;
    text-align: center;
}
p {
    hyphens: auto;
}

dl dd {
    margin-bottom: 1.5em
}
/*******************************************************/
/* Define the colors */

.brown-offwhite {
    color: #e2d6ce;
    /*BEIGE*/
    background: #634433;
    /*BRAUN*/
}

.red-offwhite {
    color: #fff8f1;
    /*BEIGE*/
    background: #db1919;
    /*ROT*/
}

.grey {
    color: #808080;
    /* BODY TEXT*/
}

.lightgrey {
    background-color: #f7f7f7;
    /*BACKGROUND GREY*/
}


/*******************************************************/
/* Navbar */
nav {
    z-index:9999;
    transition: 0.3s;
    padding:0;
    border:0 !important;
    border-radius: 0 !important;
    font-weight: 300;
    text-transform: uppercase;
}

/******************************/
/* NAV (hat derzeit keine Änderungen bei Scrollen) */
    nav.affix-top {
    top: 0;
    width: 100%;
}
    nav.affix {
    top: 0;
    width: 100%;
}  
    nav.affix-bottom {
    position:absolute;
    top:auto;
    bottom:170px;
}

.navbar {
    margin-bottom: 0;
}
.navbar-header {
    min-height:72px; 
}
.navbar-nav li a,
.navbar-nav li a:link,
.navbar-nav li a:visited,
.navbar-nav li a:hover,
.navbar-nav li a:active {
    color: #e2d6ce !important;
    padding:1.85em 1em;;
    font-size: 100%;
}
.navbar-nav li a:hover, 
.navbar-nav li a:focus,
.navbar-nav li a:active {
    background: #ed533e !important;
}
.navbar-fixed-top .navbar-collapse, 
.navbar-fixed-bottom .navbar-collapse {
    max-height: 500px;
    transition: 0.3s; 
}
.dropdown-menu,
.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    background-color: #e0370a;
}

/******************************/
/* DAS KLEINE LOGO IN DER NAV */
.navbar-brand {
        padding:0;
        margin:0;
    }
    nav.affix-top .navbar-brand img {
        width:8em;
        margin-top:-4.5em;
        margin-left:16px;
        transition: 0.3s;
        background: #f7f7f7;
    } 
    nav.affix .navbar-brand img {
        width:8em;
        margin-top:0em;
        margin-left:16px;
        transition: 0.3s;
        background: #f7f7f7;
    }

/*******************************/
/* Der Hamburger */
.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-toggle {
    border:none;
}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
    background-color: #ed533e;
}
.navbar-default .navbar-nav > .active > a {
    background-color: #ed533e; 
}
/******************************/
/* DAS GROSSE LOGO IM HEADER */
.biglogo.affix {
        position: absolute;
        width:25em;
        margin-top:-12em;
        transition: 0.3s; 
}
.biglogo.affix-top {
        position: absolute;
        width:25em;
        margin-top:0em;
        transition: 0.3s;
}


/*******************************************************/
/* Header image */

.container.header {
    background: url(../../img/header-top-01.jpg) 50% 0;
    background-size: cover;
    overflow: hidden;
    padding:0;
}
.container.header img {
    visibility: hidden;
    display: block;
    padding-top:0em;
    overflow: hidden;
    min-height:5em;
    max-width:150%;
}

.headerimg2 {
    display: block;
    padding-top:0em;
    overflow: hidden;
}
.headerimg2 img {
    min-height:15em;
    max-width:150%;
}




/*******************************************************/
/* Home Page Carousel */

header.carousel {
    height: 50%;
    min-height: 400px;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}


/*******************************************************/
/* Content */
.loading {
    background:url(../../img/loadingAnimation.gif) no-repeat center 100px;
}
.downloadlist ul {
    list-style-type: none;
    margin-top: 4rem;
}
.downloadlist ul li {
    margin-bottom: .5rem;
}
.downloadlist ul li a {
    font-weight: 700;
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

.page-header {
    text-transform: uppercase;
    font-weight: 700;
}

/* COLORED TEASERBOX */
.headerteaser {
    font-size: 100%;
    text-align: center;
    position: relative;
    padding:.1em 1em .2em 1em;
    top:2em;
    left:0em;
    z-index: 99;
}
.headerteaser h4 {
    font-size: 180%;
    font-style: italic;
    font-weight: 700;
    text-transform:uppercase;
}
.headerteaser a.jobbutton {
    font-weight: 700;
    color: #e22525;
    margin-top:.2em;
}
.contentteaser {
    padding:.3em 1em .4em 2em;
}
.contentteaser a.jobbutton {
    font-weight: 700;
    color: #e22525;
    margin-top:.4em;
}

.box,
.jumbo,
.quality {
    margin-bottom:2em
}
.login-box {
    min-height:160px;
    /*border:3px solid #f7f7f7;*/
}
/* SMALL BOXES */
.box img {
    border: 5px solid #634433;
    max-height:10em;
    margin-bottom: 2em;
    margin-top: .8em;
}
.box h4 {
    font-size:150%;
    text-transform:uppercase;
    font-weight:700;
}
.boxtext {
    padding: 3em 5em;
}

/* COLORED JUMBO BOXES */
.jumbo h4 {
    font-size: 180%;
    font-weight: 700;
    text-transform:uppercase;
}
.jumbo .stat.center {
    text-align: center;
}
.jumbo .stat span {
    font-size: 200%;
    font-weight:700;
    text-transform: none;
    text-align: center;
}
.stat ul  {
    margin-bottom:2em;
}
.stat ul li {
    font-size: 150%;
    font-weight:700;
    text-transform: none;
    text-align: left;
    text-transform:uppercase;
    list-style-type:square
}

.jumbo .jobs h4 {
    font-style: italic;
    font-size: 300%
}
.jumbo .jobs a.jobbutton {
    width:250px;
    font-weight: 700;
    color: #e22525;
    margin-top:3em;
    position:relative;
}
a.deactivated {
    color:#fff8f1;
    background: none;
    border:1px solid #fff8f1;
    margin-top: 0.5em;
    opacity: .5;
}

.quality {
    padding:2em 0;
    text-align: center;
}
.quality div {
    padding:.8em 0;
}
.quality h4 {
    font-size:150%;
    text-transform:uppercase;
    font-weight:700;
}
.quality img {
    max-height:60px;
    margin:0 0 0 .8em;
    display: inline;
}


/* Nav to Top
---------------------------------------------------*/
#back-top {
  background: #e0370a;
  position: fixed;
  bottom:85px;
  right:5%;
  display: block;
  box-shadow: 0px 0px 8px #777;
  border-radius: 0;
  z-index: 99999;
}
#back-top a {
    display: inline-block;
    padding:1em;
    color:#fff8f1;
}



.divider {
    padding:1em 0;
}

.divider-high {
    padding:3em 0;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

/******************************************************/
/* MEDIUM SCREENS **************************************/

@media (min-width: 640px) { /* 768px original */
    .img-portfolio {
        margin-bottom: 15px;
    }
    header.carousel .carousel {
        height: 70%;
    }
    /* SMALL BOXES */
    .box img {
        border: 6px solid #634433;
        max-height:30em;
    }
    /* COLORED TEASERBOX */
    .headerteaser {
        font-size: 150%;
        text-align: right;
        padding:.2em 2em 1em 0;
        top:-2em;
        left:-1em;
    }
} /* MEDIUM SCREENS */
     


/******************************************************/
/* LARGE SCREENS **************************************/

@media (min-width: 992px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }


} /* LARGE SCREENS */


/******************************************************/
/* MEGA SCREENS **************************************/

@media (min-width: 1200px) {
    

} /* MEGA SCREENS */





/* FIREFOX HACK */
@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}