@media screen and (max-width: 767px) {
    #newsletter {
        position: inherit !important;
        width: auto !important;
        margin: 0 auto;
        margin-top: 56px;
        margin-bottom: 75px;
        text-align: center !important;
        padding-left: 20px;
        padding-right: 20px;
    }
}

.xdsoft_datetimepicker {
    display: none!important;
}

#newsletter-wrapper.hide {
    display: none;
}

#newsletter-wrapper.show {
    display: block;
}

#newsletter-wrapper .overlay {
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1000;
    left: 0;
    top: 0;
}

#newsletter-banner {
    position: fixed;
    z-index: 901;
    background: #edeae3;
    border: 20px solid #fff;
    padding: 20px 35px 20px 35px;
    text-align: center;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    width: 26%;
}

@media screen and (max-width: 500px) {
    #newsletter-banner {
        height: 78vh;
        overflow: scroll;
    }
}

#newsletter-banner p {
    margin-bottom: 10px;
    color: #6d6a59;
}

#newsletter-banner img {
    max-width: 100%;
    height: auto;
    width: 72px;
    margin-bottom: 10px;
}

#newsletter-banner h3 {
    font-family: "Myriad Pro", Verdana, sans-serif;
    color: #6d6a59;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 20px;
    line-height: 130%;
}

#newsletter-banner .close {
    top: -12px;
    right: 0;
    left: inherit;
    color: #6d6a59;
    background: url('/fileadmin/src/images/content/newsletter-close.png') no-repeat;
    cursor: pointer;
    background-position: center;
    position: relative;
    margin: 0;
    opacity: 0.5;
    width: 17px;
    height: 17px;
    display: inline-block;
}

#newsletter-banner .btn {
    background: #d40028;
    border: none;
    font-family: 'vapianoregular';
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    padding: 8px 10px;
    border-radius: 4px;
    margin: 10px 0 20px 0;
    display: inline-block;
}

@media only screen and (max-width: 935px) {
    #newsletter-banner {
        width: 60%;
    }

    #newsletter-banner p {
        font: normal 17px/1.353em "crimson_textregular", "Times New Roman", serif;
    }
}

@media only screen and (max-width: 400px) {
    #newsletter-banner {
        width: 50%;
    }
}

#MainContent em {
    font-style: italic;
}

#MainContent strong {
    font-weight: 600;
}

.page7847 .home-tiles .storefinder-tile, .page6156 .home-tiles .storefinder-tile {
    background: url(../images/content/kachel-storefinder-au.jpg) no-repeat;
}

.home .news-list-view .tile.picture {
    width: 49.2%;
}

.home .news-list-view {
    margin-bottom: 20px;
    overflow: hidden;
}

.main-content .vapiano-button .red {
    background-color: #d40028;
    color: #fff;
    border-radius: 0.25rem;
    padding: 10px 17px;
    font-size: 1rem;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 6px;
    display: inline-block;
    margin-top: 6px;
    width: auto;
}

.main-content .vapiano-button a.red:hover {
    background-color: #AE0021;
    text-decoration: none;
}

.vapiano-button {
    text-align: center;
}

.tile.pic .sliderwrap .slider .jcarousel-list li:first-child {
    display: none;
}

.cc_container .cc_btn, .cc_container .cc_btn:visited {
    background-color: #d40028 !important;
    border-radius: 0 !important;
    color: #fff !important
}

.cc_container .cc_btn:hover, .cc_container .cc_btn:hover {
    background-color: #d40028 !important;
    border-radius: 0 !important;
    color: #fff !important
}

.cc_container .cc_message {
    color: #fff !important;
    font: 14px/21px Arial, Helvetica, sans-serif !important;
    margin-top: 7px !important
}

.cc_container .cc_btn, .cc_container .cc_btn:visited {
    background-color: #d40028 !important;
    border-radius: 0 !important;
    color: #fff !important
}

.welcome-text span[itemprop="email"] {
    word-break: break-all
}

.right {
    float: right
}

.left {
    float: left
}

.block {
    display: block
}

.replaced {
    text-indent: -9999em;
    display: inline-block
}

.right-top-corner {
    position: absolute;
    right: 0;
    top: 0
}

.left-bottom-corner {
    position: absolute;
    bottom: 0;
    left: 0
}

.right-bottom-corner {
    position: absolute;
    right: 0;
    bottom: 0
}

.left-top-corner {
    position: absolute;
    top: 0;
    left: 0
}

.clear {
    height: 0px !important;
    width: 100% !important;
    display: block !important;
    clear: both !important;
    color: transparent !important;
    font-size: 0px !important;
    text-indent: -9999px !important;
    overflow: hidden !important;
    margin: 0px !important;
    padding: 0px !important
}

.clearfix {
    clear: both
}

#map-canvas img {
    width: auto;
    max-width: inherit
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1;
    counter-reset: numbered-klapper
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

th, td {
    text-align: left
}

hr {
    border: 0;
    height: 2px;
    background: url(../images/structure/bg/trennlinie.png) repeat-x;
    margin: 1em 0
}

body {
    background: #fff;
    font: 14px/21px Arial, Helvetica, sans-serif;
    color: #444;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    padding-top: 23px;
    position: relative
}

.logo img {
    display: block;
    margin: 0 auto 47px;
    width: 205px;
    height: 36px
}

a {
    text-decoration: none;
    color: #e21f30
}

.site-container {
    width: 1200px;
    margin: 0 auto
}

h1 {
    padding-bottom: 41px;
    text-align: center;
    text-transform: uppercase;
    color: #9d9b8b
}

h1 img {
    vertical-align: bottom;
    width: 20.92%;
    min-width: 164px
}

p {
    font: normal 17px/1.353em "crimson_textregular", "Times New Roman", serif
}

.off {
    position: absolute;
    left: -9999em;
    bottom: 1em
}

.detail li {
    width: 90%;
}

.detail p {
    text-align: center;
    font: normal 17px/1.353em "crimson_textregular", "Times New Roman", serif;
    color: #9c9686;
    width: 90%;
    padding-bottom: 31px;
    margin: 0 auto
}

.detail p a {
    color: #92001b
}

.detail p a:hover {
    text-decoration: underline
}

.detail h1, .detail h2, .detail h3 {
    font: normal 50px/1.2em 'barlowregular', "Helvetica", "Arial";
    width: 596px;
    margin: 0 auto;
    padding-top: 45px
}

.detail h2, .detail h3 {
    text-transform: uppercase;
    color: #9d9b8b;
    text-align: center;
    padding-bottom: 30px
}

.detail h2 {
    font: normal 38px/1.2em 'barlowregular', "Helvetica", "Arial"
}

.detail h3 {
    font: normal 31px/1.2em 'barlowregular', "Helvetica", "Arial"
}

.detail a.arrow {
    font-family: 'vapianoregular';
    font-size: 20px;
    line-height: 1.15em;
    text-align: center;
    margin: 0 auto;
    display: block;
    width: 100%
}

.detail a.arrow:before {
    content: '< ';
    font-size: .7em
}

.detail ul li {
    font: normal 17px/1.353em "crimson_textregular", "Times New Roman", serif;
    color: #9c9686;
    text-align: center;
    margin: 9px auto
}

.detail ul li:before {
    background: url(../images/structure/deco/point.png) no-repeat center;
    content: ' . ';
    display: block;
    color: white;
    margin-top: 10px
}

.detail ul li:last-child:after {
    content: ''
}

header {
    position: relative;
    z-index: 100
}

nav {
    text-align: center
}

.mood a {
    font-family: 'vapianoregular';
    font-size: 20px;
    line-height: 1.15em;
    position: relative
}

.mood a:after {
    content: ' >';
    font-size: .7em
}

.content-texture ul.vapiano-font li, .content-texture .vapiano-font {
    font-family: 'vapianoregular'
}

.slate {
    background: url(../images/structure/bg/blackboard.gif) 50% 50%;
    position: relative;
    color: #FFF
}

.slate .bot-right {
    position: absolute;
    bottom: 0;
    right: 0
}

.slate p {
    font-size: 1em;
    line-height: 1em
}

.slate p.final-link a {
    font-size: 1em;
    line-height: 1em;
    padding-top: 5px;
}

.slate img, .slate .text {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: .7
}

.blackboard {
    background: url(../images/structure/bg/blackboard-used.jpg) 50% 50%;
    position: relative;
    color: #FFF
}

.blackboard p {
    font-size: 1em;
    line-height: 1.56em
}

.blackboard p.final-link a {
    font-size: 1em;
    line-height: 1.56em
}

.blackboard .text {
    color: #FFF;
    position: absolute !important;
    width: 80%;
    height: 20% !important;
    left: 2%;
    top: 65.6%
}

@media screen and (max-width: 1280px) {
    .blackboard .text {
        left: 0
    }
}

.vapiano {
    font: normal 28px/1em 'vapianoregular';
    letter-spacing: -.02em
}

.vapiano p {
    font: normal 28px/1em 'vapianoregular'
}

.vapiano h3 {
    font-size: 38px;
    line-height: 1em;
    padding-bottom: 1.132em
}

.roughcast {
    background: url(../images/structure/bg/roughcast.png) repeat
}

.roughcast .text {
    color: #9d9b8b
}

.roughcast a {
    font-family: 'vapianoregular';
    font-size: 20px;
    margin-top: 5px;
    margin-bottom: 35px;
    display: block
}

.roughcast a:after {
    content: ' >';
    font-size: 15px
}

.roughcast.gradient {
    background: url(../images/structure/deco/texture-top.png) 50% 0;
    padding-top: 115px;
    height: 200px;
    width: 100%
}

.world .full-block {
    height: auto
}

.world.roughcast.gradient {
    height: auto;
    background: url(../images/structure/deco/texture-top.png) no-repeat 50% 0
}

.roughcast.cups .text {
    padding-top: 119px
}

.roughcast.cups h3 {
    padding-bottom: 101px
}

.navi-content-block {
    clear: both;
    text-align: center;
    background: #eceae3;
    padding: 32px 0;
    z-index: 900;
    position: relative
}

.navi-content-block li {
    display: inline;
    margin-right: 20px;
    margin-left: 20px
}

.navi-content-block li a {
    color: #935e55;
    white-space: nowrap
}

.navi-content-block li a.active {
    color: #d40028
}

.navi-content-block.red {
    background: #d40028;
    padding: 8px 0 11px
}

.navi-content-block.black {
    background: #1a1a1a;
    padding: 8px 0 11px
}

.navi-content-block.olive {
    background: #716e2e;
    padding: 8px 0 11px
}

.navi-content-block.red a, .navi-content-block.black a, .navi-content-block.olive a {
    color: #fff
}

.navi-content-block.red a.active, .navi-content-block.red a:hover, .navi-content-block.black a.active, .navi-content-block.black a:hover, .navi-content-block.olive a.active, .navi-content-block.olive a:hover {
    color: #9d9b8b
}

.navi-content-block .close {
    display: none
}

.christmas {
    background: url(../images/structure/bg/xmas.jpg) repeat
}

.wood {
    background: url(../images/structure/bg/wood.png) repeat
}

.white {
    background-color: #fff;
    color: #6d695a
}

.lightbeige {
    background-color: #eceae3;
    color: #c0baa2
}

.brownbeige {
    background-color: #d3cfbe;
    color: #fff
}

.beige {
    background-color: #c0baa2;
    color: #fff
}

.lightmud {
    background-color: #9c9686;
    color: #fff
}

.mud {
    background-color: #6d695a;
    color: #fff
}

.darkmud {
    background-color: #9d9b8b;
    color: #fff
}

.pink {
    background-color: #b24e80;
    color: #fff
}

.red {
    background-color: #d40028;
    color: #fff
}

.black {
    background-color: #1a1a1a;
    color: #fff
}

.olive {
    background: #716e2e;
    color: #fff
}

.error {
    color: #e21f30;
    font-weight: bold
}

input.error {
    color: #e21f30;
    border: 1px solid #e21f30;
    font-weight: normal;
    padding: 5px
}

.map-box {
    height: 560px;
    width: 100%
}

#map_canvas {
    height: 100%;
    width: 100%
}

.nutritional-subline {
    margin-top: 10px !important
}

.nutritional {
    width: 70%;
    margin: 30px auto
}

.nutritional td, .nutritional th {
    font: normal 20px/1.353em 'vapianoregular';
    color: #9d9b8b;
    padding-bottom: 15px
}

.nutritional .align-right {
    text-align: right
}

.nutritional th {
    font: normal 20px/1.353em 'vapianobold';
    text-align: right
}

.lang-selection {
    text-align: center;
    width: 100%;
    margin-top: 10px
}

.lang-selection li {
    display: inline-block;
    margin: 0 10px 22px !important;
    padding: 5px 10px
}

.lang-selection li:after {
    content: '' !important
}

.lang-selection a {
    color: #fff !important;
    font-family: 'vapianoregular';
    font-weight: normal;
    font-size: 20px;
    background: #d40028;
    padding: 5px 10px
}

.freestander_logo_white {
    background-image: url(../images/content/freestander/Bottega_logo_white.png);
    background-image: linear-gradient(transparent, transparent), url(../images/content/freestander/Bottega_logo_white.svg);
    background-position: center top;
    background-repeat: no-repeat;
    width: 55.6%;
    height: 50.9%;
    position: absolute;
    left: 22.2%;
    top: 22%;
    z-index: 1;
    padding: 0 0
}

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

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

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

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

.ico-sprite, .price-tag, .logo, .person-icon, .menu-icon, .menu-icon.active, .facebook-icon, .twitter-icon, .instagram-icon, .facebook-icon-footer, .twitter-icon-footer, .instagram-icon-footer, .search a, .top, .totop, .sub-navi .back, .close, .close.red, .mood-slider-controls .mood-slider-prev, .mood-slider-controls .mood-slider-next, .menu-list .recommend h3:before, .location a .marker, .worldmap .door-layer .close, nav ul.main-nav2 .back {
    background: url(../images/structure/ico-sf629cebcba.png) no-repeat
}

.price-tag {
    background-position: 0 -3777px;
    height: 109px;
    width: 109px
}

@media screen and (max-width: 1023px) {
    .price-tag {
        background-position: 0 -4183px;
        height: 85px;
        width: 85px
    }
}

.logo {
    background-position: 0 -2535px;
    height: 36px;
    width: 205px;
    display: block;
    margin: 0 auto 47px;
    text-indent: -9999px
}

.person-icon {
    background-position: 0 -5374px;
    height: 24px;
    width: 19px;
    outline: none
}

.menu-icon {
    background-position: 0 -6156px;
    height: 23px;
    width: 25px;
    outline: none
}

.menu-icon.active {
    background-position: 0 -6242px;
    height: 23px;
    width: 25px;
    outline: none
}

.facebook-icon {
    background-position: 0 -5648px;
    height: 15px;
    width: 8px;
    outline: none
}

.twitter-icon {
    background-position: 0 -5238px;
    height: 15px;
    width: 15px;
    outline: none
}

.instagram-icon {
    background-position: 0 -5283px;
    height: 15px;
    width: 15px;
    outline: none
}

.facebook-icon-footer {
    background-position: 0 -3222px;
    height: 32px;
    width: 32px;
    margin: 0
}

.twitter-icon-footer {
    background-position: 0 -3080px;
    height: 32px;
    width: 32px;
    margin: 0
}

.instagram-icon-footer {
    background-position: 0 -3716px;
    height: 31px;
    width: 31px;
    margin: 0
}

.search a {
    background-position: 0 -5097px;
    height: 14px;
    width: 14px
}

.top {
    background-position: 0 -3916px;
    height: 60px;
    width: 60px;
    margin: 47px auto;
    display: block
}

.totop {
    background-position: 0 -4093px;
    height: 60px;
    width: 60px;
    position: fixed;
    right: 50%;
    margin-right: -30px;
    bottom: 10px;
    z-index: 800;
    text-indent: -9999em;
    outline: 0
}

.sub-navi .back {
    background-position: 0 -5602px;
    height: 16px;
    width: 21px;
    display: block;
    float: left;
    left: 12px;
    position: relative;
    margin-right: -21px
}

.close {
    background-position: 10px -5911px;
    height: 17px;
    width: 17px;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -ms-border-radius: 23px;
    -o-border-radius: 23px;
    border-radius: 23px;
    background-color: #edeae3;
    padding: 10px !important;
    position: absolute;
    left: 50%;
    bottom: -19px;
    margin-left: -18.5px
}

.close.white {
    background-color: #fff
}

.close.red {
    background-position: 16px -6001px;
    height: 13px;
    width: 13px;
    -webkit-border-radius: 0 0 60px 60px;
    -moz-border-radius: 0 0 60px 60px;
    -ms-border-radius: 0 0 60px 60px;
    -o-border-radius: 0 0 60px 60px;
    border-radius: 0 0 60px 60px;
    padding: 0 16px 15px 16px !important;
    background-color: #d40028;
    bottom: -21px
}

.mood-slider-controls .mood-slider-prev {
    background-position: 0 -3504px;
    height: 76px;
    width: 76px;
    left: 20px
}

.mood-slider-controls .mood-slider-next {
    background-position: 0 -3610px;
    height: 76px;
    width: 76px;
    right: 20px
}

.menu-list .recommend h3:before {
    background-position: 0 -5528px;
    height: 44px;
    width: 12px
}

@media screen and (max-width: 767px) {
    .menu-tile .tile-text, .menu-tile .tile-image {
        min-height: inherit !important;
    }

    .logo {
        background-position: 0 -2193px;
        height: 21px;
        width: 120px;
        display: block;
        text-indent: -9999px;
        margin: 0 14px;
        float: left
    }

    body.select-lang .logo {
        float: none;
        margin: 20px auto 47px
    }

    .lang-selection a {
        font: normal 13px/1.231em Helvetica, Arial, sans-serif
    }
}

@media screen and (min-width: 768px) {
    .main-nav {
        height: auto !important
    }
}

.no-desktop {
    display: none
}

a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.main-nav {
    font: normal 15px/1.333em "Myriad Pro", Verdana, sans-serif;
    text-transform: uppercase;
    text-align: center;
    clear: both;
    position: relative;
    color: #935e55
}

.main-nav a {
    color: #935e55;
    cursor: pointer
}

.main-nav a:hover {
    color: #d40028
}

.main-nav a.active, .main-nav a.current {
    color: #d40028
}

.main-nav .sub-navi {
    display: none;
    text-transform: none;
    background-color: #eceae3;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 1
}

.main-nav .sub-navi > ul {
    padding: 19px 0;
    line-height: 2.7em
}

.main-nav .sub-navi ul {
    position: relative
}

.main-nav .sub-navi ul li:last-child {
    padding: 0
}

.main-nav .sub-navi .third-navi {
    display: none;
    background: #d40028;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1;
    top: 100% !important;
    margin-top: -10px
}

.main-nav .sub-navi .third-navi > ul {
    padding: 12px 0 12px;
    line-height: 2em
}

.main-nav .sub-navi .third-navi li {
    padding: 0 20px
}

.main-nav .sub-navi .third-navi li a {
    color: #fff
}

.main-nav .sub-navi .third-navi li a:hover {
    color: #9d9b8b
}

.main-nav .sub-navi .third-navi .back, .main-nav .sub-navi .third-navi em {
    display: none
}

.main-nav .sub-navi .third-navi.black {
    background: #1a1a1a
}

.main-nav .sub-navi .third-navi.black .close {
    background-color: #1a1a1a
}

.main-nav .sub-navi .third-navi.olive {
    background: #716e2e
}

.main-nav .sub-navi .third-navi.olive .close {
    background-color: #716e2e
}

.main-nav .sub-navi .third-navi.black a, .main-nav .sub-navi .third-navi.olive a {
    color: #fff
}

.main-nav .sub-navi .third-navi.black a.active, .main-nav .sub-navi .third-navi.black a:hover, .main-nav .sub-navi .third-navi.olive a.active, .main-nav .sub-navi .third-navi.olive a:hover {
    color: #9d9b8b
}

.main-nav .sub-navi .back, .main-nav .sub-navi em {
    display: none
}

.main-nav li {
    display: inline-block;
    padding: 0 20px 20px
}

.main-nav li li {
    padding: 0 20px
}

.main-nav li.close-aktion {
    display: none
}

.toolbar {
    position: absolute;
    top: -7px;
    right: 0;
    white-space: nowrap;
    height: 15px;
    margin-bottom: 20px;
    font: normal 14px "crimson_textregular", "Times New Roman", serif
}

.toolbar a {
    color: #333
}

.toolbar li {
    display: inline;
    background: url(../images/structure/bg/toolbar-trenner.png) left no-repeat;
    padding: 0 5px 0 7px
}

.toolbar li:first-child {
    background: none
}

.toolbar .search {
    border-left: 0;
    padding-left: 0
}

.toolbar .search a {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle
}

.toolbar select {
    border: 0;
    font: normal 14px "crimson_textregular", "Times New Roman", serif
}

.toolbar .mobile, .toolbar .mobile-phone {
    display: none
}

.location {
    position: absolute;
    top: -7px;
    left: 0;
    white-space: nowrap;
    font: normal 14px "crimson_textregular", "Times New Roman", serif
}

.location li {
    display: inline;
    padding: 0 9px 0 12px;
    background: url(../images/structure/ico/location-arrow.png) no-repeat right
}

.location li:first-child {
    text-transform: uppercase
}

.location a {
    color: #333;
    font-size: 13px;
    display: inline-block
}

.location a .marker {
    background-position: 0 -5328px;
    height: 16px;
    width: 11px;
    display: inline-block;
    margin-right: 8px;
    position: relative;
    top: 3px
}

.totop {
    background-position: 0 -4093px;
    height: 60px;
    width: 60px;
    position: fixed;
    right: 50%;
    margin-right: -30px;
    bottom: 10px;
    z-index: 800;
    text-indent: -9999em;
    outline: 0
}

footer {
    background: url(../images/structure/bg/blackboard2.gif) repeat;
    padding-bottom: 20px;
    position: relative;
    z-index: 900
}

footer nav {
    padding-top: 20px
}

footer .top-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 21.5%
}

footer ul {
    width: 33.333%;
    margin: auto;
    text-align: center;
    min-width: 160px;
    font: normal 17px/1.765em "crimson_textregular", "Times New Roman", serif
}

footer a {
    color: #e7e6e1;
    white-space: nowrap
}

footer li {
    display: inline-block
}

footer li:before {
    content: '\00B7 \00A0';
    color: #e7e6e1;
    font-weight: bold;
    font-size: 30px;
    position: relative;
    top: 4px;
    left: 3px
}

footer li:first-child:before {
    content: ''
}

footer .addicted {
    margin: 30px auto 0;
    width: 160px;
    display: block
}

footer .social {
    display: none
}

.main-content {
    width: 100%;
    overflow: hidden;
    -webkit-transition: margin .15s;
    -moz-transition: margin .15s;
    -ms-transition: margin .15s;
    -o-transition: margin .15s;
    transition: margin .15s
}

.main-content.detail {
    min-height: 500px
}

.main-content.detail .mood {
    margin-bottom: 40px
}

.main-content.detail p.date {
    padding-bottom: 0;
    position: relative;
    top: 41px
}

.mood {
    width: 100%;
    position: relative;
    height: 559px;
    z-index: 1;
    overflow: hidden
}

.mood .play img {
    width: 100%;
    height: 100%;
    margin-left: 0
}

.mood ul.mood-slider-list {
    display: block;
    width: 100%
}

.mood ul.mood-slider-list li {
    position: relative;
    overflow: hidden;
    width: 1200px
}

.mood ul.mood-slider-list li:before {
    content: "";
}

.mood ul.mood-slider-list li .chownow-order-online {
    display: block;
    width: 370px;
    height: 166px;
    position: absolute;
    left: 75%;
    bottom: 55%;
    margin-left: -185px;
    max-width: 50%;
    box-sizing: border-box;
    background: url(../images/structure/order-now-full.png) no-repeat top right rgba(212, 0, 40, .85);
    background-size: contain
}

@media screen and (max-width: 1279px) and (min-width: 1024px) {
    .mood ul.mood-slider-list li .chownow-order-online {
        bottom: 45%
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
    .mood ul.mood-slider-list li .chownow-order-online {
        bottom: 100px;
        margin-left: 0;
        left: 50%;
        height: auto
    }
}

@media screen and (max-width: 767px) {
    .mood ul.mood-slider-list li .chownow-order-online {
        bottom: inherit;
        top: 0;
        margin-left: 0;
        left: 0%;
        height: auto;
        width: 100%;
        margin-left: 0;
        max-width: 100%
    }
}

.mood ul.mood-slider-list li .chownow-order-online a > span {
    text-transform: uppercase;
    font-family: vapianoalternative;
    color: white;
    line-height: .9em;
    display: block;
    padding-right: 75px;
    background-size: contain;
    font-size: 37px;
    margin: 32px 0 0 32px
}

.mood ul.mood-slider-list li .chownow-order-online > span {
    text-transform: uppercase;
    font-family: vapianoalternative;
    color: white;
    line-height: .9em;
    display: block;
    padding-right: 75px;
    background-size: contain;
    font-size: 37px;
    margin: 32px 0 0 32px
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
    .mood ul.mood-slider-list li .chownow-order-online > span {
        font-size: 22px;
        padding-right: 0
    }
}

@media screen and (max-width: 767px) and (min-width: 481px) {
    .mood ul.mood-slider-list li .chownow-order-online > span {
        font-size: 28px
    }
}

@media screen and (max-width: 480px) {
    .mood ul.mood-slider-list li .chownow-order-online > span {
        font-size: 22px;
        margin: 28px 0 0 25px
    }
}

.mood ul.mood-slider-list li .chownow-order-online a > span span.subline {
    font-size: .65em;
    font-weight: normal;
    line-height: 1em;
    display: inline-block;
    font-family: "barlowregular", "Helvetica", "Arial";
}

.mood ul.mood-slider-list li .chownow-order-online > span span.subline {
    font-size: .65em;
    font-weight: normal;
    line-height: 1em;
    display: inline-block;
    font-family: "barlowregular", "Helvetica", "Arial";
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
    .mood ul.mood-slider-list li .chownow-order-online > span span.subline {
        font-size: .8em
    }
}

.mood .mood-slider-controls .mood-slider-next, .mood .mood-slider-controls .mood-slider-prev {
    border: none;
    cursor: pointer;
    position: absolute;
    top: 236px;
    outline: 0
}

.mood img {
    width: 100%;
    height: auto;
    display: block
}

.mood .welcome-box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none
}

.magazin .mood .welcome-text.tile {
    background-color: #fff;
    opacity: .85
}

.magazin .mood .welcome-sheet {
    background-color: transparent;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0
}

.mood .welcome-sheet {
    background-color: #FFF;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    opacity: .85
}

.mood .welcome-text, .mood .welcome-sheet {
    padding: 2.35%;
    width: 26.667%;
    height: 70%;
    position: absolute;
    top: 10%;
    left: 11.3%;
    color: #9b9b8b
}

.mood .welcome-text img {
    margin: 0 auto 21px !important;
    width: auto !important
}

.mood .welcome-text #skype_c2c_container img {
    margin: 0 auto 0px !important
}

.mood .welcome-text h2 {
    text-align: left;
    padding-top: 0
}

.mood .welcome-text p {
    margin: 0 0 39px 0;
    text-align: left
}

.mood .welcome-text p a {
    display: block
}

