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

body,html{height: 100%;min-height: 100%}
body{font-family: 'Source Sans Pro', sans-serif;position: relative; text-align: center;font-size: 0.95rem;overflow-y: scroll;}

h1,h2,h3,h4,h5,h6,.card-block-uppercase{font-family: 'Roboto', sans-serif; font-weight:300; text-transform: uppercase;}


h2{
    position: relative;
    margin-bottom: 90px;
}

h2::after {
    content: url('../img/trenner.png');
    text-align: center;
    position: absolute;
    bottom:-80px;
    left: 50%;
    margin-left: -158px;
}

.blockquote {
    border-left: 0px solid #eceeef;
}

 .carousel-inner > .carousel-item > img, .carousel-inner > .carousel-item > a > img {
    width: 100%;
}

a:focus, a:hover {
   /* color: #fff;*/
}
a,a:hover,a:focus{text-decoration: none;color: #cad02a;}
.secondaryBG a,
.secondaryBG a:hover,
.secondaryBG a:focus
{color: #212529;}

.current-menu-item a,
.current-menu-parent > a{
    color: #fff;
}
section{padding:50px 0px}
section.fullwidthimage{padding:0px 0px; height:300px; background-size: cover !important }
section.gm{padding:0px 0px;}
section.carouselsection{padding:0px 0px}
#google_map{height:300px}
.text-primary {
    color: #cad02a !important;
}

.carousel-content {
    color:black;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:top;
    height:380px;
}

#carousel1 .carousel-control-next {
    right:-20px;
 }
#carousel1 .carousel-control-prev {
    left:-20px;
 }


.presse #carousel1 .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.presse #carousel1 .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");

}


header{background: url(../img/navi_bg.jpg) #6E3A0E;background-size: cover; background-position: left top;padding:5px 0px; position: fixed; z-index: 1000; top:0px;left:0px; width:100%}
.thenavigation{text-align: right;display: none;}
#Logo img{width:160px}
#page{margin-top:60px}
.headercontainer{position: relative}

.navSmallButton{position:absolute;top:-5px;right:10px; font-size:34px; z-index: 2500}
.navSmallButton a{ padding:0px 10px; color:#fff}

#phoneNav{position:absolute;top:58px; background-color: #fff; width:100%}


@media (min-width: 768px) {
    #Logo img{width:250px}
     header{padding:15px 0px}
    #page{margin-top:108px}
    #phoneNav{top:106px;}
}

@media (min-width: 993px) {
    .navSmallButton{display: none}
    #Logo img{width:300px}
     header{padding:30px 0px 0px}
    .thenavigation {display: block; margin-top:54px;}
    #phoneNav{display: none}
}

@media (min-width: 1200px) {
    #page{margin-top:138px}
    #Logo img{width:350px}
    .thenavigation {margin-top:66px;}
}


#mn{display: block;}

.headercontainer li.nav-item{position: relative;}
.headercontainer li.nav-item::before{
      position:absolute; /*or absolute*/
      z-index:1000; /*a number that's more than the modal box*/
      top:-77px;
    left: 0px;
      opacity: 0.8;
    -webkit-transform: scale(0.8);
    transform: scale(0.8)
}
.headercontainer li.nav-item:nth-child(1)::before{
      content:url('../img/koffer.png');
       left:-15px;
}
.headercontainer li.nav-item:nth-child(2)::before{
      content:url('../img/wohnwagen.png');
      left:-5px;
}
.headercontainer li.nav-item:nth-child(3)::before{
      content:url('../img/ufo.png');
      left:-10px;
}
.headercontainer li.nav-item:nth-child(4)::before{
      content:url('../img/booking.png');
      left:0px;
}
.headercontainer li.nav-item:nth-child(5)::before{
      content:url('../img/swine.png');
      left:-10px;
}
.headercontainer li.nav-item:nth-child(6)::before{
      content:url('../img/herz.png');
      left:0px;
}

.headercontainer li.nav-item:nth-child(7)::before{
      content:url('../img/telefon.png');
      left:0px;
}






/*NAVI*/
.headLogos{padding:20px 0px 0px; display: none}
#Logo{text-align: left}
#Logo2{text-align: right}
#Logo2 img{width:130px}
.navLogo{float:left; height:70px}
.navLogo img{height:60px; margin:5px 0px}

#subnavi {
    position: absolute;
    bottom: -30px;
    list-style: none;
    margin: 0px;
    padding: 0px;
    background: url(../img/navi_bg.jpg) #6E3A0E;
    white-space: nowrap
}
#subnavi li{display:inline-block}
#subnavi li a{color:#fff; padding:0px 10px; font-size:14px}
#subnavi li a.active{color:#cad02a}


.secondaryBG{background: #f9ffb6}


.hp-spacer{padding:45px 0px}


#footer{padding:20px 0px; background: url(../img/chalkboard.jpg);  color:#fff;}
#footer .menu-item{display: block}
.footercol{margin-bottom:30px}
.footercol span  {margin:0px 20px}
#footer h5{ margin-bottom:10px; font-size:18px; font-weight: bold; color:#cad02a}
#footer .copyright {}

#footer ul{ margin-bottom: 0px;padding: 0px;}
#footer ul li{ margin: 0px 5px; padding: 5px 0px}
#footer ul li a{ color:#fff; text-transform: uppercase}

#socialmedia{margin-top:20px; display: inline-block}
#socialmedia a {margin-right: 10px}

.sm-icons{display: block; margin-bottom: 20px !important}

.btn-nl{
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
}

.input-nl{
    background: url(../img/newsletter_input.png);
    border: none;
    color: #fff;
    width:251px;
    text-align: center
    
}
#CDSWIDCOE.widCOE {
    border: 0px solid #589442;
    margin: auto;
    width: 65px;
    font: normal 9px Verdana,"Bitstream Vera Sans",Arial,Helvetica,sans-serif;
}
#CDSWIDCOE.widCOE .widCOETitle,#CDSWIDCOE.widCOE .widCOELink a {
    font: normal 8px Arial,Helvetica,sans-serif !important;
    font-weight: normal;
}

