/* FONTS */
@font-face {
    font-family: 'blockpropluscon';
    src: url('../fonts/blockpropluscon-webfont.eot');
    src: url('../fonts/blockpropluscon-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/blockpropluscon-webfont.woff') format('woff'),
    url('../fonts/blockpropluscon-webfont.ttf') format('truetype'),
    url('../fonts/blockpropluscon-webfont.svg#blockpropluscon') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'din_otbold';
    src: url('../fonts/dinot-bold-webfont.eot');
    src: url('../fonts/dinot-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dinot-bold-webfont.woff') format('woff'),
    url('../fonts/dinot-bold-webfont.ttf') format('truetype'),
    url('../fonts/dinot-bold-webfont.svg#din_otbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dinotregular';
    src: url('../fonts/dinot-webfont.eot');
    src: url('../fonts/dinot-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dinot-webfont.woff') format('woff'),
    url('../fonts/dinot-webfont.ttf') format('truetype'),
    url('../fonts/dinot-webfont.svg#dinotregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dincomp_bold';
    src: url('../fonts/dincomp-bold-webfont.eot');
    src: url('../fonts/dincomp-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dincomp-bold-webfont.woff') format('woff'),
    url('../fonts/dincomp-bold-webfont.ttf') format('truetype'),
    url('../fonts/dincomp-bold-webfont.svg#dincomp_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dincompregular';
    src: url('../fonts/dincomp-webfont.eot');
    src: url('../fonts/dincomp-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/dincomp-webfont.woff') format('woff'),
    url('../fonts/dincomp-webfont.ttf') format('truetype'),
    url('../fonts/dincomp-webfont.svg#dincompregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fssammy';
    src: url('../fonts/fssammy-regular-webfont.eot');
    src: url('../fonts/fssammy-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/fssammy-regular-webfont.woff') format('woff'),
    url('../fonts/fssammy-regular-webfont.ttf') format('truetype'),
    url('../fonts/fssammy-regular-webfont.svg#dincomp_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*slider */
.tp-caption iframe {
    border: none;
}

/* JOBS */
#restaurant-info {
    float: right;
    text-align: right;
    padding-top: 35px;
}

#restaurant-info span, #restaurant-info i, #restaurant-info button {
    display: table-cell;
    vertical-align: middle;
}

/* Form Overlay */

#form-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background-color: rgba(0,0,0,.5);
    top: 0;
    left: 0;
    padding-top: 150px;
    text-align: center;
}
#form-overlay-inner {
    text-align: center;
}

/* Footer Navigation */
.footer-nav { list-style-type: none; padding: 0; margin: 0; }
.footer-nav li { display: inline-block; padding: 0 10px 0 0; }


/* Mainpage Overlay ch */
#ch-overlay, #halloween-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background-color: rgba(0,0,0,.5);
    top: 0;
    left: 0;
    padding-top: 150px;
    text-align: center;
}

#halloween-overlay {
    background-color: rgba(0,0,0,.85);
}

.ch-overlay-close {
    position: absolute;
    right: 41px;
    top: 85px;
    color: #dc0613;
}

.ch-overlay-close:hover {
    cursor: pointer;
}

.ch-overlay-inner img {
    display: block;
}

.ch-overlay-inner {
    display: inline-block;
    position: relative;
}

/*#ch-overlay img {
    margin-top: 150px;
}*/


/* Language Navigation */
#lang-menu .top-nav li {
    padding: 0 3px;
}

#lang-menu .top-nav li:first-child {
    padding: 0 10px;
}