.mood h2 {
    font-family: "barlow_lightregular", "Helvetica", "Arial";
    text-transform: uppercase;
    font-size: 38px;
    line-height: 1em;
    padding-bottom: .79em;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.mood p {
    font: normal 17px/1.333em "crimson_textregular", "Times New Roman", serif
}

.mood .final-link {
    position: absolute;
    bottom: 21px
}

.mood input {
    margin: 0 0 5px;
    width: 260px
}

.mood label {
    text-indent: 0
}

.mood strong {
    font: bold 18px "crimson_textregular", "Times New Roman", serif;
    margin-top: 15px
}

.mood .right {
    text-align: right
}

.mood .right a {
    display: block
}

.mood.people .welcome-text p {
    margin: 0
}

.mood.people .welcome-text .qr-code {
    margin: 30px 0 0 !important;
    float: left
}

.price-tag {
    display: table !important;
    position: absolute
}

.price-tag p {
    color: #FFF !important;
    font: normal 20px/1em 'vapianoregular' !important;
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.full-block {
    text-align: center;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
    clear: both
}

.full-block > .text {
    padding: 4%;
    overflow: hidden
}

.full-block.shop > .text {
    padding: 117px 4% 0
}

.full-block > h1 {
    margin-top: 65px;
    -webkit-transition: margin .2s;
    -moz-transition: margin .2s;
    -ms-transition: margin .2s;
    -o-transition: margin .2s;
    transition: margin .2s
}

html.sub-open .full-block > h1, html.third-open .full-block > h1 {
    margin-top: 90px
}

.full-block h1 {
    font: normal 50px/1.3em 'barlow_lightregular', "Helvetica", "Arial"
}

.full-block h2 {
    font: normal 38px/1.3em 'barlow_lightregular', "Helvetica", "Arial";
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #9d9b8b
}

.full-block h3 {
    text-transform: uppercase;
    font-family: 'barlow_lightregular', "Helvetica", "Arial";
    font-size: 50px;
    line-height: 1.3em;
    padding-bottom: .75em
}

.full-block p {
    color: #9d9b8b
}

.full-block select {
    margin-bottom: 100px
}

.full-block .infoWindowContent h3 {
    font-size: 30px;
    white-space: nowrap
}

.full-block .price-tag:after {
    content: ' '
}

.full-block .image-container {
    width: 42%;
    margin: 0 auto
}

.full-block .image-container img {
    width: 100%;
    height: auto
}

.full-block > img {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1
}

.full-block.top-spacer {
    padding-top: 150px
}

.full-block.only-text .text {
    padding: 15%;
    overflow: hidden
}

.full-block.only-text .text p.date {
    margin-bottom: 20px
}

.full-block.collect .price-tag {
    top: 6.333em;
    left: 24%
}

.full-block.cups .price-tag {
    top: 39%;
    left: 24%
}

.full-block.shop .price-tag {
    top: 43%;
    left: 29%
}

.full-block.success > img {
    width: 100%;
    height: auto;
    max-width: 100%
}

.full-block.success .price-tag {
    left: 38%;
    top: 30%
}

.full-block.success .price-tag span {
    display: block
}

.full-block.menu > img {
    width: 100%;
    height: auto;
    max-width: 100%
}

.full-block.menu .price-tag {
    left: 29%
}

.full-block.menu .price-tag span {
    display: block
}

.full-block.event-header {
    height: 200px
}

.full-block.event-header .chzn-container {
    margin-right: 40px
}

.full-block.auto-height {
    height: auto
}

.news-list-view .full-block.only-text .text {
    padding: 11%
}

.tile {
    width: 50%;
    height: 560px;
    float: left;
    position: relative;
    display: table
}

.tile .text {
    margin: 0 50px;
    padding: 0 20px 0 20px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    position: relative;
    z-index: 1
}

.tile .text.vapiano h3 {
    font: normal 50px/1em 'vapianoregular';
    letter-spacing: -2px
}

.tile .text.vapiano p {
    font-size: 28px;
    line-height: 1em;
    padding-bottom: 24px
}

.tile .text.vapiano a {
    font-size: 20px
}

.tile .text h2 {
    font: normal 38px/1.1em 'barlow_lightregular', "Helvetica", "Arial";
    text-transform: uppercase;
    padding-bottom: .5em;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: manual;
    -moz-hyphens: manual;
    hyphens: manual;
}

.tile .text p {
    font-size: 17px;
    padding-bottom: 4px
}

.tile .text p strong {
    font-weight: bold
}

.tile .text a {
    font-family: 'vapianoregular';
    font-size: 20px;
    margin-bottom: 10px;
    display: block
}

.tile .text a:after {
    content: ' >';
    font-size: 14px
}

.tile .text a.price-tag {
    display: table
}

.tile .text a.price-tag:after {
    content: ' '
}

.tile .text a.chzn-single:after {
    content: ''
}

.tile .text a.final-link {
    margin-bottom: 0
}

.tile .text ol {
    margin-top: 20px
}

.tile .text ol li {
    font-family: "crimson_textregular", "Times New Roman", serif;
    font-size: 17px;
    padding-bottom: 10px
}

.tile .picture-box {
    height: 284px;
    display: table;
    margin: auto;
    position: relative
}

.tile .picture-box .inner-box {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 100%;
    width: 160px
}

.tile .picture-box.horizontal img {
    width: 100%
}

.tile .picture-box.horizontal .inner-box {
    height: auto;
    width: 100%
}

.tile .picture-box.horizontal .price-tag {
    left: 0
}

.tile .picture-box .price-tag {
    left: -30%;
    position: absolute
}

.tile .price-tag {
    position: relative;
    left: 17%;
    top: 1.333em
}

.tile .price-tag p {
    color: #FFF;
    font-family: 'vapianoregular';
    font-size: 20px;
    line-height: 1em;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 100%
}

.tile .price-tag span {
    font-size: .629em
}

.tile.shop h2 {
    font-size: 30px;
    margin-bottom: 12px
}

.tile.shop img {
    margin-bottom: 30px
}

.tile.picture img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

.tile.picture .price-tag {
    left: 55%;
    top: 30%;
    position: absolute;
    z-index: 1
}

.tile.only-image.h .inner-box {
    width: 350px;
    height: auto
}

.tile.only-image.h .inner-box img {
    width: 100%
}

.tile.only-image.v .inner-box {
    height: 350px;
    width: auto
}

.tile.only-image.v .inner-box img {
    height: 100%
}

.full-block.roughcast.olive {
    height: 560px;
    background: none
}

.full-block.roughcast.olive .sheet {
    background: rgba(169, 168, 131, .7);
    width: 50%;
    height: 100%;
    display: table
}

.full-block.roughcast.olive .sheet.configurable {
    background: none
}

.full-block.roughcast.olive .text {
    display: table-cell;
    vertical-align: middle;
    padding: 0 70px
}

.full-block.roughcast.olive p {
    margin: 25px 0;
    color: #fff
}

.full-block.roughcast.olive .olive-logo {
    width: auto;
    position: relative
}

.full-block.roughcast.olive a {
    font-family: 'vapianoregular';
    font-size: 20px;
    margin-top: 5px;
    margin-bottom: 0;
    display: block
}

.full-block.roughcast.olive a:after {
    content: ' >';
    font-size: 15px
}

.full-block.roughcast.olive img {
    width: 100%
}

.full-block.roughcast.red {
    height: 560px;
    background: none
}

.full-block.roughcast.red .sheet {
    background: #92001b;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: .7;
    width: 50%;
    height: 100%;
    display: table
}

.full-block.roughcast.red .star {
    background: url(../images/structure/deco/star.png) no-repeat;
    width: 33px;
    height: 31px;
    display: block;
    margin: 0 auto 27px
}

.full-block.roughcast.red p {
    margin: 25px 0;
    color: #fff
}

.full-block.roughcast.red .text {
    display: table-cell;
    vertical-align: middle;
    padding: 0 70px
}

.full-block.roughcast.red h2 {
    font: normal 31px/1.1em 'barlowregular', "Helvetica", "Arial";
    text-transform: uppercase;
    padding-bottom: .5em;
    color: #fff
}

.full-block.roughcast.red a {
    font-family: 'vapianoregular';
    font-size: 20px;
    margin-top: 5px;
    margin-bottom: 0;
    display: block;
    color: #fff
}

.full-block.roughcast.red a:after {
    content: ' >';
    font-size: 15px
}

.full-block.roughcast.red img {
    width: 100%
}

.tile.christmas .sheet {
    background: #92001b;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: .7;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    display: table-cell
}

.tile.christmas .text {
    color: #fff
}

.tile.christmas .star {
    background: url(../images/structure/deco/star.png) no-repeat;
    width: 33px;
    height: 31px;
    display: block;
    margin: 0 auto 27px
}

.tile.christmas a {
    font-family: 'vapianoregular';
    font-size: 20px;
    margin-top: 5px;
    margin-bottom: 35px;
    display: block;
    color: #fff
}

.tile.christmas a:after {
    content: ' >';
    font-size: 15px
}

.tile.christmas p {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    margin: 25px 0
}

.tile.ladies.pink a {
    color: #fff;
    margin-top: 20px
}

.tile.ladies.pink p.date {
    margin: 15px 0
}

.tile.ladies.white h2, .tile.ladies.white p {
    color: #b24e80
}

.tile.ladies.white a {
    margin-top: 20px
}

.tile.black {
    background: #000;
    color: #fff
}

.tile.black img {
    position: absolute;
    bottom: 0;
    right: 0
}

.tile.black .text {
    text-align: left;
    width: 265px
}

.tile.black .text p {
    font: normal 21px/1.4em "vapianoregular"
}

.tile.birthday {
    background: url(../images/structure/bg/birthday.jpg) no-repeat
}

.tile.birthday:lang(fi) {
    background: url(../images/structure/bg/birthday.jpg) no-repeat
}

.tile.birthday .text {
    padding: 164px 294px 0 44px
}

.tile.birthday .text h2 {
    font-family: 'vapianoregular';
    text-transform: none;
    padding-bottom: 20px
}

.tile.birthday .text p {
    background: url(../images/structure/deco/birthday-arrow.png) no-repeat 138px top;
    padding: 89px 0 0 0
}

.tile.birthday .text em {
    font-size: 21px
}

.tile.job .text {
    background: url(../images/structure/deco/job-arrow.png) no-repeat 116px 382px
}

.tile.job .text em {
    font-size: 21px
}

.tile.job .text a {
    font-size: 21px
}

.tile.job .text a:after {
    content: ' >';
    font-size: 15px
}

.tile.job.global .text {
    background: none;
    padding: 140px 0 0 95px
}

.tile.job.global .text h3 {
    font: normal 40px/1em "vapianoregular";
    padding-bottom: 30px
}

.tile.job.global .text p {
    font: normal 21px/1.1em "vapianoregular"
}

.tile.job.global img {
    width: 100%
}

.tile.menu .price-tag {
    left: 40%
}

.tile.menu .right-bottom-corner {
    width: 64%
}

.tile.wood .text.vapiano {
    color: #4d1103 !important
}

.tile.wood.restaurant h3 {
    font: normal 40px/1em "vapianoregular";
    padding-bottom: 10px
}

.tile.wood.restaurant .right-top-corner, .tile.wood.restaurant .left-bottom-corner {
    width: 20%
}

.tile.christmas.restaurant.opening-hours h3 {
    font: normal 30px/1em "vapianoregular";
    padding-bottom: 10px;
}

.tile.wood.restaurant.opening-hours h3 {
    font: normal 30px/1em "vapianoregular"
}

.tile.christmas.restaurant.opening-hours p {
    font-size: 24px;
    margin: 0
}

.tile.wood.restaurant.opening-hours p {
    font-size: 24px
}

.tile.roughcast .text p {
    font-size: 17px;
    margin-bottom: 15px
}

.tile.roughcast .text h3 {
    font-size: 30px;
    line-height: 1.2em
}

.tile.more-padding .text p {
    padding: 0 60px
}

.tile.signal-red {
    background: #d40028;
    color: #fff
}

.tile.signal-red img {
    margin: 35px 0 53px
}

.tile.signal-red a {
    color: #fff
}

.tile .wide-tile-image {
    width: 100%
}

.tile.franchise .text {
    color: #fff;
    text-align: center;
    width: auto;
    padding: 0 70px
}

.tile.franchise .text h2 {
    margin-bottom: 170px
}

.tile.franchise .text p {
    font: 17px/1.353em "crimson_textregular", "Times New Roman", serif
}

.tile.franchise img {
    bottom: 0;
    position: absolute;
    right: 0
}

.tile.success-story .text {
    text-align: left;
    width: 290px;
    padding: 108px 0 0 100px;
    vertical-align: top
}

.tile.success-story .text p {
    width: 250px;
    padding: 0
}

.tile.success-story img {
    position: absolute;
    right: 23px;
    bottom: 0
}

.tile.lightbeige .text {
    color: #9d9b8b
}

.tile.apply-now img {
    margin: 55px 0 68px
}

.tile.territories .text img {
    margin: 0 0 20px
}

.tile.app-process h2 {
    padding: 0 20px
}

.tile.app-process img {
    margin: 55px 0 66px
}

.tile.language-select-text {
    background: #d40028;
    color: #fff
}

.tile.language-select-text .text {
    text-align: center;
    padding: 17%
}

.tile.language-select-text .text h3 {
    font: 43px/1.3em "barlowregular", Helvetica, Arial, sans-serif;
    padding-bottom: 29px;
    text-transform: uppercase
}

.tile.language-select-text .text p {
    padding-bottom: 20px
}

.tile.language-select-text .text a.language-select {
    color: #fff;
    font-size: 28px;
    padding-bottom: 20px
}

.left-tile {
    float: left !important
}

.right-tile {
    float: right !important
}

.tile .twins {
    width: 100%;
    height: 280px;
    float: left;
    display: table;
    margin: auto
}

.tile .twins .text {
    padding: 0;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 100%;
    z-index: 2
}

.tile .twins select {
    margin: 30px 0
}

.tile .twins .chzn-container-single .chzn-drop {
    margin: -10px 0 0 -83px
}

.tile .twins.birthday {
    background: #000 url(../images/structure/bg/birthday-small.jpg) no-repeat right
}

.tile .twins.birthday .text {
    padding: 32px 29px;
    width: 252px;
    display: block
}

.tile .twins.birthday .text h2 {
    font-family: 'vapianoregular';
    text-transform: none;
    padding-bottom: 10px;
    font-size: 25px
}

.tile .twins.birthday .text h2 span {
    text-transform: uppercase;
    display: block
}

.tile .twins.birthday .text p {
    padding: 10px 0 0 0;
    font: normal 20px/1.2em "vapianoregular"
}

.tile .twins.birthday .text em {
    font-size: 21px
}

.tile .twins.top-up-account img {
    display: block;
    width: 100%
}

.tile .twin {
    width: 50%;
    height: 280px;
    float: left;
    display: table
}

.tile .twin .first-text {
    margin-bottom: 20px
}

.tile .twin .first-text h3 {
    margin: 0
}

.tile .twin .second-text h3 {
    margin: 0
}

.tile .twin .text {
    padding: 0;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 100%
}

.tile .twin h3 {
    text-transform: uppercase;
    padding: 0;
    font: normal 48px/1em "crimson_textregular", "Times New Roman", serif;
    margin-bottom: 10px
}

.tile .twin p {
    font-size: 17px;
    line-height: .9em;
    padding: 0;
    margin-bottom: 10px
}

.tile .twin p.final-link {
    font-size: inherit;
    padding-top: 2px
}

.tile .twin p a {
    margin-top: 30px
}

.tile .twin img {
    display: block
}

.tile .twin .fb-icon {
    height: 41%;
    margin-bottom: 7px
}

.tile .twin .fb-icon.fans {
    background: url(../images/content/apps/facebook-fans.gif) no-repeat 50% 100%
}

.tile .twin .fb-icon.checkins {
    background: url(../images/content/apps/facebook-checkins.gif) no-repeat 50% 100%
}

.tile .twin.points .text {
    padding: 0 30px
}

.tile .twin.points .text p {
    font-size: 17px;
    line-height: 1.2em;
    margin-bottom: 3px
}

.tile .twin.points a {
    color: #fff;
    margin: 0
}

.tile .twin.weather .text {
    padding: 0px !important
}

.tile .twin.weather .text p {
    font-size: 62px
}

.tile .twin.weather .weather-container {
    width: 100%
}

.tile .twin.weather .weather-container img {
    width: 100%
}

.tile .twin.social .text {
    padding: 0px !important
}

.tile .twin.social a {
    margin: 0
}

.tile .twin.social .social-container {
    width: 100%
}

.tile .twin.social .social-container img {
    margin: 0 auto
}

.tile .twin.youtube .youtube-container {
    width: 100%;
    margin-bottom: 14px
}

.tile .twin.youtube .youtube-container img {
    margin: 0 auto
}

.icon-container {
    height: 50px;
    overflow: hidden
}

.final-link a {
    font: normal 20px/1.15em 'vapianoregular';
    display: block;
    padding-top: 5px;
}

.final-link a:after {
    content: ' >';
    font-size: .7em
}

.content-texture {
    width: auto !important;
    padding: 90px 210px 50px;
    position: relative
}

.content-texture h1 {
    color: #9c9686;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    padding-bottom: 0
}

.content-texture p, .content-texture ol, .content-texture h2, .content-texture h3 {
    text-align: center;
    color: #9c9686;
    margin: 35px auto;
    position: relative;
    z-index: 1;
    word-wrap: break-word
}

.content-texture p .declaration, .content-texture ol .declaration, .content-texture h2 .declaration, .content-texture h3 .declaration {
    font-family: "barlowregular", "Helvetica", "Arial";
    font-style: normal;
    margin: 0
}

.content-texture .image-container-h img {
    width: 100%
}

.content-texture .image-container-v img {
    display: block;
    height: 100%;
    margin: 0 auto
}

.content-texture a.arrow {
    font-family: 'vapianoregular';
    font-size: 20px;
    margin-bottom: 11px;
    display: block;
    color: #d40028;
    text-align: center
}

.content-texture a.arrow:after {
    content: ' >';
    font-size: 20px
}

.content-texture a.arrow:hover {
    text-decoration: none
}

.content-texture a {
    color: #92001b
}

.content-texture a:hover {
    text-decoration: underline
}

.image-container-v {
    margin-top: 50px;
}

.divider {
    margin-bottom: 50px;
}

.content-texture h2, .content-texture h3 {
    font: 30px/0.9em "barlowregular", "Helvetica", "Arial";
    text-transform: uppercase
}

.content-texture ul li {
    font: normal 17px/1.353em "crimson_textregular", "Times New Roman", serif;
    color: #9c9686;
    text-align: center;
    margin: 9px auto
}

.content-texture ul li:after {
    background: url(../images/structure/deco/point.png) no-repeat center;
    content: ' . ';
    display: block;
    color: white;
    margin-top: 5px;
    height: 14px
}

.content-texture ul li:last-child:after {
    background: none
}

.content-texture ul li.disabled {
    opacity: .3;
    filter: alpha(opacity=30)
}

.content-texture ul.numbered-process strong {
    margin: 39px auto 5px
}

.content-texture ul.numbered-process .ToggableContent p {
    margin: 10px auto 10px
}

.content-texture ul.numbered-process .ToggableContent p:first-child {
    margin: 20px auto 10px
}

.content-texture ul.numbered-process li a {
    counter-increment: numbered-klapper;
    display: inline-block
}

.content-texture ul.numbered-process li a:before {
    content: counter(numbered-klapper);
    background-color: #d40028;
    width: 30px;
    height: 26px;
    display: inline-block;
    color: white;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    padding-top: 4px;
    margin-bottom: 20px;
    font-family: Arial, Helvetica, sans-serif
}

.content-texture ul.numbered-process li:after {
    background: none;
    color: transparent;
    margin-top: -11px
}

.content-texture.menu-list li:after {
    content: '';
    display: none
}

.content-texture ul li:last-child:after {
    content: ''
}

.content-texture strong {
    display: block;
    color: #9c9686;
    text-align: center;
    margin: 0 auto;
    font: bold 18px "crimson_textregular", "Times New Roman", serif
}

.content-texture strong.subheadline {
    margin-bottom: -30px
}

.content-texture em {
    font: italic 18px "crimson_textregular", "Times New Roman", serif;
    color: #9c9686;
    text-align: center;
    margin: 39px auto;
    display: block
}

.content-texture .top {
    position: relative;
    z-index: 10
}

.content-texture:before {
    content: '';
    background: url(../images/structure/deco/texture-top.png) no-repeat;
    height: 657px;
    width: 100%;
    display: block;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0
}

.content-texture:after {
    content: '';
    background: url(../images/structure/deco/texture-bottom.png) no-repeat;
    height: 657px;
    width: 100%;
    display: block;
    z-index: -2;
    position: absolute;
    bottom: 0;
    left: 0
}

.content-texture .content-texture-2-col {
    float: left;
    width: 50%;
    text-align: center;
    font-family: 'vapianoregular'
}

ul.icon-list li {
    display: inline-block;
    max-width: 82px;
    margin: 0 11px;
    vertical-align: top
}

ul.icon-list li.disabled {
    opacity: .3;
    filter: alpha(opacity=30)
}

ul.icon-list li span {
    display: block;
    font-family: 'vapianoregular';
    font-size: 18px
}

ul.icon-list li:after {
    background: none;
    height: auto;
    margin: 0
}

.two-col-container {
    display: inline-block;
    width: 100%
}

.two-col-container:after {
    margin-bottom: 30px;
    clear: both
}

.content-texture .footnote {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    margin-top: 26px
}

.content-texture ul.content-texture-2-col li {
    color: #d40028;
    font-family: 'vapianoregular';
    margin: 0;
    text-align: center;
    line-height: .5em;
    display: inline-block;
    width: 100%
}

.content-texture-2-col h2:first-child {
    margin-top: 0;
    padding-top: 0;
}

.content-texture-2-col img {
    max-width: 100%;
    height: auto;
}

.content-texture ul.content-texture-2-col li a {
    text-decoration: none;
    color: #d40028;
    padding-right: 15px;
    background: url(../images/structure/ico/arrow-link-right.png) no-repeat right
}

.content-texture ul.content-texture-2-col li:after {
    background: none;
    margin-top: 0
}

.content-texture.top-texture:after {
    content: '';
    background: none
}

.content-texture.bottom-texture:before {
    content: '';
    background: none
}

.content-texture.no-texture:after {
    content: '';
    height: auto;
    background: none
}

.content-texture.no-texture:before {
    content: '';
    background: none
}

.content-center {
    text-align: center
}

ol.awards {
    margin: 137px 0;
    text-align: center;
    position: relative;
    z-index: 1
}

ol.awards li {
    display: inline;
    margin-right: 10px
}

ol.awards li img {
    margin-bottom: 20px
}

.image-left, .image-right {
    position: absolute;
    z-index: 0;
    width: 300px
}

.image-left img, .image-right img {
    width: 100%;
    height: auto
}

.image-left {
    left: 0
}

.image-right {
    right: 0
}

.image-left.col-01, .image-right.col-01 {
    top: 0
}

.image-left.col-02, .image-right.col-02 {
    top: 512px
}

.image-left.col-03, .image-right.col-03 {
    top: 1024px
}

.image-left.col-04, .image-right.col-04 {
    top: 1536px
}

.image-left.col-05, .image-right.col-05 {
    top: 2048px
}

.image-left.col-06, .image-right.col-06 {
    top: 2560px
}

.image-left.col-07, .image-right.col-07 {
    top: 3072px
}

.image-left.col-08, .image-right.col-08 {
    top: 3584px
}

.image-left.col-09, .image-right.col-09 {
    top: 4096px
}

.image-left.col-010, .image-right.col-010 {
    top: 4608px
}

.image-left.col-011, .image-right.col-011 {
    top: 5120px
}

.image-left.col-012, .image-right.col-012 {
    top: 5632px
}

.image-left.col-013, .image-right.col-013 {
    top: 6144px
}

.image-left.col-014, .image-right.col-014 {
    top: 6656px
}

.image-left.col-015, .image-right.col-015 {
    top: 7168px
}

.image-left.col-016, .image-right.col-016 {
    top: 7680px
}

.image-left.col-017, .image-right.col-017 {
    top: 8192px
}

.image-left.col-018, .image-right.col-018 {
    top: 8704px
}

.image-left.col-019, .image-right.col-019 {
    top: 9216px
}

.image-left.col-020, .image-right.col-020 {
    top: 9728px
}

.image-left.col-021, .image-right.col-021 {
    top: 10240px
}

.image-left.col-022, .image-right.col-022 {
    top: 10752px
}

.image-left.col-023, .image-right.col-023 {
    top: 11264px
}

.image-left.col-024, .image-right.col-024 {
    top: 11776px
}

.image-left.col-025, .image-right.col-025 {
    top: 12288px
}

.image-left.col-026, .image-right.col-026 {
    top: 12800px
}

.image-left.col-027, .image-right.col-027 {
    top: 13312px
}

.image-left.col-028, .image-right.col-028 {
    top: 13824px
}

.image-left.col-029, .image-right.col-029 {
    top: 14336px
}

.image-left.col-030, .image-right.col-030 {
    top: 14848px
}

.contact .image-left, .contact .image-right {
    top: 15%
}

.contact .radio-area {
    margin-bottom: 16px;
    top: 0
}

.contact .area-buttons button {
    float: none
}

.contact, .tx-vapiano-contact {
    margin-bottom: 30px
}

.contact form, .tx-vapiano-contact form {
    margin: 80px 0 0 0
}

.contact form select, .tx-vapiano-contact form select {
    width: 95%
}

form {
    margin-top: 20px
}

form label {
    font: bold 18px "crimson_textregular", "Times New Roman", serif;
    color: #9c9686;
    display: block
}

form label.small {
    font-size: 14px;
    margin-bottom: 10px
}

form input {
    width: 90%;
    border: 1px solid #c0baa2;
    padding: 5px;
    margin-top: 5px
}

form textarea {
    height: 113px;
    resize: none;
    width: 95%;
    border: 1px solid #c0baa2;
    padding: 5px;
    font: normal 17px "crimson_textregular", "Times New Roman", serif;
    color: #9c9686
}

form .area-both select {
    width: 50%
}

form .area-both.radio-area {
    margin-bottom: 38px
}

form select {
    padding: 5px 5px 3px 2px;
    border: 1px solid #c0baa2;
    width: 94%;
    color: #9C9686;
    font: 17px "crimson_textregular", "Times New Roman", serif;
    margin-top: 5px
}

form input {
    font: normal 17px "crimson_textregular", "Times New Roman", serif;
    color: #9c9686
}

form input[type="radio"] {
    width: auto;
    height: auto;
    margin-right: .3em
}

form label.radio {
    float: left;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 18px;
    vertical-align: middle;
    text-indent: 0
}

form label.radio.first {
    margin-right: 20px
}

form .plz-label {
    width: 54px;
    margin-right: 15px;
    float: left;
    display: inline
}

form .location-label {
    width: 224px;
    float: left;
    display: inline
}

form .area-both {
    width: 100%;
    clear: both;
    text-align: center
}

form .area-left, form .area-right {
    margin-bottom: 38px;
    min-height: 66px
}

form .area-left {
    width: 50%;
    float: left
}

form .area-left-small {
    clear: both;
    width: 50%;
    float: left
}

form .area-right-small {
    float: left;
    width: 45%
}

form .area-right {
    width: 50%;
    float: right
}

form .area-right label.radio {
    margin-bottom: 5px
}

form .area-captcha {
    width: 100%;
    clear: both;
    margin-top: 38px
}

form .area-captcha span tx-srfreecap-cant-read {
    float: left
}

form .area-captcha img {
    margin-right: 340px
}

form .area-captcha #sjbr-freecap-captcha-response {
    clear: both
}

form .area-captcha input[type="text"] {
    border: 1px solid #C0BAA2;
    margin: 6px -5px 0;
    padding: 5px;
    width: 34%
}

form span {
    font: normal 18px "crimson_textregular", "Times New Roman", serif;
    color: #9c9686;
    display: block;
    margin: 12px 0 0 0
}

form .area-buttons {
    text-align: center;
    margin-top: 40px
}

form .area-buttons input[type="submit"] {
    background: #d40028 !important;
    border: none;
    font-family: 'vapianoregular';
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    padding: 2px 8px;
    width: 204px;
    height: 34px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -webkit-box-sizing: border-box
}

form .area-buttons.one-click-action button, form .area-buttons.one-click-action a {
    float: none
}

form a {
    font-family: 'vapianoregular';
    font-size: 20px
}

form a:after {
    content: ' >';
    font-size: 15px
}

form button {
    background: #d40028;
    border: none;
    font-family: 'vapianoregular';
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    padding: 2px 8px
}

form button:after {
    content: ' >';
    font-size: 15px
}

.rating-content strong {
    margin-bottom: 0
}

.rating-content p {
    margin-top: 0
}

.rating-content h2 {
    padding: 0
}

.f3-form-error {
    border: 1px solid #d40028
}

.roughcast .worldmap a.close:after {
    content: ""
}

.worldmap {
    margin-top: 30px;
    height: 590px;
    position: relative
}

.worldmap .door-layer {
    display: none;
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #d40028;
    color: #FFF;
    z-index: 1
}

.worldmap .door-layer .close {
    background-position: 0 -5030px;
    height: 37px;
    width: 37px;
    width: 37px;
    height: 37px;
    bottom: auto;
    left: auto;
    right: 42px;
    top: 42px;
    border-radius: 0;
    padding: 0 !important
}

.worldmap .door-layer .text {
    padding: 17%;
    text-align: center
}

.worldmap .door-layer h2 {
    font: normal 43px/1.3em 'barlowregular', Helvetica, Arial, sans-serif;
    color: #FFF;
    text-transform: uppercase;
    padding-bottom: 29px
}

.worldmap .door-layer p {
    color: #FFF
}

.worldmap .door-layer p.final-link {
    padding-top: 34px
}

.worldmap .door-layer p.final-link a {
    font-size: 26px;
    color: #fff
}

.worldmap .door-layer p.final-link.link-list a {
    display: inline !important
}

.worldmap .door-layer p.final-link.link-list a:first-child {
    border-right: 1px solid white;
    padding-right: 10px;
    margin-right: 10px
}

.world .sel2 {
    margin: 0;
    text-align: right
}

.world.roughcast .full-block {
    overflow: visible
}

.world.roughcast .full-block p {
    width: 586px;
    margin: 0 auto 40px
}

.world.roughcast .full-block p a {
    display: inline;
    color: #92001b;
    font: normal 17px/1.353em "crimson_textregular", "Times New Roman", serif
}

.world.roughcast .full-block p a:after {
    content: ''
}

.world .worldmap-anchor {
    display: block;
    margin-top: -21px
}

.restaurant-finder input {
    width: 98%;
    border: 1px solid #c0baa2;
    padding: 17px 0 15px 15px;
    margin: 0
}

.restaurant-finder button.search-icon {
    background: rgba(0, 0, 0, 0) url(../images/structure/ico/search-red-big.png) no-repeat scroll 0 0;
    height: 33px;
    position: absolute;
    right: 15px;
    text-indent: -9999px;
    top: 11px;
    width: 33px
}

.restaurant-finder form.selectwrapper .chzn-container {
    margin-right: 40px
}

.restaurant-finder .plz-container {
    width: 100%;
    display: block;
    margin: 0 0 37px
}

.restaurant-finder .plz-container div {
    margin: 0;
    position: relative;
    width: 100%
}

.restaurant-finder .selectwrapper {
    margin: 0
}

.restaurant-finder .accordion-header.active + div {
    background: #eceae3 none repeat scroll 0 0;
    left: 0;
    position: absolute;
    top: 0;
    height: 100%;
    width: 47.5%;
    z-index: 1;
    padding-top: 40px
}

.restaurant-wrapper {
    position: relative;
    overflow: hidden
}

.restaurant-finder .close-detail {
    background: rgba(0, 0, 0, 0) url(../images/structure/close-detail.png) no-repeat scroll center center;
    float: right;
    height: 16px;
    padding: 20px;
    width: 16px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0
}

.restaurant-finder .full-block {
    height: auto
}

.restaurant-finder .full-block img {
    position: relative;
    max-width: 100%
}

.restaurant-finder .full-block #map-canvas {
    height: 550px
}

form.selectwrapper {
    display: block
}

form.selectwrapper a {
    white-space: nowrap
}

form.selectwrapper a span {
    font: normal 20px 'vapianoregular';
    color: #d40028
}

form.selectwrapper a:after {
    content: ''
}

form.selectwrapper a form.selectwrapper a:after span {
    font: normal 20px 'vapianoregular';
    color: #d40028
}

form.selectwrapper a.disabled:after {
    color: #9c9686 !important
}

.menu-list h1, .content-texture h1 {
    font: normal 50px/1.2em 'barlowregular', "Helvetica", "Arial"
}

.menu-list dt, .content-texture dt {
    font: 38px/38px "barlowregular", "Helvetica", "Arial"
}

.menu-list dl, .content-texture dl {
    font: normal 17px/23px "crimson_textregular", "Times New Roman", serif
}

.menu-list h2 {
    font: normal 38px/1.2em 'vapianoregular' !important
}

.content-texture h2 {
    font: normal 35px/1.2em "barlowregular", "Helvetica", "Arial"
}

.content-texture h3 {
    font: normal 31px/1.2em "barlowregular", "Helvetica", "Arial";
    padding-top: 0;
}

.menu-list {
    text-align: center
}

.menu-list h1 {
    width: auto
}

.menu-list h2 {
    margin-top: 0;
    padding-top: 16px
}

.menu-list dl {
    text-align: center;
    color: #9c9686;
    margin: -60px auto 70px
}

.menu-list dt {
    padding-top: 68px;
    text-transform: uppercase
}

.menu-list dt a {
    color: #9c9686
}

.menu-list dd p {
    width: auto
}

.menu-list dd li {
    display: inline
}

.menu-list dd .recommend {
    margin-top: -28px
}

.menu-list dd .recommend h3:before {
    content: "";
    display: block;
    margin: 0 auto 12px;
    position: relative
}

.menu-list dd .recommend * {
    display: inline
}

.menu-list ol {
    font-size: 15px;
    line-height: 1.2em;
    counter-reset: myOl
}

.menu-list ol li {
    display: inline;
    white-space: nowrap
}

.menu-list ol li:before {
    content: counter(myOl) ")\00A0";
    counter-increment: myOl
}

.menu-list > ul li {
    font: 30px/0.9em "barlowregular", "Helvetica", "Arial";
    color: #9C9686;
    padding-top: 27px
}

.menu-list .additives {
    font: normal 15px/2.1em 'barlowregular', "Helvetica", "Arial";
}

.menu-list .motto {
    color: #000
}

.menu-list .download {
    color: #000
}

.menu-list .download a {
    font: normal 20px 'vapianoregular'
}

.menu-list .download a:before {
    content: "";
    display: block;
    margin-top: 72px
}

.menu-list .download a:after {
    font-size: 16px;
    content: " >"
}

h2.menu {
    text-align: center;
    font: 38px/1.2em 'vapianoregular' !important;
    margin-top: 0;
    padding-top: 16px
}

.menu-item {
    color: #9C9686;
    margin: -60px auto 70px;
    text-align: center
}

.menu-item p {
    margin: 0 !important;
    color: #9C9686;
    font: normal 17px/23px "crimson_textregular", "Times New Roman", serif
}

.menu-item a {
    color: #9C9686
}

.menu-item .menu-item-name {
    padding-top: 68px;
    text-transform: uppercase;
    font: 38px/38px "barlowregular", "Helvetica", "Arial"
}

.text-color-beige {
    color: #9d9b8b !important
}

.text-color-white, .text-color-white a {
    color: #fff !important
}

.text-color-gray {
    color: #444 !important
}

p.final-link {
    line-height: 0 !important;
    padding-bottom: 0 !important
}

header .people-layer {
    position: absolute;
    right: 87px;
    top: 30px;
    background: #eceae3;
    width: 340px;
    padding: 26px 0;
    z-index: 1;
    -webkit-box-shadow: #b2b2b2 0 0 3px;
    -moz-box-shadow: #b2b2b2 0 0 3px;
    box-shadow: #b2b2b2 0 0 3px
}

header .people-layer span.top-arrow {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 12px solid #eceae3;
    position: absolute;
    top: -12px;
    left: 157px
}

header .people-layer .vapiano-people-logo {
    margin-bottom: 25px
}

header .people-layer p {
    font: bold 18px "crimson_textregular", "Times New Roman", serif;
    color: #9c9686
}

header .people-layer p.error {
    background: white;
    color: #d40028;
    margin: 36px 28px 40px;
    text-align: left;
    padding: 4px 9px;
    font-size: 17px;
    position: relative
}

header .people-layer p.error span {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 12px solid white;
    border-bottom: 0;
    position: absolute;
    bottom: -8px;
    left: 129px
}

header .people-layer form {
    text-align: left;
    margin: 0;
    left: 0;
    padding: 0 28px
}

header .people-layer form label {
    text-indent: 0
}

header .people-layer form input {
    margin: 5px 0 13px 0;
    width: 96%;
    padding: 3px
}

header .people-layer form div.right {
    text-align: right
}

header .people-layer form div.right a {
    display: block
}

h1 .vapiano-people-logo {
    margin-bottom: 40px
}

h1 .sub {
    font-size: 30px;
    display: block;
    margin-bottom: -13px
}

.vapiano-people-logo {
    background: url(../images/structure/logos/vapiano-people.png) no-repeat;
    width: 262px;
    height: 131px;
    text-align: center;
    display: block;
    text-indent: -9999em;
    margin: 0 auto;
    padding: 0
}

form .one-column {
    margin: 0 auto;
    width: 280px
}

form .one-column .area-both {
    margin-bottom: 40px
}

form .area-buttons {
    height: 35px;
    margin: 0 19%;
    padding-top: 18px;
    clear: both
}

form .area-buttons a {
    float: left;
    color: #e21f30;
    margin-top: 5px
}

form .area-buttons a:before {
    content: '< ';
    font-size: 15px
}

form .area-buttons a:after {
    content: ''
}

form .area-buttons button {
    float: right
}

form .chzn-container {
    margin-bottom: 0
}

form .chzn-single {
    padding: 0 !important
}

form .chzn-single span {
    font-family: 'vapianoregular';
    font-size: 20px;
    color: #d40028;
    padding-left: 0 !important
}

form .chzn-single:hover {
    text-decoration: none
}

form .chzn-single:after {
    content: ''
}

form input.captcha {
    width: 96%
}

form .center-text {
    text-align: center
}

form .center-text input[type=text] {
    width: 50%;
    display: block;
    margin: 10px auto 40px
}

form .center-text .radio-area {
    margin-bottom: 20px
}

form .area-both {
    clear: both
}

form .clear-text p {
    text-align: left;
    margin: 0;
    top: -30px
}

form h3 {
    margin-top: 0 !important
}

form .radio-area {
    position: relative;
    top: 10px
}

form .radio-area span, form .radio-area label {
    display: inline
}

form .radio-area span {
    margin-right: 10px;
    font-size: 18px
}

form .radio-area .ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

form .radio-area .ui-state-default, form .radio-area .ui-widget-content .ui-state-default, form .radio-area .ui-widget-header .ui-state-default {
    background: url(../images/structure/bg/radio-inactive.png) center left no-repeat;
    cursor: pointer;
    padding: 0 0 0 27px
}

form .radio-area .ui-state-active {
    background: url(../images/structure/bg/radio-active.png) center left no-repeat;
    cursor: pointer
}

form .radio-area.rating {
    margin-bottom: 36px
}

form .radio-area.rating .ui-state-default, form .radio-area.rating .ui-widget-content .ui-state-default, form .radio-area.rating .ui-widget-header .ui-state-default {
    background: none;
    border: 1px solid #d40028;
    cursor: pointer;
    padding: 3px 6px 0;
    margin-right: 6px
}

form .radio-area.rating .ui-state-default span, form .radio-area.rating .ui-widget-content .ui-state-default span, form .radio-area.rating .ui-widget-header .ui-state-default span {
    color: #d40028;
    font: normal 16px/1.231em Helvetica, Arial, sans-serif;
    margin: 0
}