#CDSWIDCOE.widCOE .widCOELink a {
    display: none
}


.navLogo img{height:59px; display: block; opacity: 1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}



#mainnav .container{position: relative}


.navbar {
    padding: 0;
    border-radius: 0px;
 
}
.navbar .nav{margin: 20px auto 0px;display: none}
.navbar-nav li a{
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.25rem;
    font-weight:bold;
    padding:0px 8px;
    color: #fff;
}

.navbar-nav li a i{
    
    padding-left: 4px;
}

.navbar-nav li.current-menu-item a,
.navbar-nav li.current-page-ancestor a,
.navbar-nav li.current-menu-parent > a{
    color: #cad02a;
   
}

.dropdown-item.active, .dropdown-item:active {
   color: #cad02a;
    text-decoration: none;
    background: none;
}


.menu-item{display: inline-block;margin: 0px 7px;}

.dropdown-menu {
    background: url(../img/navi_bg.jpg) top center;
    background-color: #614a35;
    border: 0px solid rgba(0, 0, 0, 0.15);
    border-radius: 0px;
}
.dropdown-menu li {
    padding:0px;
    margin: 0px;
    display:block;
}

.dropdown-menu li a{
    padding:0px;
    margin: 0px;
}

.dropdown-toggle::after {display:none}

#pmn{width: 100%;padding: 0px; position: relative;float: none;font-size:1.1rem}

#pmn li{display: block; border-bottom: 1px solid #aaa}

#pmn li a{display: block; padding:5px 0px; text-transform: uppercase; color:#000}
#pmn li a i{padding-left:5px}
#pmn .dropdown-menu{width: 100%;padding: 0px; position: relative!important;-webkit-transform:none!important;transform:none!important;float: none;background: none;text-align: center; }
#pmn .dropdown-menu li{display: block; border-bottom: 0px solid #aaa}


#langNav {
    position: absolute;
    top: 0px;
    right: 50px;
    z-index:1111;
}


#langNav .wpml-ls-legacy-list-horizontal a {
    padding: 5px 5px;
}

/*SITESTUFF*/

.btn{
    margin: 0px 10px 20px;
    border-radius: 0px;
    text-transform: uppercase;
    min-width:155px
}