/* Mainpage */
div.mainpagerow {
    position: relative;
}
div.mainpagerow .container::before, #newsletter #newsletter-inner::before {
    width: 100%;
    content: '';
    position: absolute;
    top: -9px;
    z-index: 9999;
    left: 0;
    right: 0;
    height: 20px;
    background-size: 10px 20px;
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(45deg, transparent 34%, #f0ede4 34%, #f0ede4 66%, transparent 66%), -webkit-linear-gradient(315deg, transparent 34%, #f0ede4 34%, #f0ede4 66%, transparent 66%);
    background-image: -moz-linear-gradient(45deg, transparent 34%, #f0ede4 34%, #f0ede4 66%, transparent 66%), -moz-linear-gradient(315deg, transparent 34%, #f0ede4 34%, #f0ede4 66%, transparent 66%);
    background-image: linear-gradient(45deg, transparent 34%, #f0ede4 34%, #f0ede4 66%, transparent 66%), linear-gradient(315deg, transparent 34%, #f0ede4 34%, #f0ede4 66%, transparent 66%);
}

/* Global Bilder */
img {
    max-width: 100%;
    height: auto;
}

#product-image img {
    max-width: none;
    height: auto;
    margin-top: 40px;
}

/* Was gibts neues - Details */
.details {
    padding: 15px;
    text-align: center;
    overflow: hidden;
    background-color: #fff;
    margin-bottom: 30px;
}

.details-left {
    float: left;
    width: 64%;
}

.details-right {
    float: right;
    width: 33%;
}

/* Button Styling */

button {
    background-color: transparent;
    background-size: 120px 25px;
    border: none;
    width: 120px;
    height: 35px;
    font-family: 'blockpropluscon';
    /*font-family: 'dinotregular';*/
    text-transform: uppercase;
    color: #fff;
    line-height: 1;
}

.btn-clean {
    font-family: 'dinotregular';
    border: none;
    border-radius: 0;
    text-transform: none;
}

input[type=submit] {
    width: 120px;
    height: 35px;
    font-family: 'blockpropluscon';
}
input[type=file] {
    display: inline;
}

.ps-button {
    width: auto;
}

button.red {
    background: transparent url(/01_general/images/buttons/button_rot.svg) no-repeat;
    background-size: 120px 35px;
}

button.orange {
    background: transparent url(/01_general/images/buttons/button_orange.svg) no-repeat;
    background-size: 120px 35px;
}

button.lightorange {
    background: transparent url(/01_general/images/buttons/button_hellorange.svg) no-repeat;
    background-size: 120px 35px;
}

button.lightbrown {
    background: transparent url(/01_general/images/buttons/button_hellbraun.svg) no-repeat;
    background-size: 120px 35px;
}

button.darkbrown {
    background: transparent url(/01_general/images/buttons/button_dunkelbraun.svg) no-repeat;
    background-size: 120px 35px;
}

/* Animation Styles */
.animation {
    position: relative;
    overflow: hidden;
}

.animation img {
    max-width: 100%;
    heigt: auto;
}

.animation .caption {
    position: absolute;
}

.sidebar {
    width: 100%;
    float: none;
}

.withmenu {
    width: 100%;
    float: none;
}

/* Customize with Menu Part */
/*.withmenu .col-md-1,
.withmenu .col-md-2,
.withmenu .col-md-3,
.withmenu .col-md-4,
.withmenu .col-md-5,
.withmenu .col-md-6,
.withmenu .col-md-7,
.withmenu .col-md-8,
.withmenu .col-md-9,
.withmenu .col-md-10,
.withmenu .col-md-11,
.withmenu .col-md-12 {
    padding: 0;
}*/


/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

.radios {
    padding-top: 7px;
}

.radios label {
    padding-right: 10px;
}

.radios input[type=radio] {
    margin-right: 5px;
}

body {
    padding-bottom: 0px;
    color: #3c3c3c;
}

/* CUSTOMIZE THE PARALLAX SLIDER */
.parallax-image img {
    width: 100%;
}

/* CUSTOMIZE THE MENU */

.navbar .nav {
    float: right;
}

.navbar .nav li:last-child a {
    margin-right: 5px;
}

body.country_at .taste {
    background: url("/website-images/svg/chat-navigation_geschmack_at.svg") no-repeat !important;
    width: 171px !important;
    background-size:171px 50px !important;
    margin: 0 22px !important;
    text-indent: -999em !important;
}

body.country_chde .taste {
    background: url("/website-images/svg/chat-navigation_geschmack_ch_de.svg") no-repeat !important;
    width: 184px !important;
    background-size:184px 50px !important;
    margin: 0 22px !important;
    text-indent: -999em !important;
}

body.country_chfr .taste {
    background: url("/website-images/svg/chat-navigation_geschmack_ch_fr.svg") no-repeat !important;
    width: 184px !important;
    background-size:184px 50px !important;
    margin: 0 8px !important;
    text-indent: -999em !important;
}

body.country_chit .taste {
    background: url("/website-images/svg/chat-navigation_geschmack_ch_it.svg") no-repeat !important;
    width: 184px !important;
    background-size:184px 50px !important;
    margin: 0 7px !important;
    text-indent: -999em !important;
}

.taste {
    width: 184px;
    content: " ";
    background: url("/website-images/svg/navigation_geschmack.svg") no-repeat;
    background-size:184px 50px;
    margin: 0 22px;
    text-indent: -999em
}

.products {
    width: 162px;
    content: " ";
    background: url("/website-images/svg/navigation_produkte.svg") no-repeat;
    background-size:162px 50px;
    margin: 0 22px;
    text-indent: -999em
}

.new {
    width: 116px;
    content: " ";
    background: url("/website-images/svg/navigation_neues.svg") no-repeat;
    background-size:116px 50px;
    margin: 0 22px;
    text-indent: -999em
}

.save {
    width: 130px;
    content: " ";
    background: url("/website-images/svg/navigation_sparen.svg") no-repeat;
    background-size:130px 50px;
    margin: 0 22px;
    text-indent: -999em
}

.kingfinder {
    width: 185px;
    content: " ";
    background: url("/website-images/svg/navigation_kingfinder.svg") no-repeat;
    background-size:185px 50px;
    margin: 0 22px;
    text-indent: -999em
}

/* Menu NL */

body.lang_nl .taste {
    width: 167px;
    content: " ";
    background: url("/website-images/svg/nl-navigation_eredivisie.svg") no-repeat;
    background-size:167px 50px;
    margin: 0 22px;
    text-indent: -999em
}

body.lang_nl .products {
    width: 178px;
    content: " ";
    background: url("/website-images/svg/nl-navigation_producten.svg") no-repeat;
    background-size:178px 50px;
    margin: 0 22px;
    text-indent: -999em
}

body.lang_nl .new {
    width: 136px;
    content: " ";
    background: url("/website-images/svg/nl-navigation_specials.svg") no-repeat;
    background-size:136px 50px;
    margin: 0 22px;
    text-indent: -999em
}

body.lang_nl .save {
    width: 141px;
    content: " ";
    background: url("/website-images/svg/nl-navigation_coupons.svg") no-repeat;
    background-size:141px 50px;
    margin: 0 22px;
    text-indent: -999em
}

body.lang_nl .kingfinder {
    width: 208px;
    content: " ";
    background: url("/website-images/svg/nl-navigation_restaurants.svg") no-repeat;
    background-size:208px 50px;
    margin: 0 22px;
    text-indent: -999em
}

/* MENÜ CH-FR */

body.lang_fr .taste {
    width: 81px !important;
    content: " ";
    background: url("/website-images/svg/chat-navigation_geschmack_ch_fr.svg") no-repeat !important;
    background-size:81px 40px !important;
    margin: 0 5px;
    text-indent: -999em;
}

body.lang_fr .products {
    width: 104px;
    content: " ";
    background: url("/website-images/svg/fr-navigation_produkte.svg") no-repeat;
    background-size:104px 40px;
    margin: 0 5px;
    text-indent: -999em
}

body.lang_fr .new {
    width: 58px;
    content: " ";
    background: url("/website-images/svg/fr-navigation_neues.svg") no-repeat;
    background-size:58px 40px;
    margin: 0 5px;
    text-indent: -999em
}

body.lang_fr .save {
    width: 126px;
    content: " ";
    background: url("/website-images/svg/fr-navigation_sparen.svg") no-repeat;
    background-size:126px 40px;
    margin: 0 5px;
    text-indent: -999em
}

body.lang_fr .kingfinder {
    width: 144px;
    content: " ";
    background: url("/website-images/svg/fr-navigation_kingfinder.svg") no-repeat;
    background-size:144px 40px;
    margin: 0 5px;
    text-indent: -999em
}

/* MENU IT */

body.lang_it .taste {
    width: 89px !important;
    content: " ";
    background: url("/website-images/svg/chat-navigation_geschmack_ch_it.svg") no-repeat !important;
    background-size:89px 40px !important;
    margin: 0 5px;
    text-indent: -999em
}

body.lang_it .products {
    width: 111px;
    content: " ";
    background: url("/website-images/svg/it-navigation_produkte.svg") no-repeat;
    background-size:111px 40px;
    margin: 0 5px;
    text-indent: -999em
}

body.lang_it .new {
    width: 79px;
    content: " ";
    background: url("/website-images/svg/it-navigation_neues.svg") no-repeat;
    background-size:79px 40px;
    margin: 0 5px;
    text-indent: -999em
}

body.lang_it .save {
    width: 137px;
    content: " ";
    background: url("/website-images/svg/it-navigation_sparen.svg") no-repeat;
    background-size:137px 40px;
    margin: 0 5px;
    text-indent: -999em
}

body.lang_it .kingfinder {
    width: 140px;
    content: " ";
    background: url("/website-images/svg/it-navigation_kingfinder.svg") no-repeat;
    background-size:140px 40px;
    margin: 0 5px;
    text-indent: -999em
}

/* CUSTOMIZE TABS */

.tab-header {
    margin: 3em 0;
    overflow: hidden;
    /*background-color: #fff;*/
    position: relative;
}

.tab-header .tab {
    float: left;
    width: 20%;
    text-align: center;
    min-width: 180px;
    /*background: #fff;*/
    /*border-right: 1px solid #f1ede4;*/
}

.tab-header .active {
    background: transparent url('/01_general/images/content/geschmack-frische/bk-arrow-bg.png') no-repeat center bottom;
}

.tab img {
    padding: 1em;
    max-width: 100%;
    height: auto;
    opacity: .5;
}

.tab-header .tab:last-child img {
    border-right: none;
}

.active img {
    opacity: 1;
}

.tab-content {
    margin: 3em 0;
    color: #fff;
    overflow: hidden;
}

.taco .col-md-6 {
    padding-left: 0;
    padding-right: 0;
}


/* CUSTOMIZE THE PRODUCT PAGE */

#infobutton {
    font-size: .6em;
}

#infobutton:hover {
    cursor: pointer;
}

#slide-more {
    margin: 7px 0;
    bottom: 0;
}

#overlay {
    padding: 15px 0;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,1);
    box-shadow: 0 0 5px 0 rgba(0,0,0,1);
    position: absolute;
    /*width: 100%;*/
    margin: 0 30px;
    /*right: 30px;
    left: 30px;*/
    overflow: hidden;
    background: #fff;
    top: 250px;
    z-index: 99999;
}

#overlay ul li {
    margin-bottom: 1em;
}

#product-slide .container {
    position: relative;
}

#product-contents {
    /*margin-top: 50px;*/
    color: #905432;
    /*padding-bottom: 20px;*/
}

#product-contents h1 {
    margin-top: 40px;
}

#products-bottom {
  margin-top: 20px;
}

#product-description {
    padding-bottom: 20px;
}

#second-slide-container {
    padding-top: 1em;
    padding-bottom: 1em;
}

#selections {
    margin-top: 40px;
}

.nutrition-line {
    /*border-bottom: 1px dashed rgba(255,255,255,.5);
    -webkit-background-clip: padding-box; */ /* for Safari */
    padding: 7px 0;
    background-clip: padding-box;
    overflow: hidden;
    width: 300px;
}

.more-nutrition-line {
    padding: 7px 0;
    width: 100%;
    color: #905432;
    border-bottom: 1px solid #e7e1d5;
    overflow: hidden;
}

.more-nutrition-line:last-child {
    border-bottom: 0;
}

.more-nutrition-line span {
    float: left;
}

.burger h3 {
    font-family: 'din_otbold';
    font-size: 12px;
    margin: 10px 0 0 0;
    padding: 0;
    height: 30px;
}