form .radio-area.rating .ui-state-active {
    background: none #d40028;
    border: 1px solid #d40028;
    cursor: pointer
}

form .radio-area.rating .ui-state-active span {
    color: #fff
}

form .checkbox-area span a.ui-state-default, form .checkbox-area label a.ui-state-default {
    display: inline;
    background: none;
    padding: 0
}

form .checkbox-area span a.ui-state-default span, form .checkbox-area label a.ui-state-default span {
    font: normal 18px "crimson_textregular", "Times New Roman", serif;
    color: #92001b;
    display: inline
}

form .checkbox-area span a:after, form .checkbox-area label a:after {
    content: ''
}

form .checkbox-area .ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

form .checkbox-area .ui-state-default, form .checkbox-area .ui-widget-content .ui-state-default, form .checkbox-area .ui-widget-header .ui-state-default {
    background: url(../images/structure/bg/checkbox-inactive.png) no-repeat;
    cursor: pointer;
    padding: 0 0 0 39px
}

form .checkbox-area .ui-state-active {
    background: url(../images/structure/bg/checkbox-active.png) no-repeat;
    cursor: pointer
}

form.selectwrapper {
    text-align: center
}

form.selectwrapper .chzn-container {
    margin-right: 0
}

.table-list {
    width: 100%;
    margin-top: 50px
}

.table-list .col {
    width: 50%;
    float: left;
    margin-bottom: 6px;
    min-height: 23px
}

.table-list .col-full {
    clear: both;
    padding: 0 0 20px 0
}

.table-list .change-block {
    clear: both
}

.table-list .change-block p {
    margin-top: 7px
}

.table-list h2 {
    padding-top: 29px;
    margin-bottom: 20px
}

.table-list p {
    font-family: 'barlowregular', "Helvetica", "Arial";
    text-transform: uppercase;
    font-size: 17px;
    margin: 0 10px 0 0;
    text-align: right
}

.table-list p.error {
    font: bold 17px "crimson_textregular", "Times New Roman", serif;
    text-align: center;
    text-transform: capitalize;
    color: #d40028;
    margin-bottom: 7px;
    margin-top: 0
}

.table-list strong {
    margin: 0 0 0 10px;
    text-align: left
}

.member-card-tile.tile {
    background: #eceae3;
    text-align: center;
    height: auto;
    width: auto;
    float: none;
    display: block
}

.member-card-tile.tile .text {
    display: block;
    padding: 50px
}

.member-card-tile.tile .people-logo {
    margin-bottom: 20px
}

.member-card-tile.tile .member-card {
    background: url(../images/structure/kundenkarte.png) no-repeat;
    width: 143px;
    height: 38px;
    margin: 0 auto 30px;
    padding: 77px 0 24px 48px
}

.member-card-tile.tile .member-card p {
    color: #65615b;
    font: normal 12px/1.2em "Helvetica", "Arial";
    text-align: left
}

.member-card-tile.tile .member-card p:last-child {
    font: normal 9px/1.2em "Helvetica", "Arial"
}

.klapper {
    margin: 40px 0 0 0;
    padding: 0
}

.klapper li {
    margin: 0
}

.klapper a.trigger .inactive {
    background: url(../images/structure/ico/arrow-map-down.png) no-repeat center right;
    color: #d40028;
    font-family: 'vapianoregular';
    font-size: 20px;
    padding-right: 16px;
    text-decoration: none;
    display: inline-block
}

.klapper a.trigger .minus {
    background: url(../images/structure/ico/arrow-select-up.png) no-repeat center right
}

.klapper .ToggableContent {
    display: none;
    padding: 1px
}

.klapper .ToggableContent p {
    font-size: 17px;
    margin: 20px auto 0
}

.klapper.numbered-process {
    background: url(../images/structure/bg/red-dot.png) repeat-y center
}

.klapper.numbered-process .table-content {
    background-color: #fff
}

.klapper.numbered-process a.trigger {
    text-decoration: none;
    outline: none
}

.klapper.numbered-process a.trigger .inactive {
    background: url(../images/structure/ico/arrow-select-down.png) no-repeat center right #fff;
    color: #d40028;
    font-family: 'vapianoregular';
    font-size: 20px;
    padding: 0 16px 5px 0;
    text-decoration: none;
    display: block
}

.klapper.numbered-process a.trigger .inactive.minus {
    background: url(../images/structure/ico/arrow-select-up.png) no-repeat center right #fff
}

.finder {
    position: relative
}

.active > .finder.restaurant-found {
    display: block
}

.active > .finder.restaurant-choose {
    display: none
}

.active > .finder.restaurant-choose + .close {
    display: none
}

.finder form {
    margin-top: 0
}

.finder fieldset {
    position: relative;
    display: inline
}

.finder input {
    background-color: #fff !important;
    background-image: none !important;
    margin: 0 auto;
    width: 336px;
    height: 23px
}

.finder button.search-icon {
    background: url(../images/structure/ico/search-red.png) no-repeat;
    width: 15px;
    height: 15px;
    text-indent: -9999px;
    position: absolute;
    right: 10px;
    top: 13px
}

.finder a {
    position: absolute;
    right: -373px;
    top: 11px;
    color: #d40028
}

.finder a:after {
    content: ' >' !important;
    font-size: 15px
}

.finder.restaurant-found {
    display: none;
    width: 400px
}

.finder.restaurant-found p {
    position: relative;
    display: inline
}

.finder.restaurant-found a {
    position: relative;
    top: inherit;
    right: inherit
}

.finder.restaurant-found a:after {
    content: '' !important
}

.finder.restaurant-found .close {
    top: 0 !important;
    right: -26px !important;
    left: inherit;
    margin-right: -43px;
    margin-top: -5px
}

.js-search-content {
    background: white;
    padding-top: 10px !important
}

.js-search-content p, .js-search-content a.local-position {
    padding: 0 13px;
    margin-bottom: 5px
}

.js-search-content a {
    display: block;
    font: 17px/1.353em "crimson_textregular", "Times New Roman", serif;
    color: #676662
}

.js-search-content a.local-position {
    margin-bottom: 15px;
    color: #d40028
}

.gm-style-iw {
    height: 155px
}

.hide-content {
    display: none
}

.mobile-navigation {
    display: none
}

.yt-embed {
    width: 1200px;
    height: 580px;
    margin-left: -300px
}

.main-content .video {
    width: 100%;
    position: relative;
    height: auto;
    z-index: 1;
    overflow: hidden;
    margin: 0 0 -6px 0;
    display: inline-block;
    max-height: 600px;
    cursor: pointer
}

.main-content .content-texture .video {
    width: 1200px;
    margin-left: -300px;
    position: relative;
    height: auto;
    z-index: 1;
    overflow: hidden;
    display: inline-block;
    max-height: 600px;
    cursor: pointer
}

.play {
    height: 80px;
    width: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    z-index: 10
}

.ytPlayer {
    display: none;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 50%
}

iframe.instagram-media {
    position: relative !important;
}

.ytPlayer iframe {
    top: 0;
    left: 0;
    position: absolute
}

.magazin {
    overflow-x: hidden
}

.magazin .jcarousel-clip {
    overflow: hidden;
    max-height: 560px
}

.magazin .jcarousel {
    position: relative;
    overflow: hidden
}

.magazin .jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0
}

.magazin .jcarousel ul li {
    float: left;
    width: auto
}

.magazin .slidertiles ul li {
    width: 600px
}

.magazin .jcarousel-prev, .magazin .jcarousel-next {
    background: url(../images/structure/ico/arrow-left-slider-nowhite.png) no-repeat #eceae3;
    background-size: cover;
    display: block;
    position: absolute;
    left: -30px;
    top: 0;
    z-index: 999;
    top: 50%;
    margin-top: -30px;
    border-radius: 38px;
    width: 60px;
    height: 60px;
    cursor: pointer
}

.magazin .jcarousel-prev-disabled, .magazin .jcarousel-next-disabled {
    display: none !important
}

.magazin .jcarousel-next {
    background: url(../images/structure/ico/arrow-right-slider-nowhite.png) no-repeat #eceae3;
    background-size: cover;
    right: -30px;
    left: auto
}

.magazin .jcarousel-pagination {
    text-align: center;
    position: absolute;
    bottom: -45px;
    width: 100%;
    left: 0;
    height: 20px;
    z-index: 1000;
    display: none
}

.magazin .jcarousel-pagination a {
    display: inline-block;
    padding: 0;
    line-height: 20px;
    background: none;
    color: #fff;
    line-height: 20px;
    font-size: 65px;
    margin: 0 2%;
    text-indent: 0
}

.magazin .jcarousel-pagination a.active {
    color: #e21f30;
    text-indent: 0
}

@media screen and (max-width: 767px) {
    .magazin .jcarousel-pagination a {
        color: #cbc6b3
    }
}

@media screen and (min-width: 1279px) {
    .magazin .jcarousel ul li {
        width: 600px
    }
}

.magazin body.magazin {
    font: normal 18px/28px "crimson_textregular", "Times New Roman", serif;
    color: #000
}

.magazin a.readmorelink {
    color: #d40028
}

.magazin h1 {
    font: normal 90px/108px "crimson_textregular", "Times New Roman", serif;
    color: #000;
    padding-bottom: 0;
    font-style: italic;
    text-transform: none
}

.magazin h2, .magazin .tile .text h2 {
    font: italic 50px/60px "crimson_textregular", "Times New Roman", serif
}

.magazin h2 {
    color: #000;
    margin: 26px auto;
    padding: 0 25%;
    text-align: center;
    display: inline-block
}

.magazin h3 {
    font: italic 36px/43px "crimson_textregular", "Times New Roman", serif;
    color: #000
}

.magazin h4 {
    font: italic 24px/28px "crimson_textregular", "Times New Roman", serif;
    color: #000
}

.magazin .rubrik {
    font: italic 18px/24px "barlowregular", "Times New Roman", serif
}

.magazin .date, .magazin .views {
    font: normal 18px/18px "crimson_textregular", "Times New Roman", serif;
    color: #000
}

.magazin .linktext a, .magazin .tile .text a {
    display: block;
    font: normal 18px/18px "crimson_textregular", "Times New Roman", serif
}

.magazin .linktext.button a {
    font: normal 13px/13px "crimson_textregular", "Times New Roman", serif
}

.magazin .linktext a {
    padding-right: 10px;
    background: url(../images/structure/ico/weiterlesen-arrow.png) no-repeat right center;
    background-size: auto 55%
}

.magazin p, .magazin p.fliesstext, .magazin strong, .magazin .main-content li, .magazin .chzn-single span {
    font: normal 18px/28px "crimson_textregular", "Times New Roman", serif;
    color: #000
}

.magazin strong {
    font-weight: 700;
    font-family: "crimson_textregular", "Times New Roman", serif !important
}

.magazin h5 {
    font: normal 20px "crimson_textregular", "Times New Roman", serif
}

.magazin h5 {
    margin-bottom: 20px
}

.magazin p.subtitle {
    text-align: center;
    margin: 35px auto 26px;
    padding: 0 41%
}

.magazin .date-stamp {
    font-size: 1em;
    text-align: center;
    display: block;
    margin-top: 15px;
    line-height: 43px;
    font-family: "crimson_textregular", "Times New Roman", serif
}

.magazin .month-stamp {
    font-family: "crimson_textregular", "Times New Roman", serif;
    text-transform: uppercase
}

.magazin .breadcrumbs {
    display: block;
    margin: 22px 0
}

.magazin .main-content {
    overflow: visible
}

.magazin .wrap {
    display: inline-block;
    width: 100%;
    margin: 0 auto 26px auto;
    overflow: hidden
}

.magazin .row.wideblocks {
    overflow: hidden;
    width: 100%
}

.magazin b {
    font-weight: bold
}

.magazin .tile h3 {
    margin-bottom: 0
}

.magazin .play > img {
    cursor: pointer
}

.magazin .magazin-top {
    background: url(../images/structure/header-serrated.png) repeat-x;
    height: 105px;
    width: 100%;
    position: relative;
    z-index: 1;
    margin-top: 10px
}

.magazin .magazin-top .magazin-logo {
    width: 33%;
    height: 100%;
    position: absolute;
    left: 33%;
    top: 0;
    background: url(../images/content/Vapiano-Magazin_Schriftzug.jpg) no-repeat center center;
    background-size: 100%
}

.magazin .magazin-top .magazin-logo h1 {
    text-indent: -99999px
}

.magazin .magazin-top .rubriken-button {
    width: 65px;
    height: 45px;
    position: absolute;
    right: 26px;
    top: 26px;
    font-size: 13px;
    line-height: 21px
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .magazin .magazin-top .rubriken-button {
        width: 52px;
        height: 34px;
        font-size: 10px;
        line-height: 13px;
        top: 20px
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .magazin .magazin-top .rubriken-button {
        width: 40px;
        height: 25px;
        font-size: 8px;
        line-height: 12px;
        top: 18px
    }
}

.magazin .magazin-top .rubriken-button a, .magazin .magazin-top .rubriken-button a:hover {
    text-align: center;
    display: inline-block;
    width: 100%;
    height: 110%;
    text-transform: uppercase;
    color: #000;
    font-size: inherit;
    background: url(../images/structure/ico/rubriken.png) no-repeat bottom center;
    background-size: 100% auto;
    line-height: inherit
}

.magazin .magazin-top .date-label {
    background: url(../images/structure/data-label.png) no-repeat center bottom;
    border-top: 1px solid #c7c7c7;
    background-size: 100% 100%;
    position: absolute;
    top: -9%;
    left: 3.3%;
    width: 5.2%;
    height: 85%;
    font-size: 36px
}

.magazin .magazin-top .date-stamp, .magazin .magazin-top .month-stamp {
    font-size: 1em;
    text-align: center;
    display: block;
    margin-top: 15px;
    color: black
}

.magazin .magazin-top .month-stamp {
    margin-top: 4px;
    font-size: .5em;
    margin-top: -5px
}

.magazin .magazin-top .date {
    font-style: normal;
    line-height: initial !important
}

.magazin .magazin-top .bottom-line {
    display: block;
    position: absolute;
    width: 100%;
    height: 5px;
    left: 0;
    bottom: 0;
    background: url(../images/structure/serrated-line.png) repeat-x
}

.magazin .magazin-top.en .magazin-logo {
    background: url(../images/content/Vapiano-Magazin_Schriftzug-en.jpg) no-repeat center center;
    background-size: 100%
}

.magazin .magazin-top.en .rubriken-button a, .magazin .magazin-top.en .rubriken-button a:hover {
    font-size: .78em
}

.magazin .magazin-top.single-line {
    background: url(../images/structure/serrated-line.png) repeat-x
}

.magazin .magazin-top.single-line .bottom-line {
    display: none
}

.magazin .picture.tile {
    -ms-overflow-style: none
}

.magazin .row .tile {
    float: left
}

.magazin .tile h2, .magazin .tile h3 {
    padding: 0 0
}

.magazin .tile.wide h3 {
    padding: 0 0
}

.magazin .tile .text {
    padding: 0 14%
}

.magazin .mood .welcome-box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block
}

.magazin .mood .text-box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    display: table-cell
}

.magazin .mood .welcome-text, .magazin .mood .welcome-sheet {
    width: 27.3%;
    height: 80.2%;
    position: absolute;
    top: 9.86%;
    left: 4.59%;
    color: #9b9b8b;
    padding: 2.35%;
    text-align: center;
    box-sizing: border-box
}

.magazin .mood.right .welcome-text, .magazin .mood.right .welcome-sheet {
    top: 9.86%;
    left: auto;
    right: 4.59%
}

.magazin .mood .welcome-text img {
    margin: 0 auto 11% !important;
    width: 52px !important;
    max-width: 52px
}

.magazin .mood .tile .text .readmore {
    margin-bottom: 0
}

.magazin .mood .tile .text .play {
    position: absolute;
    width: 100%;
    bottom: 40px;
    left: 0;
    height: auto;
    top: auto;
    margin-left: auto;
    margin-top: auto
}

.magazin .mood .viewcount {
    background: url(../images/structure/ico/viewcount.png) no-repeat left center;
    background-size: initial;
    margin-top: 4% !important
}

.magazin .mood a {
    font-family: 'crimson_textregular';
    font-size: 18px;
    position: relative
}

.magazin .details {
    height: 20.75%
}

.magazin .mood .tile .text {
    padding: 0 0
}

.magazin .mood .details {
    height: 20.75%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.magazin .mood h3 {
    margin-top: 0%
}

.magazin .mood .date {
    text-align: center;
    width: 116px;
    display: inline-block;
    color: #000;
    font: normal 18px "crimson_textregular", "Times New Roman", serif
}

.magazin .mood .linkwrap {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0
}

.magazin .category, .magazin .rubrik {
    width: 100%;
    text-align: center;
    font: normal 18px/24px "barlowregular", "Helvetica", "Arial";
    color: #000;
    text-transform: uppercase;
    margin-top: -3px
}

.magazin .serrated-devider {
    background: url(../images/structure/serrated-line.png) repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 5px;
    margin: 8px auto 11px !important;
    width: 110px
}

.magazin .play a:after, .magazin .readmore a:after {
    display: none
}

.magazin .viewcount {
    background: url(../images/structure/ico/viewcount.png) no-repeat left center !important;
    background-size: auto 90% !important;
    font: normal 18px "crimson_textregular", "Times New Roman", serif;
    text-align: center;
    display: inline-block !important;
    color: #000;
    margin-top: 11px !important;
    padding: 1px 0 0 28px
}

.magazin .wide .viewcount {
    position: absolute;
    bottom: 0
}

.magazin .invert .viewcount {
    background: url(../images/structure/ico/viewcount-white.png) no-repeat !important;
    color: white !important;
    margin-top: 11px !important
}

.magazin .invert.tile .rubrikdate {
    top: 0;
    margin-top: 2.32%
}

.magazin .invert.tile .rubrikdate .date {
    margin: 1.3% auto 0
}

.magazin .readmore {
    margin-top: 4%;
    font: normal 18px "crimson_textregular", "Times New Roman", serif;
    text-align: center
}

.magazin .invert.tile .text .readmore {
    bottom: 0;
    margin-bottom: 1.875%
}

.magazin h3 {
    margin-bottom: 26px
}

.magazin .sliderwrap {
    display: block;
    height: auto;
    position: relative
}

.magazin .slidertiles .tile {
    display: block;
    height: 280px;
    overflow: hidden;
    width: 100%
}

.magazin .slidertiles .tile .cellwrap {
    display: table;
    table-layout: fixed;
    box-sizing: border-box;
    float: left;
    height: 100%;
    width: 50%;
    padding: 0 0
}

.magazin .slidertiles .tile.white.odd .cellwrap {
    float: right
}

.magazin .slidertiles .tile.white .text.empty, .magazin .slidertiles .tile.white.odd .text.empty {
    background: none
}

.magazin .slidertiles .tile .text {
    display: table-cell;
    height: 100.01%;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 50%;
    box-sizing: border-box;
    z-index: 1;
    padding: 0
}

.magazin .slidertiles .tile.white .text {
    background: url(../images/structure/gradient-white.png) no-repeat top right;
    background-size: cover
}

.magazin .slidertiles .tile.white.odd .text {
    background: url(../images/structure/gradient-white-odd.png) no-repeat top left;
    background-size: cover
}

.magazin .slidertiles .tile .text .rubrik {
    position: absolute;
    top: 0;
    margin-top: 10%;
    left: 0
}

.magazin .slidertiles .tile .text h4 {
    margin: 18% 10%
}

.magazin .slidertiles .tile .text .readmore {
    position: absolute;
    bottom: 0%;
    margin-bottom: 7.5%;
    left: 0;
    font: normal 18px "crimson_textregular", "Times New Roman", serif;
    text-align: center;
    width: 100%
}

.magazin .slidertiles .right-top-corner {
    width: 102%
}

.magazin .tile .rubrikdate {
    display: inline-block;
    position: absolute;
    top: 0;
    margin-top: 4.65%;
    left: 5%;
    width: 90%;
    height: 24%
}

.magazin .tile.wide .rubrikdate {
    margin-top: 0
}

.magazin .tile .rubrikdate .category {
    margin: -3px auto 0;
    width: 100%;
    text-align: center
}

.magazin .tile .text img {
    height: auto;
    width: 100%
}

.magazin .tile .rubrikdate .date {
    text-align: center;
    margin: 2.4% auto 0
}

.magazin .tile .text h2 {
    font-family: "crimson_textregular", "Times New Roman", serif;
    text-transform: none;
    padding-bottom: 0;
    margin-bottom: 0 !important
}

.magazin .tile .text .readmore {
    position: absolute;
    bottom: 0;
    margin-bottom: 3.75%;
    left: 0;
    font: normal 18px "crimson_textregular", "Times New Roman", serif;
    text-align: center;
    width: 100%
}

.magazin .tile .text p {
    padding-top: 7%
}

.magazin .tile.wide .text p {
    padding-top: 3.5%
}

.magazin .tile .text a {
    display: inline-block;
    margin: 0
}

.magazin .tile .text .play a {
    display: block
}

.magazin .tile .text a.viewcount-icon {
    margin-top: 10px
}

.magazin .mood .text-center {
    margin: 5% auto;
    display: table-cell
}

.magazin .tile.wide {
    width: 25%;
    height: 280px
}

.magazin .tile.wide .right-top-corner {
    width: auto;
    height: 100%
}

.magazin .tile.wide.white {
    width: 75%;
    display: block
}

.magazin .beigetint {
    background: #eceae3
}

.magazin .tile.full.invert {
    color: #fff;
    display: inline-block;
    overflow: hidden
}

.magazin .tile.full.invert .cellwrap {
    display: table;
    height: 100%;
    width: 100%
}

.magazin .tile.full {
    width: 100%
}

.magazin .tile.full .text {
    padding: 0 27.5%
}

.magazin .tile.full.picture img {
    display: block;
    height: 100%;
    width: 100%
}

.magazin .tile.full.picture.invert > img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%)
}

.magazin .tile.full.invert .category, .magazin .tile.full.invert .date, .magazin .tile.full.invert h2, .magazin .tile.full.invert .viewcount-icon {
    color: #fff
}

.magazin .tile.full.invert .viewcount-icon {
    background: url(../images/structure/ico/viewcount-white.png) no-repeat
}

.magazin .tile.full.invert .serrated-devider {
    background: url(../images/structure/serrated-line-white.png) repeat-x
}

.magazin .arrowup {
    text-align: center;
    margin: 20px auto 40px;
    width: 60px
}