.btn-hp{
   background: url(../img/buttoni.png) no-repeat #888;
   color:#fff !important;
   font-weight: bold;
   border:0px;
   position: relative;
   padding: 1px 20px;
    -webkit-box-shadow: 2px 2px 5px #333;
    box-shadow: 2px 2px 5px #333;
}
.btn-hp:hover,.btn-hp:focus{  
   color:#fff;
}

.btn.focus, .btn:focus {
    outline: 0;
    -webkit-box-shadow: 2px 2px 5px #333;
    box-shadow: 2px 2px 5px #333;
}

button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: none;
}



.card {
    position: relative;
    padding-right: 0px;
    padding-left: 0px;
    overflow: hidden;
    display: block;
    border:none;
    border-radius: 0px;
    margin-bottom:25px;
}

.modal .card {
 margin-bottom:15px;
}


.card-img {
    margin: 0px 0px;
    position: relative;
        overflow: hidden;
}
.card img {
 -webkit-transform: scale(1.15);
  transform: scale(1.15);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.card:hover img {
  -webkit-transform: scale(1);
  transform: scale(1);
  
}



.card-header a{
    display:block;
    padding:10px;
    color:#fff;
}
.card-header{
    padding:0px;
    background-color: #cad02a;
}
.card-block {
    color:#000;
    background: #f9ffb6;
    position: relative;
    z-index: 800;
}
.secondaryBG .card-block {
    background: #fff
}



.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:center;
    /* inline-block space fix 
    margin-right:-4px;
    */
    margin:auto;
}

.team-item{margin-bottom:20px}

.service-box {margin-bottom:30px}
.service-box i{min-height:65px}
.service-box h4{margin:15px 0px;}
.service-box p{height:50px;max-height: 50px}

.galImage{display: none}

.fancybox-caption-wrap{display: none}

html.fancybox-lock {
    overflow: visible !important;
}

/*Modal*/

.modal-transparent {
  background: transparent;
}
.modal-transparent .modal-content {
  background: transparent;background: #ffffff;
}
.modal-backdrop.modal-backdrop-transparent {
  background: #ffffff;
}

.modal-backdrop.show {
  opacity: .98;
  filter: alpha(opacity=98);
    z-index: 5000;
}

.modal-fullscreen {
  background: transparent;
    z-index: 5001;
}
.modal-fullscreen .modal-content {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.modal-backdrop.modal-backdrop-fullscreen {
  background: #ffffff;
}
.modal-backdrop.modal-backdrop-fullscreen.in {
  opacity: .97;
  filter: alpha(opacity=97);
}

.modal-fullscreen .modal-dialog {
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
    max-width: none;
}
.modal-body {
    position: relative;
    padding: 15px;
    max-width: 990px;
    margin: auto auto;
    width:100%;
}
.modal-footer {
    text-align: center;
}
.modal-close {
    position: fixed!important;
    right:20px;
    top:20px;
    z-index: 9999;
    color:#cad02a!important;;
}
.modal-close i{
    font-size: 30px;
}






.pressText p{font-size:14px; font-style:italic; font-family: Georgia, serif; padding:0px 45px}

.pressText p::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;
  
  /*Positioning*/
  position: absolute;
  left: 15px;
  top:-20px;
}


.pressAuthor{font-size:14px; margin-bottom:20px}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    display:inline-block;

}

.owl-nav div{ 
    color: #fff;
    background-color: #cad02a;
    height:40px;
    width:40px;
    line-height:40px;
    margin:0px 10px
}
.owl-nav div:hover{ 
background-color: #a1a621;
}


.einheitParams{ border:1px solid #cad02a ; padding:15px; text-align: left; margin: 20px 0px 30px;line-height: 1.3;}
.einheitParams i{}
.einheitParams span{font-size:14px}


@media (max-width: 575px) {
    .footercol span  {display:block; margin:20px 0px}
}

@media (max-width: 767px) {
    #mainnav{position: fixed;width:100%;background: url(../img/header-bg2oo.jpg)  #6E3A0E;background-size: cover;z-index: 1000}
    
    h1,
    .h1 {
        font-size: 2.5rem;
    }
    
    h2,
    .h2 {
        font-size: 1.4rem;
    }
    
    h3,
    .h3 {
        font-size: 1.2rem;
    }
    
    h4,
    .h4 {
        font-size: 1.1rem;
    }
    
    h5,
    .h5 {
        font-size: 1.1rem;
    }
    
    h6,
    .h6 {
        font-size: 1rem;
    }
    
    .footercol {margin-bottom:30px}
    .awardcol{margin:40px 0px 60px}
}



@media (min-width: 576px) {
    header {
        
        background-size: cover;
        height: auto;
        min-height: auto
    }
    #minilogo {
        padding: 5px 0px;
        margin-right: 14px
    }
    .navbar .nav {
    }
    #google_map{height:250px}
    .modal-close i{
        font-size: 40px;
    }
    
    
}




