/* Layout Helper */

* {
    /*box-sizing: content-box;
    -moz-box-sizing: content-box;*/
}

body {
    font-family: 'Ubuntu', sans-serif;
}

.valignMiddle {
    display:table-cell;
    vertical-align:middle
}

.floatLeft {
    float:left;
}

.floatRight {
    float:right;
}

body {
    background:#fafafb;
}

/* Color Helper */
.backgroundGradient {
/*  background-image: -moz-linear-gradient( 90deg, rgb(0,36,66) 0%, rgb(0,40,70) 49%, rgb(0,39,71) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(0,36,66) 0%, rgb(0,40,70) 49%, rgb(0,39,71) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(0,36,66) 0%, rgb(0,40,70) 49%, rgb(0,39,71) 100%);
*/
  background-image: -moz-linear-gradient( 90deg, rgb(0,35,64) 0%, rgb(0,40,70) 49%, rgb(0,41,74) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(0,35,64) 0%, rgb(0,40,70) 49%, rgb(0,41,74) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(0,35,64) 0%, rgb(0,40,70) 49%, rgb(0,41,74) 100%);
}
.backgroundDarkBlue {
    background-color: #002746;
}
.backgroundDarkGrey {
    background-color: #3b4145;
}
.colorMiddleBlue {
    color:#54b9ff;
}

.backgroundGreyGradient {
  background-image: -moz-linear-gradient( 90deg, rgb(56,59,61) 0%, rgb(61,65,67) 50%, rgb(65,69,71) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(56,59,61) 0%, rgb(61,65,67) 50%, rgb(65,69,71) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(56,59,61) 0%, rgb(61,65,67) 50%, rgb(65,69,71) 100%);
}

/* Font */
.fontRegular {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
}
.fontMedium{
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
}
.fontBold {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
}

/* Text */
.claim-subheadline {
    text-transform: uppercase;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    color: #646464;
    text-shadow: none;
    letter-spacing: -0.02em;
    font-size: 2em;
}
.claim-headline {
    text-transform: uppercase;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    color:#002847;
    text-shadow: 0 1px 1px #ffffff;
    letter-spacing: -0.02em;
    font-size: 3em;
    padding-top: 0;
    margin-top: 0;
}
@media (max-width:767px) {
    .claim-subheadline {
        font-size: 1.5em;
    }
    .claim-headline {
        font-size:2em;
        padding-top: 10px
    }
}

@media (min-width: 768px) and (max-width: 991px) { /*IPAD*/
    .claim-headline {
        margin-bottom:40px;
    }
}

.claim-text {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    color: #5f696f;
    text-shadow: 0 1px 1px #ffffff;
    /*letter-spacing: -0.02em;*/
    font-size: 1.2em;
    padding-bottom: 20px;
}

.drop .claim-headline {
    color:#002847; 
}
.leave .claim-headline {
    color:#1d2108;
}
.winter .claim-headline {
    color:#17191a;
}


/*
 * NAVIGATION
 */

/* Logo */
.logoRow img {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    padding:17px 0 25px 0;
}

@media (max-width: 991px) {
    .logoRow {
        text-align: center;
    }
}

hr {
    /*box-shadow: 0 1px 0px rgba(0,0,0,0.2);*/
}

/* Navigation Links */
.navigationArea {}
 
.navigationArea.borderBottom {
    border-bottom:1px solid #fff;        
}

.navigationRow {
    text-align: right;
}
.navigationLink {
    text-transform: uppercase;
    cursor: pointer;
    padding:39px 4% 30px 4%;
    text-align: center;
    font-size: 19px;
    text-rendering: optimizeLegibility;
    display:inline-block
}
.navigationLink.blue {
    color:#54b9ff;
}
.navigationLink.green {
    color:#b2c35d;
}
.navigationLink.white {
    color:#e5e7e8;
}

.navigationLink.active {
    background-position: center bottom;
    background-repeat: no-repeat;    
}
.navigationLink.blue.active {
    background-image:url('../images/ind_con.png');
}
.navigationLink.green.active {
    background-image:url('../images/ind_tra.png');
}
.navigationLink.white.active {
    background-image:url('../images/ind_whi.png');
}