#hunger-range {
    width: 140px;
    margin: 10px 22px 0 10px;
    float: left;
}

#smallhunger, #bighunger {
    width: 100px;
    float: left;
}

#hunger {
    margin-top: 8px;
    padding: 0;
    color: #f18903;
}

.burger:hover {
    cursor: pointer;
}

#product-slide {
  /*overflow-y: scroll;*/
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: auto;
}

.burger .arrow {
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 15px 15px 0 15px;
    border-color: #f0ede3 transparent transparent transparent;
    bottom: -15px;
    left: 50%;
    margin-left: -15px;
    z-index: 15;
}

/* CUSTOMIZE MAIN PAGE */
#newsletter {
    position: relative;
    height: 180px;
    overflow: hidden;
    z-index: 9999;
}

#newsletter-header {
    margin-top:20px;
    margin-bottom:45px;
    /*max-height: 58px;*/
}

#newsletter-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    background-color: #f0ede3;
    /*background: transparent url(/de/images/backgrounds/background_chalkboard_pattern.jpg) center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
    padding: 0 15px;
    /*color: #fff;*/
}

#mobile-app {
    border-right: 1px solid white;
    border-left: 1px solid white;
}

#captcha-input {
    width: auto;
    float: right;
    height: 40px;
    margin: 0 !important;
}

#newsletter-close, #infoclose {
    position: absolute !important;
    right: 0;
    z-index: 99999;
    padding: 10px;
    /*color: #fff;*/
}
#newsletter-close:hover{cursor:pointer; }

.visible {
    overflow: visible !important;
}


#newsletter input {
    margin: .5em 0;
}

form .error {
    border: 1px solid red;
}

.messages {
    font-size: .8em;
    color: red;
}


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

.fixed {
    /*position:fixed !important;*/
    top:0;
    /*width: 100%;*/
    /*margin-left: -3px;*/
}

.fixed-wrapper {
    position:fixed !important;
    top:0;
    width: 100%;
    height: 90px !important;
    /*padding-left: 15px;*/
    /*transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;*/
}

#fixed-menu {

}

/* Special class on .top-nav */

.top-nav {
    padding: 0;
    margin: 5px 0 0 0;
    float: right;
    fonts-size: 14px;
}

.top-nav li {
    display: inline;
    padding: 0 10px;
}

.top-nav li a {
    color: #b1b1b1;
    text-transform: uppercase;
}


/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 20;
    height: 112px;
    background-color: rgba(255,255,255,1);
    -webkit-box-shadow: 0 0 4px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 4px 3px rgba(0,0,0,0.1);
    box-shadow: 0 0 4px 3px rgba(0,0,0,0.1);
    z-index: 99999;
}

/*.navbar-wrapper::before {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    height: 40px;
    background-size: 10px 20px;
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(45deg, transparent 34%, #ffffff 34%, #ffffff 66%, transparent 66%), -webkit-linear-gradient(315deg, transparent 34%, #ffffff 34%, #ffffff 66%, transparent 66%);
    background-image: -moz-linear-gradient(45deg, transparent 34%, #ffffff 34%, #ffffff 66%, transparent 66%), -moz-linear-gradient(315deg, transparent 34%, #ffffff 34%, #ffffff 66%, transparent 66%);
    background-image: linear-gradient(45deg, transparent 34%, #ffffff 34%, #ffffff 66%, transparent 66%), linear-gradient(315deg, transparent 34%, #ffffff 34%, #ffffff 66%, transparent 66%);
}*/


.navbar-brand {
    padding: 8px 40px 10px 10px;
}

.navbar-brand img {
    height: 68px;
    widht: auto;
    margin-top: -30px;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}

.fixed .navbar-brand img {
    margin-top: -15px;
}


.navbar-wrapper ul {
    list-style: none !important; /* IE FIX */
}

/* List Custumizations */
/*#content ul {
    list-style: none;
    padding:0;
    margin:0;
}

#content li {
    padding-left: 1em;
    text-indent: -.8em;
}

#content li:before {
    content: "• ";
    color: #3c3c3c;
}*/