.magazin .arrowup img {
    width: 100%;
    height: auto
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .magazin .slidertiles ul li {
        width: 490px
    }

    .magazin h1 {
        font-size: 65px !important;
        line-height: 80px !important
    }

    .magazin h2 {
        font-size: 36px !important;
        line-height: 43px !important
    }

    .magazin h3 {
        font-size: 25px !important;
        line-height: 28px !important
    }

    .magazin h4 {
        font-size: 18px !important;
        line-height: 21px !important
    }

    .magazin .category, .magazin .rubrik {
        font-size: 16px !important;
        line-height: 21px !important
    }

    .magazin .date, .magazin .views {
        font-size: 16px !important;
        line-height: 16px !important
    }

    .magazin .linktext a, .magazin .tile .text a {
        font-size: 16px !important;
        line-height: 16px !important
    }

    .magazin .linktext.button a {
        font-size: 11px !important;
        line-height: 11px !important
    }

    .magazin p, .magazin p.fliesstext, .magazin p.subtitle, .magazin .main-content li, .magazin .chzn-single span {
        font-size: 16px !important;
        line-height: 25px !important
    }

    .magazin .viewcount {
        margin-top: 1% !important
    }

    .magazin .tile .text .readmore {
        left: 0
    }

    .magazin .jcarousel-clip {
        overflow: hidden;
        max-height: 456px
    }

    .magazin .mood .welcome-text img {
        margin: 0 auto 17% !important
    }

    .magazin .tile.white.wide .text h3 {
        margin-top: -6px !important
    }

    .magazin .date-label {
        line-height: 12px
    }

    .magazin .mood .tile .text .play {
        bottom: 30px
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .magazin .mood .tile .text .play {
        bottom: 25px
    }

    .magazin .slidertiles ul li {
        width: 350px
    }

    .magazin h1 {
        font-size: 55px !important;
        line-height: 66px !important
    }

    .magazin h2 {
        font-size: 30px !important;
        line-height: 34px !important
    }

    .magazin h3 {
        font-size: 20px !important;
        line-height: 25px !important
    }

    .magazin h4 {
        font-size: 16px !important;
        line-height: 18px !important
    }

    .magazin .category, .magazin .rubrik {
        font-size: 16px !important;
        line-height: 21px !important
    }

    .magazin .date, .magazin .views {
        font-size: 16px !important;
        line-height: 16px !important
    }

    .magazin .linktext a, .magazin .tile .text a {
        font-size: 16px !important;
        line-height: 16px !important
    }

    .magazin .linktext.button a {
        font-size: 11px !important;
        line-height: 11px !important
    }

    .magazin p, .magazin p.fliesstext, .magazin p.subtitle, .magazin .main-content ul li, .magazin .chzn-single span {
        font-size: 16px !important;
        line-height: 25px !important
    }

    .magazin ul li {
        font-family: "crimson_textregular", "Times New Roman", serif
    }

    .magazin .tile.white.wide .text {
        top: 24% !important;
        height: 64% !important
    }

    .magazin .mood .serrated-devider {
        margin: 4px auto 5px
    }

    .magazin .serrated-devider {
        margin: 4px auto 7px
    }

    .magazin .detailview .serrated-devider {
        margin: 4px auto 7px !important
    }

    .magazin .mood .play + h3 {
        margin-top: -24%
    }

    .magazin .mood .tile .text {
        padding: 0 10.5%
    }

    .magazin .mood .viewcount {
        margin-top: 5px !important
    }

    .magazin .viewcount {
        margin-top: 5px !important
    }

    .magazin .invert .viewcount {
        margin-top: 5px !important
    }

    .magazin .tile .text .readmore {
        left: 0
    }

    .magazin .tile.white.wide .text h3, .magazin .tile.white.wide .text p {
        padding-left: 120px !important
    }

    .magazin .tile.white.wide .text .readmore .readmorelink {
        left: 120px !important
    }

    .magazin .tile.white.wide .text {
        width: 84% !important
    }

    .magazin .arrowup {
        width: 50px
    }

    .magazin .date-stamp {
        line-height: 32px
    }

    .magazin .date-label {
        line-height: 12px
    }
}

@media screen and (max-width: 767px) and (min-width: 481px) {
    .magazin .slidertiles ul li {
        width: 400px
    }

    .magazin h1 {
        font-size: 55px !important;
        line-height: 66px !important
    }

    .magazin h2 {
        font-size: 36px !important;
        line-height: 43px !important
    }

    .magazin h3 {
        font-size: 25px !important;
        line-height: 28px !important
    }

    .magazin h4 {
        font-size: 18px !important;
        line-height: 21px !important
    }

    .magazin .category, .magazin .rubrik {
        font-size: 16px !important;
        line-height: 21px !important
    }

    .magazin .date, .magazin .views {
        font-size: 16px !important;
        line-height: 16px !important
    }

    .magazin .linktext a, .magazin .tile .text a {
        font-size: 16px !important;
        line-height: 16px !important
    }

    .magazin .linktext.button a {
        font-size: 11px !important;
        line-height: 11px !important
    }

    .magazin p, .magazin p.fliesstext, .magazin p.subtitle, .magazin .main-content li, .magazin .chzn-single span {
        font-size: 16px !important;
        line-height: 25px !important
    }

    .magazin .tile .text {
        padding: 0 40px
    }

    .magazin .mood .tile .text {
        padding: 0 36px
    }

    .magazin .mood .details {
        top: 11px
    }

    .magazin .mood .tile .text .readmore {
        bottom: -8px !important
    }

    .magazin .tile .text .play img {
        max-height: auto !important;
        width: 70px !important
    }

    .magazin .jcarousel-pagination.slidertiles-pagination a {
        background: none;
        color: #fff;
        line-height: 20px;
        font-size: 65px;
        margin: 0 2%;
        text-indent: 0
    }

    .magazin .jcarousel-pagination.slidertiles-pagination a.active {
        color: #d40028
    }

    .magazin ul li {
        font-family: "crimson_textregular", "Times New Roman", serif !important
    }
}

@media screen and (max-width: 480px) {
    .magazin .slidertiles ul li {
        width: 320px
    }

    .magazin h1 {
        font-size: 40px !important;
        line-height: 48px !important
    }

    .magazin h2 {
        font-size: 25px !important;
        line-height: 28px !important
    }

    .magazin h3 {
        font-size: 20px !important;
        line-height: 25px !important
    }

    .magazin h4 {
        font-size: 14px !important;
        line-height: 19px !important
    }

    .magazin .category, .magazin .rubrik {
        font-size: 14px !important;
        line-height: 19px !important
    }

    .magazin .date, .magazin .views {
        font-size: 14px !important;
        line-height: 14px !important
    }

    .magazin .linktext a, .magazin .tile .text a {
        font-size: 14px !important;
        line-height: 14px !important
    }

    .magazin p, .magazin p.fliesstext, .magazin p.subtitle, .magazin .main-content li, .magazin .chzn-single span {
        font-size: 16px !important;
        line-height: 25px !important
    }

    .magazin ul li {
        font-family: "crimson_textregular", "Times New Roman", serif !important
    }

    .magazin .detailview .slider {
        height: 100%
    }

    .magazin .mood .tile .text .play {
        top: -185px !important
    }

    .magazin .slidertiles .tile .text {
        padding: 0 !important
    }

    .magazin .sliderwrap {
        margin-bottom: 56px !important
    }

    .magazin .jcarousel-pagination {
        bottom: -35px;
        height: 16px
    }

    .magazin .jcarousel-pagination a {
        display: inline-block;
        padding: 0;
        line-height: 20px;
        background: none;
        color: #cbc6b3;
        font-size: 52px !important;
        margin: 0 2%;
        text-indent: 0
    }

    .magazin .jcarousel-pagination.slidertiles-pagination a, .magazin .detailview .jcarousel-pagination a {
        display: inline-block;
        padding: 0;
        line-height: 20px;
        background: none;
        color: #cbc6b3;
        font-size: 52px !important;
        margin: 0 2%;
        text-indent: 0
    }

    .magazin .jcarousel-pagination.slidertiles-pagination a.active, .magazin .detailview .jcarousel-pagination a.active {
        color: #d40028
    }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .magazin .magazin-top {
        height: 80px
    }

    .magazin .minitiles {
        font-size: 10px
    }

    .magazin .tile.wide {
        height: 229px
    }

    .magazin .slidertiles .tile {
        height: 228px
    }

    .magazin .jcarousel-prev, .magazin .jcarousel-next {
        display: block;
        height: 60px;
        width: 60px;
        margin-top: -30px;
        left: -30px;
        right: auto
    }

    .magazin .jcarousel-next {
        right: -30px;
        left: auto
    }

    .magazin .magazin-top .date-stamp {
        font-size: .8em;
        text-align: center;
        display: block;
        margin-top: 4px;
        color: black
    }

    .magazin .magazin-top .month-stamp {
        font-size: .45em;
        text-align: center;
        display: block;
        margin-top: -5px;
        color: black
    }

    .magazin .slidertiles .tile .text .readmore {
        position: absolute;
        bottom: 0
    }

    .magazin .tile .rubrikdate .category {
        margin: 0% auto .8%
    }

    .magazin .invert.tile .rubrikdate .category {
        margin: 0% auto 0%
    }

    .magazin .invert .viewcount {
        margin-top: 0.7% !important
    }

    .magazin .magazin .viewcount {
        margin-top: 1.15% !important
    }

    .magazin .serrated-devider {
        margin: 3px auto 6px !important;
        width: 80px
    }

    .magazin .category, .magazin .rubrik {
        margin-top: -3px
    }

    .magazin .tile .rubrikdate {
        margin-top: 17px
    }

    .magazin .tile .text .readmore {
        margin-bottom: 14px
    }

    .magazin .invert.tile .rubrikdate {
        top: 18px;
        margin-top: 0
    }

    .magazin .invert.tile .rubrikdate .date {
        margin: 0 auto 0
    }

    .magazin .mood .welcome-text, .magazin .mood .welcome-sheet {
        padding: 20px
    }

    .magazin .mood .viewcount {
        margin-top: 4px !important
    }

    .magazin .slidertiles .tile .text h4 {
        margin: 0 20px
    }

    .magazin .tile .text {
        padding: 0 65px
    }

    .magazin .tile .text p {
        padding-top: 30px
    }

    .magazin .tile.white.wide .text {
        height: 71.7% !important;
        left: 20px !important;
        width: 89% !important;
        top: 45px !important
    }

    .magazin .tile.wide .text p {
        padding-top: 20px !important
    }

    .magazin .mood .welcome-text img {
        width: 42px !important
    }

    .magazin .tile.wide .rubrikdate {
        top: -6px !important
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .magazin .magazin-top {
        height: 62px
    }

    .magazin .minitiles {
        font-size: 7px
    }

    .magazin .minitiles .col .tile .category {
        margin-top: 7%
    }

    .magazin .tile.wide {
        height: 162px
    }

    .magazin .slidertiles .tile {
        height: 163px
    }

    .magazin .slidertiles .tile > img {
        width: 100%
    }

    .magazin .jcarousel-clip {
        max-height: 700px !important
    }

    .magazin .tile.wide .rubrikdate {
        top: -6px !important
    }

    .magazin .textpic-wrap .tile {
        width: 100%;
        height: auto
    }

    .magazin .textpic-wrap .tile.pic {
        height: auto
    }

    .magazin .textpic-wrap.left-image .tile.pic {
        margin-bottom: 52px
    }

    .magazin .textpic-wrap.right-image .tile.pic {
        margin-top: 52px !important
    }

    .magazin .detailview .sliderwrap img {
        width: 700px !important;
        min-height: 654px;
        max-height: none
    }

    .magazin .detailview .tile.right {
        padding: 0 4.6% !important
    }

    .magazin .end-rubrik .prev, .magazin .end-rubrik .next {
        width: 50px !important;
        height: 50px !important
    }
}

@media screen and (max-width: 1023px) {
    .magazin .mood .tile .text {
        width: 400px;
        height: 288px
    }

    .magazin .mood .welcome-text, .magazin .mood .welcome-sheet {
        top: 0;
        left: 0;
        box-sizing: border-box;
        width: 350px;
        height: 327px
    }

    .magazin .mood.right .welcome-text, .magazin .mood.right .welcome-sheet {
        left: auto;
        right: 0;
        top: 0
    }

    .magazin .jcarousel-prev, .magazin .jcarousel-next {
        display: block;
        height: 50px;
        width: 50px;
        margin-top: -25px;
        left: -25px;
        right: auto
    }

    .magazin .jcarousel-next {
        right: -25px;
        left: auto
    }

    .magazin .tile.white.wide {
        width: 100%
    }

    .magazin .tile.wide.picture {
        display: none
    }

    .magazin .tile .text p, .magazin .tile.white.wide .text p {
        display: none
    }

    .magazin .magazin-top .date-stamp {
        font-size: .6em;
        text-align: center;
        display: block;
        margin-top: 4px
    }

    .magazin .magazin-top .month-stamp {
        font-size: .35em;
        text-align: center;
        display: block;
        margin-top: -5px
    }

    .magazin .serrated-devider {
        width: 80px
    }

    .magazin .tile .rubrikdate .category {
        margin: 0 auto 0
    }

    .magazin .tile .rubrikdate .date {
        margin: 3% auto 0
    }

    .magazin .tile.white.wide .text h3 {
        margin: -1% 0 0 0 !important
    }

    .magazin .mood .welcome-text, .magazin .mood .welcome-sheet {
        padding: 3% 2.3%
    }

    .magazin .mood .tile .text .readmore {
        margin-bottom: 0
    }

    .magazin .tile .rubrikdate {
        margin-top: 16px
    }

    .magazin .slidertiles .tile .text img {
        max-height: none;
        max-width: none;
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .magazin .mood h3 {
        margin-top: 0
    }

    .magazin .mood .tile .text .play {
        display: block;
        position: absolute;
        top: -235px;
        width: 100%;
        left: 0
    }

    .magazin .mood .tile .text {
        width: 400px;
        height: 338px
    }

    .magazin .magazin-top .date-label {
        display: none
    }

    .magazin .minitiles {
        font-size: 7px
    }

    .magazin .minitiles .col .tile .title {
        margin-top: 7%
    }

    .magazin .slidertiles .tile {
        height: 187px
    }

    .magazin .minitiles .col {
        width: 100%
    }

    .magazin .tile {
        height: 375px
    }

    .magazin .tile.full .text {
        padding: 0 15%
    }

    .magazin .tile.wide {
        display: none
    }

    .magazin .magazin-top {
        height: 95px !important
    }

    .magazin .row.pic-right .tile {
        top: 375px
    }

    .magazin .row.pic-right .tile.picture {
        top: -375px
    }

    .magazin .mood .welcome-box {
        display: block !important
    }

    .magazin .mood {
        height: 750px
    }

    .magazin .mood .welcome-text, .magazin .mood .welcome-sheet, .magazin .mood.right .welcome-text, .magazin .mood.right .welcome-sheet {
        width: 100%;
        height: 50%;
        position: absolute;
        top: 50%;
        left: 0;
        color: #9b9b8b;
        padding: 2.35%;
        text-align: center;
        display: block !important;
        background: #eceae3
    }

    .magazin .mood .welcome-sheet {
        background-color: #eceae3;
        box-sizing: border-box
    }

    .magazin .magazin-top .magazin-logo {
        width: 68%;
        height: 100%;
        position: absolute;
        left: 16%;
        top: 0
    }

    .magazin .magazin-top {
        height: 75px !important;
        margin-top: 40px
    }

    .magazin .tile .text .readmore {
        direction: rtl
    }

    .magazin .linktext a, .magazin .tile .text a {
        direction: ltr;
        display: inline-block
    }

    .magazin .linktext a.viewcount, .magazin .tile .text a.viewcount {
        margin-right: 10px
    }

    .magazin .tile.wide.white.first {
        top: 374px
    }

    .magazin .tile.wide.picture.first {
        display: block;
        width: 100%;
        top: -375px;
        height: 375px
    }

    .magazin .tile.wide.white {
        width: 100%;
        height: 375px;
        display: table
    }

    .magazin .tile .text .readmore br {
        display: none
    }

    .magazin .serrated-devider {
        margin: 5px auto 8px !important
    }

    .magazin .tile .rubrikdate, .magazin .invert.tile .rubrikdate, .magazin .tile.wide .rubrikdate {
        top: 0;
        margin-top: 16px
    }

    .magazin .tile .rubrikdate .date, .magazin .invert.tile .rubrikdate .date {
        margin: 0 auto
    }

    .magazin .invert.tile .text .readmore {
        bottom: 0
    }

    .magazin .wide .viewcount {
        position: static
    }

    .magazin .arrowup {
        margin: 20px auto
    }

    .magazin .detailview .text p, .magazin .detailview .text p.fliesstext {
        text-align: left
    }

    .magazin div.sortby-wrap {
        margin: 10px auto 26px -105px
    }

    .magazin .jcarousel-clip {
        overflow: hidden;
        max-height: 374px
    }

    .magazin li, .magazin ul {
        font-family: "crimson_textregular", "Times New Roman", serif
    }
}

@media screen and (max-width: 480px) {
    .magazin .tile .text img {
        max-height: 35%
    }

    .magazin .mood .tile .text {
        width: 400px;
        height: 280px
    }

    .magazin .slidertiles .tile {
        height: 149px
    }

    .magazin .row.pic-right .tile.picture {
        top: -298px
    }

    .magazin .row.pic-right .tile {
        top: 298px
    }

    .magazin .row.pic-right .tile.picture {
        top: -298px
    }

    .magazin .tile {
        height: 298px
    }

    .magazin .tile.wide.white.first {
        top: 297px
    }

    .magazin .tile.wide.picture.first {
        display: block;
        width: 100%;
        top: -298px;
        height: 298px
    }

    .magazin .tile.wide.white {
        width: 100%;
        height: 298px;
        display: table
    }

    .magazin .mood {
        height: 594px
    }

    .magazin .tile .text {
        padding: 0 30px !important
    }

    .magazin .tile .text .readmore {
        margin-bottom: 14px
    }

    .magazin .tile .rubrikdate {
        margin-top: 17px
    }

    .magazin .invert.tile .rubrikdate {
        margin-top: 16px
    }

    .magazin .viewcount {
        background: url(../images/structure/ico/viewcount.png) no-repeat left top !important;
        background-size: auto 90% !important
    }

    .magazin .invert .viewcount {
        background: url(../images/structure/ico/viewcount-white.png) no-repeat left top !important;
        background-size: auto 90% !important
    }

    .magazin .slidertiles .tile .text .readmore {
        bottom: 0
    }

    .magazin .slidertiles .tile .text .rubrik {
        top: 0;
        margin-top: 15px
    }

    .magazin .mood .details {
        top: 12px
    }

    .magazin .mood .tile .text .readmore {
        bottom: 4px
    }

    .magazin .serrated-devider {
        margin: 3px auto 5px
    }

    .magazin .mood .welcome-text img {
        width: 56px !important;
        max-width: 56px
    }

    .magazin .jcarousel-clip {
        overflow: hidden;
        max-height: 298px
    }
}

@media screen and (min-width: 768px) {
    .magazin .tile.white.wide .text {
        text-align: left;
        display: inline-block;
        padding: 0;
        height: 70.7%;
        position: relative;
        top: 20%;
        width: 88%;
        left: 3.11%
    }

    .magazin .tile.white.wide .text h3, .magazin .tile.white.wide .text p {
        padding-left: 24%;
        text-align: left;
        margin: -.5% 0 0 0
    }

    .magazin .tile.white.wide .rubrikdate > div {
        text-align: left
    }

    .magazin .tile.white.wide .text .readmore {
        position: absolute;
        bottom: -3px;
        left: 0;
        font: normal 18px "crimson_textregular", "Times New Roman", serif;
        text-align: left;
        width: 100%;
        margin-top: 0;
        margin-bottom: 0
    }

    .magazin .tile.white.wide .text .readmore .readmorelink {
        position: absolute;
        bottom: 0;
        left: 24%
    }

    .magazin .tile.white.wide .rubrikdate > .serrated-devider {
        background: none;
        margin: 0;
        left: 0
    }

    .magazin .tile.wide .rubrikdate {
        display: inline-block;
        position: absolute;
        top: 2.7%;
        left: 0;
        text-align: left
    }

    .magazin .tile.wide .date {
        font-style: normal
    }

    .magazin .related-news img.right-top-corner {
        width: 102%
    }

    .magazin .mood .play + h3 {
        margin-top: -18%
    }
}

.magazin .detailview .jcarousel-pagination {
    display: block;
    bottom: 14px
}

.magazin .detailview .jcarousel-pagination a {
    background: none;
    color: #fff;
    line-height: 20px;
    font-size: 65px;
    margin: 0 2%;
    text-indent: 0
}

.magazin .detailview .jcarousel-pagination a.active {
    color: #d40028
}

.magazin .detailview .tile {
    padding: 0 3.6% 0 0;
    box-sizing: border-box
}

.magazin .detailview .text-wrap .tile.text {
    padding: 0 0 0 0;
    box-sizing: border-box;
    width: 100%
}

.magazin .detailview .text-wrap.column .tile.text {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 80px;
    -moz-column-gap: 80px;
    column-gap: 80px;
    display: inline
}

.magazin .detailview .slideshow .tile {
    padding: 0;
    box-sizing: border-box
}

.magazin .detailview .slideshow .tile.pic {
    display: block
}

.magazin .detailview .tile.right {
    padding: 0 0 0 3.6%;
    box-sizing: border-box
}

.magazin .video {
    width: 100%;
    position: relative;
    height: auto;
    z-index: 1;
    overflow: hidden;
    display: inline-block;
    max-height: 600px;
    margin-bottom: -6px
}

.magazin .video img {
    width: 100%;
    cursor: pointer
}

.magazin .video > img {
    height: auto;
    width: 100%
}

.magazin .video .play img {
    width: 100%;
    height: 100%
}

.magazin .ytPlayer {
    display: none;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 50%
}

.magazin .ytPlayer iframe {
    top: 0;
    left: 0;
    position: absolute
}

.magazin .placeholder {
    width: 100%;
    cursor: pointer
}

.magazin .detailview .article-top {
    display: inline-block;
    margin: 26px auto;
    width: 100%;
    position: relative
}

.magazin .detailview h2 {
    margin: 26px auto 52px;
    padding: 0 25%;
    text-align: center;
    display: block
}

.magazin .detailview h3, .magazin .detailview h4 {
    display: block;
    margin: 26px auto 0;
    padding: 0 25%;
    text-align: center
}

.magazin .detailview .main-content > h3, .magazin .detailview .main-content > h4 {
    margin: 26px auto 26px
}

.magazin .detailview > h3 {
    padding: 0 11.6%
}

.magazin .detailview .article-top .category {
    width: 100%;
    text-align: center
}

.magazin .detailview .serrated-devider {
    margin: 10px auto 10px !important
}

.magazin .detailview .beige .serrated-devider {
    margin: 1px auto 10px
}

.magazin .detailview .article-top .date {
    text-align: center;
    width: 100%;
    display: inline-block;
    position: relative
}

.magazin .socialbar {
    margin: 26px auto;
    width: 145px;
    text-align: center;
    display: block;
    height: 40px
}

.magazin .socialbar .toolbar {
    right: auto;
    white-space: nowrap;
    height: auto;
    margin-bottom: 20px;
    font: normal 14px "crimson_textregular", "Times New Roman", serif;
    position: initial;
    margin: 0 auto;
    width: auto
}

.magazin .socialbar .toolbar li {
    background: none;
    display: inline-block
}

.magazin .socialbar .toolbar .viewcount {
    background: url(../images/structure/ico/viewcount.png) no-repeat left top !important;
    background-size: auto 75% !important;
    padding: 0 0 0 30px;
    margin-top: 0;
    line-height: 22px;
    margin-top: 0 !important
}

.magazin .socialbar .toolbar a {
    padding: 0 0 0 0;
    margin-top: 0;
    line-height: 22px
}

.magazin .socialbar .toolbar .facebook-icon {
    background: url(../images/structure/ico/facebook.png)
}

.magazin .socialbar .toolbar .twitter-icon {
    background: url(../images/structure/ico/twitter2.png);
    height: 15px;
    width: 18px
}

.magazin .socialbar .toolbar .instagram-icon {
    background: url(../images/structure/ico/instagram.png)
}

.magazin .categoryTitle + .wideblocks {
    margin-top: 56px
}

.magazin .text-wrap, .magazin .textpic-wrap, .magazin .related-news {
    margin: 26px 0;
    height: auto;
    display: inline-block;
    color: #000;
    padding: 0 4.6%;
    width: 100%;
    box-sizing: border-box
}

.magazin .textpic-wrap.right-image, .magazin .textpic-wrap.left-image {
    padding: 0
}

.magazin .detailview .textpic-wrap.right-image .tile {
    padding: 0 3.5% 0 4.6%
}

.magazin .detailview .textpic-wrap.right-image .tile.pic, .magazin .detailview .textpic-wrap.left-image .tile.pic {
    padding: 0;
    display: block;
    overflow: hidden
}

.magazin .detailview .textpic-wrap.beige .tile, .magazin .detailview .text-wrap.beige .tile {
    height: auto !important;
    margin-top: 26px
}

.magazin .textpic-wrap .placeholder, .magazin .textpic-wrap .tile > img {
    width: 100%;
    height: auto
}

.magazin .textpic-wrap.beige img {
    margin: 26px auto;
    width: 100%
}

.magazin .related-news {
    display: block;
    margin-top: 26px;
    margin-bottom: 0;
    font-size: 12px;
    margin-left: 0;
    margin-right: 0;
    padding: 0
}

.magazin .related-news h3 {
    text-align: center;
    padding-bottom: 26px !important
}

.magazin .textpic-wrap, .magazin .textpic-wrap {
    position: relative
}

.magazin .detailview .slider {
    margin-left: 0;
    width: 100%
}

.magazin p.highlight {
    margin: 20px 0 20px 0
}

.magazin .text-wrap h5, .magazin .textpic-wrap h5 {
    font-weight: 700;
    margin-bottom: 20px
}

.magazin .padding-left {
    padding-left: 75px
}

.magazin .year {
    margin-left: -75px;
    font-weight: 700;
    width: 75px;
    display: inline-block
}

.magazin .textpic-wrap.beige {
    background: #ebe9e2;
    padding-bottom: 20px;
    margin: 68px 0 26px;
    padding: 68px 4.6%
}

.magazin .textpic-wrap.beige h3 {
    margin-top: 0
}

.magazin .text-wrap .tile.text {
    height: auto
}

.magazin h3.teaser {
    width: auto;
    padding: 0 11.6%;
    margin: 0 0
}

.magazin .mood-slider-controls .mood-slider-prev, .magazin .mood-slider-controls .mood-slider-next {
    width: 60px;
    height: 60px
}

.magazin .mood-slider-controls .mood-slider-prev {
    background: url(../images/structure/ico/arrow-left-slider.png) no-repeat;
    background-size: cover
}

.magazin .mood-slider-controls .mood-slider-next {
    background: url(../images/structure/ico/arrow-right-slider.png) no-repeat;
    background-size: cover
}

.magazin p.subtitle {
    text-align: center;
    margin: 0 auto 26px;
    padding: 0 41%
}

.magazin .slider {
    width: 600px
}

.magazin .detailview .tile.pic {
    padding: 0
}

.magazin .detailview .jcarousel-prev, .magazin .detailview .jcarousel-next {
    width: 60px;
    height: 60px;
    background-size: cover;
    right: 20px;
    margin-top: -30px
}

.magazin .detailview .jcarousel-prev {
    left: 20px
}

.magazin .text.center {
    margin: 0 20%
}

.magazin .center {
    text-align: center
}

.magazin .center img {
    margin: 0 auto
}

.magazin .author {
    margin: 26px auto;
    text-align: center
}

.magazin .author .avatar {
    border-radius: 42px;
    display: block
}

.magazin .author .avatar img {
    width: auto;
    height: 84px;
    border-radius: 50%
}

.magazin .author .details-text {
    display: inline
}

.magazin .author .details-text .name {
    padding: 3px 0 3px 30px;
    background: url(../images/structure/feather.png) no-repeat;
    font-weight: 700
}

.magazin .end-article, .magazin .end-rubrik {
    width: 100%;
    margin: 58px 0 0;
    background: url(../images/structure/serrated-line.png) repeat-x;
    padding-top: 22px;
    height: 104px;
    box-sizing: border-box
}

.magazin .end-article .prev, .magazin .end-article .next, .magazin .end-rubrik .prev, .magazin .end-rubrik .next {
    width: 50%;
    display: inline-block;
    float: left;
    box-sizing: border-box
}

@media screen and (max-width: 768px) {
    .magazin .end-article .next, .magazin .end-rubrik .next {
        margin-top: 10px;
        margin-right: 10px
    }

    .magazin .end-article .prev, .magazin .end-rubrik .prev {
        margin-top: 10px;
        margin-right: 0;
        margin-left: 10px
    }
}

.magazin .end-article .prev a, .magazin .breadcrumbs a {
    padding: 0 0;
    padding-left: 10px;
    background: url(../images/structure/ico/weiterlesen-arrow-left.png) no-repeat left center;
    color: #e21f30
}

.magazin .breadcrumbs a {
    line-height: 26px
}

.magazin .end-article .next a {
    padding: 0 0;
    padding-right: 10px;
    background: url(../images/structure/ico/weiterlesen-arrow.png) no-repeat right center;
    color: #e21f30
}

.magazin .end-article .next, .magazin .end-rubrik .next {
    text-align: right
}

.magazin .end-article .prev .title {
    color: #000;
    padding-left: 10px
}

.magazin .end-article .next .title {
    color: #000;
    padding-right: 10px
}

.magazin .related-news ul {
    width: 100%
}

.magazin .related-news ul li {
    float: left;
    width: 50%
}

.magazin .related-news .tile {
    display: block;
    height: 280px;
    overflow: hidden;
    width: 50%;
    padding: 0 0
}

.magazin .related-news .tile .cellwrap {
    display: table;
    float: left;
    height: 100%;
    width: 50%
}

.magazin .related-news .tile.white.odd .cellwrap {
    float: right
}

.magazin .related-news .tile.white .text.empty, .magazin .slidertiles .tile.white.odd .text.empty {
    background: none
}

.magazin .related-news .tile .text {
    display: table-cell;
    height: 100%;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 50%;
    box-sizing: border-box;
    z-index: 1;
    padding: 0
}

.magazin .related-news .tile.white .text {
    background: url(../images/structure/gradient-white.png) no-repeat top right;
    background-size: cover
}

.magazin .related-news .tile.white.odd .text {
    background: url(../images/structure/gradient-white-odd.png) no-repeat top left;
    background-size: cover
}

.magazin .related-news .tile .text .rubrik {
    position: absolute;
    top: 20px;
    left: 0
}

.magazin .related-news .tile .text h4 {
    font: italic 24px/28.5px "crimson_textregular", "Times New Roman", serif;
    margin: 18% 10%;
    padding: 0 0
}

.magazin .related-news .tile .text .readmore {
    position: absolute;
    bottom: 21px;
    left: 0;
    font: normal 18px "crimson_textregular", "Times New Roman", serif;
    text-align: center;
    width: 100%
}

.magazin .tile.pic img {
    height: 100%;
    width: auto;
    height: auto;
    max-width: 800px
}

.magazin .right-image .tile.pic img {
    float: left
}

.magazin .related-news .col .tile > div {
    text-align: center;
    padding: 0 0
}

.magazin .related-news .col .tile .category {
    text-transform: uppercase;
    font-size: 15px;
    margin-top: 15%
}

.magazin .related-news .col .tile .title {
    font-style: italic;
    margin-top: 15%;
    font-size: 2em
}

.magazin .related-news .col .tile .readmore {
    margin-top: 15%;
    font-size: 15px
}

.magazin .arrowup {
    text-align: center;
    margin: 40px auto
}

.magazin .related-news .tile.pic img {
    vertical-align: middle
}

@media screen and (max-width: 1279px) {
    .magazin .sliderwrap {
        float: none
    }

    .magazin .detailview .textpic-wrap.slideshow .sliderwrap {
        width: 100%;
        float: right;
        height: 100%
    }

    .magazin .related-news.sliderwrap {
        float: right
    }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .magazin .related-news {
        font-size: 10px
    }

    .magazin .detailview .slider {
        float: right
    }

    .magazin .related-news .tile {
        height: 228px
    }

    .magazin .detailview .jcarousel-prev {
        width: 50px;
        height: 50px;
        top: 50%;
        margin-top: -25px
    }

    .magazin .detailview .jcarousel-next {
        top: 230px;
        width: 50px;
        height: 50px;
        top: 50%;
        margin-top: -25px
    }

    .magazin .detailview .text-wrap .tile.text {
        -webkit-column-gap: 60px;
        -moz-column-gap: 60px;
        column-gap: 60px;
        display: inline
    }

    .magazin .related-news .tile .text .readmore {
        bottom: 14px
    }

    .magazin .video {
        max-height: 456px
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .magazin .related-news {
        font-size: 7px
    }

    .magazin .related-news .tile .text .readmore {
        bottom: 14px
    }

    .magazin .related-news .tile .text img {
        max-width: 120px !important;
        width: auto
    }

    .magazin .related-news .tile {
        height: 163px
    }

    .magazin .detailview .jcarousel-prev {
        top: 50%;
        height: 50px;
        width: 50px;
        margin-top: -25px
    }

    .magazin .detailview .jcarousel-next {
        top: 50%;
        height: 50px;
        width: 50px;
        margin-top: -25px
    }

    .magazin .detailview .text-wrap .tile.text {
        -webkit-column-gap: 45px;
        -moz-column-gap: 45px;
        column-gap: 45px
    }

    .magazin .video {
        max-height: 326px
    }

    .magazin .detailview .textpic-wrap.right-image .tile.pic, .magazin .detailview .textpic-wrap.left-image .tile.pic {
        height: 654px
    }

    .magazin .detailview .textpic-wrap.right-image .tile.pic img, .magazin .detailview .textpic-wrap.left-image .tile.pic img {
        width: 800px
    }
}

@media screen and (max-width: 1023px) {
    .magazin .mood .linkwrap {
        bottom: 5%
    }

    .magazin .detailview h3, .magazin .detailview h4, .magazin .textpic-wrap.beige h3, .magazin .detailview h3.teaser {
        padding: 0 0
    }

    .magazin .text-wrap p.subtitle, .magazin .textpic-wrap p.subtitle {
        padding: 0 0
    }

    .magazin .detailview .slider {
        margin-bottom: 0;
        float: right
    }

    .magazin .beige .tile, .magazin .beige .tile.right {
        height: 374px;
        width: 100%;
        padding: 0;
        margin: 0
    }

    .magazin .text-wrap .text, .magazin .textpic-wrap .text, .magazin .related-news .text, .magazin .text-wrap .text.center, .magazin .textpic-wrap .text.center, .magazin .related-news .text.center {
        margin: 0 0
    }

    .magazin .related-news .tile .text .rubrik {
        top: 14px
    }

    .magazin .related-news .tile .text .readmore {
        bottom: 7px
    }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    .magazin .related-news {
        font-size: 7px
    }

    .magazin .related-news .col .tile .title {
        margin-top: 7%
    }

    .magazin .detailview .slider {
        height: 100%;
        float: right
    }

    .magazin .video .play {
        height: 70px;
        width: 70px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -40px;
        margin-left: -40px
    }
}

@media screen and (max-width: 767px) {
    .magazin .video > img {
        height: 100%;
        width: auto;
        margin: 0 auto;
        float: right
    }

    .magazin .related-news .tile .text img {
        max-height: initial;
        max-width: initial
    }

    .magazin .slideshow .tile.pic {
        margin-bottom: 52px
    }

    .magazin .detailview .text-wrap.column .tile.text {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        display: inline
    }

    .magazin .jcarousel-pagination {
        display: block !important
    }

    .magazin .jcarousel-prev, .magazin .jcarousel-next {
        display: none !important
    }

    .magazin .related-news .col {
        width: 100%
    }

    .magazin .detailview .tile, .magazin .detailview .tile.right {
        padding: 0 0
    }

    .magazin .detailview .slideshow .tile.text.right {
        padding: 0 4.6%
    }

    .magazin .detailview .slideshow .tile.right .detailview .textpic-wrap.right-image .tile.pic {
        margin: 56px 0 0
    }

    .magazin p.highlight {
        margin: 20px 0 20px 0
    }

    .magazin .related-news .tile {
        height: 375px;
        width: 100%;
        float: left
    }

    .magazin .related-news .tile .cellwrap {
        width: 100%
    }

    .magazin .related-news .tile.first {
        height: 750px
    }

    .magazin .related-news .tile.first .cellwrap {
        width: 100%;
        margin: 375px 0 0;
        height: 50%
    }

    .magazin .related-news .tile.first > img {
        display: block;
        height: auto;
        max-width: 100%;
    }

    .magazin .related-news .tile > img {
        display: none
    }

    .magazin .related-news .tile.white .text {
        background: white
    }

    .magazin .tile .text {
        padding: 0 40px
    }

    .magazin .related-news .tile.beige .text {
        background: #eceae3 !important
    }

    .magazin .detailview h2 {
        padding: 0 0
    }

    .magazin related-news .tile .text {
        background: white
    }

    .magazin related-news .beigetint .text {
        background: #eceae3 !important
    }

    .magazin .video {
        height: 375px
    }

    .magazin .placeholder {
        height: 100%;
        width: auto
    }

    .magazin .textpic-wrap.beige {
        padding: 68px 4.6%
    }

    .magazin .textpic-wrap.right-image .tile.pic {
        margin-top: 52px
    }

    .magazin .related-news .tile .text .rubrik {
        top: 20px
    }

    .magazin .related-news .tile .text .readmore {
        bottom: -2px
    }

    .magazin .related-news .tile h4 {
        font-size: 25px !important;
        line-height: 28px !important
    }

    .magazin .sliderwrap {
        margin-bottom: 70px
    }

    .magazin .jcarousel-pagination.slidertiles-pagination a, .magazin .detailview .jcarousel-pagination a {
        background: none;
        color: #cbc6b3;
        line-height: 20px;
        font-size: 65px;
        margin: 0 2%;
        text-indent: 0
    }

    .magazin .jcarousel-pagination.slidertiles-pagination a.active, .magazin .detailview .jcarousel-pagination a.active {
        color: #d40028
    }

    .magazin .detailview .jcarousel-pagination {
        display: block;
        bottom: -40px
    }

    .magazin .breadcrumbs {
        display: block;
        margin: 22px 0 22px 18px
    }

    .magazin .tile.pic img {
        max-height: 560px;
        min-height: 100%;
        min-width: 100%
    }

    .magazin .textpic-wrap.left-image .tile.pic, .magazin .textpic-wrap.right-image .tile.pic {
        margin-bottom: 52px;
        width: 400px;
        overflow: hidden;
        height: 375px;
        display: block
    }

    .magazin .textpic-wrap.left-image.slideshow .tile.pic img, .magazin .textpic-wrap.right-image.slideshow .tile.pic img {
        height: 375px;
        width: auto
    }

    .magazin .textpic-wrap.left-image.slideshow .tile.pic, .magazin .textpic-wrap.right-image.slideshow .tile.pic {
        overflow: visible
    }

    .magazin .detailview .tile.right, .magazin .detailview .tile.left {
        padding: 0 4.6% 0 3.6%
    }

    .magazin .detailview .beige .tile.right, .magazin .detailview .beige .tile.left {
        padding: 0 0
    }
}

@media screen and (max-width: 480px) {
    .magazin .related-news .tile {
        height: 298px
    }

    .magazin .related-news .tile.first {
        height: 596px
    }

    .magazin .related-news .tile.first .cellwrap {
        width: 100%;
        margin: 298px 0 0;
        height: 50%
    }

    .magazin .video {
        height: 298px
    }

    .magazin .video .play {
        height: 52px;
        width: 52px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -26px;
        margin-left: -26px
    }

    .magazin .related-news .tile h4 {
        font-size: 20px !important;
        line-height: 25px !important
    }

    .magazin .detailview .jcarousel-pagination {
        display: block;
        bottom: -35px
    }

    .magazin .breadcrumbs {
        display: block;
        margin: 22px 0 22px 15px
    }

    .magazin .textpic-wrap.left-image .tile.pic, .magazin .textpic-wrap.right-image .tile.pic {
        margin-bottom: 52px;
        width: 320px;
        overflow: hidden;
        height: 280px;
        display: block
    }

    .magazin .textpic-wrap.left-image.slideshow .tile.pic img, .magazin .textpic-wrap.right-image.slideshow .tile.pic img {
        height: auto;
        width: 400px
    }
}

.magazin div.sortby-wrap {
    width: 215px;
    left: 50%;
    margin: 10px auto 26px -105px;
    position: relative;
    display: inline-block;
    font-family: "crimson_textregular", "Times New Roman", serif;
    font-size: 18px
}

.magazin div.sortby-wrap a {
    font-family: "crimson_textregular", "Times New Roman", serif;
    font-size: 18px;
    display: inline-block;
    width: 100%;
    text-align: center
}

.magazin .chzn-container-single .chzn-single div {
    display: inline-block;
    height: 6px;
    width: 9px
}

.magazin .chzn-container-single .chzn-single div b {
    background: url(../images/structure/ico/arrow-down-sortby.png) no-repeat;
    margin-top: -1px
}

.magazin .chzn-container .chzn-drop {
    margin-left: 0px !important;
    width: 215px !important;
    padding: 12px 0;
    text-align: center;
    margin-top: 10px
}

.magazin .chzn-container .chzn-results li {
    color: #fff;
    line-height: 17px;
    padding: 13px 0;
    font-family: "crimson_textregular", "Times New Roman", serif
}

@media screen and (max-width: 1279px) {
    .magazin .chzn-container .chzn-results li {
        padding: 8px 0
    }
}

@media screen and (max-width: 1023px) {
    .magazin #rubrik-select {
        display: none !important
    }

    .magazin #rubrik_select_chzn {
        display: inline-block !important
    }
}

.magazin .chzn-single span {
    color: #d40028 !important;
    vertical-align: baseline
}

.magazin #rubrik_select_chzn {
    width: 215px !important
}

.magazin #flyout .linktext a {
    display: inline-block
}

.magazin .modal-box {
    position: fixed;
    z-index: 1001;
    width: 1200px;
    background: white;
    box-shadow: none;
    background-clip: padding-box;
    top: -1000px;
    -webkit-transition: top 500ms;
    transition: top 500ms;
    left: 50%;
    margin-left: -600px;
    height: 1000px
}

.magazin .modal-box.active {
    top: 50%;
    width: 1200px;
    height: 750px;
    margin-left: -600px;
    margin-top: -375px
}

.magazin .modal-bodywrap {
    width: 100%;
    height: 750px;
    margin-top: -400px;
    top: 50%;
    position: absolute
}

.magazin .modal-overlay {
    display: none
}

.magazin .modal-box .rubrik {
    text-transform: none;
    float: left;
    width: 20%;
    height: 652px;
    margin-top: 0
}

.magazin .modal-box .rubrik > a {
    color: #000
}

.magazin .modal-box .rubrik .cellwrap {
    background: none;
    display: table;
    height: 53.5%;
    box-sizing: border-box;
    width: 100%
}

.magazin .modal-box .rubrik.odd .cellwrap {
    background: #eceae3
}

.magazin .modal-box .rubrik .cellwrap .text {
    display: table-cell;
    height: 100%;
    position: relative;
    text-align: center;
    box-sizing: border-box;
    z-index: 1;
    padding: 0;
    padding-top: 32%;
    max-width: 100% !important
}

.magazin .modal-box .rubrik .readmore {
    position: absolute;
    bottom: 0;
    margin-top: 0;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 9.5%
}

.magazin .modal-box .rubrik a.goto, .magazin .modal-box .rubrik a:visited.goto, .magazin .modal-box .rubrik a:hover.goto {
    display: inline-block;
    background: #e21f30;
    text-transform: uppercase;
    margin: 8.5% 0 0;
    padding: 0 9.5%;
    text-align: center;
    color: #fff;
    font: normal 13px/38px "barlowregular", "Times New Roman", serif !important
}

.magazin .modal-box .rubrik .imagewrap {
    overflow: hidden;
    height: 240px;
    width: 100%
}

.magazin .modal-box .rubrik img.rubrik_photo {
    float: left;
    margin: 0 auto 0;
    width: auto;
    max-height: 100%;
    height: 100%
}

.magazin .modal-box .date {
    position: absolute;
    top: 0;
    text-align: center;
    display: block;
    width: 100%;
    margin-top: 7.5%
}

.magazin .modal-box .rubrik p {
    padding: 0 11.6%;
    text-transform: none;
    box-sizing: border-box
}