@media (max-width: 767px) { /*iPHONE*/
    .navigationRow {
        text-align: center;
    }
    .navigationLink {
        float:none;
        padding:5px 2% 5px 2%;
        height: 38px;
    }
    .navigationLink.active {
        background-image:none !important;
    }
    .navigationLink.active:before {
        content:'‣ ';
    }
}

@media (max-width: 991px) { /*iPAD Portrait*/
    .navigationRow {
        text-align: center;
    }
    .navigationLink {
        padding-left: 1%;
        padding-right: 1%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .navigationLink {
        padding-left: 2%;
        padding-right: 2%;
    }
}

.navigationLink:hover {
    background-color: #001627;
    text-decoration: none;
}

/**
    CAROUSEL
*/

.item
{
    height:380px;
    background-position: 10% 0%;
    background-repeat: no-repeat;
}
.item.leave {
    background-image: url(../images/leave.jpg);
}
.item.drop {
    background-image: url(../images/drops.jpg);
}
.item.winter {
    background-image: url(../images/ice.jpg);
}

#myCarousel .carousel-indicators li {
    transition: background-color 0.25s ease, width 0.25s ease, height 0.25s ease;
    background-color:#5e696f;
    border:none;
    width:6px;
    height:6px;
    margin:4px;
}
#myCarousel .carousel-indicators li.active {
    width:12px;
    height:12px;
    margin-bottom:1px;
    background-color:#cacaca;
}
#myCarousel .carousel-indicators {
    bottom:-40px
}
.carousel-caption {
    text-align:left;
    padding:0 10px; 
    left:15%; 
    right:none; 
    width:45%;
    border-radius: 5px;
}
.carousel-control {
    background: none;
}


/*ARROW LEFT & RIGHT*/
.carousel-control {
    opacity: 1;
    z-index: 100;
}