.row {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* Featurettes
------------------------- */

.featurette {
    margin: 0 -15px;
}

.featurette h3 {
    margin-top: 0;
    padding-top: 0;
}

.featurette-divider {
    margin: 40px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
    font-weight: 300;
    line-height: 1;
    letter-spacing: -1px;
}

.jumbotron {
    background: #074f73; /* Old browsers */
    background: -moz-linear-gradient(45deg, #074f73 0%, #0088cc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #074f73), color-stop(100%, #0088cc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(45deg, #074f73 0%, #0088cc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(45deg, #074f73 0%, #0088cc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(45deg, #074f73 0%, #0088cc 100%); /* IE10+ */
    background: linear-gradient(45deg, #074f73 0%, #0088cc 100%); /* W3C */
    margin-top: -91px;
    color: #fff;
    padding-bottom: 20px !important;
    padding-top: 90px !important;
}

footer {
    padding: 30px 30px 20px 30px;
    background-color: #ffffff;
    position: relative;
    color: #b1b1b1;
    font-size: 14px;
}

footer::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    height: 20px;
    background-size: 10px 20px;
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(45deg, transparent 34%, #ffffff 34%, #ffffff 66%, transparent 66%), -webkit-linear-gradient(315deg, transparent 34%, #ffffff 34%, #ffffff 66%, transparent 66%);
    background-image: -moz-linear-gradient(45deg, transparent 34%, #ffffff 34%, #ffffff 66%, transparent 66%), -moz-linear-gradient(315deg, transparent 34%, #ffffff 34%, #ffffff 66%, transparent 66%);
    background-image: linear-gradient(45deg, transparent 34%, #ffffff 34%, #ffffff 66%, transparent 66%), linear-gradient(315deg, transparent 34%, #ffffff 34%, #ffffff 66%, transparent 66%);
}

footer .links a {
    margin-right: 20px;
}

footer a, footer a:hover {
    color: #b1b1b1;
}



/* CUSTOMIZE THE CAROUSEL for the header
-------------------------------------------------- */

/* Carousel base class */
.carousel.header {
    margin-bottom: 20px;

    /* Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */
    margin-top: -90px;
    height: 400px;
}

.carousel.header .carousel-inner {
    position: absolute !important;
    top:0;
    left: 0;
}

/* Since positioning the image, we need to help out the caption */
.carousel.header .carousel-caption {
    z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel.header .item {
    height: 400px;
    background-color: #777;
}

.carousel.header .carousel-inner > .item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 400px;
}


/* CONTENTS */

#content {
    background-color: #f0ede3;
    margin-top: 112px;
    overflow:hidden;
}

body.iframe #content {
    margin-top: 0;
}

body.iframe .sidebar {
    display: none;
}

#content section {
    margin-bottom: 25px;
    margin-top: 25px;
}

.portal-page .container section {
    margin-top: 30px;
}

section img {
    max-width: 100%;
    height: auto;
}

.pimcore_area_gallery-folder .thumbnail, .pimcore_area_gallery-single-images .thumbnail {
    margin-bottom: 20px;
}

.pimcore_area_tworows h2, .pimcore_area_tworows h3 {
   margin-top: 0;
}

.pimcore_area_carousel {
    margin: 0;
    padding: 0;
}

.teaser {
    text-align: center;
    margin-bottom: 30px;
}

.teaser img {
    width: 100%;
    height: auto;
}

.thumbnail-examples .row {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.thumbnail-examples .img-container {
    height: 139px;
    background: url(/website/static/img/transparent-background-placeholder.png);
}


.image-hotspot {
    position: absolute;
    background: rgba(235, 105, 9, 0.2);
}

.image-marker {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #2aabeb;
}

.blog .list img {
    max-width: 100%;
    height: auto;
}

.blog .filters .box {
    padding: 10px;
    margin-bottom: 30px;
    background-color: #f7f5fa;
    border-radius: 5px;
}

.blog .filters .box h4 {
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #5a5a5a;
}

.disqus {
    margin-top: 30px;
}

/*
 * Side navigation
 *
 * Scrollspy and affixed enhanced navigation to highlight sections and secondary
 * sections of docs content.
 */

/* By default it's not affixed in mobile views, so undo that */
.bs-sidebar.affix {
    position: static;
}

/* First level of nav */
.bs-sidenav {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top:    10px;
    padding-bottom: 10px;
    text-shadow: 0 1px 0 #fff;
    background-color: #f7f5fa;
    border-radius: 5px;
}

/* All levels of nav */
.bs-sidebar .nav > li > a {
    display: block;
    color: #716b7a;
    padding: 5px 20px;
}
.bs-sidebar .nav > li > a:hover,
.bs-sidebar .nav > li > a:focus {
    text-decoration: none;
    background-color: #e5e3e9;
    border-right: 1px solid #dbd8e0;
}
.bs-sidebar .nav > .active > a,
.bs-sidebar .nav > .active:hover > a,
.bs-sidebar .nav > .active:focus > a {
    font-weight: bold;
    color: #563d7c;
    background-color: transparent;
    border-right: 1px solid #563d7c;
}

/* Nav: second level (shown on .active) */
.bs-sidebar .nav .nav {
    display: none; /* Hide by default, but at >768px, show it */
    margin-bottom: 8px;
}
.bs-sidebar .nav .nav > li > a {
    padding-top:    3px;
    padding-bottom: 3px;
    padding-left: 30px;
    font-size: 90%;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.languages {
    position: absolute;
    right: 15px;
    top: 15px;
    display: none;
}

.languages a {
    width: 24px;
    height: 12px;
    overflow: hidden;
    margin-left: 5px;
    display: inline-block;
    border: 2px solid #999;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    font-size: 0;
}

.languages a:hover {
    border-color: #fff;
}

.languages .de {
    background-image: url(/website/static/img/de.png);
}

.languages .en {
    background-image: url(/website/static/img/en.png);
}

.sidebar .teaser {
    margin-bottom: 30px;
    background-color: #f7f5fa;
    border-radius: 5px;
    padding-bottom: 5px;
}

.sidebar .teaser img {
    max-width: 100%;
}

.sidebar .teaser h2, .sidebar .teaser > div {
    padding: 0 10px;
}

.dropdown-menu {
    top: -2000px;
}

.carousel-caption {
    text-shadow: 0 0 5px #000;
}

.carousel-indicators.preview {
    bottom: -10px;
    width: 100%;
    margin-left: -50%;
}

/* Indicators list style */
.carousel-indicators.preview li {
    border: medium none;
    border-radius: 0;
    height: 54px;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 5px !important;
    margin-top: 0;
    width: 100px;
}
/* Indicators images style */
.carousel-indicators.preview img {
    border: 2px solid #FFFFFF;
    float: left;
    height: 54px;
    left: 0;
    width: 100px;
    opacity: 0.7;
}
/* Indicators active image style */
.carousel-indicators.preview .active img {
    border: 2px solid #428BCA;
    opacity: 1;
}

.portal-page .gallery .carousel-inner > .item > img {
    min-width: 100%;
    height: auto;
}


.teaser-icon > .icon {
    text-align: center;
    position: relative;
}

.teaser-icon > .icon > .image {
    position: relative;
    z-index: 2;
    margin: auto;
    width: 88px;
    height: 88px;
    border: 8px solid white;
    line-height: 88px;
    border-radius: 50%;
    background: #428bca;
    vertical-align: middle;
}

.teaser-icon > .icon:hover > .image {
    background: #333;
}

.teaser-icon > .icon > .image > i {
    font-size: 36px !important;
    color: #fff !important;
    top: 5px !important;
    left:0;
}

.teaser-icon > .icon:hover > .image > i {
    color: white !important;
}

.teaser-icon > .icon > .info {
    margin-top: -24px;
    background: rgba(0, 0, 0, 0.04);
    border: 1px solid #e0e0e0;
    padding: 15px 0 10px 0;
}

.teaser-icon > .icon:hover > .info {
    background: rgba(0, 0, 0, 0.04);
    border-color: #e0e0e0;
    color: white;
}

.teaser-icon > .icon > .info > p {
    color: #666;
    line-height: 1.5em;
    margin: 20px;
}

.teaser-icon > .icon:hover > .info > h3.title, .teaser-icon > .icon:hover > .info > p, .teaser-icon > .icon:hover > .info > .more > a {
    color: #222;
}

.teaser-icon > .icon > .info > .more a {
    font-size: 12px;
    color: #222;
    line-height: 12px;
    text-transform: uppercase;
    text-decoration: none;
}

.teaser-icon > .icon:hover > .info > .more > a {
    color: #fff;
    padding: 6px 8px;
    background-color: #428bca;
}

.teaser-icon .space {
    height: 30px;
}


.tabbed-slider {
    padding-bottom: 30px;
}

.tabbed-slider .nav a small {
    display: block;
}

.tabbed-slider .nav {
    background: #eee;
}

.tabbed-slider .nav-justified > li > a {
    border-radius: 0px;
}

.tabbed-slider .carousel-inner .item {
    height: 300px;
    overflow: hidden;
}

.tabbed-slider .carousel-inner .item-0, .tabbed-slider .nav-pills .item-0.active a { background-color: #16a085; }
.tabbed-slider .carousel-inner .item-1, .tabbed-slider .nav-pills .item-1.active a { background-color: #2980b9; }
.tabbed-slider .carousel-inner .item-2, .tabbed-slider .nav-pills .item-2.active a { background-color: #e67e22; }
.tabbed-slider .carousel-inner .item-3, .tabbed-slider .nav-pills .item-3.active a { background-color: #8e44ad; }
.tabbed-slider .carousel-inner .item-4, .tabbed-slider .nav-pills .item-4.active a { background-color: #2980b9; }
.tabbed-slider .carousel-inner .item-5, .tabbed-slider .nav-pills .item-5.active a { background-color: #e67e22; }


@media (max-width: 767px) {

    #a-overlay img {
        width: 100px;
    }

    h1 { font-size: 26pt; line-height: .9; }
  h2 { font-size: 20pt; line-height: .9; }
  .page-header h1 { margin-top: 30px; }

  footer { padding: 30px 0 20px 0; }

  .navbar-wrapper { position: fixed !important; height: 70px !important; }
  #content { margin-top: 70px; }

  .navbar-toggle { margin-top: 18px; }

  .more-nutrition-line:last-child {
      border-bottom: 1px solid #e7e1d5;
  }

  #product-image img { max-width: 100% !important; height: auto !important;}
  /*#nutrition-facts, #slide-more, */#selections, .properties, .maps-headtitle, #newsletter, #mainfirstcol, .hide-on-mobile { display: none; }
  #topnavigation { visibility: hidden; }
  #slide-more {  position: relative; bottom: auto; right: auto; margin-top: 15px; }
  .navbar-collapse { background-color: rgba(255,255,255,1); }
  .navbar .nav { float: none; }
  /*.navbar-nav > li { border-bottom: 5px dotted #e9e8e6; }*/
  .navbar-nav > li > a { line-height: 40px; }
  .fixed-wrapper { padding-left: 0; }

  .navbar-brand { padding-top: 0; }
  /*.fixed-wrapper .navbar-brand { line-height: 80px; }*/

  .navbar-brand img { margin-top: 8px; height: 55px; }
  .fixed .navbar-brand img { margin-top: 8px; }
  .navbar-default .navbar-collapse, .navbar-default .navbar-form { border: none;  margin-top: 9px; border-top: 1px solid #f0ede3;}
  .top-nav li {padding: 0 2px;}
  .top-nav li a { font-size: 8px; }
}

@media (min-width: 768px) {
    #slide-more {  position: relative; bottom: auto; right: auto; margin-top: 15px; }

    .more-nutrition-line:last-child {
        border-bottom: 1px solid #e7e1d5;
    }

    .teaser {
        margin-bottom: 0;
    }

    #newsletter { display: none; }

    #mobile-app {
      border-left: none;
    }

    /*#product-image img { width: 100% !important; height: auto !important; }*/

    /* Remove the edge padding needed for mobile */
    .marketing {
        padding-left: 0;
        padding-right: 0;
    }

    /* Navbar positioning foo */
    .navbar-wrapper {
        /*margin-top: 20px;*/
    }
    /* The navbar becomes detached from the top, so we round the corners */
    .navbar-wrapper .navbar {
        border-radius: 4px;
        margin-top: 18px;
    }

    /* Bump up size of carousel content */
    .carousel-caption p {
        margin-bottom: 20px;
        font-size: 21px;
        line-height: 1.4;
    }

    .featurette-heading {
        font-size: 50px;
    }

    /* Bump up size of carousel content */
    .carousel-caption .caption {
        margin-bottom: 20px;
        font-size: 21px;
        line-height: 1.4;
    }

    .dropdown-menu {
        top: 100%;
    }

    body.lang_de .taste,
    body.lang_at .taste {
        width: 137px;
        content: " ";
        background: url("/website-images/svg/navigation_geschmack.svg") no-repeat;
        background-size:137px 40px;
        margin: 0 5px;
        text-indent: -999em
    }

    body.country_at .taste {
        background: url("/website-images/svg/chat-navigation_geschmack_at.svg") no-repeat !important;
        width: 137px !important;
        background-size:137px 40px !important;
        margin: 0 5px !important;
        text-indent: -999em !important;
    }

    body.country_chde .taste {
        background: url("/website-images/svg/chat-navigation_geschmack_ch_de.svg") no-repeat !important;
        width: 137px !important;
        background-size:137px 40px !important;
        margin: 0 5px !important;
        text-indent: -999em !important;
    }
    body.country_chfr .taste {
        background: url("/website-images/svg/chat-navigation_geschmack_ch_fr.svg") no-repeat !important;
        width: 137px !important;
        background-size:137px 40px !important;
        margin: 0 5px !important;
        text-indent: -999em !important;
    }
    body.country_chit .taste {
        background: url("/website-images/svg/chat-navigation_geschmack_ch_it.svg") no-repeat !important;
        width: 137px !important;
        background-size:137px 40px !important;
        margin: 0 5px !important;
        text-indent: -999em !important;
    }

    body.lang_de .products,
    body.lang_at .products {
        width: 122px;
        content: " ";
        background: url("/website-images/svg/navigation_produkte.svg") no-repeat;
        background-size:122px 40px;
        margin: 0 5px;
        text-indent: -999em
    }

    body.lang_de .new,
    body.lang_at .new {
        width: 76px;
        content: " ";
        background: url("/website-images/svg/navigation_neues.svg") no-repeat;
        background-size:76px 40px;
        margin: 0 5px;
        text-indent: -999em
    }

    body.lang_de .save,
    body.lang_at .save {
        width: 91px;
        content: " ";
        background: url("/website-images/svg/navigation_sparen.svg") no-repeat;
        background-size:91px 40px;
        margin: 0 5px;
        text-indent: -999em
    }

    body.lang_de .kingfinder,
    body.lang_at .kingfinder {
        width: 145px;
        content: " ";
        background: url("/website-images/svg/navigation_kingfinder.svg") no-repeat;
        background-size:145px 40px;
        margin: 0 5px;
        text-indent: -999em
    }
    /* #nutrition-facts,  #slide-more,*/ #buttons, #hunger { display: none; }

    /* MENU FR */

    body.lang_fr .taste {
        width: 81px !important;
        content: " ";
        background: url("/website-images/svg/chat-navigation_geschmack_ch_fr.svg") no-repeat !important;
        background-size:81px 40px !important;
        margin: 0 5px;
        text-indent: -999em
    }

    body.lang_fr .products {
        width: 104px;
        content: " ";
        background: url("/website-images/svg/fr-navigation_produkte.svg") no-repeat;
        background-size:104px 40px;
        margin: 0 5px;
        text-indent: -999em
    }

    body.lang_fr .new {
        width: 58px;
        content: " ";
        background: url("/website-images/svg/fr-navigation_neues.svg") no-repeat;
        background-size:58px 40px;
        margin: 0 5px;
        text-indent: -999em
    }

    body.lang_fr .save {
        width: 126px;
        content: " ";
        background: url("/website-images/svg/fr-navigation_sparen.svg") no-repeat;
        background-size:126px 40px;
        margin: 0 5px;
        text-indent: -999em
    }

    body.lang_fr .kingfinder {
        width: 144px;
        content: " ";
        background: url("/website-images/svg/fr-navigation_kingfinder.svg") no-repeat;
        background-size:144px 40px;
        margin: 0 5px;
        text-indent: -999em
    }

    /* MENU IT */

    body.lang_it .taste {
        width: 89px !important;
        content: " ";
        background: url("/website-images/svg/chat-navigation_geschmack_ch_it.svg") no-repeat !important;
        background-size:89px 40px !important;
        margin: 0 5px;
        text-indent: -999em
    }

    body.lang_it .products {
        width: 111px;
        content: " ";
        background: url("/website-images/svg/it-navigation_produkte.svg") no-repeat;
        background-size:111px 40px;
        margin: 0 5px;
        text-indent: -999em
    }

    body.lang_it .new {
        width: 79px;
        content: " ";
        background: url("/website-images/svg/it-navigation_neues.svg") no-repeat;
        background-size:79px 40px;
        margin: 0 5px;
        text-indent: -999em
    }

    body.lang_it .save {
        width: 137px;
        content: " ";
        background: url("/website-images/svg/it-navigation_sparen.svg") no-repeat;
        background-size:137px 40px;
        margin: 0 5px;
        text-indent: -999em
    }

    body.lang_it .kingfinder {
        width: 140px;
        content: " ";
        background: url("/website-images/svg/it-navigation_kingfinder.svg") no-repeat;
        background-size:140px 40px;
        margin: 0 5px;
        text-indent: -999em
    }

    /* MENU NL */

    body.lang_nl .taste {
        width: 117px;
        content: " ";
        background: url("/website-images/svg/nl-navigation_eredivisie.svg") no-repeat;
        background-size:117px 35px;
        margin: 0 5px;
        text-indent: -999em
    }

    body.lang_nl .products {
        width: 125px;
        content: " ";
        background: url("/website-images/svg/nl-navigation_producten.svg") no-repeat;
        background-size:125px 35px;
        margin: 0 5px;
        text-indent: -999em
    }

    body.lang_nl .new {
        width: 95px;
        content: " ";
        background: url("/website-images/svg/nl-navigation_specials.svg") no-repeat;
        background-size:95px 35px;
        margin: 0 5px;
        text-indent: -999em
    }

    body.lang_nl .save {
        width: 99px;
        content: " ";
        background: url("/website-images/svg/nl-navigation_coupons.svg") no-repeat;
        background-size:99px 35px;
        margin: 0 5px;
        text-indent: -999em
    }

    body.lang_nl .kingfinder {
        width: 146px;
        content: " ";
        background: url("/website-images/svg/nl-navigation_restaurants.svg") no-repeat;
        background-size:146px 40px;
        margin: 0 5px;
        text-indent: -999em
    }
}


/* Show and affix the side nav when space allows it */
@media screen and (min-width: 992px) {

    #slide-more { margin-top: 7px; }

    .more-nutrition-line:last-child {
        border-bottom: none;
    }


    .sidebar {
        width: 25%;
        float: left;
    }
    #mobile-app {
      border-left: 1px solid white;
    }

    #newsletter { display: block; }

    .withmenu {
        width: 75%;
        float: right;
    }

    .bs-sidebar .nav > .active > ul {
        display: block;
    }
    /* Widen the fixed sidebar */
    .bs-sidebar.affix,
    .bs-sidebar.affix-bottom {
        width: 213px;
    }
    .bs-sidebar.affix {
        position: fixed; /* Undo the static from mobile first approach */
        top: 80px;
    }
    .bs-sidebar.affix-bottom {
        position: absolute; /* Undo the static from mobile first approach */
    }
    .bs-sidebar.affix-bottom .bs-sidenav,
    .bs-sidebar.affix .bs-sidenav {
        margin-top: 0;
        margin-bottom: 0;
    }

    .languages {
        display: block;
    }


    body.lang_de .taste,
    body.lang_at .taste {
        width: 154px;
        content: " ";
        background: url("/website-images/svg/navigation_geschmack.svg") no-repeat;
        background-size:154px 45px;
        margin: 0 16px;
        text-indent: -999em
    }

    body.country_at .taste {
        background: url("/website-images/svg/chat-navigation_geschmack_at.svg") no-repeat !important;
        width: 154px !important;
        background-size:154px 45px !important;
        margin: 0 16px !important;
        text-indent: -999em !important;
    }

    body.country_chde .taste {
        background: url("/website-images/svg/chat-navigation_geschmack_ch_de.svg") no-repeat !important;
        width: 154px !important;
        background-size:154px 45px !important;
        margin: 0 16px !important;
        text-indent: -999em !important;
    }
    body.country_chfr .taste {
        background: url("/website-images/svg/chat-navigation_geschmack_ch_fr.svg") no-repeat !important;
        width: 154px !important;
        background-size:154px 45px !important;
        margin: 0 16px !important;
        text-indent: -999em !important;
    }
    body.country_chit .taste {
        background: url("/website-images/svg/chat-navigation_geschmack_ch_it.svg") no-repeat !important;
        width: 154px !important;
        background-size:154px 45px !important;
        margin: 0 16px !important;
        text-indent: -999em !important;
    }

    body.lang_de .products,
    body.lang_at .products {
        width: 138px;
        content: " ";
        background: url("/website-images/svg/navigation_produkte.svg") no-repeat;
        background-size:138px 45px;
        margin: 0 16px;
        text-indent: -999em
    }

    body.lang_de .new,
    body.lang_at .new {
        width: 86px;
        content: " ";
        background: url("/website-images/svg/navigation_neues.svg") no-repeat;
        background-size:86px 45px;
        margin: 0 16px;
        text-indent: -999em
    }

    body.lang_de .save,
    body.lang_at .save {
        width: 102px;
        content: " ";
        background: url("/website-images/svg/navigation_sparen.svg") no-repeat;
        background-size:102px 45px;
        margin: 0 16px;
        text-indent: -999em
    }

    body.lang_de .kingfinder,
    body.lang_at .kingfinder {
        width: 163px;
        content: " ";
        background: url("/website-images/svg/navigation_kingfinder.svg") no-repeat;
        background-size:163px 45px;
        margin: 0 16px;
        text-indent: -999em
    }

    /* MENU FR */

    body.lang_fr .taste {
        width: 92px !important;
        content: " ";
        background: url("/website-images/svg/chat-navigation_geschmack_ch_fr.svg") no-repeat !important;
        background-size:92px 45px !important;
        margin: 0 16px;
        text-indent: -999em
    }

    body.lang_fr .products {
        width: 117px;
        content: " ";
        background: url("/website-images/svg/fr-navigation_produkte.svg") no-repeat;
        background-size:117px 45px;
        margin: 0 16px;
        text-indent: -999em
    }

    body.lang_fr .new {
        width: 66px;
        content: " ";
        background: url("/website-images/svg/fr-navigation_neues.svg") no-repeat;
        background-size:66px 45px;
        margin: 0 16px;
        text-indent: -999em
    }

    body.lang_fr .save {
        width: 142px;
        content: " ";
        background: url("/website-images/svg/fr-navigation_sparen.svg") no-repeat;
        background-size:142px 45px;
        margin: 0 16px;
        text-indent: -999em
    }

    body.lang_fr .kingfinder {
        width: 162px;
        content: " ";
        background: url("/website-images/svg/fr-navigation_kingfinder.svg") no-repeat;
        background-size:162px 45px;
        margin: 0 16px;
        text-indent: -999em
    }

    /* MENU IT */

    body.lang_it .taste {
        width: 99px !important;
        content: " ";
        background: url("/website-images/svg/chat-navigation_geschmack_ch_it.svg") no-repeat !important;
        background-size:99px 45px !important;
        margin: 0 16px;
        text-indent: -999em
    }

    body.lang_it .products {
        width: 125px;
        content: " ";
        background: url("/website-images/svg/it-navigation_produkte.svg") no-repeat;
        background-size:125px 45px;
        margin: 0 16px;
        text-indent: -999em
    }

    body.lang_it .new {
        width: 89px;
        content: " ";
        background: url("/website-images/svg/it-navigation_neues.svg") no-repeat;
        background-size:89px 45px;
        margin: 0 16px;
        text-indent: -999em
    }

    body.lang_it .save {
        width: 154px;
        content: " ";
        background: url("/website-images/svg/it-navigation_sparen.svg") no-repeat;
        background-size:154px 45px;
        margin: 0 16px;
        text-indent: -999em
    }

    body.lang_it .kingfinder {
        width: 158px;
        content: " ";
        background: url("/website-images/svg/it-navigation_kingfinder.svg") no-repeat;
        background-size:158px 45px;
        margin: 0 16px;
        text-indent: -999em
    }

    /* MENU NL */

    body.lang_nl .taste {
        width: 134px;
        content: " ";
        background: url("/website-images/svg/nl-navigation_eredivisie.svg") no-repeat;
        background-size:134px 40px;
        margin: 0 10px;
        text-indent: -999em
    }

    body.lang_nl .products {
        width: 142px;
        content: " ";
        background: url("/website-images/svg/nl-navigation_producten.svg") no-repeat;
        background-size:142px 40px;
        margin: 0 10px;
        text-indent: -999em
    }

    body.lang_nl .new {
        width: 109px;
        content: " ";
        background: url("/website-images/svg/nl-navigation_specials.svg") no-repeat;
        background-size:109px 40px;
        margin: 0 10px;
        text-indent: -999em
    }

    body.lang_nl .save {
        width: 113px;
        content: " ";
        background: url("/website-images/svg/nl-navigation_coupons.svg") no-repeat;
        background-size:113px 40px;
        margin: 0 10px;
        text-indent: -999em
    }

    body.lang_nl .kingfinder {
        width: 166px;
        content: " ";
        background: url("/website-images/svg/nl-navigation_restaurants.svg") no-repeat;
        background-size:166px 40px;
        margin: 0 10px;
        text-indent: -999em
    }

}


@media screen and (min-width: 1200px) {

    #nutrition-facts, #slide-more, #buttons, #hunger { display: block; }
    #slide-more {  position: absolute; bottom: 20px; right: 100px;}

    /* Widen the fixed sidebar again */
    .bs-sidebar.affix-bottom,
    .bs-sidebar.affix {
        width: 263px;
    }

    body.lang_de .taste,
    body.lang_at .taste {
        width: 171px;
        content: " ";
        background: url("/website-images/svg/navigation_geschmack.svg") no-repeat;
        background-size:171px 50px;
        margin: 0 22px;
        text-indent: -999em
    }

    body.country_at .taste {
        background: url("/website-images/svg/chat-navigation_geschmack_at.svg") no-repeat !important;
        width: 171px !important;
        background-size:171px 50px !important;
        margin: 0 22px !important;
        text-indent: -999em !important;
    }

    body.country_chde .taste {
        background: url("/website-images/svg/chat-navigation_geschmack_ch_de.svg") no-repeat !important;
        width: 171px !important;
        background-size:171px 50px !important;
        margin: 0 22px !important;
        text-indent: -999em !important;
    }
    body.country_chfr .taste {
        background: url("/website-images/svg/chat-navigation_geschmack_ch_fr.svg") no-repeat !important;
        width: 171px !important;
        background-size:171px 50px !important;
        margin: 0 22px !important;
        text-indent: -999em !important;
    }
    body.country_chit .taste {
        background: url("/website-images/svg/chat-navigation_geschmack_ch_it.svg") no-repeat !important;
        width: 171px !important;
        background-size:171px 50px !important;
        margin: 0 22px !important;
        text-indent: -999em !important;
    }

    body.lang_de .products,
    body.lang_at .products {
        width: 153px;
        content: " ";
        background: url("/website-images/svg/navigation_produkte.svg") no-repeat;
        background-size:153px 50px;
        margin: 0 22px;
        text-indent: -999em
    }

    body.lang_de .new,
    body.lang_at .new {
        width: 95px;
        content: " ";
        background: url("/website-images/svg/navigation_neues.svg") no-repeat;
        background-size:95px 50px;
        margin: 0 22px;
        text-indent: -999em
    }

    body.lang_de .save,
    body.lang_at .save {
        width: 113px;
        content: " ";
        background: url("/website-images/svg/navigation_sparen.svg") no-repeat;
        background-size:113px 50px;
        margin: 0 22px;
        text-indent: -999em
    }

    body.lang_de .kingfinder,
    body.lang_at .kingfinder {
        width: 181px;
        content: " ";
        background: url("/website-images/svg/navigation_kingfinder.svg") no-repeat;
        background-size:181px 50px;
        margin: 0 22px;
        text-indent: -999em
    }

    /* MENU FR */

    body.lang_fr .taste {
        width: 102px !important;
        content: " ";
        background: url("/website-images/svg/chat-navigation_geschmack_ch_fr.svg") no-repeat !important;
        background-size:102px 50px !important;
        margin: 0 22px;
        text-indent: -999em
    }

    body.lang_fr .products {
        width: 130px;
        content: " ";
        background: url("/website-images/svg/fr-navigation_produkte.svg") no-repeat;
        background-size:130px 50px;
        margin: 0 22px;
        text-indent: -999em
    }

    body.lang_fr .new {
        width: 73px;
        content: " ";
        background: url("/website-images/svg/fr-navigation_neues.svg") no-repeat;
        background-size:73px 50px;
        margin: 0 22px;
        text-indent: -999em
    }

    body.lang_fr .save {
        width: 158px;
        content: " ";
        background: url("/website-images/svg/fr-navigation_sparen.svg") no-repeat;
        background-size:158px 50px;
        margin: 0 22px;
        text-indent: -999em
    }

    body.lang_fr .kingfinder {
        width: 179px;
        content: " ";
        background: url("/website-images/svg/fr-navigation_kingfinder.svg") no-repeat;
        background-size:179px 50px;
        margin: 0 22px;
        text-indent: -999em
    }

    /* MENU IT */

    body.lang_it .taste {
        width: 111px !important;
        content: " ";
        background: url("/website-images/svg/chat-navigation_geschmack_ch_it.svg") no-repeat !important;
        background-size:111px 50px !important;
        margin: 0 22px;
        text-indent: -999em
    }

    body.lang_it .products {
        width: 139px;
        content: " ";
        background: url("/website-images/svg/it-navigation_produkte.svg") no-repeat;
        background-size:139px 50px;
        margin: 0 22px;
        text-indent: -999em
    }

    body.lang_it .new {
        width: 99px;
        content: " ";
        background: url("/website-images/svg/it-navigation_neues.svg") no-repeat;
        background-size:99px 50px;
        margin: 0 22px;
        text-indent: -999em
    }

    body.lang_it .save {
        width: 171px;
        content: " ";
        background: url("/website-images/svg/it-navigation_sparen.svg") no-repeat;
        background-size:171px 50px;
        margin: 0 22px;
        text-indent: -999em
    }

    body.lang_it .kingfinder {
        width: 175px;
        content: " ";
        background: url("/website-images/svg/it-navigation_kingfinder.svg") no-repeat;
        background-size:175px 50px;
        margin: 0 22px;
        text-indent: -999em
    }

    /* MENU NL */

    body.lang_nl .taste {
        width: 167px;
        content: " ";
        background: url("/website-images/svg/nl-navigation_eredivisie.svg") no-repeat;
        background-size:167px 50px;
        margin: 0 22px;
        text-indent: -999em
    }

    body.lang_nl .products {
        width: 178px;
        content: " ";
        background: url("/website-images/svg/nl-navigation_producten.svg") no-repeat;
        background-size:178px 50px;
        margin: 0 22px;
        text-indent: -999em
    }

    body.lang_nl .new {
        width: 136px;
        content: " ";
        background: url("/website-images/svg/nl-navigation_specials.svg") no-repeat;
        background-size:136px 50px;
        margin: 0 22px;
        text-indent: -999em
    }

    body.lang_nl .save {
        width: 141px;
        content: " ";
        background: url("/website-images/svg/nl-navigation_coupons.svg") no-repeat;
        background-size:141px 50px;
        margin: 0 22px;
        text-indent: -999em
    }

    body.lang_nl .kingfinder {
        width: 208px;
        content: " ";
        background: url("/website-images/svg/nl-navigation_restaurants.svg") no-repeat;
        background-size:208px 50px;
        margin: 0 22px;
        text-indent: -999em
    }

}


div.imagetwo .col-md-6 h3 {margin-top: 0;}

a:active, a:focus {outline: none;}

.container .area-wysiwyg p {
    margin: 10px 0;
}

h3.wysiwyg {
    font-size: 18px;
    font-family: din_otbold;
    text-transform: uppercase;
}

h4.wysiwyg {
    font-size: 15px;
    font-family: din_otbold;
    text-transform: uppercase;
}

ul.top-nav {
    font-size: 14px;
}


/* Special class on .submenu-nav */

.submenu-nav {
    padding: 0;
    margin: 15px 0 0 0;
    font-size: 18px;
}

.submenu-nav li {
    display: inline;
    padding: 0;
    padding-right: 15px;
}

.submenu-nav li a {
    color: rgb(111,111,110);
    text-transform: uppercase;
    display: inline;
    font-size: 18px;
    font-family: "blockpropluscon";
    padding: 0;
    transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -webkit-transition: color .3s ease-in-out;
}

.submenu-nav li a:hover {
    background: transparent;
    color: rgb(59,59,58);
}

.submenu-nav li a.active {
    color: rgb(59,59,58);
}

.submenu-nav li ul {
    display: none;
}

body.iframe .submenu-nav {
    display: none;
}
body.lang_nl .franchisee {
    display:none;
}

#a-overlay {
    position: fixed;
    z-index: 999999;
}
#a-overlay img {
    width: 300px;
    /*max-width: 30%;*/
    height: auto;
}

.font-sammy {
    font-family: 'fssammy';
    text-transform: none !important;
}

.change-faq {
    position: relative;
    visibility: hidden;
}
.change-faq:after {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: "FAQ";
    text-align: center;
    width: 66px;
}

.change-social {
    position: relative;
    visibility: hidden;
}
.change-social:after {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: "Social & Links";
    text-align: center;
    width: 120px;
}
.mainpagerow {
    background-color: #f0ede3;
}
/*Payback*/
.top-nav .payback {
    position: relative;
}
.top-nav .payback:before {
    content: "";
    background: url(/website-images/payback/menuebar-payback-2x.png);
    position: absolute;
    background-size: 15px 15px;
    height: 15px;
    width: 15px;
    left: -20px;
    top: 0;
}


/*lieferservice*/


.top-nav .lieferservice {
    position: relative;
    margin-right: 20px;
}

.top-nav .lieferservice_at {
    position: relative;
}
.top-nav .lieferservice_nl {
    position: relative;
}

.top-nav .lieferservice:before, .top-nav .lieferservice_at:before, .top-nav .lieferservice_nl:before {
    content: "";
    background: url(/website-images/lieferservice/menuebar-lieferservice-2x.png);
    position: absolute;
    background-size: 15px 15px;
    height: 15px;
    width: 15px;
    left: -20px;
    top: -1px;
}


/*Angriest*/
/*.country_de.pid_41 .navbar-wrapper,
.country_at.pid_133 .navbar-wrapper,
.country_chde.pid_198 .navbar-wrapper,
.country_chit.pid_261 .navbar-wrapper,
.country_chfr.pid_324 .navbar-wrapper {
    background: #c00017;
    background: -moz-linear-gradient(top,  #c00017 0%, #2f0000 100%);
    background: -webkit-linear-gradient(top,  #c00017 0%,#2f0000 100%);
    background: linear-gradient(to bottom,  #c00017 0%,#2f0000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c00017', endColorstr='#2f0000',GradientType=0 );
}

.country_de.pid_41 div.mainpagerow .container::before, .country_de.pid_41 #newsletter #newsletter-inner::before,
.country_at.pid_133 div.mainpagerow .container::before, .country_at.pid_133 #newsletter #newsletter-inner::before,
.country_chde.pid_198 div.mainpagerow .container::before, .country_chde.pid_198 #newsletter #newsletter-inner::before,
.country_chit.pid_261 div.mainpagerow .container::before, .country_chit.pid_261 #newsletter #newsletter-inner::before,
.country_chfr.pid_324 div.mainpagerow .container::before, .country_chfr.pid_324 #newsletter #newsletter-inner::before {
    background-image: -webkit-linear-gradient(45deg, transparent 34%, #c00017 34%, #c00017 66%, transparent 66%), -webkit-linear-gradient(315deg, transparent 34%, #c00017 34%, #c00017 66%, transparent 66%) !important;
    background-image: -moz-linear-gradient(45deg, transparent 34%, #c00017 34%, #c00017 66%, transparent 66%), -moz-linear-gradient(315deg, transparent 34%, #c00017 34%, #c00017 66%, transparent 66%) !important;
    background-image: linear-gradient(45deg, transparent 34%, #c00017 34%, #c00017 66%, transparent 66%), linear-gradient(315deg, transparent 34%, #c00017 34%, #c00017 66%, transparent 66%) !important;
}
.country_de.pid_41 .mainpagerow,
.country_at.pid_133 .mainpagerow,
.country_chde.pid_198 .mainpagerow,
.country_chit.pid_261 .mainpagerow,
.country_chfr.pid_324 .mainpagerow {
    background: #c00017 !important;
    background: -moz-linear-gradient(top,  #c00017 0%, #2f0000 100%) !important;
    background: -webkit-linear-gradient(top,  #c00017 0%,#2f0000 100%) !important;
    background: linear-gradient(to bottom,  #c00017 0%,#2f0000 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c00017', endColorstr='#2f0000',GradientType=0 ) !important;
}
.country_de.pid_41 footer,
.country_at.pid_133 footer,
.country_chde.pid_198 footer,
.country_chit.pid_261 footer,
.country_chfr.pid_324 footer {
    background: #1a0403 url(/website-images/angriest/startseite_angriest_flames_bottom.png) repeat-x center bottom;
}
.country_de.pid_41 footer::before,
.country_at.pid_133 footer::before,
.country_chde.pid_198 footer::before,
.country_chit.pid_261 footer::before,
.country_chfr.pid_324 footer::before {
    display: none;
}
.country_de.pid_41 #newsletter-inner,
.country_at.pid_133 #newsletter-inner,
.country_chde.pid_198 #newsletter-inner,
.country_chit.pid_261 #newsletter-inner,
.country_chfr.pid_324 #newsletter-inner {
    background-color: transparent;
}
.country_de.pid_41 #mobile-app,
.country_at.pid_133 #mobile-app,
.country_chde.pid_198 #mobile-app,
.country_chit.pid_261 #mobile-app,
.country_chfr.pid_324 #mobile-app {
    border: none !important;
}
.country_de.pid_41 .visible,
.country_at.pid_133 .visible,
.country_chde.pid_198 .visible,
.country_chit.pid_261 .visible,
.country_chfr.pid_324 .visible {
    background-color: #c00017;
}

.pid_41 .taste,
body.country_at.pid_133 .taste,
body.country_chde.pid_198 .taste,
body.country_chit.pid_261 .taste,
body.country_chfr.pid_324 .taste {
    background: url("/website-images/svg/navigation_angrious.svg") no-repeat !important;
}

body.country_chit .taste,
body.country_chfr .taste {
    width: 171px !important;
    background-size: 171px 50px !important;
    margin: 0 22px !important;
    text-indent: -999em !important;
}

.pid_41 .top-nav li a,
.pid_133 .top-nav li a,
.pid_198 .top-nav li a,
.pid_261 .top-nav li a,
.pid_324 .top-nav li a {
    color: #f1ede4;
}

body.lang_it .angrious {

}
body.lang_fr .angrious {

}

@media (min-width: 768px) {
    body.country_chfr .taste,
    body.country_chit .taste {
        width: 137px !important;
        background-size: 137px 40px !important;
        margin: 0 5px !important;
        text-indent: -999em !important;
    }
}

@media (min-width: 1200px) {
    body.country_chfr .taste,
    body.country_chit .taste {
        width: 171px !important;
        background-size: 171px 50px !important;
        margin: 0 22px !important;
        text-indent: -999em !important;
    }
}*/

.img-fullwidth {
    width: 100%;
    height: auto;
}

.has-error .form-control {
    border: 1px solid #a94442;
    border-radius: 0;
}

.btn-uncharted4 {
    color: #fff;
    background-color: #2e3a48;
    font-size: 26px;
    text-transform: uppercase;
    width: auto !important;
    padding: 4px 30px;
    height: auto !important;
    border-radius: 0;
}

.modal {
    z-index: 100050;
}
.modal-backdrop {
    z-index: 100040;
}
.open-modal {
    text-decoration: underline;
}

.open-modal:hover {
    cursor: pointer;
}

#showModalOnLoad {
    background-color: rgba(0,0,0,.5);
}
#showModalOnLoad button.close {
    position: absolute;
    top: -10px;
    right: -30px;
    color: #3c3c3c;
    z-index: 9999;
    width: 21px;
    height: 21px;
    text-shadow: none;
    opacity: 1;
}
#showModalOnLoad button.close span {
    display: block;
    width: 100%;
    height: 100%;
    background: url('/website/static/img/bk_ic_close.svg') no-repeat center;
    background-size: 16px 16px;
}
#showModalOnLoad .modal-content {
    border-radius: 0;
    border: none;
    box-shadow: none;
    background-color: transparent;
}
#showModalOnLoad .modal-body {
    padding: 0;
    width: 600px;
    height: auto;
    max-height: 80vw;
    max-width: 80vw;
}
#showModalOnLoad .modal-body iframe {
    width: 100%;
    min-height: 300px;
    height: auto;
    border: none;
}
#showModalOnLoad .modal-body video {
    width: 100%;
    height: auto;
}