.magazin .modal-box .rubrik span.rubrik_title {
    font: normal 18px/24px "barlowregular", "Times New Roman", serif;
    margin: 8% auto 8%;
    display: inline-block;
    text-transform: uppercase
}

.magazin .modal-box h3 {
    text-align: center
}

.magazin .modal-box header, .magazin .modal-box .modal-header {
    padding: 1.25em 1.5em
}

.magazin .modal-box header h3, .magazin .modal-box header h4, .magazin .modal-box .modal-header h3, .magazin .modal-box .modal-header h4 {
    margin: 0
}

.magazin .modal-box header h2 {
    margin: 0 auto 10px;
    display: block
}

.magazin .modal-box .modal-body {
    padding: 0 0 0
}

.magazin .modal-box footer, .magazin .modal-box .modal-footer {
    padding: 1em;
    text-align: right;
    background: none
}

.magazin .modal-overlay {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: #fff
}

.magazin span.close-modal {
    line-height: 1;
    font-size: 1.5em;
    position: absolute;
    top: 0%;
    right: 3.33%;
    text-decoration: none;
    color: #bbb;
    width: 70px;
    height: 70px;
    background: url(../images/structure/ico/close-modal.png) no-repeat;
    background-size: cover;
    text-indent: -99999px;
    border-radius: 50%;
    border: 1px solid #bebebd;
    top: 15px;
    cursor: pointer
}

.magazin span.close-modal:hover {
    color: #222;
    -webkit-transition: color 1s ease;
    -moz-transition: color 1s ease;
    transition: color 1s ease
}

@media screen and (max-width: 1279px) {
    .magazin .modal-box.active, .magazin .modal-box {
        width: 980px;
        margin-left: -490px;
        height: 600px
    }

    .magazin .modal-box.active {
        margin-top: -300px
    }

    .magazin .modal-box .rubrik {
        height: 532px
    }

    .magazin span.close-modal {
        width: 40px;
        height: 40px;
        top: 20px
    }

    .magazin .modal-box .rubrik .imagewrap {
        max-height: 196px
    }
}

@media screen and (max-width: 1023px) {
    .magazin .modal-box.active, .magazin .modal-box {
        width: 700px;
        margin-left: -350px
    }

    .magazin .modal-box.active {
        margin-top: -300px
    }

    .magazin .modal-box .rubrik .readmore {
        margin-bottom: 5.5%
    }

    .magazin .modal-box .rubrik {
        height: 532px;
        width: 140px !important
    }

    .magazin span.close-modal {
        height: 28px;
        width: 28px
    }

    .magazin .modal-box .rubrik .imagewrap {
        max-height: 140px
    }
}

.magazin .mood img {
    width: 100%
}

@media screen and (max-width: 767px) {
    .magazin .mood img {
        margin-left: 0;
        height: 50%
        width: auto;
    }

    .magazin .tile.full.picture img {
        display: block;
        height: auto;
        max-width: 100%
    }

    .magazin .tile.wide .right-top-corner {
        height: 100%;
        width: auto
    }

    .magazin .magazin-top .rubriken-button {
        width: 50px;
        left: 50%;
        margin-left: -25px;
        top: 35px;
        z-index: 999;
        position: absolute
    }

    .magazin .magazin-top .rubriken-button a.mobile {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .magazin .magazin-top .rubriken-button a, .magazin .magazin-top .rubriken-button a:hover {
        background: url(../images/structure/ico/arrow-down-rubriken-mobile.png) no-repeat center center;
        background-size: auto auto
    }

    .magazin .modal-overlay {
        display: none !important
    }

    .magazin .modal-box {
        display: none
    }

    .magazin .modal-box.active, .magazin .modal-box {
        width: 400px;
        margin-left: -200px;
        height: auto;
        -webkit-transition: none;
        transition: none;
        margin-top: 0;
        top: 155px;
        background: white;
        padding-top: 5px;
        position: absolute
    }

    .magazin .modal-box.active {
        display: block
    }

    .magazin .rubriken-button a {
        text-indent: -99999px
    }

    .magazin .modal-box .rubrik {
        width: 100% !important;
        height: auto
    }

    .magazin .modal-box header {
        display: none !important
    }

    .magazin .modal-box .rubrik > * {
        display: none !important
    }

    .magazin .modal-box .rubrik {
        width: 100%;
        height: auto
    }

    .magazin .modal-box .rubrik > a {
        width: 100%;
        height: auto;
        display: block !important;
        height: 54px;
        text-transform: uppercase
    }

    .magazin .modal-box .rubrik > a:hover, .magazin .modal-box .rubrik.odd > a:hover, .magazin .modal-box .rubrik > a.active, .magazin .modal-box .rubrik.odd > a.active {
        background: #e21f30;
        color: white
    }

    .magazin .modal-box .rubrik.odd > a {
        background: #eceae3
    }

    .magazin .modal-box .rubrik span.rubrik_title {
        margin: 0 0;
        line-height: 54px
    }
}

@media screen and (max-width: 480px) {
    .magazin .modal-box.active, .magazin .modal-box {
        width: 320px;
        margin-left: -160px
    }

    .magazin .modal-box .rubrik > a {
        width: 100%;
        height: auto;
        display: block !important;
        height: 43px
    }

    .magazin .modal-box .rubrik span.rubrik_title {
        margin: 0 0;
        line-height: 43px
    }
}

.magazin .end-rubrik .prev, .magazin .end-rubrik .next {
    background: url(../images/structure/ico/arrow-left-slider.png) no-repeat #eceae3;
    background-size: cover;
    display: block;
    float: left;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    cursor: pointer;
    text-indent: -9999px
}

.magazin .end-rubrik .next {
    background: url(../images/structure/ico/arrow-right-slider.png) no-repeat #eceae3;
    background-size: cover;
    float: right;
    text-indent: 9999px
}

.magazin .end-rubrik .pagination {
    margin: 26px auto;
    width: 60%;
    text-align: center
}

.magazin .end-rubrik .pagination a {
    color: black
}

.magazin .end-rubrik .pagination a.current {
    color: #e21f30
}

.magazin .tile.picture img {
    width: auto;
    min-width: 100%
}

.magazin .tile.picture {
    overflow: hidden;
    display: inline-block
}

@media screen and (min-width: 1280px) {
    body.fs {
        height: 5705px
    }
}

.site-container.freestander {
    margin-top: -23px
}

.site-container.freestander .row {
    position: relative;
    width: 100%;
    float: left
}

@media screen and (max-width: 767px) {
    .site-container.freestander .header {
        height: 480px
    }
}

@media screen and (max-width: 480px) {
    .site-container.freestander .header {
        height: 385px
    }
}

.site-container.freestander .header #freestander_logo {
    background-image: url(../images/content/freestander/Bottega_logo.png);
    background-image: linear-gradient(transparent, transparent), url(../images/content/freestander/Bottega_logo.svg);
    background-color: rgba(255, 255, 255, .9);
    background-size: 80% 80%;
    background-position: center top;
    background-repeat: no-repeat;
    width: 37.5%;
    height: 58.33%;
    position: absolute;
    left: 31.25%;
    top: 21.7%;
    z-index: 1;
    padding: 0 0
}

.site-container.freestander .header #freestander_logo h1 {
    text-indent: -99999px
}

.site-container.freestander .header #freestander_logo p {
    position: absolute;
    bottom: 10%;
    heigh: 20%;
    width: 80%;
    left: 10%;
    color: black
}

@media screen and (max-width: 1280px) {
    .site-container.freestander .header #freestander_logo {
        width: 37.5%;
        height: 68%;
        left: 31.25%;
        top: 15.7%
    }

    .site-container.freestander .header #freestander_logo p {
        bottom: 5%
    }
}

@media screen and (max-width: 767px) {
    .site-container.freestander .header #freestander_logo {
        width: 64%;
        height: 60%;
        left: 18%;
        top: 21.7%;
        background-position: center -50%
    }

    .site-container.freestander .header #freestander_logo p {
        bottom: 10%
    }
}