@media (min-width: 768px) {
    .navLogo img{ opacity: 0}
    .is-sticky .navLogo img{display: block; opacity: 1}
    .sticky.is-sticky {
      position: fixed;
      left: 0;
      right: 0;
      top: -141.45px;
      z-index: 1000;
      width: 100%;
    }
    .pressText p{font-size:17px; padding:0px 55px}
    .carousel-content {
        height:320px;
    }

    .pressAuthor{font-size:16px; font-weight:600}
    #carousel1 .carousel-control-next {
        right:-40px;
     }
    #carousel1 .carousel-control-prev {
        left:-40px;
     }
    .dropdown-menu li a{
        padding:0px 10px;
        margin: 0px;
        font-size: 1.0rem;
    }

    nav.is-sticky {
    background-size: cover;

    }

    nav.is-sticky .nav{
        margin-left: 0px;
    }
    
    .navbar-nav li a {
        font-size: 1.05rem;
    }

    .headLogos{display: block}
    
    #minilogo {
        margin-right: 40px
    }
    .navbar .nav {
        float: right;
        display: block;
    }
    section {
       /* padding: 140px 0px*/
    }
    section.fullwidthimage {
        height: 500px;
    }
    #footer{ text-align: left; background-size:cover}
    
    #footer .menu-item{display: block}
    
    #footer ul li{ margin: 0px 0px; padding: 0px 0px}
    #footer .metanavi {
        text-align: right
    }
    
    .footercol span.award {margin:0px 10px}
    .footercol span.award a img {width:80px}
    .awardcol{margin:0px 0px; text-align: center}
    .modal-fullscreen .modal-dialog {
        width: 750px;
    }
    .modal-close {right:50px; top:50px; }
    .modal-close i{ font-size: 60px; }
    #google_map{height:500px}

}

@media (min-width: 992px) {
    .modal-fullscreen .modal-dialog {
        width: 970px;
    }
    .awardsCol{display: block}
        
    .sm-icons,.sm-newsletter{display: inline-block; margin: 0px 0px !important}
    body{font-size: 1rem;}
     .pressText p{font-size:18px; padding:0px 75px}
    
    #langNav {
        position: absolute;
        top: -30px;
        right: 15px;
    }

}

@media (min-width: 1200px) {
    .modal-fullscreen .modal-dialog {
        width: 1170px;
    }
}








@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?14440238');
  src: url('../font/fontello.eot?14440238#iefix') format('embedded-opentype'),
       url('../font/fontello.woff2?14440238') format('woff2'),
       url('../font/fontello.woff?14440238') format('woff'),
       url('../font/fontello.ttf?14440238') format('truetype'),
       url('../font/fontello.svg?14440238#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?14440238#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-signal:before { content: '\e800'; } /* '' */
.icon-suitcase:before { content: '\e801'; } /* '' */
.icon-briefcase:before { content: '\e802'; } /* '' */
.icon-guidedog:before { content: '\e803'; } /* '' */
.icon-key:before { content: '\e804'; } /* '' */
.icon-bicycle:before { content: '\e80a'; } /* '' */
.icon-school:before { content: '\e834'; } /* '' */
.icon-toilet:before { content: '\e83b'; } /* '' */
.icon-food:before { content: '\f0f5'; } /* '' */
.icon-bed:before { content: '\f236'; } /* '' */
.icon-bath:before { content: '\f2cd'; } /* '' */
.icon-mastercard:before { content: '\f329'; } /* '' */


@media (min-width: 992px) {
    .jobs-teaser {
        position: absolute;
        top: 28px;
        left: -94px;
        -webkit-transform: rotate(-28deg);
        transform: rotate(-28deg);
    }
}
.jobs-teaser img {width:173px;height: auto}