/* Stellenanzeige */
.jobs-buttons {
    font-family: 'blockpropluscon';
    font-size: 17px;
    text-transform: uppercase;
    height: 36px;
    width: auto;
}
.jobs-buttons:hover {
    color: #000;
    text-decoration: none;
}
button.jobs-buttons {
    background-color: #3c3c3c;
    border-color: #3c3c3c;
}
button.jobs-buttons:hover, button.jobs-buttons:focus {
    background-color: #666666;
    border-color: #666666;
    color: #fff;
}
a.jobs-buttons:hover, a.jobs-buttons:focus {
    background-color: #ccc;
}

div.cookie-banner {
    background-color: rgba(25, 25, 25, 0.8);
    position: fixed;
    font-size: 14px;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 999999;
}
div.cookie-banner .cookie-banner-container {
    padding: 10px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
div.cookie-banner .cookie-banner-container .cookie-banner-text {
    color: #ffffff;
    display: inline-block;
    margin: 5px;
}
div.cookie-banner .cookie-banner-container .cookie-banner-text a {
    color: #e67800;
    text-decoration: none;
    outline: none;
}
div.cookie-banner .cookie-banner-container .cookie-banner-text a:hover {
    color: #6c3c2d;
    text-decoration: none;
    outline: none;
}
div.cookie-banner .cookie-banner-container .cookie-banner-button {
    display: inline-block;
    margin: 10px;
}
div.cookie-banner .cookie-banner-container .cookie-banner-button button#close-cookie-banner {
    width: 85px;
    height: 32px;
    border-color: rgb(0, 0, 0);
    border-radius: 5px;
    background-color: #e67800;
    color: #ffffff;
    font-size: 11px;
}
div.cookie-banner .cookie-banner-container .cookie-banner-button button#close-cookie-banner:hover {
    background-color: #6c3c2d;
}