@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,300,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Kristi|Cabin:400,500,600,700|Herr+Von+Muellerhoff);
@import url(https://fonts.googleapis.com/css?family=Over+the+Rainbow);
@import url(https://fonts.googleapis.com/css?family=Italianno);
 
/* generel */
.cursorpoint {cursor: pointer; cursor: hand;}


body {
    width: 100%;
    height: 100%;
    color: #515150;
    font: 1em/1.5 "Cabin",Arial,Helvetica,sans-serif;
    font-size: 16px; 
    line-height: 1.7; 
    background-color: #FFF;
    text-decoration: none; 
    overflow-y:scroll;
    background-color: #fbbd00;
}

html {
    width: 100%;
    height: 100%;
}


.imag100 img {max-width: 20px ;height: auto; text-align: center; padding: 0 5px}

.imp {text-align: center; font-size: 20px; padding-bottom:30px}


a, a:hover, a:visited, a:link, a:active { text-decoration: none; }
.container-page { max-width: 1320px; margin: 0 auto; }
.inlinetext { display: inline; }
.cleardiv { clear: both; }
.aligncenter { margin-left: auto; margin-right: auto; text-align: center; }
.alignleft { margin-left: auto; margin-right: auto; text-align: left; }
.alignright { margin-left: auto; margin-right: auto; text-align: right; }
.floatright { float: right !important; }
.floatleft { float: left !important; }

/* Abstände */ 
.height5px { width: 100%; height: 15px; }
.height10px { width: 100%; height: 10px; }
.height25px { width: 100%; height: 25px; }
.height20px { width: 100%; height: 20px; }
.height30px { width: 100%; height: 30px; }  
.height40px { width: 100%; height: 40px; }     
.height50px { width: 100%; height: 50px; }
.height60px { width: 100%; height: 60px; }
.height70px { width: 100%; height: 70px; }
.height80px { width: 100%; height: 80px; }
.height90px { width: 100%; height: 80px; }
.height100px { width: 100%; height: 80px; }


/* Logo / Schriften */

.fineschrift1 {font-family: 'Kristi', cursive;}
.fineschrift2 {font-family: 'Herr Von Muellerhoff', cursive;}





.nav>li>a {
    position: relative;
    display: block;
    padding: 12px 12px
}

@media(max-width:968px) {
.nav>li>a {
    position: relative;
    display: block;
    padding: 12px 10px
}
 
}



@media (max-width:1000px) {
    .container {
        width: 100%
    }
}


.navbar-custom {
    margin-bottom: 0;
    text-transform: uppercase;
    font: 1em/1.5 "Cabin",Arial,Helvetica,sans-serif;
    font-size: 16px; 
}


@media(min-width:968px) {
   .navbar-custom {
    font-size: 12px; 
 
}
}

@media(min-width:768px) {
   .navbar-custom {
    font-size: 12px; 
 
}
}

@media(min-width:1280px) {
   .navbar-custom {
    font-size: 14px; 

}
}


.navbar-custom .navbar-brand {

    font-family: 'Oswald', sans-serif;
           text-transform: none;
            color: #c59d5f;
}

.navbar-custom .navbar-brand:focus {
    outline: 0;
}

.navbar-custom .navbar-brand .navbar-toggle {
    padding: 4px 3px;
    font-size: 16px;
}

.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active {
    outline: 0;
}

.navbar-custom a {
    color: #fff;
     -webkit-transition: 0.5s;
     -moz-transition: 0.5s;
     -ms-transition: 0.5s;
      transition: 0.5s; 
}

.navbar-custom .nav li a {
    color: #515150;
    background-color:#FFF;
}

.navbar-custom .nav li a:hover {
    outline: 0;
    color: #c59d5f;
    text-decoration: underline;
}

.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:active {
    color: #c59d5f;
  text-decoration: underline;
}

.navbar-custom .nav li.active {
   text-decoration: underline;
}

.navbar-custom .nav li.active a {

   text-decoration: underline;
}

.navbar-custom .nav li.active a:hover {
   color: #c59d5f;
}

@media(min-width:368px) {
    .navbar-custom {
        padding: 18px 0;
        border-bottom: 0;
        letter-spacing: 1px;
    background-color:#FFF;
       -webkit-transition: 0.5s;
     -moz-transition: 0.5s;
     -ms-transition: 0.5s;
      transition: 0.5s; 

    }

    .navbar-custom.top-nav-collapse {
        padding: 0;
        border-bottom: 2px solid rgba(255,255,255,.3);
          background-color:#FFF;
     -webkit-transition: 0.5s;
     -moz-transition: 0.5s;
     -ms-transition: 0.5s;
      transition: 0.5s; 



    }
}


.navbar-custom.top-nav-collapse  li a {
    color: #515150;
}

.navbar-custom.top-nav-collapse  a:hover {
    color:#000 ;
}


.navbar-custom.top-nav-collapse  .navbar-brand {
 color: #c59d5f;
}



.headline__secondary {
    position: relative;
    font-family: "Herr Von Muellerhoff", Palatino, serif;
    font-size: 100px;
    font-weight: normal;
    letter-spacing: 0;
    text-transform: none;
    padding: -135px 0px;
    margin: -135px 0px;
    color: #e3d9ca;
     -webkit-animation-duration: 2s;
     -webkit-animation-delay: 0.3s;
}


@media(max-width:768px) {

.headline__secondary {
    position: relative;
    font-family: "Herr Von Muellerhoff", Palatino, serif;
    font-size: 100px;
    font-weight: normal;
    letter-spacing: 0;
    text-transform: none;
    padding: -35px 0px;
    margin: -35px 0px;
    color: #c59d5f;
     -webkit-animation-duration: 2s;
     -webkit-animation-delay: 0.3s;
}
.first-letter { font-size: 120px; }

}


.first-letter { font-size: 180px; }




.headline__description {

    margin: 0 auto;
    text-align: center;
    width: 280px

}


.article__header .article__headline .pixcode--separator {
    display: inline-block;
    margin-left: auto;
    margin-right: auto
     text-align: center;
}


.separator--line-flower {
    position: relative;
    margin: 0px 0;
    color: #c59d5f
}

.separator--line-flower .line {
    content: "";
    position: absolute;
    top: 50%;
    width: 100%;
    border: 1px solid #d8d8d8;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.separator--line-flower .line--left {
    right: 58%
}

.separator--line-flower .line--right {
    left: 58%
}

.separator--line-flower .arrow--left, .separator--line-flower .arrow--right {
    content: "";
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.separator--line-flower .arrow--left {
    left: -92px;
    border-left: 7px solid #d8d8d8
}

.separator--line-flower .arrow--right {
    right: -92px;
    border-right: 7px solid #d8d8d8
}

.separator--line-flower.separator_color--white .arrow--left {
    border-left: 7px solid white
}

.separator--line-flower.separator_color--white .arrow--right {
    border-right: 7px solid white
}


svg:not(:root) {
    overflow: hidden
}

.blurp--top {
    position: absolute;
    left: 50%;
    margin-left: -96px;
    margin-top: -50px;
    z-index: 10
}


.down-arrow {
    display: block;
    width: 80px;
    height: 80px;
    opacity: 0.7;
    position: absolute;
    left: 50%;
    margin-left: -40px;
    cursor: pointer;
    z-index: 10
}

.down-arrow .arrow {
    display: block;
    position: absolute;
    top: -20px;
    left: 50%;
    z-index: 20;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}


.down-arrow--bubble .arrow {
    width: 16px;
    height: 16px;
    margin-left: -8px;
    margin-top: -8px;
    border-right: 2px solid black;
    border-bottom: 2px solid black
}


.blurp--down {
    position: absolute;
    left: 50%;
    margin-left: -96px;
    margin-top: -50px;
    z-index: 10;

}





.up-arrow {
    display: block;
    width: 80px;
    height: 80px;
    opacity: 0.7;
    position: absolute;
    left: 50%;
    margin-left: -40px;
    cursor: pointer;
    z-index: 10;
    color: #FFF;
}

.up-arrow .arrow {
    display: block;
    position: absolute;
    top: -20px;
    left: 50%;
    color: #FFF;
    z-index: 20;
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}


.up-arrow--bubble .arrow {
    color: #FFF;
    width: 16px;
    height: 16px;
    margin-left: -8px;
    margin-top: -8px;
    border-right: 2px solid white;
    border-bottom: 2px solid white;
}




.navigator {
    position: fixed;
    top: 50%;
    right: 48px;
    z-index: 999;
    opacity: 0
}

@media only screen and (max-width: 899px) {
    .navigator {
        display: none
    }
}

.navigator.navigator--transparent {
    right: 0;
    background: white;
    border: 12px solid transparent;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-transition: opacity 0.3s ease-out;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out
}

.navigator.navigator--transparent:hover {
    opacity: 1 !important
}

.navigator__item {
    display: block;
    padding: 6px;
    background: rgba(255, 255, 255, 0.01);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0
}

.navigator__item .bullet {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid white;
    -moz-transition: background-color, border-color 0.1s ease-in-out;
    -webkit-transition: background-color, border-color 0.1s ease-in-out;
    transition: background-color, border-color 0.1s ease-in-out;
    cursor: pointer
}

.navigator--transparent .navigator__item .bullet {
    border: 2px solid black
}

.navigator__item--selected {
    position: absolute;
    top: 0;
    left: 0;
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0
}

.navigator__item--selected .bullet {
    background: white;
    border-color: transparent;
    border-color: rgba(255, 255, 255, 0.01);
    cursor: default
}

.navigator--transparent .navigator__item--selected .bullet {
    background: black
}

.navigator--black .navigator__item .bullet {
    border-color: black
}

.navigator--black .navigator__item--selected .bullet {
    background: black
}

/* Texte */

.content-info {text-align: center;}
.werning-info { width: 80%; text-align: center; }

.contenttext-box { padding: 100px 10px;}
.downsmall { padding: 100px 10px 20px 10px !important;}
.downupsmall { padding: 30px 10px 50px 10px !important;}
.upsmall { padding-bottom: 30px !important;}

.contenttext-box-small { padding: 30px 10px 100px 10px;}
.contenttext-box-small-down { padding: 30px 10px 30px 10px;}



.contenttext-box .rightimg img, .contenttext-box-small-down .rightimg img {max-width: 100%;
height: auto; text-align: center; padding: 0 5px}

.contenttext-box .leftimg img, .contenttext-box-small-down .leftimg img {max-width: 100%;
height: auto; text-align: center; padding: 20px 5px}


@media(max-width:768px) {
.contenttext-box .rightimg img, .contenttext-box-small-down .rightimg img {padding: 25px 5px}

}


.contenttext-box-small { padding: 0px 10px 100px 10px;}
.contenttext-box-small .rightimg img {max-width: 100%;
height: auto; text-align: center; padding: 0 5px}

.contenttext-box-small .leftimg img {max-width: 100%;
height: auto; text-align: center; padding: 20px 5px}

.uberschrift_hand-first-letter { font-size: 120px; }
.uberschrift_hand {
position: relative;
    font-family: "Herr Von Muellerhoff", Palatino, serif;
    font-size: 100px;
    font-weight: normal;
    letter-spacing: 0;
    text-transform: none;
    color: #c59d5f;
    padding: 0 0;
    margin: 0 0;
    height: 110px;
}
.uberschrift-fett {
font-family: "Source Sans Pro",Georgia,serif;
font-size: 50px;
font-weight: 700;
color: #000;
position: relative;
z-index: 1;
margin: 0;
letter-spacing: 0.1em;
margin-right: -0.3em;
text-transform: uppercase;
}

@media(max-width:768px) {
        .uberschrift_hand-first-letter { font-size: 80px; }
        .uberschrift_hand {position: relative; font-size: 80px; height: 80px;}
        .uberschrift-fett {font-family: "Source Sans Pro",Georgia,serif; font-size: 30px; font-weight: 400;}
}




.separator--flower {
    margin: 5px 0;
    font-size: 17px;
    font-family: Serif;
    color: #9a9998
}



.dummy {height: 1000px;}


.footer {height: auto; background-color:#37220d; }
.footerbox {max-width: 600px; margin: 0 auto; padding: 80px 0; }
.footerabouttext { color: #FFF; font-size: 14px; text-align: center; letter-spacing: 0.1em;}
.footerabouttext span { font-size: 18px; text-transform: uppercase;}
.footerend {height: auto; background-color:#171008;}
.footerstar {padding: 5px 0; color:#c59d5f;}
.footerendbox {padding: 60px 0; text-align: center; letter-spacing: 0.1em; font-size: 14px; line-height: 1.4; color: #adadad;}
.footerendbox span{padding-top:10px; font-size: 18px;color: #c59d5f;}
.footerendbox a{padding-top:10px; font-size: 16px;color: #FFF; font-weight: 200; text-decoration: underline;}
.footerendbox a:hover{color: #c59d5f;}
.footerendbox-unterschrift {font-family: 'Italianno', cursive; font-size: 40px; text-align: center; padding-top: 20px;}



.unterintro {
    display: table;
    width: 100%;
    text-align: center;
    color: #fff;
}

.unterintro .intro-body {
    display: table-cell;
    vertical-align: middle;
}

.unterintro .intro-body .brand-heading {
    font-size: 22px;
    font-family: 'Oswald', sans-serif;
           text-transform: none;
           letter-spacing: 0.1em;
}

.unterintro .intro-body .intro-text {
    font-weight: 400;
   font-size: 15px;
    line-height: 1.61
    -webkit-animation-duration: 4s;
      -webkit-animation-delay: 1.2s;
}

@media(max-width:767px) {
    .unterintro {
        height: 500px;
        padding: 40px 0 0 0;
    }

    .unterintro .intro-body .brand-heading {
        font-size: 50px;
    }

    .unterintro .intro-body .intro-text {
        font-size: 18px;
        letter-spacing: 0.1em;
    }

    .unterintro .intro-body .intro-text {
    font-weight: 400;
   font-size: 14px;
    line-height: 1.61
    -webkit-animation-duration: 4s;
      -webkit-animation-delay: 1.2s;
}

}


@media(min-width:768px) {
    .unterintro {
        height: 500px;
        padding: 80px 0 0 0;
    }

    .unterintro .intro-body .brand-heading {
        font-size: 50px;
    }

    .unterintro .intro-body .intro-text {
        font-size: 18px;
        letter-spacing: 0.1em;
    }
}

@media(min-width:1200px) {
    .unterintro {
        height: 800px;
          padding: 80px 0 0 0;
    }

    .unterintro .intro-body .brand-heading {
        font-size: 50px;


    }

    .unterintro .intro-body .intro-text {
        font-size: 18px;
        line-height: 35px;
        font-weight: 100
    }
}

.unterintro  .headline__secondary {
    position: relative;
    font-family: "Herr Von Muellerhoff", Palatino, serif;
    font-size: 100px;
    font-weight: normal;
    letter-spacing: 0;
    text-transform: none;
    padding-top: 100px;
    color: #c59d5f;
     -webkit-animation-duration: 2s;
     -webkit-animation-delay: 0.3s;
}


.unterintro  .first-letter { font-size: 180px; }

@media(max-width:960px) {
 
.unterintro  .headline__secondary {
        font-size: 60px;
            padding-top: 1px;
    }


.unterintro  .first-letter { font-size: 100px; }

}




.unterintro  .headline__description {

    margin: 0 auto;
    text-align: center;
    width: 280px

}


.introfarbe {color: #ffffff !important}

.text-speisekarte { padding: 80px 0 0px 0;}
.ausgabe-speisekarte { padding: 0px 0 00px 0;}
.speisekarte_left {padding: 0px 0px 0px 25px;}
.speisekarte_right {padding: 0px 0px 0px 50px;}

.libebox {padding: 25px 0;}
.separatorline {
    height: 0px;
    margin: 30px 0;
    border: 0;
    border-bottom: 2px solid #d8d8d8;
      margin-top: -2px;
    margin-bottom: 24px;
    margin-bottom: 1.5rem
}

.ausgabe-speisekarte {padding: 0 0 80px 0;}

.speisekarte_center { padding: 0 25px 0 25px;}


.speisekarte-ueberschrift {
    font-family: "Herr Von Muellerhoff";
    font-size: 70px;
    font-weight: normal;
    letter-spacing: 0;
    color: #c59d5f;
}



.gerichte {float: left; text-align: left; text-transform: uppercase; font-size: 18px;  letter-spacing: 0.1em;} 
.gerichte .titel { background-color: #ffffff; padding-right: 5px;}
.gerichte-preis {float: right; text-align: right;}
.gerichte-preis .preis { background-color: #ffffff; padding-left: 5px;}
.gerichte-info {clear: both; }
.dotline {
    padding-top: 21px;
    z-index: 1;
    margin: 0;
    border: 0;
    height: 3px;
    display: block;
    background-image: radial-gradient(circle closest-side, #b3b3b3 99%, rgba(0, 0, 0, 0) 1%);
    background-position: bottom;
    background-size: 6px 3px;
    background-repeat: repeat-x
}

.gericht-ausgabe {padding: 0 0 30px 0;}

.unterschrift-speisekarte {font-family: 'Over the Rainbow', cursive; font-size: 35px; text-align: right; padding-right: 50px;}


.uberschrift-fett-blog {
font-family: "Source Sans Pro",Georgia,serif;
font-size: 35px;
font-weight: 700;
color: #000;
position: relative;
z-index: 1;
margin: 0;
letter-spacing: 0.1em;
margin-right: -0.3em;
text-transform: uppercase;
}
.blog-box {padding-top: 5px;}
.blog-box b{font-size: 17px;}
.blog-box a{color: #c59d5f; text-decoration: underline;}



/* Speisekarte */
.auswahl-speisekarte { color: #c59d5f; text-transform: uppercase; font-size: 18px;}
.auswahl-speisekarte  ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px; 
}



.btn-auswahl {
    float: left;
    padding: 12px 30px;
   font-size: 14px;
    line-height: 1;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: .2em;
    background-color: #c59d5f;
    color: #ffffff;
    -moz-transition: all 0.15s;
    -webkit-transition: all 0.15s;
    transition: all 0.15s;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-right: 20px;
    }



.btn-auswahl a{ 
    color: #ffffff; 
    font-size: 14px;
     text-transform: uppercase;
    letter-spacing: .2em;
    line-height: 1;
}

.buttonsteakdown {padding-top: 300px;}

.btn-auswahl:hover,.btn-auswahl a:hover, .btn-auswahl a:active{
    background-color: #000000;
    color: white;   
    text-decoration: underline;
    line-height: 1;
}

.btn-auswahl-active {
    float: left;
    padding: 12px 30px;
    font-size: 14px;
    line-height: 1;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: .2em;
    background-color:  #000000;
    color: #ffffff;
    -moz-transition: all 0.15s;
    -webkit-transition: all 0.15s;
    transition: all 0.15s;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-right: 20px;
    }
.btn-auswahl-active a{ 
    color: #ffffff; 
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: .2em;
    line-height: 1;
    text-decoration: underline;
}


/* Speisekarte */
.auswahl-unterseiten { color: #c59d5f; text-transform: uppercase; font-size: 18px; padding-top: 60px;  margin: 0 auto;}
.auswahl-speisekarte-reservierung { color: #c59d5f; text-transform: uppercase; font-size: 20px; font-weight: 600; padding-top: 0px;  margin: 0 auto;}

.tischreservieren-top{ padding-top: 20%; text-align: center;}
.centerbtn {  margin: 0 auto;}



.btn-tisch-reservieren {
    margin: 0 auto;
    max-width: 520px;
    padding: 14px 30px;
    font-size: 16px;
    line-height: 1;
    font-weight: normal;
    text-decoration:none;
    text-transform: uppercase;
    letter-spacing: .2em;
    background-color: #880000;
    color: #ffffff;
    -moz-transition: all 0.15s;
    -webkit-transition: all 0.15s;
    transition: all 0.15s;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    }
    .btn-tisch-reservieren b{ font-size: 18px;}

.btn-tisch-reservieren:hover,.btn-tisch-reservieren a:hover, .btn-tisch-reservieren a:active{
    background-color: #000000;
    color: white;   
    text-decoration: underline;
    line-height: 1;
}

.btn-tisch-reservieren i {font-size: 22px;}

.btn-tisch-hotel {
    margin: 0 auto;
    max-width: 390px;
    padding: 12px 30px;
    font-size: 14px;
    line-height: 1;
    font-weight: normal;
    text-decoration:none;
    text-transform: uppercase;
    letter-spacing: .2em;
    background-color: #c59d5f;
    color: #ffffff;
    -moz-transition: all 0.15s;
    -webkit-transition: all 0.15s;
    transition: all 0.15s;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    }

.btn-tisch-hotel:hover,.btn-tisch-hotel a:hover, .btn-tisch-hotel a:active{
    background-color: #000000;
    color: white;   
    text-decoration: underline;
    line-height: 1;
}


.btn-blog {
    margin: 0 auto;
    max-width: 450px;
    padding: 12px 30px;
    font-size: 14px;
    line-height: 1;
    font-weight: normal;
    text-decoration:none;
    text-transform: uppercase;
    letter-spacing: .2em;
    background-color: #c59d5f;
    color: #ffffff;
    -moz-transition: all 0.15s;
    -webkit-transition: all 0.15s;
    transition: all 0.15s;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    }

.btn-blog:hover,.btn-blog a:hover, .btn-blog a:active{
    background-color: #000000;
    color: white;   
    text-decoration: underline;
    line-height: 1;
}



.btn-tisch-ankuendigung {
    margin: 0 auto;
    max-width: 550px;
    padding: 12px 30px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: normal;
    text-decoration:none;
    text-transform: uppercase;
    letter-spacing: .2em;
    background-color: #c59d5f;
    color: #ffffff;
    -moz-transition: all 0.15s;
    -webkit-transition: all 0.15s;
    transition: all 0.15s;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    }

.btn-tisch-ankuendigung:hover,.btn-tisch-ankuendigung a:hover, .btn-tisch-ankuendigung a:active{
    background-color: #000000;
    color: white;   
    text-decoration: underline;
    line-height: 1.5;
}



.quandooTEXT {font-size: 12px; color: #a2a2a2; padding: 0px 0 20px 0;}
.res-titel {font-size: 22px; color: #00000; padding: 0px 0 20px 0;  text-transform: uppercase;}
.resab {padding-left: 80px}
.resgaeste {padding-top: 10px; font-weight: 600; font-size: 18px;}

#map-canvas {
  width: 100%;
  height: 500px;
  border: 2px solid #fff;
}

#message {
    margin-bottom: 5px;
    padding: 0;
}

.error_message {
    display: block;
    background: #FBE3E4;
    padding: 5px 10px;
    color: #8a1f11;
    border: 2px solid #FBC2C4;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.dateform {width: 150px; display: inline-block;}
label {margin: 0px 8px 0px 45px; font-size: 22px}

/* Speisekarte Filter Allergene */
.LtAllergensFilters label {font-size: 16px; font-weight: 300}



.yovite-button-holder {
    min-width: 310px;
    text-align: center;
}
.yovite-button-big {
    display: inline-block;
    border-radius: 5px;
    padding: 15px 120px 10px 25px;
    text-decoration: none;
    background-color: #880000;
    background-image: url('../content/images/powered-by-yovite-weiss.png');
    background-repeat: no-repeat;
    background-position: 91% 50%;
    box-shadow: 0 0 3px #ccc;
}
.yovite-button-label-big {
    padding: 5px 25px 5px 10px;
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    line-height: 18px;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    border-right: 1px solid #fff;
}

.jobtitel {

font-size: 25px;
color: #c59d5f;

}

.textbereichoben {max-width: 800px; text-align: center; margin: 0 auto;} 

.flags {padding-left: 10px}
.flags_wahl {float: right; padding-left: 5px; padding-top: 10px}
.flags_wahl img:hover {width: 85%}