.site-container.freestander .header h1 {
    font: normal 100px/100px "MercuryScriptRegular", "Times New Roman", serif;
    text-transform: none;
    color: #e21f30;
    padding-bottom: 0
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .site-container.freestander .header h1 {
        font-size: 80px;
        line-height: 80px
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .site-container.freestander .header h1 {
        font-size: 60px;
        line-height: 60px
    }
}

@media screen and (max-width: 767px) {
    .site-container.freestander .header h1 {
        font-size: 50px;
        line-height: 50px
    }
}

@media screen and (max-width: 480px) {
    .site-container.freestander .header h1 {
        font-size: 45px;
        line-height: 45px
    }
}

.site-container.freestander .header h1 .brand {
    text-indent: -999999px;
    display: block;
    height: 30px;
    background: url(../images/content/freestander/logo.png) no-repeat center center;
    background-size: cover;
    width: 157px;
    margin: 10px auto 40px
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .site-container.freestander .header h1 .brand {
        margin: 0 auto 30px;
        width: 130px;
        height: 20px
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .site-container.freestander .header h1 .brand {
        width: 120px;
        height: 14px;
        margin: 0 auto 14px
    }
}

@media screen and (max-width: 767px) {
    .site-container.freestander .header h1 .brand {
        width: 90px;
        height: 11px;
        margin: 10px auto
    }
}

.site-container.freestander .header h1 .storename {
    color: black;
    font-size: 1.6em;
    line-height: 19px;
    display: block;
    padding: 16px 0 26px;
    font-style: italic
}

@media screen and (max-width: 767px) {
    .site-container.freestander .header h1 .storename {
        padding: 16px 0 16px
    }
}

.site-container.freestander .header .subline {
    background: url(../images/content/freestander/header-subline.png) no-repeat center center;
    height: 21px;
    width: 187px;
    background-size: cover;
    display: inline-block;
    text-indent: -999999px;
    margin: 20px 0 0 -60px
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .site-container.freestander .header .subline {
        height: 17px;
        width: 152px;
        margin: 10px 0 0 -60px
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .site-container.freestander .header .subline {
        height: 14px;
        width: 127px;
        margin: 0 0 0 -60px
    }
}

@media screen and (max-width: 767px) {
    .site-container.freestander .header .subline {
        height: 12px;
        width: 110px;
        margin: 5PX 0 0 -60px
    }
}

@media screen and (max-width: 480px) {
    .site-container.freestander .header .subline {
        height: 11px;
        width: 100px;
        margin: 0 0 0 -53px
    }
}

.site-container.freestander header {
    min-height: 0
}

.site-container.freestander .main-content {
    margin-top: 0;
    overflow: visible !important;
    position: relative
}

@media screen and (max-width: 767px) {
    .site-container.freestander .main-content {
        overflow: hidden !important
    }
}

.site-container.freestander #take-away-logo {
    display: inline-block;
    width: 100%;
    height: 121px;
    background-image: url(../images/content/freestander/Takeaway-logo.png);
    background-image: linear-gradient(transparent, transparent), url(../images/content/freestander/Takeaway-logo.svg);
    background-size: 100% 100%;
    background-position: center center;
    text-indent: -9999px
}

.site-container.freestander .tile {
    display: table;
    overflow-x: hidden
}

.site-container.freestander .tile.product {
    display: block;
    position: absolute;
    right: 0;
    z-index: 0
}

.site-container.freestander .tile.info {
    z-index: 1;
    -webkit-transition: width 300ms;
    transition: width 300ms;
    background: url(../images/content/freestander/chalkboard.jpg) repeat
}

@media screen and (max-width: 767px) {
    .site-container.freestander .tile.info {
        height: auto;
        min-height: 374px
    }

    .site-container.freestander .tile.info .text {
        padding: 75px 50px
    }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
    .site-container.freestander .tile.info {
        min-height: 298px
    }
}

.site-container.freestander .tile.delivery p img {
    width: auto;
    height: auto;
    position: static;
    display: inline
}

.site-container.freestander .tile.delivery a {
    display: inline-block
}

.site-container.freestander .tile.takeaway p.longtext {
    display: block
}

.site-container.freestander .tile .text {
    padding: 0 15%
}

.site-container.freestander .tile .text h2 {
    font: normal 70px/70px "MercuryScriptRegular", "Times New Roman", serif;
    text-transform: none;
    color: #fff
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .site-container.freestander .tile .text h2 {
        font-size: 55px;
        line-height: 55px
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .site-container.freestander .tile .text h2 {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 0;
        padding-bottom: .4em
    }
}

@media screen and (max-width: 767px) {
    .site-container.freestander .tile .text h2 {
        font-size: 45px;
        line-height: 45px
    }
}

@media screen and (max-width: 480px) {
    .site-container.freestander .tile .text h2 {
        font-size: 36px;
        line-height: 40px
    }
}

.site-container.freestander .tile .text a {
    font: inherit;
    font-style: italic;
    color: #e21f30;
    padding-top: 15px
}

@media screen and (max-width: 767px) {
    .site-container.freestander .tile .text a {
        font: inherit;
        font-style: italic;
        color: #e21f30
    }
}

@media screen and (max-width: 480px) {
    .site-container.freestander .tile .text a {
        font: inherit;
        font-style: italic;
        color: #e21f30
    }
}

.site-container.freestander .tile .text .subline {
    text-transform: uppercase;
    color: black;
    font: 24px/24px "barlowregular", "Helvetica", "Arial"
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .site-container.freestander .tile .text .subline {
        font-size: 21px;
        line-height: 21px
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .site-container.freestander .tile .text .subline {
        font-size: 18px;
        line-height: 18px
    }
}

@media screen and (max-width: 767px) {
    .site-container.freestander .tile .text .subline {
        font-size: 18px;
        line-height: 18px
    }
}

@media screen and (max-width: 480px) {
    .site-container.freestander .tile .text .subline {
        font-size: 18px;
        line-height: 18px
    }
}

.site-container.freestander .tile .text p {
    font-family: "crimson_textregular", "Times New Roman", serif;
    color: #fff
}

@media screen and (max-width: 767px) {
    .site-container.freestander .tile .text p {
        font-family: "crimson_textregular", "Times New Roman", serif
    }
}

@media screen and (max-width: 480px) {
    .site-container.freestander .tile .text p {
        font-family: "crimson_textregular", "Times New Roman", serif
    }
}

.site-container.freestander .tile .text p.longtext {
    display: none;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms
}

@media screen and (max-width: 767px) {
    .site-container.freestander .tile .text p.longtext {
        display: inline-block
    }

    .site-container.freestander .tile .text p.longtext a {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .site-container.freestander .tile .text p.shorttext {
        display: none
    }

    .site-container.freestander .tile .text p.shorttext a {
        display: none
    }

    .site-container.freestander .tile .text p.shorttext a.service {
        display: inline-block
    }
}

.site-container.freestander .tile .tile-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.site-container.freestander .tile .deco {
    width: auto;
    height: 50%;
    position: absolute;
    z-index: 0;
    left: 0
}

@media screen and (max-width: 767px) {
    .site-container.freestander .tile .deco {
        width: 100%;
        height: auto
    }
}

.site-container.freestander .tile .deco.topleft {
    top: 0
}

.site-container.freestander .tile .deco.bottomright {
    bottom: 0;
    top: auto;
    -webkit-transition: left 300ms;
    transition: left 300ms
}

.site-container.freestander .tile .productInfo {
    position: absolute;
    top: 5%;
    right: 5%;
    width: 12.5%;
    height: 42.8%
}

.site-container.freestander .tile .productInfo > span {
    float: right;
    width: 100%;
    height: 31.3%;
    display: block;
    background-color: red;
    border-radius: 50%;
    padding: 20% 0;
    box-sizing: border-box;
    text-align: center;
    margin: 0 0 20%;
    font-family: "crimson_textregular"
}

.site-container.freestander .tile .productInfo > span.price {
    background: #e21f30;
    padding: 37% 0;
    color: #fff;
    font-size: 20px
}

@media screen and (max-width: 1023px) {
    .site-container.freestander .tile .productInfo > span.price {
        padding: 33% 0;
        font-size: 18px
    }
}

.site-container.freestander .tile .productInfo > span.cookMethod {
    background: #c0baa2
}

.site-container.freestander .tile .productInfo > span.cookMethod img {
    position: static
}

@media screen and (max-width: 767px) {
    .site-container.freestander .tile.delivery .text p.shorttext, .site-container.freestander .tile.takeaway .text p.shorttext {
        display: block !important
    }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .site-container.freestander .tile.full .tile-bg {
        height: auto
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .site-container.freestander .tile.full .tile-bg {
        height: auto
    }
}

@media screen and (max-width: 767px) {
    .site-container.freestander .tile.full .tile-bg {
        height: 110%
    }
}

.site-container.freestander .row.expand .tile.info {
    width: 100%
}

.site-container.freestander .row.expand .tile.info .text p.shorttext {
    display: none
}

.site-container.freestander .row.expand .tile.info .text p.longtext {
    display: inline-block;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.site-container.freestander .row.expand .tile.info .text a:after {
    content: ''
}

.site-container.freestander .row.expand .tile.info .text a:before {
    content: '< '
}

.site-container.freestander .row.expand .tile.info .deco.bottomright {
    left: 50%
}

@media screen and (max-width: 767px) {
    .site-container.freestander .row.expand .tile.info .deco.bottomright {
        left: 0
    }
}

.site-container.freestander .magazin {
    overflow: inherit;
    width: 100%;
    display: inline-block;
    margin: 0 0;
    vertical-align: top
}

.site-container.freestander .tile.mini {
    width: 25%;
    height: 260px
}

.site-container.freestander .tile.mini .text h2 {
    font: normal 22px/1.1em 'barlowregular', "Helvetica", "Arial";
}

.site-container.freestander .tile.mini .picture-box {
    height: 142px
}

@media screen and (min-width: 1280px) {
    .site-container.freestander .tile.full {
        width: 100%
    }

    .site-container.freestander .tile.full.header {
        width: 100%;
        height: 720px
    }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .site-container.freestander .tile.full {
        width: 100%
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .site-container.freestander .tile.full {
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .site-container.freestander .tile.full .tile-bg {
        width: auto;
        margin-left: -311px;
        left: 50%
    }

    .site-container.freestander .tile .text {
        padding: 0 50px
    }
}

@media screen and (max-width: 480px) {
    .site-container.freestander .tile.full .tile-bg {
        width: auto;
        margin-left: -248px;
        left: 50%
    }
}

.site-container.freestander footer ul li {
    font-family: "crimson_textregular", "Times New Roman", serif !important
}

.ie8 .table-list .col {
    min-height: 30px
}

.ie8 .content-texture ul.numbered-process li a:before {
    padding-left: 10px;
    width: 20px
}

.ie8 .tile .twins .text {
    height: 70%
}

.ie8 nav ul.main-nav2 li {
    display: inline-block;
    padding: 0 12px 20px
}

.ie8 nav ul.main-nav2 li.active > ul {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%
}

.ie9 .location li:first-child {
    background-position: right 1px
}

.ie9 .location a.marker {
    position: relative;
    top: 5px
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    .ie9 .location li:first-child {
        background-position: right 5px
    }

    .ie9 .location a.marker {
        position: relative;
        top: 0
    }
}

@media screen and (max-width: 480px) {
    .ie9 .location li:first-child {
        background-position: right 5px
    }

    .ie9 .location a.marker {
        position: relative;
        top: 0
    }
}

nav ul.main-nav2 {
    font: normal 15px/1.333em "Myriad Pro", Verdana, sans-serif;
    text-transform: uppercase;
    text-align: center;
    clear: both;
    position: relative;
    color: #935e55;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

nav ul.main-nav2 li a {
    color: #935e55;
    cursor: pointer
}

nav ul.main-nav2 li a:hover {
    color: #d40028
}

nav ul.main-nav2 li.active > a {
    color: #d40028
}

nav ul.main-nav2 li.active > ul {
    text-transform: none;
    background-color: #eceae3;
    z-index: 1;
    padding: 20px 0 0 0;
    line-height: 2.7em
}

nav ul.main-nav2 li.active > ul > li.active > ul {
    padding-top: 10px;
    background: #d40028
}

nav ul.main-nav2 li.active > ul > li.active > ul.red {
    background: #d40028
}

nav ul.main-nav2 li.active > ul > li.active > ul.red .close.red {
    background-color: #d40028
}

nav ul.main-nav2 li.active > ul > li.active > ul.black {
    background: #1a1a1a
}

nav ul.main-nav2 li.active > ul > li.active > ul.black .close.red {
    background-color: #1a1a1a
}

nav ul.main-nav2 li.active > ul > li.active > ul.olive {
    background: #716e2e
}

nav ul.main-nav2 li.active > ul > li.active > ul.olive .close.red {
    background-color: #716e2e
}

nav ul.main-nav2 li.active > ul > li.active > ul li {
    padding-bottom: 11px;
    line-height: 36px
}

nav ul.main-nav2 li.active > ul > li.active > ul li a {
    color: #fff
}

nav ul.main-nav2 li.active > ul > li.active > ul li a:hover {
    color: #9d9b8b
}

nav ul.main-nav2 li ul {
    display: none
}

nav ul.main-nav2 .back {
    background-position: 0 -5602px;
    height: 16px;
    width: 21px;
    display: none;
    float: left;
    left: 12px;
    position: relative;
    margin-right: -21px
}

nav ul.main-nav2 .close {
    cursor: pointer
}

@media screen and (min-width: 768px) {
    nav ul.main-nav2 li {
        display: inline-block;
        padding: 0 12px 20px
    }

    nav ul.main-nav2 li.active > ul {
        display: block;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%
    }

    nav ul.main-nav2.third-open > li.active > ul > li.close {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .main-content {
        margin-top: 0 !important
    }

    nav ul.main-nav2 {
        display: none;
        padding-top: 30px
    }

    nav ul.main-nav2 li {
        position: relative;
        padding: 0 0 20px
    }

    nav ul.main-nav2 li.active li {
        padding: 0
    }

    nav ul.main-nav2 li.active > .back {
        display: block
    }

    nav ul.main-nav2 li.active > ul {
        display: block
    }

    nav ul.main-nav2 > li.active {
        padding-top: 10px
    }

    nav ul.main-nav2 > li.active > ul {
        margin-top: 10px;
        padding: 0
    }

    nav ul.main-nav2 > li.active > ul .back {
        margin-top: 10px
    }

    nav ul.main-nav2.mobile-toggled {
        display: block
    }

    nav ul.main-nav2.sub-open > li {
        display: none
    }

    nav ul.main-nav2.sub-open > li.active {
        display: inherit
    }

    nav ul.main-nav2.third-open > li {
        display: none
    }

    nav ul.main-nav2.third-open > li.active {
        display: inherit
    }

    nav ul.main-nav2.third-open > li.active > ul > li {
        display: none
    }

    nav ul.main-nav2.third-open > li.active > ul > li.active {
        display: inherit
    }

    nav ul.main-nav2.third-open li {
        display: none
    }

    nav ul.main-nav2.third-open li.active, nav ul.main-nav2.third-open li.active li {
        display: inherit
    }
}

form.selectwrapper select {
    width: auto
}

.chzn-container {
    font-size: 13px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *display: inline
}

.world .full-block {
    position: relative;
    z-index: 100
}

.language .chzn-container .chzn-drop {
    background: #fff;
    font: inherit;
    width: auto !important;
    padding: 0
}

.chzn-container .chzn-drop {
    background: #d40028;
    font-size: 20px;
    font-family: 'vapianoregular';
    position: absolute;
    z-index: 9999;
    width: 240px !important;
    padding: 38px 0 48px;
    top: 100%;
    left: -9999px
}

.chzn-container .chzn-drop .chzn-results {
    max-height: 550px;
    overflow-y: auto
}

.chzn-container.chzn-with-drop .chzn-drop {
    left: 0
}

.chzn-container-single .chzn-default {
    color: #999
}

.chzn-container-single .chzn-single span {
    margin-right: .5em;
    display: inline;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.chzn-container-single .chzn-single div {
    display: inline-block;
    height: 6px;
    width: 9px
}

.restaurant-finder .chzn-container-single .chzn-single div {
    position: relative;
    top: -8px
}

.chzn-container-single .chzn-single.disabled, .chzn-container-single.chzn-disabled .chzn-single {
    color: #9C9686;
    outline: 0
}

.chzn-container-single .chzn-single.disabled span, .chzn-container-single.chzn-disabled .chzn-single span {
    color: #9C9686;
    outline: 0
}

.language .chzn-container-single .chzn-single div b {
    display: none
}

.chzn-container-single .chzn-single div b {
    background: url(../images/structure/ico/arrow-map-down.png) no-repeat;
    display: block;
    width: 100%;
    height: 100%
}

.chzn-container-single .chzn-single.disabled div b, .chzn-container-single.chzn-disabled .chzn-single div b {
    background-image: url(../images/structure/ico/arrow-map-down-gray.png)
}

.chzn-container-single .chzn-search {
    padding: 3px 4px;
    position: relative;
    margin: 0;
    white-space: nowrap;
    z-index: 1010
}

.language .chzn-container-single .chzn-drop {
    margin: 0
}

.world.roughcast .chzn-container-single .chzn-drop {
    margin: -36px 0 0 -36px
}

.chzn-container-single .chzn-drop {
    margin: 0 0 0 -24%
}

.chzn-container-single-nosearch .chzn-search {
    position: absolute;
    left: -9999px;
    display: none !important
}

.chzn-container-single-nosearch .chzn-search input {
    display: none !important;
    position: absolute;
    left: -9999px
}

.chzn-container .chzn-results {
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    position: relative;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.chzn-container-multi .chzn-results {
    margin: 0;
    padding: 0
}

.chzn-container .chzn-results li {
    color: #fff;
    display: none;
    line-height: 17px;
    padding: 5px 6px;
    margin: 0;
    list-style: none
}

.chzn-container .chzn-results li:after {
    background: none;
    content: '';
    display: inline
}

.language .chzn-container .chzn-results li {
    color: inherit;
    background: #fff
}

.chzn-container .chzn-results li:first-child {
    display: none
}

.language .chzn-container .chzn-results li:first-child {
    display: block
}

.chzn-container .chzn-results .active-result {
    cursor: pointer;
    display: list-item
}

.jvectormap-label {
    position: absolute;
    display: none;
    background: #6d695a;
    border-radius: 0;
    color: white;
    font-family: sans-serif, Verdana;
    font-size: smaller;
    padding: 3px 12px !important
}

.jvectormap-zoomin, .jvectormap-zoomout {
    position: absolute;
    left: 30px;
    background: #a09c7a;
    padding: 3px;
    color: white;
    width: 25px;
    height: 25px;
    cursor: pointer;
    line-height: 25px;
    text-align: center;
    font-size: 22px
}

.jvectormap-zoomin {
    top: 0
}

.jvectormap-zoomout {
    top: 40px
}

.jvectormap-region.highlight {
    background-color: #935e55
}

@media screen and (max-width: 480px) {
    .map-mobile-small {
        display: block
    }

    .map-desktop, .map-desktop-small, .map-tablet, .map-mobile {
        display: none
    }

    .no-desktop {
        display: block
    }

    .totop {
        background-position: 0 -4093px;
        height: 60px;
        width: 60px;
        position: fixed;
        right: 50%;
        margin-right: -30px;
        bottom: 10px;
        z-index: 800;
        text-indent: -9999em;
        outline: 0
    }

    header .people-layer {
        right: 0;
        top: 46px;
        width: 100%;
        box-shadow: none
    }

    header .people-layer p, header .people-layer p.error, header .people-layer label {
        font: bold 14px "Helvetica", "Arial"
    }

    header .people-layer p span, header .people-layer p.error span, header .people-layer label span {
        left: 122px
    }

    header .people-layer a, header .people-layer button {
        font: 13px "Helvetica", "Arial"
    }

    header .people-layer span.top-arrow {
        left: 255px
    }

    .logo {
        margin: 12px 14px
    }

    .logo img {
        display: none
    }

    body {
        padding-top: 0
    }

    p {
        font: normal 13px/1.231em Helvetica, Arial, sans-serif
    }

    strong, em, ul li {
        font-family: Helvetica, Arial, sans-serif !important
    }

    select {
        display: inline !important;
        padding: 5px 5px 3px 2px;
        border: 1px solid #c0baa2;
        color: #9C9686;
        font: 17px Helvetica, Arial, sans-serif
    }

    .select2-container, .chzn-container {
        display: none !important
    }

    .select2-offscreen {
        left: 0;
        position: relative
    }

    .site-container {
        width: 320px
    }

    .final-link {
        padding-top: 10px
    }

    .final-link a {
        font: normal 13px/1.692em Helvetica, Arial, sans-serif;
        margin-bottom: 0
    }

    .final-link a:after {
        font-size: 8px
    }

    .final-link a:before {
        content: "";
        display: block;
        margin-top: -3px
    }

    .final-link br {
        display: none
    }

    @-moz-document url-prefix() {
        .location li:last-child {
            top: 1px !important
        }
        .location li {
            background-position: right 7px !important
        }
    }.location {
         position: relative;
         top: 0;
         left: 0;
         background: #c0baa2;
         height: 17px;
         padding: 10px 8px 11px 5px;
         margin-bottom: 2px
     }

    .location a {
        color: white
    }

    .location a .marker {
        background-position: 0 -5482px;
        height: 16px;
        width: 11px
    }

    .location li {
        background: url(../images/structure/ico/location-arrow-white.png) no-repeat right;
        float: left
    }

    .location li:last-child {
        float: right;
        position: relative;
        top: 3px
    }

    .toolbar {
        position: relative;
        float: right;
        top: 0
    }

    .toolbar li {
        background: none
    }

    .toolbar .desktop {
        display: none
    }

    .toolbar .mobile {
        display: inline
    }

    .toolbar .mobile-phone {
        display: inline
    }

    .toolbar .language {
        top: 5px;
        position: relative
    }

    header {
        min-height: 46px
    }

    .mood {
        min-height: 299px;
        height: auto
    }

    .mood .play img {
        width: 100%;
        height: 100%;
        margin-left: 0
    }

    .mood ul.mood-slider-list li {
        width: 0
    }

    .mood ul.mood-slider-list li:first-child {
        width: 320px
    }

    .mood .mood-slider-controls {
        display: none
    }

    .mood .mood-slider .welcome-box {
        display: none !important
    }

    .mood .mood-slider .welcome-box.visible {
        display: block !important
    }

    .mood .welcome-box {
        display: table !important;
        height: 299px;
        width: 100%;
        position: relative;
        top: 0;
        left: 0
    }

    .mood .welcome-box:first-child {
        display: block
    }

    .mood .welcome-sheet {
        display: none
    }

    .mood .welcome-text {
        background-color: #FFF;
        width: auto;
        top: 0;
        left: 0;
        padding: 0 50px;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        height: 298px;
        position: relative;
        z-index: 1
    }

    .mood .welcome-text p {
        margin: 0 0 5px 0
    }

    .mood .welcome-text h2 {
        padding-bottom: 10px
    }

    .mood img {
        width: 200%;
        margin-left: -50%
    }

    .mood .news-detail-image img {
        width: 100%;
        margin-left: 0
    }

    .mood p {
        font: normal 14px/1.34em Helvetica, Arial, sans-serif
    }

    .mood h2 {
        font: normal 22px/1.091em Helvetica, Arial, sans-serif;
        padding-bottom: 0
    }

    .mood .final-link {
        position: relative;
        bottom: 0;
        margin-top: 0
    }

    .mood .final-link a {
        font-size: 16px
    }

    .mood h2.form-headline {
        text-align: left;
        margin-bottom: 20px
    }

    .mood form input {
        width: 212px;
        float: left
    }

    .mood form label, .mood form strong {
        font: 13px/1.231em Helvetica, Arial, sans-serif;
        text-align: left
    }

    .mood form a {
        top: 6px;
        float: none
    }

    .mood a, .mood button {
        font: normal 14px/1.692em Helvetica, Arial, sans-serif;
        float: left
    }

    .mood a:after, .mood button:after {
        font-size: 8px
    }

    .mood a {
        float: none
    }

    .mood.people .welcome-text h2 {
        padding-bottom: 0
    }

    .mood.people .welcome-text p {
        display: none
    }

    .mood.people .welcome-text a {
        float: none
    }

    .mood.people .welcome-text .qr-code {
        margin: 20px auto 21px !important;
        float: none
    }

    .news-list-view .full-block.only-text .text {
        padding: 8%
    }

    .contact form, .tx-vapiano-contact form {
        margin: 80px auto 0
    }

    .contact form input, .contact form textarea, .tx-vapiano-contact form input, .tx-vapiano-contact form textarea {
        width: 98%
    }

    .contact form input[type="radio"], .tx-vapiano-contact form input[type="radio"] {
        width: auto
    }

    .contact form .location-label, .tx-vapiano-contact form .location-label {
        width: 209px
    }

    .contact form select, .tx-vapiano-contact form select {
        width: 101%
    }

    .contact form .radio-area span, .tx-vapiano-contact form .radio-area span {
        font-size: 13px
    }

    .map-box {
        height: 299px;
        width: 100%
    }

    .tile {
        height: 298px;
        width: 100%
    }

    .tile .text h2 {
        font: normal 20px/1.2em Helvetica, Arial, sans-serif;
        margin-bottom: 0
    }

    .tile .text p {
        font: normal 14px/1.341em Helvetica, Arial, sans-serif;
        padding-bottom: 6px
    }

    .tile .text ol li {
        font: normal 14px/1.341em Helvetica, Arial, sans-serif
    }

    .tile .text ol li:last-child {
        display: block
    }

    .tile .text a {
        font: normal 14px/1.692em Helvetica, Arial, sans-serif;
        margin-bottom: 0
    }

    .tile .text a:after {
        font-size: 8px
    }

    .tile .text li:last-child {
        display: none
    }

    .tile .picture-box {
        height: 208px
    }

    .tile .picture-box .inner-box {
        width: 100px
    }

    .tile .picture-box.horizontal {
        width: 208px
    }

    .roughcast p, .roughcast a {
        font-size: 12px
    }

    .roughcast p {
        margin-top: 15px
    }

    .roughcast img {
        width: 86%
    }

    .full-block.roughcast.olive {
        height: 298px
    }

    .full-block.roughcast.olive .sheet {
        width: 100%
    }

    .full-block.roughcast.olive .olive-logo {
        width: 50%;
        display: inline
    }

    .full-block.roughcast.olive .text {
        padding: 0 30px
    }

    .full-block.roughcast.olive img {
        display: none
    }

    .full-block.roughcast.olive a {
        font: normal 13px/1.692em Helvetica, Arial, sans-serif
    }

    .full-block.roughcast.red {
        height: 298px
    }

    .full-block.roughcast.red .sheet {
        width: 100%
    }

    .full-block.roughcast.red h2 {
        font: 20px/1.2em Helvetica, Arial, sans-serif
    }

    .full-block.roughcast.red a {
        font: 15px/1.786em Helvetica, Arial, sans-serif
    }

    .full-block.roughcast.red .text {
        padding: 0 30px
    }

    .full-block.roughcast.red img {
        display: none
    }

    .roughcast.cups h3 {
        padding-bottom: 39px
    }

    .roughcast.cups .text {
        padding-top: 50px
    }

    .navi-content-block {
        clear: both
    }

    .navi-content-block li {
        font-size: 13px;
        margin: 8px 13px;
        display: inline-block
    }

    .tile.wood .text, .tile.slate .text {
        padding: 60px 54px 60px 54px
    }

    .tile.wood .text h3, .tile.slate .text h3 {
        font: normal 22px/1.091em Helvetica, Arial, sans-serif;
        padding-bottom: 19px
    }

    .tile.wood .text p, .tile.slate .text p {
        font: normal 14px/1.326em Helvetica, Arial, sans-serif;
        padding-bottom: 6px
    }

    .tile.wood .text a, .tile.slate .text a {
        font: normal 14px/1.821em Helvetica, Arial, sans-serif
    }

    .tile.wood .text a:after, .tile.slate .text a:after {
        font-size: 8px
    }

    .tile.slate .left-top-corner, .tile.slate .right-bottom-corner {
        width: 80%
    }

    .tile.wood .right-top-corner, .tile.wood .left-bottom-corner {
        width: 28%
    }

    .tile.wood.restaurant .right-top-corner, .tile.wood.restaurant .left-bottom-corner {
        display: none
    }

    .tile.wood.restaurant.opening-hours h3 {
        font: normal 14px/1em Helvetica, Arial, sans-serif;
        letter-spacing: 0;
        padding-bottom: 10px
    }

    .tile.wood.restaurant.opening-hours p {
        font-size: 12px;
        padding-bottom: 10px
    }

    .tile.picture img {
        margin: 0
    }

    .tile.white.shop .text h2 {
        font: normal 22px/1.091em Helvetica, Arial, sans-serif;
        margin-bottom: 0
    }

    .tile.white.shop .text img {
        width: 70%
    }

    .tile.olive .text {
        width: 188px;
        padding: 56px 66px 0 66px
    }

    .tile.olive .text p {
        font: normal 13px/1.231em Helvetica, Arial, sans-serif
    }

    .tile.olive .text img {
        width: 80%
    }

    .tile.ladies .text {
        padding: 12px 59px 0 59px
    }

    .tile.black img {
        display: none
    }

    .tile.black .text.vapiano h3 {
        font: normal 28px/1.071em Helvetica, Arial, sans-serif
    }

    .tile.black .text h2 {
        font: normal 28px/1.071em Helvetica, Arial, sans-serif;
        margin-bottom: 15px
    }

    .tile.black .text p {
        font: normal 16px/1.25em Helvetica, Arial, sans-serif;
        padding-bottom: 6px
    }

    .tile.black .text a {
        margin-bottom: 0;
        font: normal 14px/1.786em Helvetica, Arial, sans-serif
    }

    .tile.black .text a:after {
        font-size: 10px
    }

    .tile.birthday .text {
        padding: 0 140px 0 36px
    }

    .tile.birthday .text h2 {
        font: normal 22px/1.091em Helvetica, Arial, sans-serif
    }

    .tile.birthday .text p {
        background: none;
        padding: 0;
        font: normal 13px/1.231em Helvetica, Arial, sans-serif
    }

    .tile.job .text {
        padding: 49px 0 51px 35px;
        background: none
    }

    .tile.job em {
        font-size: 14px
    }

    .tile.global .text.vapiano {
        padding: 35px 0 0 50px;
        width: 230px
    }

    .tile.global .text.vapiano h3 {
        font: normal 22px/1.091em Helvetica, Arial, sans-serif;
        padding: 0 0 20px 0;
        letter-spacing: 0
    }

    .tile.global .text.vapiano p {
        font: normal 13px/1.231em Helvetica, Arial, sans-serif;
        padding-bottom: 6px
    }

    .tile.global .text.vapiano a {
        font: normal 13px/1.692em Helvetica, Arial, sans-serif
    }

    .tile.global .text.vapiano a:after {
        font-size: 8px
    }

    .tile.blackboard .text {
        width: auto
    }

    .tile.job.global .text.vapiano {
        background: none;
        padding: 0 30px
    }

    .single-welcome-box {
        display: table;
        height: 299px;
        width: 100%
    }

    .single-welcome-box .welcome-text {
        padding: 0 50px;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        height: 100%;
        position: relative;
        z-index: 1
    }

    .tile.menu .price-tag {
        top: 1.333em;
        left: 32%
    }

    .tile.menu .right-bottom-corner {
        width: 56%
    }

    .tile.only-image.v .inner-box {
        height: 230px;
        width: auto
    }

    .tile.only-image.v .inner-box img {
        height: 100%
    }

    .tile.language-select-text {
        height: 230px;
        width: auto
    }

    .tile.language-select-text img {
        height: 100%
    }

    .tile.language-select-text .text {
        padding: 10%
    }

    .tile.language-select-text .text h3 {
        font: 22px/1.091em "barlowregular", Helvetica, Arial, sans-serif;
        font-weight: bold;
        padding-bottom: 19px
    }

    .tile.language-select-text .text p {
        font: 14px;
        padding-bottom: 6px
    }

    .tile.language-select-text .text a.language-select {
        font-size: 14px;
        padding-bottom: 10px
    }

    .price-tag p {
        font: normal 13px/1.231em Helvetica, Arial, sans-serif !important
    }

    .full-block {
        height: auto
    }

    .full-block h1, .full-block h2, .full-block h3 {
        font: normal 22px/1.091em Helvetica, Arial, sans-serif
    }

    .full-block > h1 {
        margin-top: 16px
    }

    html.sub-open .full-block > h1, html.third-open .full-block > h1 {
        margin-top: 26px
    }

    .full-block > .text {
        padding: 20% 4%
    }

    .full-block > .text h2 + p {
        display: none
    }

    .full-block .price-tag p {
        font: normal 13px/1.231em Helvetica, Arial, sans-serif !important
    }

    .full-block.shop > .text {
        padding-top: 44px
    }

    .full-block h3 {
        font: normal 22px/1.091em Helvetica, Arial, sans-serif
    }

    .full-block .image-container {
        width: 70%
    }

    .full-block.collect .price-tag {
        top: 4.333em;
        left: 0
    }

    .full-block.cups .price-tag {
        top: 28%;
        left: 7%
    }

    .full-block.shop .price-tag {
        top: 35%;
        left: 13%
    }

    .full-block.menu .price-tag {
        top: 150px;
        left: 19%
    }

    .full-block.success .price-tag {
        top: 170px;
        left: 29%
    }

    .full-block.event-header .chzn-container {
        margin-right: 0;
        margin-bottom: 25px
    }

    .full-block .infoWindowContent h3 {
        font-size: 18px;
        white-space: nowrap
    }

    .tile .twins {
        width: 100%;
        height: 149px
    }

    .tile .twins h2 {
        margin-bottom: 6px
    }

    .tile .twins select {
        margin: 0 0 13px 0;
        width: 45%
    }

    .tile .twins.birthday {
        background: #000
    }

    .tile .twins.birthday .text {
        padding: 0 29px;
        width: auto;
        display: table-cell
    }

    .tile .twins.birthday .text h2 {
        font: normal 22px/1.091em Helvetica, Arial, sans-serif;
        text-transform: none;
        padding-bottom: 0
    }

    .tile .twins.birthday .text h2 span {
        text-transform: uppercase;
        display: block
    }

    .tile .twins.birthday .text p {
        font-family: Helvetica, Arial, sans-serif;
        padding: 0;
        font-size: 14px
    }

    .tile .twins.birthday .text em {
        font-size: 21px
    }

    .tile .twin {
        height: 149px
    }

    .tile .twin h3 {
        text-transform: uppercase;
        padding: 0;
        font: normal 22px/1.091em Helvetica, Arial, sans-serif
    }

    .tile .twin a {
        margin: 0
    }

    .tile .twin p {
        font-size: 14px;
        line-height: .9em;
        padding: 0;
        margin-bottom: 10px
    }

    .tile .twin p.final-link {
        font-size: inherit;
        padding-top: 2px
    }

    .tile .twin.weather .text p {
        font-size: 30px
    }

    .tile .twin.points .text p {
        font-size: 14px
    }

    .tile .twin.youtube .text {
        padding: 0 5px
    }

    .tile .twin.youtube .text .youtube-container {
        margin: 10px 0 8px 0
    }

    .tile .twin.youtube .text .youtube-container img {
        width: 40%
    }

    .tile .twin.youtube .text p {
        font-size: 14px;
        line-height: 1em
    }

    .vapiano h3, .vapiano h2 {
        font: normal 22px/1.091em Helvetica, Arial, sans-serif
    }

    p {
        font-size: 14px;
        line-height: 1.286em
    }

    footer .top-left {
        display: none
    }

    footer ul {
        width: 65%;
        line-height: 1.2em
    }

    footer ul li:before {
        content: ''
    }

    footer a {
        font-size: 14px;
        line-height: 1.3em;
        margin: 0 4px
    }

    footer .social {
        display: block;
        margin: 20px 0;
        text-align: center
    }

    footer .social a {
        margin: 0 10px
    }

    .detail p {
        font: normal 14px/1.3em Helvetica, Arial, sans-serif;
        width: 100%
    }

    .detail a.arrow {
        font: normal 14px/1.071em Helvetica, Arial, sans-serif
    }

    .detail h1, .detail h2, .detail h3 {
        font: normal 22px/1.091em Helvetica, Arial, sans-serif;
        width: 100%
    }

    .detail ul li {
        font-size: 16px;
        line-height: 1.3em;
        width: 260px
    }

    .detail ul li:last-child:after {
        content: ''
    }

    .main-nav {
        display: none;
        background: #fff;
        z-index: 2;
        padding: 0;
        top: 25px;
        height: auto !important
    }

    .main-nav li {
        display: block;
        padding: 0 0 16px 0;
        font-size: 16px
    }

    .main-nav li li {
        padding: 10px
    }

    .main-nav li li:last-child {
        padding-bottom: 30px
    }

    .main-nav li li:first-child {
        padding-top: 20px
    }

    .main-nav .sub-navi {
        top: 0
    }

    .main-nav .sub-navi em {
        display: block;
        color: #d40028;
        background: #fff;
        padding-bottom: 25px
    }

    .main-nav .sub-navi .back {
        display: block
    }

    .main-nav .sub-navi ul li:last-child {
        padding-bottom: 30px
    }

    .main-nav .sub-navi .third-navi {
        top: 0px !important
    }

    .main-nav .sub-navi .third-navi li {
        padding: 6px 20px 6px
    }

    .main-nav .sub-navi .third-navi li:last-child {
        padding-bottom: 20px
    }

    .main-nav .sub-navi .third-navi li:first-child {
        padding-top: 20px
    }

    .main-nav .sub-navi .third-navi em {
        display: block;
        color: #d40028;
        background: #eceae3;
        padding: 0 10px
    }

    .main-nav .sub-navi .third-navi .back {
        display: block;
        margin-top: 15px
    }

    .main-nav li.close-aktion {
        display: block
    }

    ol.awards {
        width: 260px;
        margin: 0 auto
    }

    .image-left, .image-right {
        display: none
    }

    .worldmap {
        height: auto;
        margin-top: 0
    }

    .worldmap .door-layer {
        position: static;
        width: 100%;
        height: 299px
    }

    .worldmap .door-layer .close {
        background-position: 0 -6003px;
        height: 13px;
        width: 13px;
        width: 17px;
        height: 17px;
        right: 22px;
        top: 22px
    }

    .worldmap .door-layer .text {
        padding: 17% 17% 0
    }

    .worldmap .door-layer h2 {
        font: normal 22px/1.091em Helvetica, Arial, sans-serif;
        padding-bottom: 1em
    }

    .worldmap .door-layer p.final-link {
        padding-top: 1em
    }

    .worldmap .door-layer p.final-link a {
        font-size: inherit
    }

    .worldmap .jvectormap-container {
        display: none
    }

    .restaurant-finder .plz-container div {
        width: 289px
    }

    .restaurant-finder form {
        left: 18px
    }

    .restaurant-finder input {
        margin-bottom: 22px;
        width: 240px
    }

    .restaurant-finder select {
        width: 277px !important
    }

    .restaurant-finder .full-block {
        height: auto
    }

    .restaurant-finder .full-block #map-canvas {
        height: 300px
    }

    .world .full-block {
        height: 219px
    }

    .world.roughcast .full-block p {
        width: 270px;
        margin: 0 auto 23px
    }

    .world.roughcast .full-block p a {
        font: normal 12px/1.25em Helvetica, Arial, sans-serif
    }

    .world.roughcast.gradient {
        padding: 80px 0 0
    }

    .selectwrapper select {
        display: block !important;
        margin: 0 auto 20px !important
    }

    h1 {
        font: normal 22px/1.091em Helvetica, Arial, sans-serif;
        padding-bottom: 11px
    }

    .content-texture {
        padding: 55px 20px 20px
    }

    .content-texture.no-texture strong, .content-texture.no-texture p.final-link a {
        font-size: 16px;
        line-height: 1.3em
    }

    .content-texture h1 {
        font: normal 22px/1.091em Helvetica, Arial, sans-serif;
        width: 260px;
        margin: 0 auto
    }

    .content-texture h2 {
        font: normal 22px/24px Helvetica, Arial, sans-serif
    }

    .content-texture h3 {
        font: normal 22px/24px Helvetica, Arial, sans-serif
    }

    .content-texture p, .content-texture em, .content-texture strong, .content-texture ul li {
        font-size: 16px;
        line-height: 1.3em;
        width: 260px
    }

    .content-texture p {
        margin: 23px auto
    }

    .content-texture a.arrow {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 15px;
        line-height: 1.3em;
        width: 100%
    }

    .content-texture a.arrow:before, .content-texture a.arrow:after {
        font-size: 15px
    }

    .welcome-text p {
        margin: 0 0 39px 0
    }

    form.selectwrapper {
        margin: 10px 0 0 0;
        width: auto
    }

    form.selectwrapper + h2 {
        margin-top: 0
    }

    .menu-list {
        font: normal 13px/1.231em Helvetica, Arial, sans-serif
    }

    .menu-list h2 {
        font: normal 18px/1.091em Helvetica, Arial, sans-serif !important
    }

    .menu-list dt {
        font: normal 15px/1.775em Helvetica, Arial, sans-serif
    }

    .menu-list > ul {
        margin-top: 0
    }

    .menu-list > ul li {
        font: normal 13px/1.538em Helvetica, Arial, sans-serif;
        padding-top: .5em
    }

    .menu-list .additives {
        font: normal 10px/1.231em Helvetica, Arial, sans-serif
    }

    .menu-list .download a {
        font: normal 14px/1.786em Helvetica, Arial, sans-serif
    }

    .menu-list .download a:after {
        font-size: 10px
    }

    h2.menu {
        font: normal 18px/1.091em Helvetica, Arial, sans-serif !important
    }

    .menu-item .menu-item-name {
        font: normal 13px/1.538em Helvetica, Arial, sans-serif
    }

    h1 .sub {
        margin-bottom: 10px
    }

    form label, form span {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 13px;
        line-height: 1.231em
    }

    form .area-left, form .area-right, form .area-right-small, form .area-left-small {
        width: 100%
    }

    form .location-label {
        width: 203px
    }

    form .area-buttons {
        height: auto
    }

    form .area-buttons button {
        margin-top: 10px
    }

    form .area-buttons a, form .area-buttons button {
        float: none;
        font-size: 16px;
        font-family: Helvetica, Arial, sans-serif
    }

    form .area-buttons input[type="submit"] {
        width: 174px
    }

    form select {
        font: 13px Helvetica, Arial, sans-serif
    }

    .table-list .col {
        width: 100%;
        float: none
    }

    .table-list .col p, .table-list .col strong {
        text-align: center;
        width: auto;
        margin: 0;
        font-family: "Helvetica", "Arial"
    }

    .table-list .col strong {
        margin-bottom: 20px
    }

    .table-list p {
        width: auto
    }

    .table-list p.error {
        font: 14px Helvetica, Arial, sans-serif
    }

    .form-content select.sel2 {
        border: 1px solid #C0BAA2;
        padding: 5px 5px 3px 2px;
        width: 94%;
        left: 0;
        color: #9C9686;
        font: 17px Helvetica, Arial, sans-serif
    }

    form .checkbox-area span a, form .checkbox-area label a {
        font: normal 13px "crimson_textregular", "Times New Roman", serif
    }

    form .radio-area .ui-state-default, form .radio-area .ui-widget-content .ui-state-default, form .radio-area .ui-widget-header .ui-state-default {
        padding: 2px 0 2px 27px
    }

    form .center-text input[type="text"] {
        width: 90%;
        margin: 10px 0 40px
    }

    .klapper .inactive a.trigger {
        font: normal 13px/1.2em "Helvetica", "Arial"
    }

    .klapper.numbered-process a.trigger .inactive {
        font: normal 13px/1.2em "Helvetica", "Arial"
    }

    .klapper .ToggableContent p {
        font-size: 13px
    }

    .finder {
        padding: 40px 0 16px
    }

    .finder a {
        position: absolute;
        right: 99px;
        top: 8px;
        font: normal 13px/1.2em "Helvetica", "Arial"
    }

    .finder input {
        font: 13px "Helvetica", "Arial";
        height: 20px;
        width: 285px
    }

    .finder button.search-icon {
        top: 15px
    }

    .finder.restaurant-found {
        width: 320px
    }

    .js-search-content a, .js-search-content p {
        font: 13px "Helvetica", "Arial"
    }

    .content-texture .content-texture-2-col {
        float: none;
        width: 100%;
        margin-bottom: 8px
    }

    .tile.success-story img {
        display: none
    }

    .tile.success-story .text {
        padding: 0 30px;
        width: 100%;
        vertical-align: middle
    }

    .tile.signal-red img {
        margin: 0
    }

    .tile.signal-red a {
        margin-top: 20px
    }

    .tile.territories .text img {
        width: 100%
    }

    .tile .wide-tile-image {
        width: 100%;
        overflow: hidden
    }

    .tile.app-process img {
        margin: 15px 0;
        width: 155%
    }

    .tile.apply-now img {
        margin: 0 0 15px
    }

    .tile.more-padding .text p {
        padding: 0;
        font-size: 12px
    }

    .tile.franchise .text {
        padding: 0 47px
    }

    .mobile-navigation {
        display: block
    }

    .mobile-navigation .navi-content-block {
        padding: 4px 0
    }

    .mobile-navigation .navi-content-block li {
        margin: 6px 13px
    }

    .nutritional-subline {
        margin-top: 10px
    }

    .nutritional {
        width: 100%
    }

    .nutritional td, .nutritional th {
        font: normal 16px/1.250em Helvetica, Arial, sans-serif;
        color: #9d9b8b
    }

    .yt-embed {
        width: 320px;
        height: 191px;
        margin-left: -20px
    }

    .main-content .video {
        height: 160px;
        min-height: 160px
    }

    .main-content .content-texture .video {
        width: 320px;
        margin-left: -20px;
        position: relative;
        height: 160px;
        z-index: 1;
        overflow: hidden;
        display: inline-block
    }

    .main-content .play {
        height: 52px;
        width: 52px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -26px;
        margin-left: -26px
    }

    ul.icon-list li {
        display: inline-block;
        max-width: 100%;
        width: 49%;
        margin: 0
    }

    ul.icon-list li span {
        font: normal 13px/1.231em Helvetica, Arial, sans-serif
    }

    .content-texture .vapiano-font {
        font: normal 22px/1.071em Helvetica, Arial, sans-serif
    }

    .content-texture ul.vapiano-font li {
        font: normal 16px/1.4em Helvetica, Arial, sans-serif
    }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    .map-mobile {
        display: block
    }

    .map-desktop, .map-desktop-small, .map-tablet, .map-mobile-small {
        display: none
    }

    .no-desktop {
        display: block
    }

    .totop {
        background-position: 0 -4093px;
        height: 60px;
        width: 60px;
        position: fixed;
        right: 50%;
        margin-right: -30px;
        bottom: 10px;
        z-index: 800;
        text-indent: -9999em;
        outline: 0
    }

    header .people-layer {
        right: 0;
        top: 46px;
        width: 100%;
        box-shadow: none
    }

    header .people-layer p, header .people-layer p.error, header .people-layer label {
        font: bold 14px "Helvetica", "Arial"
    }

    header .people-layer p span, header .people-layer p.error span, header .people-layer label span {
        left: 160px
    }

    header .people-layer a, header .people-layer button {
        font: 14px "Helvetica", "Arial"
    }

    header .people-layer span.top-arrow {
        left: 335px
    }

    .logo {
        margin: 12px 14px
    }

    .logo img {
        display: none
    }

    body {
        padding-top: 0
    }

    h1 {
        font: normal 28px/1.071em Helvetica, Arial, sans-serif
    }

    p {
        font: normal 16px/1.250em Helvetica, Arial, sans-serif
    }

    strong, em, ul li {
        font-family: Helvetica, Arial, sans-serif !important
    }

    select {
        display: inline !important
    }

    .select2-container, .chzn-container {
        display: none !important
    }

    .select2-offscreen {
        left: 0;
        position: relative
    }

    .site-container {
        width: 400px
    }

    select {
        padding: 5px 5px 3px 2px;
        border: 1px solid #c0baa2;
        color: #9C9686;
        font: 17px Helvetica, Arial, sans-serif
    }

    .final-link a {
        font: normal 14px/1.786em Helvetica, Arial, sans-serif
    }

    .final-link a:after {
        font-size: 10px
    }

    nav {
        text-align: left
    }

    @-moz-document url-prefix() {
        .location li:last-child {
            top: 1px !important
        }
        .location li {
            background-position: right 7px !important
        }
    }.location {
         position: relative;
         top: 0;
         left: 0;
         background: #c0baa2;
         height: 17px;
         padding: 10px 8px 11px 5px;
         margin-bottom: 2px
     }

    .location a {
        color: white
    }

    .location a .marker {
        background-position: 0 -5482px;
        height: 16px;
        width: 11px
    }

    .location li {
        background: url(../images/structure/ico/location-arrow-white.png) no-repeat right;
        float: left
    }

    .location li:last-child {
        float: right;
        position: relative;
        top: 3px
    }

    .toolbar {
        position: relative;
        float: right;
        top: 0
    }

    .toolbar li {
        background: none
    }

    .toolbar .desktop {
        display: none
    }

    .toolbar .mobile {
        display: inline
    }

    .toolbar .mobile-phone {
        display: inline
    }

    .toolbar .language {
        top: 5px;
        position: relative
    }

    header {
        min-height: 46px
    }

    .mood {
        min-height: 373px;
        height: auto
    }

    .mood .play img {
        width: 100%;
        height: 100%;
        margin-left: 0
    }

    .mood ul.mood-slider-list li {
        width: 0
    }

    .mood ul.mood-slider-list li:first-child {
        width: 400px
    }

    .mood .mood-slider .welcome-box {
        display: none !important
    }

    .mood .mood-slider .welcome-box.visible {
        display: block !important
    }

    .mood .mood-slider-controls {
        display: none
    }

    .mood .welcome-box {
        display: table !important;
        height: 372px;
        width: 100%;
        position: relative;
        top: 0;
        left: 0
    }

    .mood .welcome-box:first-child {
        display: block
    }

    .mood .welcome-sheet {
        display: none
    }

    .mood .welcome-text {
        background-color: #FFF;
        width: auto;
        top: 0;
        left: 0;
        padding: 0 50px;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        height: 374px;
        position: relative;
        z-index: 1
    }

    .mood .welcome-text p {
        margin: 0 0 5px
    }

    .mood img {
        width: 200%;
        margin-left: -50%
    }

    .mood .news-detail-image img {
        width: 100%;
        margin-left: 0
    }

    .mood p {
        font: normal 16px/1.25em Helvetica, Arial, sans-serif
    }

    .mood h2 {
        margin-bottom: 8px;
        font: normal 28px/1.071em Helvetica, Arial, sans-serif
    }

    .mood a {
        font-size: 16px
    }

    .mood .final-link {
        position: relative;
        bottom: 0;
        margin-top: 40px
    }

    .mood h2.form-headline {
        text-align: left;
        font-size: 23px;
        margin-bottom: 20px
    }

    .mood a, .mood button {
        font-size: 15px;
        float: left;
        font-family: "Helvetica", "Arial"
    }

    .mood a {
        top: 6px;
        float: none
    }

    .mood form {
        left: 18px
    }

    .mood form input {
        width: 288px;
        float: left
    }

    .mood form label, .mood form strong {
        font-size: 13px;
        text-align: left;
        font-family: "Helvetica", "Arial"
    }

    .mood.people .welcome-text h2 {
        padding-bottom: 0
    }

    .mood.people .welcome-text p {
        display: none
    }

    .mood.people .welcome-text .qr-code {
        margin: 20px auto 21px !important;
        float: none
    }

    .contact form, .tx-vapiano-contact form {
        margin: 80px auto 0
    }

    .contact form input, .contact form textarea, .tx-vapiano-contact form input, .tx-vapiano-contact form textarea {
        width: 98%
    }

    .contact form input[type="radio"], .tx-vapiano-contact form input[type="radio"] {
        width: auto
    }

    .contact form .location-label, .tx-vapiano-contact form .location-label {
        width: 279px
    }

    .contact form select, .tx-vapiano-contact form select {
        width: 101%
    }

    .contact form .radio-area span, .tx-vapiano-contact form .radio-area span {
        font-size: 16px
    }

    form .checkbox-area span a.ui-state-default span, form .checkbox-area label a.ui-state-default span {
        font: normal 16px Helvetica, Arial, sans-serif
    }

    .full-block h1, .full-block h2, .full-block h3 {
        font: normal 28px/1.071em Helvetica, Arial, sans-serif
    }

    .full-block > h1 {
        margin-top: 16px
    }

    html.sub-open .full-block > h1, html.third-open .full-block > h1 {
        margin-top: 26px
    }

    .full-block img {
        max-width: 100%
    }

    .full-block p.price-tag {
        font-size: 24px !important
    }

    .full-block .infoWindowContent h3 {
        font-size: 20px;
        white-space: nowrap
    }

    .map-box {
        height: 373px;
        width: 100%
    }

    .tile {
        height: 374px;
        width: 100%
    }

    .tile .text.vapiano h3 {
        font: normal 28px/1.071em Helvetica, Arial, sans-serif
    }

    .tile .text h2 {
        font: normal 28px/1.071em Helvetica, Arial, sans-serif;
        margin-bottom: 15px
    }

    .tile .text p {
        font: normal 16px/1.25em Helvetica, Arial, sans-serif;
        padding-bottom: 6px
    }

    .tile .text ol li {
        font: normal 16px/1.25em Helvetica, Arial, sans-serif
    }

    .tile .text ol li:last-child {
        display: block
    }

    .tile .text a {
        margin-bottom: 0;
        font: normal 14px/1.786em Helvetica, Arial, sans-serif
    }

    .tile .text a:after {
        font-size: 10px
    }

    .tile .text li:last-child {
        display: none
    }

    .tile .picture-box {
        height: 208px
    }

    .tile .picture-box .inner-box {
        width: 100px
    }

    .tile .picture-box.horizontal {
        width: 208px
    }

    .tile.black img {
        display: none
    }

    .tile.black .text.vapiano h3 {
        font: normal 28px/1.071em Helvetica, Arial, sans-serif
    }

    .tile.black .text h2 {
        font: normal 28px/1.071em Helvetica, Arial, sans-serif;
        margin-bottom: 15px
    }

    .tile.black .text p {
        font: normal 16px/1.25em Helvetica, Arial, sans-serif;
        padding-bottom: 6px
    }

    .tile.black .text a {
        margin-bottom: 0;
        font: normal 14px/1.786em Helvetica, Arial, sans-serif
    }

    .tile.black .text a:after {
        font-size: 10px
    }

    .tile.birthday .text {
        padding: 0 140px 0 36px
    }

    .tile.birthday .text h2 {
        font: normal 28px/1.071em Helvetica, Arial, sans-serif
    }

    .tile.birthday .text p {
        background: none;
        padding: 0
    }

    .tile.job .text {
        background: none
    }

    .tile.job em {
        font-size: 14px
    }

    .tile.global .text.vapiano {
        width: 311px;
        padding: 60px 0 0 44px
    }

    .tile.global .text.vapiano h3 {
        font: normal 28px/1.071em Helvetica, Arial, sans-serif;
        padding: 0 0 24px 0;
        letter-spacing: 0
    }

    .tile.global .text.vapiano p {
        font: normal 16px/1.25em Helvetica, Arial, sans-serif;
        padding-bottom: 6px
    }

    .tile.global .text.vapiano a {
        font: normal 14px/1.786em Helvetica, Arial, sans-serif
    }

    .tile.global .text.vapiano a:after {
        font-size: 10px
    }

    .tile.picture img {
        margin: 0
    }

    .tile.wood .text h3, .tile.slate .text h3 {
        padding-bottom: 19px;
        font: normal 28px/1.071em Helvetica, Arial, sans-serif
    }

    .tile.wood .text p, .tile.slate .text p {
        font-size: 16px;
        line-height: 1.4em
    }

    .tile.wood .text a, .tile.slate .text a {
        font: normal 14px/1.786em Helvetica, Arial, sans-serif
    }

    .tile.wood .text a:after, .tile.slate .text a:after {
        font-size: 10px
    }

    .tile.slate .left-top-corner, .tile.slate .right-bottom-corner {
        width: 80%
    }

    .tile.wood .right-top-corner, .tile.wood .left-bottom-corner {
        width: 28%
    }

    .tile.wood.restaurant .right-top-corner, .tile.wood.restaurant .left-bottom-corner {
        display: none
    }

    .tile.wood.restaurant.opening-hours h3 {
        font: normal 14px/1em Helvetica, Arial, sans-serif;
        letter-spacing: 0;
        padding-bottom: 10px
    }

    .tile.wood.restaurant.opening-hours p {
        font-size: 12px;
        padding-bottom: 10px
    }

    .tile.olive .text {
        width: 248px;
        padding: 60px 76px 0 76px
    }

    .tile.olive .text p {
        font-size: 16px;
        line-height: 1.4em;
        margin: 15px 0
    }

    .tile.olive .text a {
        font-size: 14px
    }

    .tile.olive .text img {
        width: 80%
    }

    .tile.ladies .text {
        padding: 12px 59px 0 59px
    }

    .tile.white.shop .text h2 {
        font-size: 15px;
        margin-bottom: 0
    }

    .tile.white.shop .text img {
        width: 80%
    }

    .tile.menu .right-bottom-corner {
        width: 56%
    }

    .tile.menu .price-tag {
        left: 35%
    }

    .tile.only-image.v .inner-box {
        height: 300px;
        width: auto
    }

    .tile.only-image.v .inner-box img {
        height: 100%
    }

    .tile .twins {
        width: 100%;
        height: 187px
    }

    .tile .twins h2 {
        font: normal 28px/1.071em Helvetica, Arial, sans-serif;
        margin-bottom: 6px
    }

    .tile .twins .text a {
        margin: 0
    }

    .tile .twins select {
        margin: 0 0 13px 0;
        width: 45%
    }

    .tile .twins.birthday {
        background: #000
    }

    .tile .twins.birthday .text {
        padding: 36px 29px;
        width: auto
    }

    .tile .twins.birthday .text h2 {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 18px;
        text-transform: none;
        padding-bottom: 0
    }

    .tile .twins.birthday .text h2 span {
        text-transform: uppercase;
        display: block
    }

    .tile .twins.birthday .text p {
        font-family: Helvetica, Arial, sans-serif;
        padding: 0;
        font-size: 14px
    }

    .tile .twins.birthday .text em {
        font-size: 21px
    }

    .tile .twin {
        height: 187px
    }

    .tile .twin .text a {
        margin: 0
    }

    .tile .twin h3 {
        text-transform: uppercase;
        padding: 0;
        font: normal 28px/1.071em Helvetica, Arial, sans-serif
    }

    .tile .twin p {
        font-size: 14px;
        line-height: .9em;
        padding: 0;
        margin-bottom: 10px
    }

    .tile .twin p.final-link {
        font-size: inherit;
        padding-top: 2px
    }

    .tile .twin.weather .text p {
        font-size: 30px
    }

    .tile .twin.youtube .text .youtube-container {
        margin: 10px 0 8px 0
    }

    .tile .twin.youtube .text .youtube-container img {
        width: 54%
    }

    .tile .twin.youtube .text p {
        font-size: 14px
    }

    .tile.job.global .text.vapiano {
        background: none;
        padding: 0 30px
    }

    .tile.blackboard .text {
        width: auto
    }

    .single-welcome-box {
        display: table;
        height: 372px;
        width: 100%
    }

    .single-welcome-box .welcome-text {
        padding: 0 50px;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
        height: 100%;
        position: relative;
        z-index: 1
    }

    .roughcast p, .roughcast a {
        font-size: 14px
    }

    .roughcast.cups h3 {
        padding-bottom: 50px
    }

    .roughcast.cups img {
        width: 70%
    }

    .roughcast.cups .text {
        padding-top: 50px
    }

    .roughcast.cups p {
        margin-top: 25px
    }

    .full-block.roughcast.olive {
        height: 374px
    }

    .full-block.roughcast.olive .sheet {
        width: 100%
    }

    .full-block.roughcast.olive .olive-logo {
        width: 50%;
        display: inline
    }

    .full-block.roughcast.olive .text {
        padding: 0 30px
    }

    .full-block.roughcast.olive img {
        display: none
    }

    .full-block.roughcast.olive a {
        font: normal 13px/1.692em Helvetica, Arial, sans-serif
    }

    .full-block.roughcast.red {
        height: 374px
    }

    .full-block.roughcast.red .sheet {
        width: 100%
    }

    .full-block.roughcast.red h2 {
        font: 28px/1.071em Helvetica, Arial, sans-serif
    }

    .full-block.roughcast.red a {
        font: 14px/1.786em Helvetica, Arial, sans-serif
    }

    .full-block.roughcast.red .text {
        padding: 0 30px
    }

    .full-block.roughcast.red img {
        display: none
    }

    .price-tag p {
        font: normal 14px/1.250em Helvetica, Arial, sans-serif !important
    }

    .full-block {
        height: auto
    }

    .full-block > .text {
        padding: 20% 4%
    }

    .full-block > .text h2 + p {
        display: none
    }

    .full-block.shop > .text {
        padding-top: 56px
    }

    .full-block .image-container {
        width: 80%
    }

    .full-block.collect .price-tag {
        top: 4.333em;
        left: 0
    }

    .full-block.cups .price-tag {
        top: 25%;
        left: 7%
    }

    .full-block.shop .price-tag {
        top: 35%;
        left: 9%
    }

    .full-block.menu .price-tag {
        top: 60%;
        left: 20%
    }

    .full-block.success .price-tag {
        top: 57%;
        left: 34%
    }

    .full-block.event-header .chzn-container {
        margin-right: 0;
        margin-bottom: 25px
    }

    .news-list-view .full-block.only-text .text {
        padding: 15%
    }

    .news-list-view .full-block.only-text .text a {
        margin-bottom: 0
    }

    .navi-content-block {
        clear: both
    }

    .navi-content-block li {
        margin: 8px 15px;
        display: inline-block
    }

    .vapiano h3 {
        font: normal 28px/1.071em Helvetica, Arial, sans-serif
    }

    .tile.language-select-text {
        height: 326px;
        width: auto
    }

    .tile.language-select-text img {
        height: 100%
    }

    .tile.language-select-text .text {
        padding: 10%
    }

    .tile.language-select-text .text h3 {
        font: 28px/1.07em "barlowregular", Helvetica, Arial, sans-serif;
        font-weight: bold;
        padding-bottom: 19px
    }

    .tile.language-select-text .text p {
        font-size: 16px;
        padding-bottom: 12px
    }

    .tile.language-select-text .text a.language-select {
        font-size: 14px;
        padding-bottom: 24px
    }

    footer .top-left {
        display: none
    }

    footer ul {
        width: 70%
    }

    footer ul a {
        font-size: 16px;
        line-height: 1.3em;
        margin: 0 4px
    }

    footer ul li:before {
        content: ''
    }

    footer .social {
        display: block;
        margin: 20px 0;
        text-align: center
    }

    footer .social a {
        margin: 0 10px
    }

    .detail p {
        font: normal 16px/1.2em Helvetica, Arial, sans-serif;
        width: 100%
    }

    .detail a.arrow {
        font: normal 16px/1.071em Helvetica, Arial, sans-serif
    }

    .detail h1, .detail h2, .detail h3 {
        font: normal 28px/1.071em Helvetica, Arial, sans-serif;
        width: 100%
    }

    .detail ul li {
        font-size: 16px;
        line-height: 1.4em;
        width: 280px
    }

    .detail ul li:last-child:after {
        content: ''
    }

    .main-nav {
        display: none;
        background: #fff;
        z-index: 2;
        padding: 0;
        top: 25px;
        height: auto !important
    }

    .main-nav li {
        display: block;
        padding: 0 0 16px 0;
        font-size: 16px
    }

    .main-nav li li {
        padding: 0 10px
    }

    .main-nav li li:last-child {
        padding-bottom: 30px
    }

    .main-nav li li:first-child {
        padding-top: 10px
    }

    .main-nav .sub-navi {
        top: 0
    }

    .main-nav .sub-navi > ul {
        padding: 0
    }

    .main-nav .sub-navi em {
        display: block;
        color: #d40028;
        background: #fff;
        padding-bottom: 25px
    }

    .main-nav .sub-navi .back {
        display: block
    }

    .main-nav .sub-navi ul li:last-child {
        padding-bottom: 30px
    }

    .main-nav .sub-navi .third-navi {
        top: 0px !important
    }

    .main-nav .sub-navi .third-navi li {
        padding: 6px 20px 6px
    }

    .main-nav .sub-navi .third-navi li:last-child {
        padding-bottom: 20px
    }

    .main-nav .sub-navi .third-navi li:first-child {
        padding-top: 20px
    }

    .main-nav .sub-navi .third-navi em {
        display: block;
        color: #d40028;
        background: #eceae3;
        padding: 0 10px
    }

    .main-nav .sub-navi .third-navi .back {
        display: block;
        margin-top: 15px
    }

    .main-nav li.close-aktion {
        display: block
    }

    .content-texture h1 {
        font: normal 28px/1.071em Helvetica, Arial, sans-serif;
        width: 280px;
        padding-bottom: 0 !important;
        margin: 0 auto
    }

    .content-texture h2 {
        font: normal 26px/1.071em Helvetica, Arial, sans-serif
    }

    .content-texture h3 {
        font: normal 23px/1.071em Helvetica, Arial, sans-serif
    }

    .content-texture p, .content-texture em, .content-texture strong, .content-texture ul li {
        font-size: 16px;
        line-height: 1.4em;
        width: 280px
    }

    .content-texture a.arrow {
        font-size: 16px;
        font-family: Helvetica, Arial, sans-serif
    }

    .content-texture a.arrow:after, .content-texture a.arrow:before {
        font-size: 16px;
        font-family: Helvetica, Arial, sans-serif
    }

    .welcome-text p {
        margin: 0 0 39px 0
    }

    ol.awards {
        width: 280px;
        margin: 0 auto
    }

    .image-left, .image-right {
        display: none
    }

    .content-texture.no-texture strong, .content-texture.no-texture p.final-link a {
        font-size: 16px;
        line-height: 1.3em
    }

    .worldmap {
        height: auto;
        margin-top: 0
    }

    .worldmap .door-layer {
        position: static;
        width: 100%;
        height: 373px
    }

    .worldmap .door-layer .close {
        background-position: 0 -6003px;
        height: 13px;
        width: 13px;
        width: 17px;
        height: 17px;
        right: 22px;
        top: 22px
    }

    .worldmap .door-layer .text {
        padding: 17% 17% 0
    }

    .worldmap .door-layer h2 {
        font: normal 28px/1.071em Helvetica, Arial, sans-serif;
        padding-bottom: 1em
    }

    .worldmap .door-layer p.final-link {
        padding-top: 1em
    }

    .worldmap .door-layer p.final-link a {
        font-size: inherit
    }

    .worldmap .door-layer p.final-link a:after {
        font-size: 14px
    }

    .worldmap .jvectormap-container {
        display: none
    }

    .world.roughcast .full-block a {
        font: normal 14px/1.25em Helvetica, Arial, sans-serif
    }

    .restaurant-finder form {
        left: 17px
    }

    .restaurant-finder input {
        margin-bottom: 22px
    }

    .restaurant-finder select {
        width: 352px !important
    }

    .restaurant-finder .full-block {
        height: auto
    }

    .restaurant-finder .full-block #map-canvas {
        height: 350px
    }

    .world .full-block {
        height: 296px
    }

    .world.roughcast .full-block p {
        width: 330px;
        margin: 0 auto 40px
    }

    .world.roughcast.gradient {
        padding: 80px 0 0
    }

    .selectwrapper select {
        display: block !important;
        margin: 0 auto 20px !important
    }

    .content-texture {
        padding: 50px 25px 10px
    }

    form.selectwrapper {
        margin: 10px 0 0 0;
        width: auto
    }

    form.selectwrapper + h2 {
        margin-top: 0
    }

    .menu-list {
        font: normal 16px/1.250em Helvetica, Arial, sans-serif
    }

    .menu-list h2 {
        font: normal 23px/1.071em Helvetica, Arial, sans-serif !important
    }

    .menu-list dt {
        font: normal 16px/1.625em Helvetica, Arial, sans-serif
    }

    .menu-list > ul {
        margin-top: 0
    }

    .menu-list > ul li {
        font: normal 16px/1.625em Helvetica, Arial, sans-serif;
        padding-top: .5em
    }

    .menu-list .additives {
        font: normal 16px/1.250em Helvetica, Arial, sans-serif
    }

    .menu-list .download a {
        font: normal 14px/1.786em Helvetica, Arial, sans-serif
    }

    .menu-list .download a:after {
        font-size: 10px
    }

    h2.menu {
        font: normal 23px/1.071em Helvetica, Arial, sans-serif !important
    }

    .menu-item .menu-item-name {
        font: normal 16px/1.625em Helvetica, Arial, sans-serif
    }

    h1 .sub {
        margin-bottom: 10px
    }

    form {
        left: 20px
    }

    form label, form span {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 16px;
        line-height: 1.25em
    }

    form .area-left, form .area-right, form .area-left-small, form .area-right-small {
        width: 100%
    }

    form .location-label {
        width: 273px
    }

    form .center-text input[type="text"] {
        width: 90%;
        margin: 10px 0 40px
    }

    form .area-buttons {
        height: auto
    }

    form .area-buttons button {
        margin-top: 10px
    }

    form .area-buttons a, form .area-buttons button {
        float: none;
        font-size: 16px;
        font-family: Helvetica, Arial, sans-serif
    }

    form select {
        font: 16px Helvetica, Arial, sans-serif
    }

    .table-list .col {
        width: 100%;
        float: none
    }

    .table-list .col p, .table-list .col strong {
        text-align: center;
        width: auto;
        margin: 0;
        font-size: 16px;
        font-family: "Helvetica", "Arial"
    }

    .table-list .col strong {
        margin-bottom: 20px
    }

    .table-list p {
        width: auto
    }

    .table-list p.error {
        font: normal 16px/1.2em "Helvetica", "Arial"
    }

    .form-content select.sel2 {
        border: 1px solid #C0BAA2;
        padding: 5px 5px 3px 2px;
        width: 94%;
        left: 0;
        color: #9C9686;
        font: 17px "Helvetica", "Arial"
    }

    .klapper .inactive a.trigger {
        font: normal 16px/1.2em "Helvetica", "Arial"
    }

    .klapper.numbered-process a.trigger .inactive {
        font: normal 16px/1.2em "Helvetica", "Arial"
    }

    .klapper .ToggableContent p {
        font-size: 16px
    }

    .finder {
        padding: 40px 0 16px
    }

    .finder a {
        position: absolute;
        right: 129px;
        top: 8px;
        font: normal 16px/1.2em "Helvetica", "Arial"
    }

    .finder input {
        font: 16px "Helvetica", "Arial"
    }

    .js-search-content a {
        font: 16px "Helvetica", "Arial"
    }

    .tile.more-padding .text p {
        padding: 0
    }

    .tile.success-story img {
        display: none
    }

    .tile.success-story .text {
        padding: 0 30px;
        width: 100%;
        vertical-align: middle
    }

    .tile.signal-red img {
        margin: 0
    }

    .tile.signal-red a {
        margin-top: 20px
    }

    .tile.territories .text img {
        width: 100%
    }

    .tile .wide-tile-image {
        width: 100%;
        overflow: hidden
    }

    .tile.app-process img {
        margin: 15px 0;
        width: 100%
    }

    .tile.apply-now img {
        margin: 0 0 15px
    }

    .tile.more-padding .text p {
        padding: 0;
        font-size: 12px
    }

    .nutritional-subline {
        margin-top: 10px
    }

    .nutritional {
        width: 100%
    }

    .nutritional td, .nutritional th {
        font: normal 16px/1.250em Helvetica, Arial, sans-serif;
        color: #9d9b8b
    }

    .yt-embed {
        width: 400px;
        height: 235px;
        margin-left: -25px
    }

    .main-content .video {
        height: 200px;
        min-height: 200px
    }

    .main-content .content-texture .video {
        width: 400px;
        margin-left: -25px;
        position: relative;
        z-index: 1;
        overflow: hidden;
        display: inline-block;
        height: 200px
    }

    .main-content .play {
        height: 70px;
        width: 70px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -35px;
        margin-left: -35px
    }

    ul.icon-list li {
        display: inline-block;
        max-width: 100%;
        width: 49%;
        margin: 0
    }

    ul.icon-list li span {
        font: normal 13px/1.231em Helvetica, Arial, sans-serif
    }

    .content-texture .vapiano-font {
        font: normal 26px/1.071em Helvetica, Arial, sans-serif
    }

    .content-texture ul.vapiano-font li {
        font: normal 16px/1.4em Helvetica, Arial, sans-serif
    }

    .freestander_logo_white {
        width: 59%;
        height: 40%
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    @font-face {
        font-family: 'vapianoregular';
        src: url(/fileadmin/src/fonts/vapiano-webfont/regular/vapiano-webfont-webfont.eot);
        src: url(/fileadmin/src/fonts/vapiano-webfont/regular/vapiano-webfont-webfont.eot?#iefix) format("embedded-opentype"), url(/fileadmin/src/fonts/vapiano-webfont/regular/vapiano-webfont-webfont.woff) format("woff"), url(/fileadmin/src/fonts/vapiano-webfont/regular/vapiano-webfont-webfont.ttf) format("truetype"), url(/fileadmin/src/fonts/vapiano-webfont/regular/vapiano-webfont-webfont.svg#vapianoregular) format("svg");
        font-weight: normal;
        font-style: normal
    }@font-face {
    font-family: 'vapianobold';
    src: url(/fileadmin/src/fonts/vapiano-webfont/bold/vapiano-bold-webfont-webfont.eot);
    src: url(/fileadmin/src/fonts/vapiano-webfont/bold/vapiano-bold-webfont-webfont.eot?#iefix) format("embedded-opentype"), url(/fileadmin/src/fonts/vapiano-webfont/bold/vapiano-bold-webfont-webfont.woff) format("woff"), url(/fileadmin/src/fonts/vapiano-webfont/bold/vapiano-bold-webfont-webfont.ttf) format("truetype"), url(/fileadmin/src/fonts/vapiano-webfont/bold/vapiano-bold-webfont-webfont.svg#vapianobold) format("svg");
    font-weight: normal;
    font-style: normal
}@font-face {
    font-family: 'vapianoalternative';
    src: url(/fileadmin/src/fonts/vapiano-webfont/alternative/dincomppromedium.eot);
    src: url(/fileadmin/src/fonts/vapiano-webfont/alternative/dincomppromedium.eot?#iefix) format("embedded-opentype"), url(/fileadmin/src/fonts/vapiano-webfont/alternative/dincomppromedium.woff) format("woff"), url(/fileadmin/src/fonts/vapiano-webfont/alternative/dincomppromedium.ttf) format("truetype"), url(/fileadmin/src/fonts/vapiano-webfont/alternative/dincomppromedium.svg#vapianoalternative) format("svg");
    font-weight: normal;
    font-style: normal
}@font-face {
    font-family: 'MercuryScriptRegular';
    src: url(/fileadmin/src/fonts/MercuryScriptRegular/MercuryScriptRegular.eot);
    src: url(/fileadmin/src/fonts/MercuryScriptRegular/MercuryScriptRegular.eot?#iefix) format("embedded-opentype"), url(/fileadmin/src/fonts/MercuryScriptRegular/MercuryScriptRegular.woff) format("woff"), url(/fileadmin/src/fonts/MercuryScriptRegular/MercuryScriptRegular.ttf) format("truetype"), url(/fileadmin/src/fonts/MercuryScriptRegular/MercuryScriptRegular.svg) format("svg");
    font-weight: normal;
    font-style: normal
}.map-tablet {
    display: block
}

    .map-desktop, .map-desktop-small, .map-mobile, .map-mobile-small {
        display: none
    }

    .no-desktop {
        display: block
    }

    .totop {
        background-position: 0 -4093px;
        height: 60px;
        width: 60px;
        position: fixed;
        right: 50%;
        margin-right: -30px;
        bottom: 10px;
        z-index: 800;
        text-indent: -9999em;
        outline: 0
    }

    header .people-layer {
        right: 0
    }

    header .people-layer p, header .people-layer p.error, header .people-layer label {
        font: bold 15px "crimson_textregular", "Times New Roman", serif
    }

    header .people-layer a, header .people-layer button {
        font-size: 15px
    }

    header .people-layer span.top-arrow {
        left: 312px
    }

    nav {
        padding-top: 36px
    }

    .site-container {
        width: 700px
    }

    h1.logo img {
        width: 17.083%
    }

    p.final-link a {
        font-size: 14px;
        line-height: .714em;
        padding-top: 5px;
    }

    .main-nav .sub-navi > ul {
        padding: 17px 0 20px;
        line-height: 2em
    }

    .main-nav .third-navi {
        top: 59px
    }

    .main-nav .third-navi > ul {
        padding: 12px 0 12px;
        line-height: 2em
    }

    .main-nav li li {
        padding: 0 10px
    }

    .main-nav li li ul li {
        width: auto;
        padding: 0 20px
    }

    .mood {
        height: 326px
    }

    .mood .play img {
        width: 100%;
        height: 100%;
        margin-left: 0
    }

    .mood ul.mood-slider-list li {
        width: 700px
    }

    .mood ul.mood-slider-list li:before {
        content: "";
    }

    .mood .mood-slider-controls .mood-slider-next, .mood .mood-slider-controls .mood-slider-prev {
        border: none;
        cursor: pointer;
        position: absolute;
        top: 134px
    }

    .mood .welcome-sheet {
        left: 0;
        top: 0;
        width: 350px;
        height: 350px;
        padding: 0
    }

    .mood .welcome-text {
        left: 0;
        top: 0;
        width: 232px;
        height: 199px;
        padding: 64px 59px 64px 59px;
        text-align: center
    }

    .mood h2 {
        font-size: 22px;
        line-height: 22px;
        margin-bottom: 0
    }

    .mood p {
        font: normal 12px/16px "crimson_textregular", "Times New Roman", serif
    }

    .mood strong {
        margin-top: 0
    }

    .mood .final-link {
        position: relative;
        top: 10px
    }

    .mood .final-link a {
        font-size: 14px
    }

    .mood h2.form-headline {
        display: none
    }

    .mood a, .mood button {
        font-size: 15px;
        float: left
    }

    .mood a {
        top: 6px;
        float: none
    }

    .mood form input {
        width: 212px
    }

    .mood form label, .mood form strong {
        font-size: 13px;
        text-align: left
    }

    .mood.people .welcome-text h2 {
        padding-bottom: 0
    }

    .mood.people .welcome-text p {
        display: none
    }

    .mood.people .welcome-text .qr-code {
        margin: 20px auto 21px !important;
        float: none
    }

    .contact form, .tx-vapiano-contact form {
        margin: 80px auto 0
    }

    .contact form .plz-label, .tx-vapiano-contact form .plz-label {
        width: 37px
    }

    .contact form .location-label, .tx-vapiano-contact form .location-label {
        width: 115px
    }

    .contact form .area-buttons, .tx-vapiano-contact form .area-buttons {
        height: auto
    }

    .contact form .area-buttons button, .tx-vapiano-contact form .area-buttons button {
        margin-top: 10px
    }

    .contact form .area-buttons a, .contact form .area-buttons button, .tx-vapiano-contact form .area-buttons a, .tx-vapiano-contact form .area-buttons button {
        float: none
    }

    .full-block {
        height: auto
    }

    .full-block img {
        max-width: 55%
    }

    .full-block p.price-tag {
        font-size: 24px !important;
        top: 3em;
        left: 7em
    }

    .full-block h3 {
        font-size: 23px
    }

    .news-list-view .full-block.only-text .text {
        padding: 17%
    }

    .map-box {
        height: 326px;
        width: 100%
    }

    .tile {
        height: 326px
    }

    .tile .text h2 {
        font-size: 22px;
        margin-bottom: 19px
    }

    .tile .text p {
        font-size: 12px;
        padding-bottom: 6px
    }

    .tile .text ol li {
        font-size: 12px
    }

    .tile .text ol li:last-child {
        display: block
    }

    .tile .text a {
        font-size: 14px;
        margin-bottom: 0
    }

    .tile .text a:after {
        font-size: 10px
    }

    .tile .text li:last-child {
        display: none
    }

    .tile .picture-box {
        height: 69px
    }

    .tile .picture-box .price-tag {
        left: -25%
    }

    .tile.black img {
        display: none
    }

    .tile.birthday .text {
        padding: 0 100px 0 44px
    }

    .tile.birthday .text h2 {
        font-size: 28px
    }

    .tile.birthday .text p {
        background: none;
        padding: 0;
        font: 18px/1.4em "vapianoregular"
    }

    .tile.job.global .text.vapiano {
        background: none;
        padding: 0 30px
    }

    .tile.global .text.vapiano {
        padding: 42px 0 0 44px
    }

    .tile.global .text.vapiano h3 {
        font: normal 30px/1em "vapianoregular";
        padding: 0 0 24px 0
    }

    .tile.global .text.vapiano p, .tile.global .text.vapiano a {
        font-size: 18px
    }

    .tile.menu .price-tag {
        top: 1.333em;
        left: 35%
    }

    .tile.menu .right-bottom-corner {
        width: 60%
    }

    .tile.only-image.v .inner-box {
        height: 250px;
        width: auto
    }

    .tile.only-image.v .inner-box img {
        height: 100%
    }

    .tile .wide-tile-image {
        width: 100%;
        overflow: hidden
    }

    .tile.app-process img {
        margin: 15px 0;
        width: 135%
    }

    .tile.apply-now img {
        margin: 0 0 15px
    }

    .tile.more-padding .text p {
        padding: 0;
        font-size: 12px
    }

    .tile.franchise .text h2 {
        margin-bottom: 60px
    }

    .tile.success-story img {
        display: none
    }

    .tile.success-story .text {
        padding: 0 30px;
        width: 100%;
        vertical-align: middle
    }

    .tile.signal-red img {
        margin: 0
    }

    .tile.signal-red a {
        margin-top: 20px
    }

    .tile.territories .text img {
        width: 100%
    }

    .tile.wood.restaurant.opening-hours h3 {
        font: normal 16px/1em "vapianoregular"
    }

    .tile.wood.restaurant.opening-hours p {
        font-size: 12px
    }

    .tile.blackboard .text {
        width: auto
    }

    .roughcast a {
        margin-bottom: 0;
        margin-top: 9px
    }

    .roughcast p {
        font-size: 12px
    }

    .roughcast.cups h3 {
        padding-bottom: 50px
    }

    .roughcast.cups img {
        width: 70%
    }

    .roughcast.cups .text {
        padding-top: 50px
    }

    .full-block.roughcast.olive {
        height: 326px
    }

    .full-block.roughcast.olive .olive-logo {
        width: 50%
    }

    .full-block.roughcast.olive .text {
        padding: 0 30px
    }

    .full-block.roughcast.olive img {
        max-width: 100%
    }

    .full-block.roughcast.olive a {
        font-size: 14px
    }

    .full-block.roughcast.red {
        height: 326px
    }

    .full-block.roughcast.red h2 {
        font-size: 22px
    }

    .full-block.roughcast.red a {
        font-size: 14px
    }

    .full-block.roughcast.red .text {
        padding: 0 30px
    }

    .full-block.roughcast.red img {
        max-width: 100%
    }

    .roughcast.gradient {
        padding-top: 60px
    }

    .price-tag p {
        font-size: 17px !important
    }

    .full-block {
        height: 364px
    }

    .full-block.shop > .text {
        padding-top: 66px
    }

    .full-block .image-container {
        width: 90%
    }

    .full-block h3 {
        font-size: 30px
    }

    .full-block h2 {
        font-size: 30px
    }

    .full-block.menu .price-tag {
        top: 42%;
        left: 22%
    }

    .full-block.success .price-tag {
        top: 39%;
        left: 39%
    }

    .full-block.collect .price-tag {
        top: 3.333em;
        left: 15%
    }

    .full-block.cups .price-tag {
        top: 27%;
        left: 20%
    }

    .tile.wood .text h3, .tile.slate .text h3 {
        font-size: 22px;
        padding-bottom: 19px
    }

    .tile.wood .text p, .tile.slate .text p {
        font-size: 17px
    }

    .tile.wood .text a, .tile.slate .text a {
        font-size: 14px
    }

    .tile.wood .text a:after, .tile.slate .text a:after {
        font-size: 10px
    }

    .tile.slate .left-top-corner, .tile.slate .right-bottom-corner {
        width: 80%
    }

    .tile.wood .right-top-corner, .tile.wood .left-bottom-corner {
        width: 28%
    }

    .tile.white.shop .text {
        padding: 0 81px 0 81px
    }

    .tile.white.shop .text h2 {
        margin-bottom: 0
    }

    .tile.white.shop .text img {
        width: 70%
    }

    .tile.olive .text {
        width: 188px;
        padding: 56px 81px 0 81px
    }

    .tile.olive .text p {
        font: normal 12px/16px "crimson_textregular", "Times New Roman", serif
    }

    .tile.olive .text a {
        font-size: 17px
    }

    .tile.olive .text img {
        width: 80%
    }

    .tile.ladies .text {
        padding: 20px 59px 0 59px
    }

    .vapiano h3 {
        font-size: 23px
    }

    .vapiano p {
        line-height: 1em
    }

    .tile .twins {
        width: 100%;
        height: 163px
    }

    .tile .twins h2 {
        margin-bottom: 6px
    }

    .tile .twins .text {
        padding: 40px 50px 0 50px
    }

    .tile .twins .text a.chzn-single span {
        font-size: 12px
    }

    .tile .twins select {
        margin: 13px 0
    }

    .tile .twins form {
        margin-top: 0
    }

    .tile .twins.birthday {
        background: #000
    }

    .tile .twins.birthday .text {
        padding: 27px 29px;
        width: 285px
    }

    .tile .twins.birthday .text h2 {
        font-family: 'vapianoregular';
        text-transform: none;
        padding-bottom: 0;
        font-size: 20px
    }

    .tile .twins.birthday .text h2 span {
        text-transform: uppercase;
        display: block
    }

    .tile .twins.birthday .text p {
        padding: 0;
        font-size: 16px
    }

    .tile .twins.birthday .text em {
        font-size: 21px
    }

    .tile .twin {
        height: 163px
    }

    .tile .twin h3 {
        text-transform: uppercase;
        padding: 0;
        font: normal 28px/1em "crimson_textregular", "Times New Roman", serif
    }

    .tile .twin a {
        margin: 0
    }

    .tile .twin p {
        font-size: 15px;
        line-height: .9em;
        padding: 0;
        margin-bottom: 10px
    }

    .tile .twin p.final-link {
        font-size: inherit;
        padding-top: 2px
    }

    .tile .twin.weather .text p {
        font-size: 29px
    }

    .tile .twin.youtube .text {
        padding: 0 16px
    }

    .tile .twin.youtube .text .youtube-container {
        margin: 10px 0 8px 0
    }

    .tile .twin.youtube .text .youtube-container img {
        width: 44%
    }

    .tile .twin.youtube .text p {
        font-size: 15px
    }

    .tile.language-select-text {
        height: 326px;
        width: 350px
    }

    .tile.language-select-text img {
        height: 100%
    }

    .tile.language-select-text .text {
        padding: 10%
    }

    .tile.language-select-text .text h3 {
        font: 28px/1.07em "barlowregular", Helvetica, Arial, sans-serif;
        font-weight: bold;
        padding-bottom: 19px
    }

    .tile.language-select-text .text p {
        font-size: 15px;
        padding-bottom: 12px
    }

    .tile.language-select-text .text a.language-select {
        padding-bottom: 20px
    }

    footer ul {
        width: 50%
    }

    .toolbar li.language {
        position: relative
    }

    .toolbar .person-icon {
        background: url(../images/structure/ico/person-small.png) left top no-repeat
    }

    .toolbar .mobile {
        display: inline
    }

    .content-texture h1 {
        font-size: 30px;
        margin: 0 auto;
        padding-bottom: 0 !important
    }

    .content-texture p, .content-texture em, .content-texture strong, .content-texture ul li {
        font-size: 14px;
        line-height: 19px
    }

    .content-texture.no-texture h1 {
        padding-bottom: 15px
    }

    .welcome-text p {
        margin: 0 0 39px 0
    }

    ol.awards {
        width: 500px;
        margin: 10px auto;
        left: -65px
    }

    .content-texture {
        padding: 50px 175px 20px
    }

    .image-left, .image-right {
        width: 175px
    }

    .worldmap {
        height: 326px
    }

    .worldmap .door-layer h2 {
        font: normal 33px/1.3em "barlowregular", Helvetica, Arial, sans-serif
    }

    .worldmap .door-layer p.final-link a {
        font-size: 17px
    }

    .worldmap .door-layer .close {
        right: 20px;
        top: 20px
    }

    .world.roughcast .chzn-container-single .chzn-drop {
        margin: 6px 0 0 -36px
    }

    .world.roughcast .full-block a {
        font: normal 12px/1.353em "crimson_textregular", "Times New Roman", serif
    }

    .restaurant-finder .full-block {
        height: auto
    }

    .restaurant-finder .full-block .selectwrapper {
        white-space: nowrap
    }

    .restaurant-finder .full-block #map-canvas {
        height: 550px
    }

    h1 .sub {
        margin-bottom: 10px
    }

    .menu-list h1, .content-texture h1 {
        font: normal 30px/1.2em 'barlowregular', "Helvetica", "Arial"
    }

    .menu-list dt, .content-texture dt {
        font: 22px/22px "barlowregular", "Helvetica", "Arial"
    }

    .menu-list dl, .content-texture dl {
        font: normal 14px/16px "crimson_textregular", "Times New Roman", serif
    }

    .detail h1 {
        font: normal 30px/1.2em 'barlowregular', "Helvetica", "Arial"
    }

    .detail h2 {
        font: normal 22px/1.2em 'barlowregular', "Helvetica", "Arial"
    }

    .detail h3 {
        font: normal 18px/1.2em 'barlowregular', "Helvetica", "Arial"
    }

    .detail ul li {
        font-size: 14px;
        line-height: 19px
    }

    .detail ul li:last-child:after {
        content: ''
    }

    .menu-list h2 {
        font: normal 22px/1.2em 'vapianoregular' !important
    }

    h2.menu {
        font: normal 22px/1.2em 'vapianoregular' !important
    }

    .menu-item .menu-item-name {
        font: 22px/22px "barlowregular", "Helvetica", "Arial"
    }

    .content-texture h2 {
        font: normal 22px/1.2em "barlowregular", "Helvetica", "Arial"
    }

    .content-texture h3 {
        font: normal 18px/1.2em 'barlowregular', "Helvetica", "Arial"
    }

    .image-left.col-02, .image-right.col-02 {
        top: 301px
    }

    .image-left.col-03, .image-right.col-03 {
        top: 602px
    }

    .image-left.col-04, .image-right.col-04 {
        top: 903px
    }

    .image-left.col-05, .image-right.col-05 {
        top: 1204px
    }

    .image-left.col-06, .image-right.col-06 {
        top: 1505px
    }

    .image-left.col-07, .image-right.col-07 {
        top: 1806px
    }

    .image-left.col-08, .image-right.col-08 {
        top: 2107px
    }

    .image-left.col-09, .image-right.col-09 {
        top: 2408px
    }

    .image-left.col-010, .image-right.col-010 {
        top: 2709px
    }

    .image-left.col-011, .image-right.col-011 {
        top: 3010px
    }

    .image-left.col-012, .image-right.col-012 {
        top: 3311px
    }

    .image-left.col-013, .image-right.col-013 {
        top: 3612px
    }

    .image-left.col-014, .image-right.col-014 {
        top: 3913px
    }

    .image-left.col-015, .image-right.col-015 {
        top: 4214px
    }

    .image-left.col-016, .image-right.col-016 {
        top: 4515px
    }

    .image-left.col-017, .image-right.col-017 {
        top: 4816px
    }

    .image-left.col-018, .image-right.col-018 {
        top: 5117px
    }

    .image-left.col-019, .image-right.col-019 {
        top: 5418px
    }

    .image-left.col-020, .image-right.col-020 {
        top: 5719px
    }

    .image-left.col-021, .image-right.col-021 {
        top: 6020px
    }

    .image-left.col-022, .image-right.col-022 {
        top: 6321px
    }

    .image-left.col-023, .image-right.col-023 {
        top: 6622px
    }

    .image-left.col-024, .image-right.col-024 {
        top: 6923px
    }

    .image-left.col-025, .image-right.col-025 {
        top: 7224px
    }

    .image-left.col-026, .image-right.col-026 {
        top: 7525px
    }

    .image-left.col-027, .image-right.col-027 {
        top: 7826px
    }

    .image-left.col-028, .image-right.col-028 {
        top: 8127px
    }

    .image-left.col-029, .image-right.col-029 {
        top: 8428px
    }

    .image-left.col-030, .image-right.col-030 {
        top: 8729px
    }

    .continuous-text {
        display: none
    }

    .klapper .ToggableContent p {
        font-size: 12px
    }

    .finder input {
        width: 224px;
        margin: -2px 0 -2px -43px;
        height: 22px
    }

    .finder a {
        font-size: 18px;
        right: -230px
    }

    .js-search-content a {
        font: 15px/1.353em "crimson_textregular", "Times New Roman", serif
    }

    .navi-content-block li {
        display: inline-block;
        margin: 8px 20px
    }

    .nutritional-subline {
        margin-top: 10px
    }

    .nutritional {
        width: 100%
    }

    .nutritional td, .nutritional th {
        font-size: 14px;
        color: #9d9b8b
    }

    .yt-embed {
        width: 700px;
        height: 350px;
        margin-left: -175px
    }

    .main-content .video {
        max-height: 350px
    }

    .main-content .content-texture .video {
        width: 700px;
        margin-left: -175px;
        position: relative;
        height: auto;
        z-index: 1;
        overflow: hidden;
        display: inline-block;
        max-height: 350px
    }

    ul.icon-list li {
        max-width: 100%;
        width: 92px
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
    .full-block.success .price-tag {
        height: 70px;
        width: 70px
    }

    .tile .picture-box.horizontal img {
        width: 200px
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .tile .picture-box.horizontal img {
        width: 100%
    }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .map-desktop-small {
        display: block
    }

    .map-desktop, .map-tablet, .map-mobile, .map-mobile-small {
        display: none
    }

    .no-desktop {
        display: none
    }

    header .people-layer p, header .people-layer p.error, header .people-layer label {
        font: bold 16px "crimson_textregular", "Times New Roman", serif
    }

    header .people-layer a, header .people-layer button {
        font-size: 17px
    }

    .site-container {
        width: 980px
    }

    .mood {
        height: 457px
    }

    .mood .play img {
        width: 100%;
        height: 100%;
        margin-left: 0
    }

    .mood ul.mood-slider-list li {
        width: 980px
    }

    .mood ul.mood-slider-list li:before {
        content: "";
    }

    .mood .mood-slider-controls .mood-slider-next, .mood .mood-slider-controls .mood-slider-prev {
        border: none;
        cursor: pointer;
        position: absolute;
        top: 193px
    }

    .mood h2 {
        font-size: 30px
    }

    .mood h2.form-headline {
        font-size: 23px
    }

    .mood p {
        font-size: 15px
    }

    .mood a, .mood button {
        font-size: 17px
    }

    .mood a {
        margin-top: 8px
    }

    .mood form input {
        width: 212px
    }

    .mood form label, .mood form strong {
        font-size: 16px
    }

    .mood.people .welcome-text .qr-code {
        margin: 15px 0 0 !important;
        float: left
    }

    .contact form, .tx-vapiano-contact form {
        margin: 80px auto 0
    }

    .contact form .location-label, .tx-vapiano-contact form .location-label {
        width: 168px
    }

    .full-block h3 {
        font-size: 38px
    }

    .roughcast.cups .text {
        padding-top: 80px
    }

    .roughcast.cups h3 {
        padding-bottom: 50px
    }

    .vapiano p {
        font-size: 24px
    }

    .vapiano h3 {
        font-size: 30px
    }

    .price-tag p {
        font-size: 19px !important
    }

    .full-block {
        height: auto
    }

    .full-block.shop > .text {
        padding-top: 95px
    }

    .full-block.collect .price-tag {
        top: 6.333em;
        left: 19%
    }

    .full-block.cups .price-tag {
        top: 25%;
        left: 24%
    }

    .full-block.menu .price-tag {
        top: 36%;
        left: 27%
    }

    .full-block.success .price-tag {
        top: 36%;
        left: 38%
    }

    .full-block.roughcast.olive {
        height: 457px
    }

    .full-block.roughcast.red {
        height: 457px
    }

    .map-box {
        height: 457px;
        width: 100%
    }

    .tile {
        height: 457px
    }

    .tile .text h2 {
        font-size: 31px;
        margin-bottom: 10px
    }

    .tile .text p {
        font-size: 15px;
        padding-bottom: 6px
    }

    .tile .text a {
        font-size: 18px;
        margin-bottom: 10px
    }

    .tile .text a:after {
        font-size: 12px
    }

    .tile .text ol li {
        font-size: 15px
    }

    .tile .picture-box {
        height: 236px
    }

    .tile .picture-box.horizontal {
        width: 236px
    }

    .tile.wood .text h3, .tile.slate .text h3, .tile.white.shop .text h3 {
        font-size: 30px;
        padding-bottom: 19px
    }

    .tile.wood .text p, .tile.slate .text p, .tile.white.shop .text p {
        font-size: 24px
    }

    .tile.wood .text a, .tile.slate .text a, .tile.white.shop .text a {
        font-size: 18px
    }

    .tile.wood .text a:after, .tile.slate .text a:after, .tile.white.shop .text a:after {
        font-size: 12px
    }

    .tile.wood .right-top-corner, .tile.wood .left-bottom-corner {
        width: 28%
    }

    .tile.wood.restaurant .right-top-corner, .tile.wood.restaurant .left-bottom-corner {
        width: 20%
    }

    .tile.wood.restaurant.opening-hours h3 {
        font: normal 24px/1em "vapianoregular"
    }

    .tile.wood.restaurant.opening-hours p {
        font-size: 18px
    }

    .tile.slate .left-top-corner, .tile.slate .right-bottom-corner {
        width: 80%
    }

    .tile.white.shop .text h2 {
        font-size: 30px
    }

    .tile.white.shop .text img {
        width: 70%
    }

    .tile.black img {
        width: 60%
    }

    .tile.birthday .text {
        padding: 50px 200px 0 44px
    }

    .tile.job.global .text {
        padding: 0 73px
    }

    .tile.menu .price-tag {
        top: 1.333em
    }

    .tile.menu .right-bottom-corner {
        width: 63%
    }

    .tile.franchise .text p {
        font-size: 15px
    }

    .tile.franchise img {
        width: 100%
    }

    .tile.success-story .text {
        padding: 60px 0 0 60px;
        width: 260px
    }

    .tile.success-story .text p {
        width: 185px
    }

    .tile.more-padding .text p {
        padding: 0
    }

    .tile .twins .text {
        padding: 50px 50px 0 50px
    }

    .tile .twins select {
        margin: 20px 0
    }

    .tile .twins form {
        margin-top: 0
    }

    .tile .twins.birthday .text {
        padding: 36px 29px;
        width: 183px
    }

    .tile .twins.birthday .text h2 {
        font-family: 'vapianoregular';
        text-transform: none;
        padding-bottom: 0;
        font-size: 23px
    }

    .tile .twins.birthday .text h2 span {
        text-transform: uppercase;
        display: block
    }

    .tile .twins.birthday .text p {
        padding: 10px 0 0 0;
        font-size: 16px
    }

    .tile .twins.birthday .text em {
        font-size: 21px
    }

    .tile .twin {
        height: 228px
    }

    .tile .twin .text {
        padding: 0
    }

    .tile .twin .text a {
        margin: 0
    }

    .tile .twin h3 {
        text-transform: uppercase;
        padding: 0;
        font: normal 48px/1em "crimson_textregular", "Times New Roman", serif
    }

    .tile .twin p {
        font-size: 17px;
        line-height: .9em;
        padding: 0;
        margin-bottom: 10px
    }

    .tile .twin p.final-link {
        font-size: inherit;
        padding-top: 2px
    }

    .mobile-toolbar {
        display: none
    }

    .tile.olive .text {
        width: 313px;
        padding: 97px 88px 0 88px
    }

    .tile.blackboard .text {
        left: 0
    }

    .content-texture {
        padding: 70px 245px 20px
    }

    .content-texture h1 {
        margin: 0 auto;
        padding-bottom: 0 !important
    }

    .welcome-text p {
        margin: 0 0 28px 0
    }

    .image-left, .image-right {
        width: 245px
    }

    .worldmap {
        height: 457px
    }

    .worldmap .door-layer p.final-link a {
        font-size: 17px
    }

    .world.roughcast .chzn-container-single .chzn-drop {
        margin: -24px 0 0 -36px
    }

    .restaurant-finder .full-block {
        height: auto
    }

    .restaurant-finder .full-block #map-canvas {
        height: 550px
    }

    .menu-list h1, .content-texture h1 {
        font: normal 38px/1.2em 'barlowregular', "Helvetica", "Arial"
    }

    .menu-list dt, .content-texture dt {
        font: 31px/31px "barlowregular", "Helvetica", "Arial"
    }

    .menu-list dl, .content-texture dl {
        font: normal 15px/18px "crimson_textregular", "Times New Roman", serif
    }

    .detail h1 {
        font: normal 38px/1.2em 'barlowregular', "Helvetica", "Arial"
    }

    .detail h2 {
        font: normal 31px/1.2em 'barlowregular', "Helvetica", "Arial"
    }

    .detail h3 {
        font: normal 22px/1.2em 'barlowregular', "Helvetica", "Arial"
    }

    .menu-list h2 {
        font: normal 31px/1.2em 'vapianoregular' !important
    }

    h2.menu {
        font: normal 31px/1.2em 'vapianoregular' !important
    }

    .menu-item .menu-item-name {
        font: 31px/31px "barlowregular", "Helvetica", "Arial"
    }

    .content-texture h2 {
        font: normal 31px/1.2em "barlowregular", "Helvetica", "Arial"
    }

    .content-texture h3 {
        font: normal 22px/1.2em 'barlowregular', "Helvetica", "Arial"
    }

    .image-left.col-02, .image-right.col-02 {
        top: 413px
    }

    .image-left.col-03, .image-right.col-03 {
        top: 826px
    }

    .image-left.col-04, .image-right.col-04 {
        top: 1239px
    }

    .image-left.col-05, .image-right.col-05 {
        top: 1652px
    }

    .image-left.col-06, .image-right.col-06 {
        top: 2065px
    }

    .image-left.col-07, .image-right.col-07 {
        top: 2478px
    }

    .image-left.col-08, .image-right.col-08 {
        top: 2891px
    }

    .image-left.col-09, .image-right.col-09 {
        top: 3304px
    }

    .image-left.col-010, .image-right.col-010 {
        top: 3717px
    }

    .image-left.col-011, .image-right.col-011 {
        top: 4130px
    }

    .image-left.col-012, .image-right.col-012 {
        top: 4543px
    }

    .image-left.col-013, .image-right.col-013 {
        top: 4956px
    }

    .image-left.col-014, .image-right.col-014 {
        top: 5369px
    }

    .image-left.col-015, .image-right.col-015 {
        top: 5782px
    }

    .image-left.col-016, .image-right.col-016 {
        top: 6195px
    }

    .image-left.col-017, .image-right.col-017 {
        top: 6608px
    }

    .image-left.col-018, .image-right.col-018 {
        top: 7021px
    }

    .image-left.col-019, .image-right.col-019 {
        top: 7434px
    }

    .image-left.col-020, .image-right.col-020 {
        top: 7847px
    }

    .image-left.col-021, .image-right.col-021 {
        top: 8260px
    }

    .image-left.col-022, .image-right.col-022 {
        top: 8673px
    }

    .image-left.col-023, .image-right.col-023 {
        top: 9086px
    }

    .image-left.col-024, .image-right.col-024 {
        top: 9499px
    }

    .image-left.col-025, .image-right.col-025 {
        top: 9912px
    }

    .image-left.col-026, .image-right.col-026 {
        top: 10325px
    }

    .image-left.col-027, .image-right.col-027 {
        top: 10738px
    }

    .image-left.col-028, .image-right.col-028 {
        top: 11151px
    }

    .image-left.col-029, .image-right.col-029 {
        top: 11564px
    }

    .image-left.col-030, .image-right.col-030 {
        top: 11977px
    }

    .klapper .ToggableContent p {
        font-size: 15px
    }

    .finder a {
        right: -286px
    }

    .yt-embed {
        width: 980px;
        margin-left: -245px;
        height: 500px
    }

    .main-content .video {
        max-height: 490px
    }

    .main-content .content-texture .video {
        width: 980px;
        margin-left: -245px;
        position: relative;
        height: auto;
        z-index: 1;
        overflow: hidden;
        display: inline-block;
        max-height: 490px
    }

    .freestander_logo_white {
        top: 22%
    }
}

@media screen and (min-width: 1410px) {
    .map-desktop {
        display: block
    }

    .map-desktop-small, .map-tablet, .map-mobile, .map-mobile-small {
        display: none
    }
}

.home-tiles {
    clear: both;
    overflow: hidden;
    margin-bottom: 0px
}

.home-tiles .home-tile {
    float: left;
    width: 48%;
    width: 590px;
    height: 590px;
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative
}

.home-tiles .home-tile:nth-child(2n) {
    margin-right: 0
}

.home-tiles .tile-text-box {
    background: rgba(0, 0, 0, 0) url(../images/content/transparent-pixel.png) repeat scroll 0 0;
    bottom: 36px;
    left: 36px;
    padding: 66px 67px 47px;
    position: absolute;
    text-align: center;
    width: 382px
}

.home-tiles p {
    color: #9c9686;
    font: 22px "crimson_textregular", "Times New Roman", serif
}

.home-tiles h2 {
    color: #000;
    font: italic 40px/43px "crimson_textregular", "Times New Roman", serif;
    text-transform: uppercase
}

.home-tiles .linktext {
    font: 18px/18px "crimson_textregular", "Times New Roman", serif;
    background: rgba(0, 0, 0, 0) url(../images/structure/ico/weiterlesen-arrow.png) no-repeat scroll right center / auto 52%;
    padding-right: 10px
}

.home-tiles .storefinder-tile {
    background: url(../images/content/kachel-storefinder.jpg) no-repeat
}

.home-tiles .home-menu-tile {
    background: url(../images/content/kachel-menu.jpg) no-repeat
}

.home-tiles .magazine-tile {
    background: url(../images/content/kachel-magazine.jpg) no-repeat
}

.home-tiles .takeaway-tile {
    background: url(../images/content/kachel-takeaway.jpg) no-repeat
}

.home-tiles .vapianoapp-tile {
    background: url(../images/content/kachel-vapianoapp.jpg) no-repeat
}

.de .home-tiles .aboutus-tile {
    background: url(../images/content/kachel-story-de.jpg) no-repeat
}

.home-tiles .aboutus-tile {
    background: url(../images/content/kachel-story-neutral.jpg) no-repeat
}

.home-tiles .career-tile {
    background: url(../images/content/kachel-career.jpg) no-repeat
}

.home-tiles .takeaway-tile .tile-text-box {
    padding-bottom: 30px;
    padding-top: 40px
}

.main-content.home .mood {
    margin-bottom: 17px
}

#mood-slider-home .welcome-box {
    display: block !important;
    opacity: 1 !important
}

#mood-slider-home .tile .text {
    display: table-row
}

.content-separator {
    margin-bottom: 17px
}

.content-separator img {
    display: block
}

.separator a {
    bottom: 22px;
    left: 47%;
    position: absolute;
    background: rgba(0, 0, 0, 0) url(../images/structure/ico/weiterlesen-arrow.png) no-repeat scroll right center / auto 55%;
    font: 18px/18px "crimson_textregular", "Times New Roman", serif;
    padding-right: 10px
}

.separator {
    position: relative;
    height: 176px
}

.separator.chiva {
    background: url(/fileadmin/src/images/content/content-seperator1.jpg) no-repeat
}

.separator.chiva:lang(cz) {
    background: url(/fileadmin/src/images/content/content-seperator1_cz.jpg) no-repeat
}

.separator.chiva:lang(de) {
    background: url(/fileadmin/src/images/content/content-seperator1_de.jpg) no-repeat
}

.separator.sep_allergen:lang(de) {
    background: url(/fileadmin/src/images/content/content-seperator_allergen_de.jpg) no-repeat
}

.separator.sep_allergen:lang(en) {
    background: url(/fileadmin/src/images/content/content-seperator_allergene_en.jpg) no-repeat
}

.separator.allwe {
    background: url(/fileadmin/src/images/content/content-seperator2.jpg) no-repeat
}

.menu-tiles {
    clear: both
}

.menu-tile {
    width: 100%;
    clear: both
}

.menu-tile .tile-text, .menu-tile .tile-image {
    width: 50%;
    height: 560px
}

.menu-tile .tile-text {
    color: #000;
    text-align: center;
    position: relative
}

.text-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 69%
}

.menu-tile .tile-text p {
    font: 17px/1.7em "crimson_textregular", "Times New Roman", serif;
    margin-bottom: 30px
}

.menu-tile .linktext {
    background: rgba(0, 0, 0, 0) url(../images/structure/ico/weiterlesen-arrow.png) no-repeat scroll right center / auto 55%;
    font: 17px/1.7em "crimson_textregular", "Times New Roman", serif;
    padding-right: 10px
}

.menu-tile .tile-image img {
    max-width: 100%;
    height: auto
}

.menu-tile.tile-image-left .tile-text {
    float: right
}

.menu-tile.tile-image-left .tile-image {
    float: left
}

.menu-tile.tile-image-right .tile-text {
    float: left
}

.menu-tile.tile-image-right .tile-image {
    float: right
}

.menu-tile:nth-child(2n) .tile-image {
    float: right
}

.menu-tile h2 {
    color: #000;
    font: italic 40px/43px "crimson_textregular", "Times New Roman", serif;
    text-transform: uppercase;
    margin-bottom: 42px
}

#mood-slider-home .magazin .tile h2, .moodimage .welcome-box h1 {
    margin-bottom: 0
}

#mood-slider-home .magazin h2, .moodimage .welcome-box h1 {
    margin-bottom: 26px
}

#mood-slider-home .magazin h2, .moodimage .welcome-box h1 {
    color: #000;
    font: italic 36px/43px "crimson_textregular", "Times New Roman", serif;
    text-align: center;
    margin-top: 0
}

.moodimage .tile .text {
    vertical-align: top
}

.moodimage .welcome-box {
    display: block
}

.moodimage .magazin .tile .text {
    padding: 0 1%
}

.moodimage .magazin .tile .text .readmore, #mood-slider-home .magazin .tile .text .readmore {
    position: inherit
}

.page3885 .cc_banner-wrapper {
    display: none
}

.restaurant-finder {
    margin-bottom: 40px;
    overflow: hidden
}

#finderaccordion {
    float: left;
    height: 456px;
    margin-bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    width: 47%;
    border-top: 1px solid #b8b7ab
}

.restaurant-wrapper form.selectwrapper {
    float: left;
    width: 47%
}

#map-canvas {
    float: right;
    width: 50% !important
}

#finderaccordion .logo {
    background: rgba(0, 0, 0, 0) url(../images/content/vapiano-logo-restaurantfinder.png) no-repeat scroll 0 0;
    height: 58px;
    width: 301px;
    margin-top: 87px
}

#finderaccordion h3 {
    color: #6d695a;
    font-family: "barlowregular", "Helvetica", "Arial";
    font-size: 17px;
    font-weight: 600;
    padding: 0;
    text-align: center
}

#finderaccordion h4 {
    color: #6d695a;
    font-size: 15px;
    font-family: "vapianoalternative", "Helvetica", "Arial";
    padding: 0;
    text-transform: uppercase;
    margin-bottom: 32px;
    margin-top: 12px;
    display: inline-block
}

#finderaccordion a {
    color: #6d695a;
    text-decoration: underline
}

#finderaccordion .restaurantLink {
    background: #e4032e none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-family: "vapianoregular";
    font-size: 19px;
    padding: 12px 17px;
    margin-top: 25px;
    text-decoration: none
}

#finderaccordion p {
    margin-bottom: 22px;
    font-size: 17px;
    font-family: "barlowregular", "Helvetica", "Arial";
    color: #6d695a
}

#finderaccordion .accordion-header.inactive {
    background: #fff url(../images/content/restaurantfinder-info-red.png) no-repeat scroll
}