.carousel-control.arrow-left {
  background-image: -webkit-linear-gradient(left, color-stop(rgba(250, 250, 251, 1) 0%), color-stop(rgba(250, 250, 251, .0001) 100%));
  background-image:         linear-gradient(to right, rgba(250, 250, 251, 1) 0%, rgba(250, 250, 251, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFFFFF00', GradientType=1);
  background-repeat: repeat-x;
}

.carousel-control.arrow-right {
  background-image: -webkit-linear-gradient(left, color-stop(rgba(250, 250, 251, .0001) 0%), color-stop(rgba(250, 250, 251, 1) 100%));
  background-image:         linear-gradient(to right, rgba(250, 250, 251, .0001) 0%, rgba(250, 250, 251, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF00', endColorstr='#FFFFFFFF', GradientType=1);
  background-repeat: repeat-x;
}

.carousel-control img {
    display:block;
    top:50%;
    position:absolute;
    margin-top:-7px;    
    opacity: 0.8;
}
.carousel-control:hover img {
    opacity: 1;
}
.arrow-left img {
    left:20%;
}
.arrow-right img {
    right:20%;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3/2),
    only screen and (min--moz-device-pixel-ratio: 1.5),
    only screen and (min-device-pixel-ratio: 1.5) {

    .item.leave { background-image:url(../images/leave@2x.jpg); background-size: 1278px 377px;}
    .item.drop { background-image:url(../images/drops@2x.jpg); background-size: 1278px 377px;}
    .item.winter { background-image:url(../images/ice@2x.jpg); background-size: 1278px 377px;}

    .navigationLink.active { background-size: 21px 10px }
    .navigationLink.blue.active { background-image:url('../images/ind_con@2x.png') }
    .navigationLink.green.active { background-image:url('../images/ind_tra@2x.png') }
    .navigationLink.white.active { background-image:url('../images/ind_whi@2x.png') }

}

@media (max-width: 767px) { /*iPhone*/
    .carousel-caption {
        left: 0%;
        width:100%;
        padding:0 10%;
        background-color: rgba(255,255,255,0.7); 
    }    
    .item {
        height:240px;
        background-position: 75% 50%;
    }
}

@media (max-width: 991px) { /*iPad Portrait*/
    .item {
        background-position: 50% 0%;
    }
}

.btn-green {
  color: #ffffff;
  background-color: #a3ba28;
  border-color: #c9c9c9;
}

.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active,
.open .dropdown-toggle.btn-green {
  color: #ffffff;
  background-color: #879b22;
  border-color: #c9c9c9;
}

/**
LOGO BOX STARTSEITE
*/

.logobox {
    margin:20px 0 40px 0;
}

.logobox .carousel-control {
    width:8%;
}

.logobox .item {
    padding-left:5%;
    padding-right:5%;
    height: 200px;
}
.logobox .item img {
    width:15%;
}

@media (max-width: 767px) { /*IPHONE*/
    .logobox .item img {
        width:45%;
        padding:10% 5%;        
    }
}

.hover-sub img:first-child {
    display:none;
}
.hover-sub img:last-child {
    display:block;
}
.hover-sub:hover img:first-child {
    display:block;
}
.hover-sub:hover img:last-child {
    display:none;
}


/* LOGOFRIEDHOF */

.logofield img, .logofield a {
    width:16%;
    margin-bottom:20px;
}

#LogoField .logofield a {
    height:50%;
}

#LogoField.logofield img {
    width:100%;
}

#LogoField .hover-sub {
    display:inline-block;
}

@media (min-width: 768px) and (max-width: 991px) { /*IPAD*/
    .logofield img {
        width:24%;
    }
}

@media (max-width: 767px) { /*IPHONE*/
    .logofield img {
        width:32%;
    }
}

/**
FOOTER
*/

.footer {
    padding-top:20px;
    color: #fff;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    font-size: 1em;
}

.footer h2 {
    text-transform: uppercase;
    font-size: 0.9em;
    padding-bottom:20px;
}

.footer p {
    font-size: 0.9em;
    font-weight: 400;
    line-height: 2em;
}

@media (max-width: 767px) { /*IPHONE*/
    .footer .col-xs-12 {
        text-align: center;
        border-bottom:1px solid rgba(128,128,128,0.2);
    }
    .footer .col-xs-12:nth-child(4) {
        padding-bottom:20px;
    }
    .footer .col-xs-12:nth-child(1), .footer .col-xs-12:nth-child(2) {
        padding-bottom:10px;
    }
    .footer .col-sm-4 {
        text-align: center;
    }
}
/*@media (min-width: 768px) and (max-width: 991px) {
    .footer .col-sm-6:nth-child(3), .footer .col-sm-6:nth-child(4) {
        background: #202325;
        padding-bottom:10px;
    }
}*/
@media (min-width: 768px) and (max-width: 991px) { /*IPAD*/
    .footer .col-sm-6:nth-child(1), .footer .col-sm-6:nth-child(2) {
        padding-bottom:20px;
    }
    .footer .col-sm-6:nth-child(3), .footer .col-sm-6:nth-child(4) {
        border-top:1px solid rgba(128,128,128,0.2);
        border-bottom:1px solid rgba(128,128,128,0.2);
        padding-bottom: 25px;
        padding-top:20px;
    }
}

/*Remote Button*/
.footer .remote_btn {
    padding-right:60px;
    font-size: 0.9em;
    font-weight: 400;
    opacity: 0.8;
}

.footer .remote_btn img {
    position:absolute;
    margin: -20px 0 0 12px;
}

/*Input Fields*/

.footer .btn-green {
    border:1px solid #6c7d1c;
    opacity: 0.8;
}

.footer .form-group {
    margin-bottom: 5px;
}

.footer .form-control {
    background-color:#2a2d2e;
    border:none;
    color:#a8a9a9;
}
.footer .form-control:-moz-placeholder {
  color: #4d4e4f;
}
.footer .form-control::-moz-placeholder {
  color: #4d4e4f;
  opacity: 1;
}
.footer  .form-control:-ms-input-placeholder {
  color: #4d4e4f;
}
.footer  .form-control::-webkit-input-placeholder {
  color: #4d4e4f;
}
.footer .form-control:focus {
  border-color: #c2d464;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194, 212, 100, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(194, 212, 100, .6);    
}

/*Links */
.footer .text-link {
    color:#fff;
}

/*
* SUBNAVIGATION
*/

.subnavigation {
    height: 29px;    
    border-bottom:1px solid #fff;
}

@media (max-width: 767px) { /*iPHONE*/
    .subnavigation {
        height: auto;    
        text-align: center
    }    
    .subnavigation a {
        display:block;
    }
}

.subnavigation.blue {
    background:#3eafff;
}
.subnavigation.green {
    background:#a3ba28;
}
.subnavigation.white {
    background:#7a868e;
}

.subnavigation a {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;    
    font-size:1.2em;
    text-transform: uppercase;
    color:#fff;
    text-shadow:0 1px 1px rgba(0, 39, 70, 0.5);
    height: 28px;
    line-height: 28px;
    display: inline-block;
    margin-right:1.5em;
    padding:0 8px;
}

.subnavigation a:hover {
    text-decoration: none;
    /*border-radius: 4px*/
}

.subnavigation.blue a:hover {
    background:#005fa9;
}

.subnavigation.green a:hover {
    background:#7b8c1e;
}

.subnavigation.white a:hover {
    background:#3a4145;
}



/*
* SUBPAGES
*/

.btn {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400; 
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.25)
}
.btn:hover {
    border:1px solid transparent;
}