#finderaccordion .accordion-header a {
    color: #6d695a;
    display: block;
    text-decoration: none;
    padding-bottom: 11px;
    padding-top: 15px
}

#finderaccordion .accordion-header.active {
    background: #ebeae2 url(../images/content/restaurantfinder-info-active.png) no-repeat;
    margin-bottom: 73px
}

#MainContent #finderaccordion .accordion-header {
    background-position: right center;
    border-bottom: 1px solid #b8b7ab;
    font-size: 19px;
    margin-bottom: 0;
    text-align: left;
    padding-left: 20px;
    background-size: 40px auto
}

.restaurant-wrapper #continent, .restaurant-wrapper #continent_chzn, .restaurant-wrapper #country, .restaurant-wrapper #country_chzn, .restaurant-wrapper #restaurant, .restaurant-wrapper #restaurant_chzn {
    display: none !important
}

.home .mood .welcome-box {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.home .mood .welcome-text, .home .mood .welcome-sheet {
    box-sizing: border-box;
    color: #9b9b8b;
    height: 80.2%;
    left: 4.59%;
    padding: 2.35%;
    position: absolute;
    text-align: center;
    top: 9.86%;
    width: 27.3%
}

.home .mood .welcome-sheet {
    background-color: transparent;
    opacity: 0
}

.home .mood .category {
    color: transparent
}

.home .serrated-devider {
    background: rgba(0, 0, 0, 0) url(../images/structure/serrated-line.png) repeat-x scroll 0 0;
    display: block;
    height: 5px;
    margin: -16px auto 11px;
    width: 110px
}

.home .welcome-box .viewcount {
    display: none !important
}

.home .mood .details .date {
    color: #000;
    display: inline-block;
    font: 18px "crimson_textregular", "Times New Roman", serif;
    text-align: center;
    width: 116px;
    margin-bottom: 20px
}

.home .mood .text h3 {
    color: #000;
    font: italic 36px/43px "crimson_textregular", "Times New Roman", serif
}

.main-content.home .serrated-devider:after {
    color: #000;
    content: "Magazine";
    font: italic 40px/43px "crimson_textregular", "Times New Roman", serif;
    position: relative;
    right: 49px;
    text-transform: uppercase;
    top: -50px;
}

.main-content.home .serrated-devider:lang(de):after {
    content: 'Magazin';
    right: 34px;
}

.home .mood .welcome-text.tile {
    background-color: #fff;
    opacity: .85
}

.home .mood .welcome-text, .home .mood .welcome-sheet {
    box-sizing: border-box;
    color: #9b9b8b;
    height: 80.2%;
    left: 10.59%;
    padding: 5% 2.35% 2.35%;
    position: absolute;
    text-align: center;
    top: 9.86%;
    width: 27.3%
}

.home .glass + .welcome-boxes-container .welcome-text, .home .glass + .welcome-boxes-container .welcome-sheet {
    left: 4.5%;
    padding: 2% 2.35% 2.35%
}

.home .glass + .welcome-boxes-container .tile .text {
    padding: 0 24px
}

.home .glass + .welcome-boxes-container .category:before {
    padding-left: 5px
}

.home .magazin .welcome-boxes-container {
    padding: 0
}

.home .welcome-boxes-container .readmore.linktext a {
    background: rgba(0, 0, 0, 0) url(../images/structure/ico/weiterlesen-arrow.png) no-repeat scroll right center / auto 52%;
    display: inline;
    font: 18px/18px "crimson_textregular", "Times New Roman", serif;
    padding-right: 10px
}

.home .welcome-boxes-container .readmore.linktext a:after {
    content: ""
}

.home .mood .text h3 {
    margin-bottom: 15px
}

.home .magazin .details {
    height: 15.75%
}

@media screen and (max-width: 1279px) {
    .home-tiles .home-tile {
        height: 480px;
        width: 480px;
        background-size: 100%
    }

    .home .mood .welcome-text, .home .mood .welcome-sheet {
        width: 40.3%
    }

    .home .mood .magazin .welcome-text, .home .mood .magazin .welcome-sheet {
        width: 27.3%
    }

    .home-tiles .home-tile h2, .moodimage h1 {
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto
    }

    .home-tiles .tile-text-box {
        padding: 66px 53px 46px;
        width: 302px
    }

    .content-separator > img {
        height: auto;
        max-width: 100%
    }

    .menu-tile .tile-text, .menu-tile .tile-image {
        min-height: 530px;
        height: auto;
    }

    .menu-tile .tile-text p {
        font: 16px/1.7em "crimson_textregular", "Times New Roman", serif;
        margin-bottom: 20px
    }

    .menu-tile h2, #MainContent .moodimage h1 {
        font: italic 36px/43px "crimson_textregular", "Times New Roman", serif !important;
        margin-bottom: 32px
    }

    .restaurant-finder input {
        width: 96%
    }

    .home .mood .category::before {
        left: 6%;
        position: relative
    }

    #MainContent .separator {
        background-size: 100% auto;
        height: 143px
    }

    .separator a {
        bottom: 17px;
        left: 46%
    }
}