/* PILE BUTTONS */
.subpage .piles .btn {
    margin-bottom:5px;
}
.subpage.blue .piles .btn {
    background:#005fa9;
}
.subpage.blue .piles .btn:hover {
    background:#3eafff;
}
.subpage.green .piles .btn {
    background:#a3ba28;
    border-color:#99a84c;
}
.subpage.green .piles .btn:hover {
    background:#6d7d1c;
}



.mainpage p, .subpage p {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;    
    line-height: 1.5em;
    font-size: 1.15em;
}

.subpage .item {
    height:260px;
    background-position: 50% 50%;
}

@media (max-width: 767px) {
    .subpage .item {
        height:180px;
    }
}

.subpage .carousel-caption {
    left:3%;
    right:3%;
    width:75%;
    text-align: left;
    bottom: 5%;

    /*background-color: rgba(255,255,255,0.7);*/
}

.subpage .claim-headline {
    margin-top:15px;
}

.subpage .carousel-caption {
    padding-left:2%;
    padding-right:2%;
}
.subpage .claim-text {
    width:60%;
}

.subpage .leave .claim-headline, .subpage .leave .claim-text {
    color:#2b300b;
}
.subpage .winter .claim-headline, .subpage .leave .claim-text {
    color:#17191a;
}

.subpage .description {
    padding:20px 5%;
    text-align: justify;
    color:#5f6970;
    /*opacity: 0.7;*/
    text-shadow: 0 1px 0 #eee;
}

.mainpage .description {
    padding:50px 5% 20px 5%;
}

.column-text {
    -webkit-column-width: 400px;
    -webkit-column-gap: 2.5em;
    -moz-column-width: 400px;
    -moz-column-gap: 2.5em;
    column-width: 400px;
    column-gap: 2.5em;    
    text-align: justify;
}


.piles {
    /*margin-bottom: 20px;*/
}

/*
TEXTBOXES
*/

.textbox {
    border-radius:5px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    border:1px solid #eee;
}

.textbox.blue.bright {
  background-image: -moz-linear-gradient( 90deg, rgb(205,235,255) 0%, rgb(244,250,255) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(205,235,255) 0%, rgb(244,250,255) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(205,235,255) 0%, rgb(244,250,255) 100%);
}

.textbox.blue.dark {
  background-image: -moz-linear-gradient( 90deg, rgb(200,236,255) 0%, rgb(17,86,135) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(200,236,255) 0%, rgb(17,86,135) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(200,236,255) 0%, rgb(17,86,135) 100%);
}

.textbox.green.dark {
  background-image: -moz-linear-gradient( -90deg, rgb(164,188,41) 0%, rgb(215,221,178) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(164,188,41) 0%, rgb(215,221,178) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(164,188,41) 0%, rgb(215,221,178) 100%);
}

.textbox.green.bright {
  background-image: -moz-linear-gradient( 90deg, rgb(237,242,210) 0%, rgb(250,252,242) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(237,242,210) 0%, rgb(250,252,242) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(237,242,210) 0%, rgb(250,252,242) 100%);
}

.textbox.bright img {
    margin:20px;
    float:left;
}
.textbox.dark img {
    margin:20px;
    float:right;
}

.subpage .textbox {
    margin-bottom: 40px;
    padding-bottom: 20px;
}