@media screen and (max-width: 1023px) {
    .home-tiles .home-tile {
        height: 700px;
        width: 100%
    }

    .home .mood .magazin .welcome-text, .home .mood .magazin .welcome-sheet {
        width: 91.3%;
        left: 4.5%
    }

    #mood-slider-home .magazin .tile h2, .moodimage .welcome-box h1 {
        margin-top: 10px
    }

    #mood-slider-home h2, #MainContent .moodimage h1 {
        font-size: 30px !important;
        line-height: 36px !important
    }

    .home .mood .welcome-text, .home .mood .welcome-sheet {
        height: auto;
        padding: 4% 2.35% 3.35%;
        width: 635px;
        top: 7.86%
    }

    .home .glass + .welcome-boxes-container .welcome-text, .home .glass + .welcome-boxes-container .welcome-sheet {
        padding: 4% 2.35% 3.35%
    }

    #MainContent .separator {
        height: 103px
    }

    .separator a {
        bottom: 9px;
        left: 46%
    }

    .separator.chiva a {
        left: 46%
    }

    .home .serrated-devider {
        margin: 6px auto 11px
    }

    .home-tiles .tile-text-box {
        width: 525px
    }

    .home-tiles .home-tile {
        margin-bottom: 17px
    }

    .home-tiles .home-tile:last-child {
        margin-bottom: 0
    }

    .home #mood-slider-home .welcome-text {
        padding: 23px 59px
    }

    #MainContent #finderaccordion .accordion-header {
        padding-right: 58px
    }

    .restaurant-finder .full-block .selectwrapper {
        white-space: inherit
    }

    .home .mood .tile .text {
        padding: 0 40px
    }

    #mood-slider-home .magazin .tile h2, .moodimage .welcome-box h1 {
        margin-top: 0
    }
}

@media screen and (min-width: 767px) and (max-width: 1023px) {
    .menu-tile .tile-text, .menu-tile .tile-image {
        overflow: hidden
    }

    .restaurant-finder input {
        width: 96%
    }

    .menu-tile .tile-image img {
        height: auto;
        max-width: 100%
    }
}

@media screen and (max-width: 767px) {
    .home-tiles .home-tile {
        height: 400px;
        width: 100%
    }

    #MainContent .separator {
        height: 58px
    }

    .finderaccordion-wrap {
        position: relative
    }

    #finderaccordion {
        float: none;
        margin-top: 40px;
        width: 100%
    }

    #finderaccordion .logo {
        background: rgba(0, 0, 0, 0) url(../images/content/vapiano-logo-restaurantfinder.png) no-repeat scroll center center;
        float: none;
        height: 58px;
        margin: 87px 0 30px;
        width: 100%
    }

    .restaurant-finder .accordion-header.active + div {
        width: 100%
    }

    form.selectwrapper {
        float: none;
        width: 97%
    }

    #map-canvas {
        float: none;
        width: 100% !important
    }

    #MainContent #finderaccordion .accordion-header {
        padding-left: 19px;
        padding-right: 0;
        font-size: 17px;
        line-height: 130%
    }

    #MainContent #finderaccordion .accordion-header a {
        padding-right: 54px
    }

    .restaurant-finder .accordion-header.active + div {
        width: 100%
    }

    .main-content.home .magazin {
        overflow: hidden
    }

    .home #mood-slider-home .welcome-text, .home .moodimage .welcome-text {
        padding: 14px 45px
    }

    .home-tiles .tile-text-box {
        width: 225px
    }

    .main-content.home .mood .welcome-sheet {
        height: auto;
        left: 0;
        padding: 2.35%;
        top: 0
    }

    .main-content.home .magazin {
        position: absolute;
        bottom: 0;
        background: url(../images/content/transparent-pixel.png)
    }

    .main-content.home .mood .welcome-text {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        height: auto;
        position: inherit;
        padding-bottom: 10px;
        padding-top: 13px;
        opacity: 1
    }

    .home .glass + .welcome-boxes-container .welcome-text, .home .glass + .welcome-boxes-container .welcome-sheet {
        left: 0
    }

    #MainContent.home .welcome-box {
        background: rgba(0, 0, 0, 0) url(../images/content/transparent-pixel.png) repeat scroll 0 0;
        bottom: 36px !important;
        display: inline-block;
        height: 267px;
        left: 38px;
        padding: 4% 2.35% 3.35% !important;
        position: absolute;
        top: inherit !important;
        width: 310px
    }

    .home .mood .welcome-text, .home .mood .welcome-sheet {
        height: auto;
        padding: 0;
        width: auto;
        left: 0
    }

    .home .mood .category:before, .main-content.home .serrated-devider:after {
        left: 17%;
        top: -32px;
    }

    #mood-slider-home .welcome-box {
        height: auto
    }

    #mood-slider-home .magazin .tile .text .readmore {
        position: inherit
    }

    .main-content.home .mood {
        min-height: inherit
    }

    .home-tiles p {
        font: 22px "crimson_textregular", "Times New Roman", serif
    }

    .home-tiles h2, .home #mood-slider-home h2, #MainContent .moodimage h1, .menu-tile h2, .home .mood .category:before, .main-content.home .serrated-devider:after, .home .mood .text h3 {
        font-size: 25px !important;
        line-height: 28px !important
    }

    .home-tiles a {
        font-size: 16px !important;
        line-height: 16px !important
    }

    .home-tiles .tile-text-box {
        padding: 39px 52px 33px
    }

    .menu-tile .tile-text, .menu-tile .tile-image {
        width: 100%
    }

    .menu-tile {
        height: auto
    }

    .menu-tile .tile-text, .menu-tile .tile-image {
        height: auto
    }

    .menu-tiles .text-wrapper {
        padding: 30px 30px 10px 30px;
        position: inherit;
        transform: none;
        width: auto;
        left: inherit;
        top: inherit
    }

    .mood .welcome-box {
        height: auto
    }

    .main-content.home .magazin {
        position: unset
    }

    .home .mood .magazin .welcome-text, .home .mood .magazin .welcome-sheet {
        width: auto
    }

    .mood .mood-slider-controls .mood-slider-next, .mood .mood-slider-controls .mood-slider-prev {
        top: 150px
    }

    .mood-slider-controls .mood-slider-prev {
        left: 7px
    }

    .mood-slider-controls .mood-slider-next {
        right: 7px
    }

    .content-separator a {
        display: none
    }
}

@media screen and (max-width: 480px) {
    .home-tiles .home-tile {
        height: 320px
    }

    #MainContent #finderaccordion .accordion-header a {
        width: 100%
    }

    .restaurant-finder input {
        margin-bottom: 0;
        width: 105%
    }

    .main-content.home .mood .welcome-text {
        padding-bottom: 0;
        padding-top: 0
    }

    .home .mood .category::before {
        left: 22%
    }

    .home .mood .details .date {
        font: 15px "crimson_textregular", "Times New Roman", serif;
        margin-bottom: 10px
    }

    .home .serrated-devider {
        margin: 5px auto 8px;
        width: 128px
    }

    .home .mood .tile .text {
        padding: 0 28px
    }

    #MainContent.home .welcome-box {
        bottom: 29px !important;
        height: 199px;
        left: 38px;
        padding: 9% 2.35% 3.35% !important;
        width: 234px
    }

    .restaurant-finder button.search-icon {
        right: -8px
    }

    .restaurant-finder .accordion-header.active + div {
        padding-top: 65px
    }

    #MainContent #finderaccordion .accordion-header {
        font-size: 17px;
        padding-right: 58px;
        background-size: 56px auto
    }

    .home-tiles .tile-text-box {
        width: 186px;
        padding: 49px 33px 38px
    }

    .home-tiles p {
        font: 18px "crimson_textregular", "Times New Roman", serif
    }

    .home-tiles h2, .home #mood-slider-home h2, #MainContent .moodimage h1, .menu-tile h2, .home .mood .category:before, .main-content.home .serrated-devider:after, .home .mood .text h3 {
        font-size: 20px !important;
        line-height: 25px !important
    }

    .home .mood .text h3 {
        margin-bottom: 10px
    }

    .home-tiles a, .home .welcome-boxes-container .readmore.linktext a {
        font-size: 14px !important;
        line-height: 14px !important;
        font-weight: 600
    }

    .home .home-tiles .tile-text-box {
        width: 185px
    }

    #MainContent .separator {
        height: 47px
    }
}

.tx-powermail form span {
    display: inline-block;
    margin-top: 0;
}

.tx-powermail form input {
    width: 100%;
}

.tx-powermail form textarea {
    height: 150px;
    width: 100%;
}

.tx-powermail form select {
    width: 101%;
}

.tx-powermail .powermail_submit {
    background: #d40028;
    border: none;
    font-family: 'vapianoregular';
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    padding: 2px 8px;
}

.powermail_label {
    margin-top: 12px;
}

.tx-powermail h3 {
    display: none;
}

#MainContent .parsley-errors-list li {
    color: #d40028;
    text-align: left;
}