.subpage .textbox h1 {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    font-size: 3em;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #fff;    
    padding-top: 20px;
}
.subpage .textbox.bright h2 {
    text-shadow: 0 1px 0 #fff;    
}
.subpage .textbox p {
    padding:0 5%;
    color:#3a4045;
    text-align: justify;
}

@media (max-width:767px) {
    .subpage .claim-subheadline {
        font-size: 1.5em;
    }
    .subpage .textbox .claim-headline {
        font-size:2em;
        padding-bottom:15px;
    }
}

.textbox.bright h1, .textbox.bright h2 {
    text-align: left;
}
.textbox.dark h1, .textbox.dark h2 {
    text-align: right;
}
.textbox.bright h2 {
    padding-right:5%;
}
.textbox.dark h2 {
    padding-left:5%;
}

.textbox.blue h1 {
    color:#002846;
}
.textbox.blue h2 {
    color:#5f6970;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    font-size: 1.15em;
    line-height: 1.5em;
}
.textbox.green h1 {
    color:#5f692f;
}
.textbox.green h2 {
    color:#2b310c;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    font-size: 1.15em;
    line-height: 1.5em;
}
.textbox.dark h1 {
    color:#fff;
    text-shadow: 0 1px 1px #000;
}
.textbox.dark h2 {
    color:#fafafb;
    text-shadow: 0 1px 0 rgba(0,0,0,0.5);
}

@media (max-width:767px) {
    .subpage .textbox img {
        text-align: center;
    }
    .subpage .textbox h1 {
        font-size: 2em;
        text-align: center;
    }
    .subpage .textbox h2 {
        text-align: left;
        padding-left:5%;
    }
}



.marginTop60 {
    margin-top:60px;
}

/*
REFERENZEN
*/

h1.subheadline {
    color:#002746;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 700;
    font-size: 3em;
    text-align: center;    
    text-transform: uppercase;
    letter-spacing: -0.05em;
}
h1.subheadline.green {
    color:#2b300b;
}

h2.subheadline {
    color:#999;
    text-align: center;
    font-size:1.15em;
    line-height: 1.5em;
    /*text-shadow:0 1px 1px rgba(0,0,0,0.05);*/
}

.ref-box, .ref-info {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;    
}

@media (max-width:767px) {
    .ref-box {
        margin-bottom:30px;
    }
}

.ref-head {
    text-align: center;
}
.ref-headline {
    font-size:1.2em;
    font-weight: 400    
}
.ref-logo {
}
.ref-text {
    padding:5%;
    color:#2f3437;
    font-size: 1.1em;
    line-height: 1.6em;
}
/*.ref-text:before {
    content:'„';
    font-size:2em;
    position:absolute;
    top:25%;
    left:-3%;
    color:#bbb;
    opacity: 0.25;
}
.ref-text:after {
    content:'”';
    font-size:5em;
    position:absolute;
    bottom:3%;
    right:6%;
    color:#bbb;
    opacity: 0.25;
}*/
p.ref-person-text {
    font-size:0.9em;
    color:#5f696f;
    padding-left: 64px;
}
.ref-big-box {
    margin-bottom:40px;
}
.ref-person-box {
    /*opacity: 0.75;*/
}
.ref-info {
    color:#5f696f;
}


/* CONTACT */
.subpage.contact .subheadline {
    color:#3a4145;
}

.subpage.contact .description {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;    
    padding-left:10%;
    padding-right:10%;
    line-height: 1.5em;
    font-size: 1.15em;
}

.job-box {
    color:#3a4145;
    font-size: 1.15em
}
.job-box h1 {
    font-size:2em;
    font-weight: 700;
}
.job-box h2 {
    font-size: 1em;
    color:#666;
    text-shadow:0 1px 2px rgba(255,255,255,1);
}
.job-box img {
    float:left;
}
.job-box h3 {
    font-size: 1em;
    padding-left:40px;
}


/* TOOLTIP */
.tooltip em {
    display:block;
    font-style:normal;
}
.tooltip em.blue {
    color:#0097ff;
}
.tooltip em.green {
    color:#aec62e;
}


.hoos_icon { 
    font-size:6em;
    color:#3a4145;
    padding-right:2%;
}

.footer-link {
    border:1px solid #2a2d2e;
    border-radius: 7px;
    padding:10px;
}