/*
==================================================
Fonts
==================================================
*/
@import url('https://fonts.googleapis.com/css?family=GFS+Didot|Lato:100,100i,300,300i,400,400i,700,700i&subset=greek');

/*
==================================================
Icons
==================================================
*/

/* lticon */
#block-servicenavigation-2 a:before,
#block-servicenavigation-2 a:after,
#block-servicenavigation--2 a:before,
.nodetype-article .media:after,
.nodetype-story .media:after,
.menu-toggle .fa-bars {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'lticon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* fontawesome */
.section-newsletter li:before {
  content: "\f105";
  position:absolute;
  right:0;
  top:0;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 3rem;
  line-height: 5.5rem;
  line-height: 55px;
  padding: 0 28px 0 12px;
  width:10px;
}

/*
==================================================
Transitions
==================================================
*/

  /* Menu */
  .section-type-term-teaser-automatically .col-3 {
    transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
  }

  body header #block-client-main-menu .bigmenu:after,
  body header #block-client-main-menu .bigmenu .bigmenucol.dark:before {
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
  }
  body header #block-client-main-menu .main-menu-content .bigmenu .bigmenucol.right,
  body header #block-client-main-menu .main-menu-content .bigmenu .bigmenucol.left {
    transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
  }

  header .main-menu-content {
	  transition: left 1.0s ease-out;
    -moz-transition: left 1.0s ease-out;
    -webkit-transition: left 1.0s ease-out;
  }
  .bigmenu .bigmenucontent .col-3 > ul > li:hover:before {
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
  }

  .section-view-coupons {
    margin-bottom:30px;
  }
  .section-view-coupons .category-wrap {
    transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -webkit-transition: 0.2s ease-out;
  }
  .section-view-coupons .results *,
  .section-view-coupons .results a.coupon:before {
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
  }
  .section-view-coupons .results a.coupon {
    transition: all 0.3s ease-out, width 0s ease-out;
    -moz-transition: all 0.3s ease-out, width 0s ease-out;
    -webkit-transition: all 0.3s ease-out, width 0s ease-out;
  }

  html .layout-container > header:before {
    transition: opacity 0.4s ease-in, width 0.2s ease-out;
    -moz-transition: opacity 0.4s ease-in, width 0.2s ease-out;
    -webkit-transition: opacity 0.4s ease-in, width 0.2s ease-out;
  }

/*
==================================================
Mainmenu - bigmenu
==================================================
*/

html.bigmenuopen {
  overflow-y: hidden;
  overflow:hidden;
}
html.bigmenuopen .layout-container > header {
  /*
  overflow-y:scroll;
  overflow-x:hidden;
  -webkit-overflow-scrolling: touch;
  top:0;
  */
  min-height:100vh;
  background: transparent;
  position:absolute;
  z-index: 1;
}
html.bigmenuopen .layout-container > header .scrollmagic-pin-spacer > .section,
html.bigmenuopen .layout-container .headerwrap {
  height:100vh;
  overflow-y:scroll;
  overflow-x:hidden;
  -webkit-overflow-scrolling: touch;
}
html .layout-container > header {
  min-height:0;
  z-index: 6;
  height: 119px;
}
html .layout-container .headerwrap {
  position: relative;
  border-top: 5rem solid #000;
  /*background: #fff;*/
  width:100%;
  top: -50px;
  top: -5rem;
}
html .layout-container > header > .headerwrap > .section {
  background: #fff;
}
html.bigmenuopen .layout-container header {
  margin-top:0;
}
html.bigmenuopen .layout-container .headerwrap {
  /* border:0; */
  top:0;
  width: 100% !important;
}
html.bigmenuopen .layout-container > header.fixed {
  box-shadow:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
}
html .layout-container > header.fixed {
  height:70px;
}
html .layout-container > header.fixed .headerwrap {
  border:0;
}
header > .section, header .headerwrap > .section {
  border:0;
  top:0;
}

html.bigmenuopen .layout-container > header {
 /* background: linear-gradient( to right, #000 0%, #000 35%, #fff 35%, #fff 100% ); */
}

html .layout-container > header:before {
  content: "";
  width: 100%;
  height: 100%;
  background: #000;
  position: absolute;
  left: 0;
  top: -200%;
  opacity:0;
  transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -webkit-transition: all 0.1s ease-out;
}
html.bigmenuopen .layout-container > header:before {
  top:0;
  opacity:0.7;
  z-index: 0;
  position: fixed;
}
html.bigmenuopen main .col,
html.bigmenuopen footer .col {
  z-index:0;
}
main figcaption {
  z-index: 0;
}

.bigmenu.light {
  position: relative;
  height:0;
  padding: 0;
  background: transparent;
}
.bigmenu:after {
  content:"";
  width:175%;
  right:-205%;
  position:absolute;
  top:0;
  height: 175%; height: 100vh; height: 100%;
  background:#fff;
  opacity: 1;
  margin-right: -15px;
  border-top: 1px solid #efefef;
}
.bigmenu .col .row.bigmenurow {
  position:relative;
  margin: 0 -15px;
}
.col.bigmenucol {
  padding: 6rem 0 0;
}
.col.bigmenucol.right {
  float:right;
}
.bigmenu .bigmenucol .inner {
  position:relative;
  z-index: 5;
  float:left;
  width:100%;
}
.bigmenu .bigmenucol.left .inner {
  padding-right:15px;
}
.bigmenu .bigmenucol.dark {
  position:relative;
  /*background: #000;*/
  color: #fff;
}
.bigmenu .bigmenucol.dark:before {
  content:"";
  width:400%; width:40vw;
  right:-30px;
  position:absolute;
  top:0;
  height: 175%; height:100vh; height: 100%;
  background:#000;
}
.bigmenu .bigmenucol.light {
  background: #fff;
}
.bigmenu .bigmenucol.left {
  position:relative;
  left:-200%;
  top:0;
  min-height: 200%;
}
.bigmenu .bigmenucol.right {
  /*
  padding: 0 30px 0 0;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  */
  position:absolute;
  right: -250%;
  top: 0;
  background: transparent;
  height: 175%; height: 100%;
  margin-right: -30px;
}
header .main-menu-content,
header .main-menu-content * {
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
}
.main-menu-content .bigmenu,
.main-menu-content .bigmenu .bigmenucol,
.main-menu-content .bigmenu:after {
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.main-menu-content .bigmenucontent a.close {
  background: #000;
  color: #fff;
  padding:1rem;
  text-align:center;
  display:block;
  text-decoration:none;
  position:absolute;
  right:5.95rem;
  top:0;
  z-index:55;
  height:5.7rem;
  width:5.7rem;
  line-height: 3.7rem;
  line-height: 37px;
  font-size: 2rem;
  cursor: pointer;
  opacity:1;
}
.main-menu-content .bigmenucontent a.close:hover {
  background:#676765;
  color:#fff;
  opacity:1;
}
header.fixed .main-menu-content .bigmenucontent a.close,
header .is-sticky .main-menu-content .bigmenucontent a.close {
  width:5rem;
  height:5rem;
  line-height: 3rem;
  line-height: 30px;
}
header.fixed {
    position:fixed !important;
    top:0;
}
.laylout-container > header {
    transition: none;
    -webkit-transition: none;
}

.main-menu-content.is-open .bigmenu {
  opacity: 1;
  height: auto;
  padding: 0 45px;
}
.main-menu-content.is-open .bigmenu:after {
  right:-100%;
}
.main-menu-content.is-open .bigmenu .bigmenucol.left {
  left:0;
}
.main-menu-content.is-open .bigmenu .bigmenucol.right {
  right:0;
}
.bigmenu #block-servicenavigation--2 {
  position:relative;
  margin-bottom: 6rem;
  margin-top: 1.5rem;
}
.bigmenu #block-servicenavigation--2 li {
  clear:both;
  position:relative;
  width: 100%;
}
.bigmenu #block-servicenavigation--2 a {
  font-size: 14px;
  font-weight: normal;
  width: 100%;
  display: block;
  padding: 10px 20px 10px 60px;
  margin-left: -15px;
}
.bigmenu #block-servicenavigation--2 a:hover {
  background: #676765;
}
.bigmenu #block-servicenavigation--2 a:before {
  display: inline-block;
  position: absolute;
  width: 27px;
  text-align: center;
  font-size: 2.5rem;
  line-height: 5rem;
  line-height: 50px;
  left: -5px;
  top: -5px;
}
.bigmenu .bigmenucontent {
  text-transform: uppercase;
}
.bigmenu .bigmenucontent .topcontent {
  height: 7rem;
  font-size: 3rem;
  line-height: 5rem;
  line-height: 50px;
  font-family: Didot;
  margin-top: 8rem;
}
.bigmenu .bigmenucontent .row > .col-3:first-child .topcontent {
  margin-top:0;
  height: 15rem;
}
.bigmenu .bigmenucontent .menucontent {

}
.bigmenu .bigmenucontent .logo {
  width: 130px;
  height: 130px;
  display: block;
  text-indent: -9999px;
  background-image: url(../layout/logo-mobile.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.bigmenu .bigmenucontent .inner {
 padding: 0px 15px;
}
.bigmenu .bigmenucontent .menucontent a {
  display: block;
  position: relative;
  width: 100%;
  line-height: 1;
  padding: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.bigmenu .bigmenucontent .menucontent ul {
  float: left;
  width: 100%;
  clear: both;
  height: auto;
  position:relative;
}
.bigmenu .bigmenucontent .menucontent li {
  width: 100%;
  padding: 0;
  position:relative;
}

.bigmenu .bigmenucontent .col-3 > ul > li:hover,
.bigmenu .bigmenucontent .col-3 > ul > li a:hover,
.bigmenu .bigmenucontent .col-3 > ul > li a:hover + ul {
  /*background: #8ed1eb;*/
  color: #fff;
  position:relative;
}
.bigmenu .bigmenucontent .col-3 > ul > li a.is-active {
  color: #fff;
  position:relative;
  left:-7%;
  padding-left: 18px;
  text-overflow: ellipsis;
  overflow:hidden;
  font-weight: normal;
}
.bigmenu .bigmenucontent .col-3 > ul > li a.is-active:before {
  content:"";
  position:absolute;
  left:0%;
  top:-2%;;
  width:100%;
  height:102%;
  background: #676765;
  z-index:-1;
}
.bigmenu .bigmenucontent .col-3 ul {
  width:100%;
}
.bigmenu .bigmenucontent .col-3 > ul > li:before {
  content:"";
  position:absolute;
  left:-7%;
  top:-2%;;
  width:100%;
  height:102%;
  background: #8ed1eb;
  z-index:-1;
  opacity:0;
}
.bigmenu .bigmenucontent .col-3 > ul > li:hover:before {
  opacity:1;
}
.bigmenu .bigmenucontent .menucontent li ul {
  margin: 0;
  padding: 0;
  clear: both;
  padding: 5px 0 5px 15px;
}

header .main-menu-content {
  left:0;
  z-index: -10;
  visibility: hidden;
  transition: all 1.5s ease-out;
  -moz-transition: all 1.5s ease-out;
  -webkit-transition: all 1.5s ease-out;
}
header.main-menu-is-open .main-menu-content {
  left:0; opacity:1;
  visibility: visible;
  transition: all 0s ease-out;
  -moz-transition: all 0s ease-out;
  -webkit-transition: all 0s ease-out;
}
header .branding + nav > ul > li {
  width:auto;
}
header nav {
  float:left;
  width:auto;
}
.main-menu-content.is-open .bigmenu {
  padding:0;
}
.main-menu-content .bigmenurow .bigmenucol.right > .inner {
  padding: 0 45px;
}

/*
.bigmenucontent .row > ul > li:last-child {
  display: none;
}
*/
.bigmenucontent .row > ul > li > a {
  font-size: 3rem;
  line-height: 5rem;
  line-height: 50px;
  font-family: Didot;
  margin: 3rem 0 3rem;
}
.bigmenucontent .row > ul > li.col-3 li {
  clear:both;
  width:100%;
  padding:0;
}
.bigmenucontent .row > ul > li.col-3 li a {
  padding:3px;
}
.bigmenucontent .row > ul > li.col-3 li .menucontent.inner {
  margin-bottom:5px;
}
.bigmenu .bigmenucontent .col-3 > ul > li a.is-active {
  display:inline-block;
  float:left;
  width:100%;
}

#block-servicenavigation--2,
#block-servicenavigation--2 + div,
#block-servicenavigation--2 li {
  clear:both;
  float:left;
  width:100%;
}
#block-servicenavigation--2 {
  margin-bottom:3rem;
}

.layout-container > footer {padding-top:30px; background:#fff; border-top:1px solid #000;}

header .branding + nav li a.is-active {
  position:relative;
}

/*
==================================================
Service Boxes
==================================================
*/
    .section-type-wrapper-services-boxes {
        text-align:center;
        vertical-align:top;
    }
    .section-type-wrapper-services-boxes .col-2 {
        float:none;
        clear:both;
        display:inline-block;
        vertical-align:top;
        min-width:200px;
        width:auto;
    }
    .section-type-wrapper-services-boxes .col-2 .service-box {
        text-align:left;
        padding:15px;
        max-width:320px;
    }
     .section-type-wrapper-services-boxes .col-2 .service-box img {
        max-width:200px;
        margin:0 auto;
        display:block;
     }

    @media screen and (max-width: 1459px) {
        .section-type-content-teaser .col-2, .section-type-wrapper-services-boxes .col-2 {
            width: auto;
        }
    }
    @media screen and (max-width: 768px) {
        .section-type-wrapper-services-boxes .col-2 {
            width:100% !important;
        }
        .section-type-wrapper-services-boxes .col-2 .service-box {
            padding:0 15px;
        }
        .section-type-wrapper-services-boxes .col-2 .service-box img {
            width:33.33%;
        }
        .section-type-wrapper-services-boxes .col-2 .service-box img + .inner {
            width:66.66%;
        }
        .section-type-wrapper-services-boxes .col-2 .service-box img + .inner,
        .section-type-wrapper-services-boxes .col-2 .service-box img {
            float:left;
            clear: none;
            box-sizing:border-box;
            padding:0 15px 0 0;
        }
        .section-type-wrapper-services-boxes .col-2 .service-box {
            max-width:inherit;
        }
    }
    @media screen and (max-width: 500px) {
        .section-type-wrapper-services-boxes .col-2 .service-box img {
            width:50%;
            margin:0 auto 15px auto;
        }
        .section-type-wrapper-services-boxes .col-2 .service-box img + .inner {
            width:100%;
        }
        .section-type-wrapper-services-boxes .col-2 .service-box img + .inner,
        .section-type-wrapper-services-boxes .col-2 .service-box img {
            float:none;
            clear: both;
        }
    }


/*
==================================================
Opening-Clock
==================================================
*/

.openinghour-clock {
  width:54px;
  width:auto;
  height:54px;
  max-width:100%;
  position:relative;
  font-weight:300;
}
.openinghour-clock .openinghourwrap {
  border:2px solid #000;
  position:relative;
  display:inline-block;
  width:54px;
  height:54px;
  float:left;
}
.openinghour-clock svg {
  width:70px;
  height:70px;
}
.openinghour-clock > svg {
  fill: #000;
  left:0;
  top:0;
}
.openinghour-clock .timeelem {
  position:relative;
  overflow:hidden;
  width:100%;
  height:100%;
  float:left;
}
.openinghour-clock .timeelem > div {
  position:absolute;
  left:-10px; top:-10px;
  height:70px;
  width:70px;
  overflow:hidden;
}
.openinghour-clock #blackdots {
  position:absolute;
  left:0; top:0;
  width:50px;
  height:50px;
  background: url('../layout/clock-blackdots.svg');
  background-repeat:no-repeat;
  background-size: 100% auto;
  z-index:0;
}
.openinghour-clock #whitedots {
  position:absolute;
  left:10px; top:10px;
  width:50px;
  height:50px;
  background: url('../layout/clock-whitedots.svg');
  background-repeat:no-repeat;
  background-size: 100% auto;
  z-index:2;
}
.openinghour-clock #timeelement {
  z-index:1;
  /*
  -webkit-transform: scale(1.4) rotate(-180deg);
  -moz-transform: scale(1.4) rotate(-180deg);
  -ms-transform: scale(1.4) rotate(-180deg);
  -o-transform: scale(1.4) rotate(-180deg);
  transform: scale(1.4) rotate(-180deg);
  */
}
.openinghour-clock #timeelement path {
  fill: #000;
}
.openinghour-clock .text {
  padding:5px 15px;
  display:inline-block;
  max-width: 76%;
}
.openinghour-clock .open {
  color:#3cc348;
}

.teaser p.big {
    font-size: inherit;
}

/*
.teaser
    background: #ff3232;
    background: linear-gradient(to right, red 50%, blue 50%);
    background-size: 200% 100%;
    background-position:left bottom;
    margin-left:10px;
    transition:all 2s ease;
    */

/*
==================================================
Metamenu
==================================================
*/

.col > #block-servicenavigation-2 {
  position:absolute;
  left:0;
  top:-5rem;
  width:100%;
  background:#000;
  margin:0;
  padding:0;
  height:5rem;
}
.col > #block-servicenavigation-2 ul {
  float:right;
  width:auto;
  margin: 0;
}
.col > #block-servicenavigation-2 a {
  color:#fff;
  position: relative;
  display: block;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  font-weight: 300;
  text-transform: uppercase;
  padding: 1.85rem 0.95rem 1.9rem 3.5rem;
  height: 5rem;
}
.col > #block-servicenavigation-2 li.kontakt a {
  /* padding: 1.85rem 4.5rem 1.9rem 0.95rem; */
}
#block-servicenavigation-2 a:before,
#block-servicenavigation-2 a:after {
  display: inline-block;
  position: absolute;
  width: 27px;
  text-align: center;
  font-size: 2rem;
  line-height: 5rem;
  line-height: 50px;
  height: 50px;
  height: 5rem;
  left: 5px;
  top: 0px;
}

#block-servicenavigation-2 li.änderungsservice a:before,
#block-servicenavigation--2 li.änderungsservice a:before,
#block-servicenavigation-2 li.aenderungsservice a:before,
#block-servicenavigation--2 li.aenderungsservice a:before {
  content: "\e901";
  font-size: 2.25rem;
}
#block-servicenavigation--2 li.änderungsservice a:before,
#block-servicenavigation--2 li.aenderungsservice a:before {
  font-size: 2.5rem;
}
#block-servicenavigation-2 li.änderungsservice,
#block-servicenavigation-2 li.aenderungsservice {
  display: none;
}

#block-servicenavigation-2 li.stylecoach a:before,
#block-servicenavigation--2 li.stylecoach a:before {
  content: "\e902";
}

#block-servicenavigation-2 li.magazin a:before,
#block-servicenavigation--2 li.magazin a:before {
  content: "\e918";
}

#block-servicenavigation-2 li.shop a:before,
#block-servicenavigation--2 li.shop a:before {
  content: "\e919";
}

#block-servicenavigation-2 li.online-retoure a:before,
#block-servicenavigation--2 li.online-retoure a:before {
  content: "\e91a";
}

#block-servicenavigation-2 li.login a:before,
#block-servicenavigation--2 li.login a:before {
  content: "";
  background: url('../layout/login.svg') no-repeat left center;
  width: 15px;
  color: #fff;
  height: 50px;
  margin-left: 4px;
}

#block-servicenavigation-2 li.login {
  padding: 0 10px 0 35px;
}

#block-servicenavigation-2 li.parkplatz a:before,
#block-servicenavigation--2 li.parkplatz a:before {
  content: "\e903";
  font-size: 1.6rem;
}
#block-servicenavigation--2 li.parkplatz a:before {
  font-size: 1.8rem;
}
#block-servicenavigation-2 li.tisch-reservieren a:before,
#block-servicenavigation--2 li.tisch-reservieren a:before {
  content: "\e904";
  content: "\e914";
  font-size:2.5rem;
  left: 4px;
}
#block-servicenavigation--2 li.tisch-reservieren a:before {
  font-size:2.75rem;
  left: -3px;
}
#block-servicenavigation-2 li.kontakt a:before,
#block-servicenavigation--2 li.kontakt a:before {
  content: "\e905";
  content: "\e911";
  font-size: 2.25rem;
}
#block-servicenavigation-2 li.kontakt a:before {
  /* display:none; */
  content: "\e911";
  font-size: 1.85rem;
}
#block-servicenavigation--2 li.kontakt a:before {
  left: -3px;
}
#block-servicenavigation-2 li.kontakt a:after {
  content: "\e900";
  content: "\e911";
  left:auto;
  right: 10px;
  height: 23px;
  width: 23px;
  line-height: 23px;
  text-align:center;
  /* background: #fff; color: #000; */
  display:none;
  top:13px;
}

#block-servicenavigation-2 a:hover {
  background: #676765;
}

/*
==================================================
Teasericons
==================================================
*/
/*
.teaser.nodetype-article .media:after,
.teaser.nodetype-story .media:after {
  content: "\e916";
  text-align:center;
  line-height: 5rem;
  font-size: 3.5rem;
  height: 7rem;
  z-index:5;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.teaser.nodetype-story .media:after {
  content: "\e915";
}
*/
.teaser.nodetype-article .created {margin-bottom:0;}


/*
==================================================
Brands
==================================================
*/

.section.layout-list .view .list,
.section.layout-list .view .list .col a {
  border-bottom: 1px solid #eee;
}
.section.layout-list .view .list .col {
  padding: 0;
  margin-bottom: -1px;
}
.section.layout-list .view .list .col a {
  padding: 0;
  margin-bottom: 0;
  text-decoration: none;
  display: block;
  padding: 8px 20px;
}
.section.layout-list .view .list .col a:hover {
  background: #000;
  text-decoration: none;
  color: #fff;
}

.section.layout-list .view .list .col.seperator a,
.section.layout-list .view .list .col.seperator a:hover {
  background: #eee;
  font-weight: bold;
  padding: 8px 20px;
  color: inherit;
}

/*
==================================================
Events - Calendar
==================================================
*/
.section-type-calendar {}

.section-type-calendar table {
  table-layout: fixed;
  width: 100%;
  position: relative;
  float: left;
}
.section-type-calendar table th,
.section-type-calendar table thead td {
  background: #000000;
  color: #fff;
  font-weight: 700;
  text-align: center;
  border-color: transparent;
  padding:8px 7px;
}
.section-type-calendar table td {
  position: relative;
  background: #fff;
  color: #000000;
  border: 0px solid #fff;
  padding:0;
  box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.075);
}
.primary.section-type-calendar table th,
.primary.section-type-calendar table thead td {
  background:#676765;
}
.dark.section-type-calendar a,
.primary.section-type-calendar a {
  color:#000;
}
.dark.section-type-calendar a:hover,
.primary.section-type-calendar a:hover {
  color:#fff;
}
.section-type-calendar table td > b {
  color:#aaa;
}
.section-type-calendar table td > b,
.section-type-calendar table td > a {
  padding: 8px 7px;
  display:block;
  text-decoration:none;
}
.section-type-calendar table td > a:hover,
.section-type-calendar table td.active > a {
  background:#676765;
  color:#fff;
}
.section-type-calendar table td.other-month {
    background: #ddd;
    border-color: #ddd;
    color: #aaa;
}
.section-type-calendar .js-form-item {
  width: 365px;
  max-width:100%;
}
.section.section-type-calendar > .row > .col {
  padding:0;
}
.section.section-type-calendar form {
  margin: 0 -15px;
}
.section.node-meta-row {padding-top:4rem; padding-bottom:0;}
.section.node-meta-row + hr {padding-top:4rem;}
.section.node-meta-row .col[class*="col-"] + .col[class*="col-"] {border-left:1px solid #000;}
.section.node-meta-row {font-size:2rem;}
.section.node-meta-row.node-meta-centered {text-align:center;}
.section.node-meta-row i {display:block; font-size:4rem; margin-bottom:1rem; text-align:center; width:auto;}

.section.node-meta-row + .section-event-content-view {
    margin-top:4rem;
}

/*
==================================================
Brandsearch
==================================================
*/
.brand-search {}
.brand-search > .col-6:first-child {
  padding-left:0;
}
.brand-search > .col-6:first-child > * {
  font-size: 29px;
  font-size: 2.9rem;
  line-height: 3.1rem;
  line-height: 31px;
  text-transform: uppercase;
  margin: 0;
  padding: 2rem 0;
}
.brand-search > .col-6:first-child + .col-6 {
  padding-right:0;
}
.brand-search .js-form-item {
  width:88%;
  float:left;
  padding:0;
}
.brand-search .js-form-type-submit {
  width:12%;
  float:left;
  padding:0;
  position:relative;
}
.brand-search form {
  float:left;
  width:100%;
  margin:0;
}
.brand-search form input[type="text"] {
  float:left;
  width:100%;
  height:100px;
  font-size: 30px;
}
.brand-search form input[type="submit"].button {
  width:100%;
  height:100px;
  min-width:0px;
  text-indent:-9999px;
  padding:0;
}
.brand-search .js-form-type-submit:before {
  width:100%;
  left:0;
}
.brand-search .js-form-type-submit:after {
  height:100px;
  line-height:100px;
  font-size:5rem;
  width:100%;
  text-align:center;
  padding:0;
  right:0;
}
.brand-search a {
  text-transform: uppercase;
}

.section.section-type-tailerservice-lookup {
  margin-top:-40px;
  padding-top:0;
  margin-top:-15px;
  float:left;
  width:100%;
  clear:both;
}
form.tailorservice-lookup,
.section.narrow form.tailorservice-lookup {
  margin:0 -15px;
}
.tailorservice-lookup .js-form-item {
  width:100%;
  max-width:580px;
}
.tailerservice-lookup-ajax-feedback {
  margin-bottom:3rem;
}

.top-brands .teaser.taxonomy-brands {
  text-align:center;
}


/*
==================================================
Stellenangebote
==================================================
*/
    a.content-teaser-list-item b,
    a.content-teaser-list-item div {
        display:inline-block;
        box-sizing:border-box;
    }
    a.content-teaser-list-item b {
        padding-right:8px;
    }
    a.content-teaser-list-item div {
        padding:0 8px;
        border-left:1px solid;
        font-size:1.4rem;
    }

@media screen and (max-width: 750px) {
    a.content-teaser-list-item b,
	a.content-teaser-list-item div {
        display:block;
        border:none;
    }
}

/*
==================================================
Newsletter-Anmeldung
==================================================
*/
.section-newsletter {position:relative}
.section-newsletter:after {
  content:"";
  width:100%;
  height:100%;
  max-width: 1200px;
  margin:0 auto;
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  background-image: url('../layout/newsletteripad1.png');
  background-repeat: no-repeat;
  background-position: left bottom;
}
.section-newsletter .col-6:first-child > div:first-child > * {
  font-family: "Didot", "Lato", Arial, Helvetica, sans-serif;
  text-transform: none;
  font-weight:300;
}
.section-newsletter ul {
  float:left;
  clear:both;
  width:100%;
  position:relative;
  margin:3rem 0 1rem;
}
.section-newsletter li {
  font-family: "Lato", Arial, Helvetica, sans-serif;
  margin: 0 0 0 30px;
  list-style:none;
  position:relative;
  line-height:3rem;
  line-height:30px;
}
.section-newsletter li:before {
  content: "\f00c";
  position:absolute;
  left: -30px;
  top:0;
  font-size:1.5rem;
  line-height:3rem;
  line-height:30px;
  padding:0;
}
.section-newsletter .col-6:first-child {
  position:relative;
  /*z-index:2;*/ /* WOZU?! => Fehldarstellung */
}
.section-newsletter form {
  float:left;
  width:100%;
  position:relative;
  z-index:5;
}
.section-newsletter form .js-form-item {
  width:100%;
  max-width: 430px;
}
.section-newsletter form .js-form-item input,
.section-newsletter form .js-form-item select {
  /*background:#fff;*/
}
.section-newsletter form .js-form-type-select:after,
.section-newsletter form .js-form-type-select:after {
  color:#000;
}
.section-newsletter form .form-item-submit {
  max-width:360px;
}

body .section-newsletter .js-form-type-checkbox label {
  white-space: normal;
}

/*
==================================================
Coupons & Partner
==================================================
*/
.teaser.coupon .categories > .col {width:25px; height:25px; padding:2px; margin:0 5px 0 0;}
.page-node-54 .section-view-coupons + article > .section-type-content-teaser-automatically.layout-list ul > li {width:33.3333%; border-top:0;}

.section.section-view-coupons {
  padding:4rem 0;
}
.section.section-view-coupons .col {
    padding-top:15px;
    padding-bottom:15px;
}
.section.section-view-coupons > .row > .col {
  padding:0 15px;
}
.section-view-coupons .category-wrap {
  position: relative;
  cursor: pointer;
  border-bottom: 2px solid #fff;
}
.section-view-coupons .category-wrap:hover {
    box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.4);
    -moz-box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.4);
    -webkit-box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.4);
}
.section-view-coupons .category-wrap:not(.active) {
    opacity: 0.6;
    border-bottom: 2px solid transparent;
}
.section-view-coupons .category-wrap img {
  width: 35px;
  position: absolute;
  left: 15px;
  top: 15px;
}
.section-view-coupons .category-wrap p {
  margin:0;
  line-height: 60px;
  padding-left: 60px;
  text-transform: uppercase;
  text-overflow: ellipsis;
  overflow: hidden;
}
.section-view-coupons .results a.coupon {
  position:relative;
  z-index:1;
  height:0;
  overflow:hidden;
  width:0;
  opacity:0;
}
.section-view-coupons.dark .results a.coupon {
  color:#000;
  padding: 0;
}
.section-view-coupons.dark .results a.coupon:after {
  display:none;
}
.section-view-coupons.dark .results a.coupon:before {
  content:"";
  position:absolute;
  z-index:0;
  background:linear-gradient(
				to right,
				#fff 0px,
				#fff 145px,
				#E0E0E0 145px,
				#E0E0E0 147px,
				#fff 147px,
				#fff 100%
			  );
  width:100%;
  height:100%;
  width:calc(100% - 30px);
  height:calc(100% - 30px);
  left:15px;
  top:15px;
}

.section-view-coupons .results a.coupon.catactive {
  display:block;
  height:auto;
  width:50%;
  opacity:1;
  padding:15px;
}
.section-view-coupons .logocontent {
  width:145px;
  padding:10px !important;
}
.section-view-coupons .description {
  width:calc(100% - 145px);
  padding: 0 75px 0 15px;
}
.section-view-coupons .teaser.coupon h2 {
    color: #009fe3 !important;
    font-size: 18px;
    line-height: 19px;
    margin-bottom: 0;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-weight:bold;
}
.section-view-coupons .teaser.coupon h2,
.section-view-coupons .teaser.coupon p {
    line-height: 19px;
}
.section-view-coupons .teaser.coupon .col-button {
    transition: 0.2s ease-out;
    background: #4e4e4e;
    position: absolute;
    right: 15px;
    width: 60px;
    height: calc(100% - 30px);
    top: 15px;
    text-align: center;
}
.section-view-coupons .teaser.coupon .col-button .icon-wrap {
    font-size: 48px;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 48px;
    width: 50%;
    margin: -24px 0 0 -25%;
    color:#fff;
}
.section-view-coupons .teaser.coupon .col-button i {
  font-size:48px;
  margin:0;
  line-height:48px;
  position:relative;
  top:0;
  float:left;
  width:100%;
}
.section-view-coupons a.coupon:hover .col-button {background:#000 !important; }

.partner-images {text-align:center;}
.partner-images img {display:inline-block; margin-bottom:15px;}
.layout-grid .partner-images img {width:25%; height:auto; float:left; padding:0 15px; box-sizing:border-box;}

.section-view-coupons .couponfilter .col-2 {
  min-width:195px;
  padding: 0 15px;
  margin-bottom:10px;
}
.section-view-coupons .couponcontent .description {
  padding-right:75px;
  min-height: 175px;
}
.section-view-coupons .couponcontent a.coupon {
  margin-bottom: -5px;
}

.section-partner-logo img {
	max-width:400px;
	margin:0 auto;
	display:block;
	    border: 1px solid #eee;
}

@media screen and (max-width: 750px) {
	.partner-images .inner {
		padding-bottom:0;
	}
	.partner-images {
		margin-left:-8px;
		margin-right:-8px;
	}
	.partner-images img {
		float:left;
		width:50%;
		margin-bottom:15px;
		padding:0 8px;
		box-sizing:border-box;
		display:block;
	}
}

/* Optivo Newseltter-Form */
    form.newsletter-form-big fieldset#edit-personal-data .fieldset-wrapper  {margin:0 -15px;}
    form.newsletter-form-big legend {font-weight:bold;}
    form.newsletter-form-big .js-form-item#edit-personal-data {width:66.66%;}
    form.newsletter-form-big .js-form-item#edit-interests {width:33.33%;}
    form.newsletter-form-big .js-form-type-submit {float:right; clear:left;}

    @media screen and (max-width: 1023px) {
        form.newsletter-form-big .js-form-item#edit-personal-data,
        form.newsletter-form-big .js-form-item#edit-interests {width:100%;}
    }

/*
  ==================================================
==================================================
  ==================================================
  ==== Responsive
==================================================
  ==================================================
==================================================
*/

  /*
  ==================================================
  Header
  ==================================================
  */
  /*
  @media screen and (max-width: 1780px) {
    html.bigmenuopen .layout-container > header {
      background: linear-gradient( to right, #000 0%, #000 33%, #fff 33%, #fff 100% );
    }
  }
  @media screen and (max-width: 1600px) {
    html.bigmenuopen .layout-container > header {
      background: linear-gradient( to right, #000 0%, #000 30%, #fff 30%, #fff 100% );
    }
  }
  @media screen and (max-width: 1360px) {
    html.bigmenuopen .layout-container > header {
      background: linear-gradient( to right, #000 0%, #000 27%, #fff 27%, #fff 100% );
    }
  }
  */
  @media screen and (max-width: 1200px) {
    footer .section-brands .col-1 {
        width: 16%;
    }
  }
  @media screen and (max-width: 1023px) {
    .section.narrow.featured .breadcrumb {
        display:none;
    }
    .main-menu-content .bigmenu .bigmenucol {
      width: 100%;
      clear: both;
      position:relative;
    }
    .col.bigmenucol.dark {
      padding: 2rem 0 4rem;
    }
    .bigmenu:after,
    .bigmenu .bigmenucol.dark:before {
      display:none;
    }
    .bigmenu .col .row.bigmenurow {
      border-top:1px solid #000;
    }
    .main-menu-content .bigmenu {
      background: #fff;
    }
    .main-menu-content .bigmenu .bigmenucol.dark {
      background: #000;
      color: #fff;
    }
    .main-menu-content .bigmenu .bigmenucol.left {
      z-index: 5;
      overflow: hidden;
    }
    .main-menu-content #block-servicenavigation--2,
    .main-menu-content #block-servicenavigation--2 + div {
      width:50%;
      float:left;
      clear:none;
    }
    .main-menu-content #block-servicenavigation--2 {
      float:right;
      width: 40%;
      width: 50%;
      padding: 0 15px;
    }
    .bigmenu .bigmenucol.right {
      margin:0;
    }
    .main-menu-content.is-open .bigmenu {
      padding:0;
    }
    .main-menu-content.is-open .bigmenu > * > .col,
    .main-menu-content.is-open .bigmenurow.row > .col {
      padding-left:15px;
      padding-right:15px;
    }
    .col.bigmenucol {
      padding:4rem 0 5rem;
    }
    .bigmenu .bigmenucontent .logo {
      width:88px;
      height:89px;
      display: none;
    }
    .bigmenu .bigmenucontent .topcontent {
      margin-top:5rem; margin-top:0rem;
    }
    .bigmenu .bigmenucontent .row > .col-3:first-child .topcontent {
      height:12rem; height: 7rem;
    }
    .main-menu-content .bigmenu .bigmenucol.right .col-3 {
      width:100%;
      clear:both;
    }
    .main-menu-content .bigmenu .bigmenucol.right .col-3 li {
      width:auto;
      display:inline-block;
    }
    .bigmenu .bigmenucontent .topcontent,
    .bigmenu .bigmenucontent .row > .col-3:first-child .topcontent {
      height:auto;
      min-height: 20px;
    }
    .bigmenu .bigmenucontent .topcontent {
      margin-top: 2rem;
    }
    .bigmenu .bigmenucontent .menucontent li ul {
      display:none;
    }
    .bigmenu .bigmenucontent .menucontent a {
      padding:5px 15px;
    }
    .bigmenu .bigmenucontent .menucontent ul {
      width:auto;
      margin: 0 -15px;
    }
    .bigmenu .bigmenucontent .menucontent {
      float:left;
      width:100%;
      clear:both;
      position:relative;
    }
    .main-menu-content .bigmenurow .bigmenucol.right > .inner {
      padding:0;
    }
    .bigmenucontent a {
      display:inline-block;
    }
    .bigmenucontent .row > ul > li.col-3 li {
      clear:none;
    }
    .bigmenucontent .row > ul > li > a + ul {
      position:relative;
      top:auto;
      left:auto;
    }
    .bigmenucontent .row > ul > li > a + ul a + ul {
      display:none;
    }
    .bigmenucontent .row > ul > li > a {
      margin: 2rem 0 0rem;
    }
    .bigmenucontent .row > ul > li:first-child > a {
      margin: 0;
    }
    .bigmenu .bigmenucol .inner {
      padding:20px 0;
    }
    .main-menu-content .bigmenucontent a.close {
      right: 1.5rem;
    }
    .bigmenu .bigmenucontent .col-3 > ul > li:before,
    .bigmenu .bigmenucontent .col-3 > ul > li:hover:before,
    .bigmenu .bigmenucontent .col-3 > ul > li a.is-active,
    .bigmenu .bigmenucontent .col-3 > ul > li a.is-active:before {
      left:0;
    }
    .bigmenucontent .row > ul > li.col-3 li a {
      padding:5px;
    }
    .bigmenu .bigmenucontent .col-3 > ul > li a.is-active {
      padding:5px;
    }
    /* RespMenu */
    .main-menu-content .bigmenu .bigmenucol.right .col-3 li {
      margin-bottom: 10px;
      border-left: 1px solid #e0e0e0;
    }
    .main-menu-content .bigmenu .bigmenucol.right .col-3 li:first-child {
      border-left: 0;
    }
    .bigmenu .bigmenucontent .col-3 ul {
      margin:0 -25px;
      width:auto;
    }
    .bigmenucontent .row > ul > li.col-3 li a,
    .bigmenu .bigmenucontent .col-3 > ul > li a.is-active {
      padding: 7px 25px;
      width:100%;
    }
  }
  @media screen and (max-width: 899px) {
    .main-menu-content.is-open .bigmenu {
      padding:0;
    }
    .main-menu-content .bigmenu > * > .col,
    .main-menu-content .bigmenurow.row > .col {
      padding-left:0; padding-right:0;
    }
    .col.bigmenucol {
      padding:2rem 0 3rem;
    }
    .main-menu-content .bigmenu > .row {
      margin:0 15px;
    }
    .main-menu-content .bigmenu .bigmenucol.left > .inner {
      padding:0 15px;
    }
    .main-menu-content .bigmenu .bigmenucol.right > .inner {
      padding:0;
    }
    .col.bigmenucol.dark {
      padding: 3rem 0 3rem;
    }
    .main-menu-content.is-open .bigmenu > .row > .col {
      padding:0;
    }
    header nav .main-menu-content .bigmenu .bigmenucol.left,
    header nav .main-menu-content.is-open .bigmenu .bigmenucol.left {
      padding: 3rem 0 3rem;
      margin-bottom: 0rem;
    }
    #block-servicenavigation-2 a:before, #block-servicenavigation-2 a:after {
      left:10px;
    }
    .col > #block-servicenavigation-2 li.kontakt a {
      padding: 2.85rem 0.5rem 1.9rem;
    }
    #block-servicenavigation-2 li.kontakt a:after {
      right:11px;
    }
    .col > #block-servicenavigation-2 a {
      width:0;
    }
    #block-servicenavigation-2 li.stylecoach a:before {
      left:8px;
    }
    #block-servicenavigation-2 li.tisch-reservieren a:before {
      left:9px;
    }
    /* ResponsiveMenu */
    .layout-container > header {
      border:0;
      margin-top:0;
    }
    .layout-container > header.fixed {
      height:70px;
    }
    .layout-container > header > .headerwrap {
      border:0;
      top:0;
      width:100%;
    }
    .col > #block-servicenavigation-2, .col > #block-servicenavigation-3 {
      display:none;
    }
    header .branding a {
      background-size: auto 100%;
      height: 50px;
      height: 5rem;
      width: 50px;
      width: 5rem;
      margin: 10px 0;
    }
    header .searchform .form-actions input[type="submit"].button {
      width: 50px;
      width: 5rem;
      height: 50px;
      height: 5rem;
      min-width: 50px;
    }
    header .branding + nav + nav {
      margin-top: 0.585rem;
    }
    header .searchform .form-item input,
    header .searchform .form-actions input[type="submit"].button,
    header .searchform .form-item input[type="input"] {
      height: 50px;
      height: 5rem;
      min-width: 50px;
    }
    header form.searchform, header .narrow form.searchform {
      top: 0.95rem;
    }
    header .main-menu-content .bigmenucontent a.close {
      width: 5rem;
      height: 5rem;
      line-height: 3rem;
      line-height: 30px;
    }
    header .main-menu-toggle {
      margin: 0.45rem 0 0 4.5rem;
    }
    .layout-container header .main-menu-toggle {
      height:50px;
      height:5rem;
    }
    .layout-container header .main-menu-toggle i {
      height: 50px;
      height: 5rem;
      line-height: 5rem !important;
      line-height: 50px !important;
    }
    header .branding + nav + nav {
      margin-right: 1.5rem;
    }
    header .searchform {
      width:80px;
      width:8rem;
    }
    /* *********** */
    .main-menu-content .bigmenu .bigmenucol.right .col-3 li {
      min-width:25%;
    }
  }
  @media screen and (max-width: 767px) {
    .main-menu-content .bigmenu .bigmenucol.right .inner {
      padding:15px 0 30px;
    }
    .main-menu-content.is-open .bigmenu > * > .col,
    .main-menu-content.is-open .bigmenurow.row > .col {
      padding-left:0;
      padding-right:0;
    }
    .main-menu-content .bigmenu .bigmenucol.right .inner.topcontent {
      padding:0;
    }
    .bigmenu .bigmenucontent .topcontent {
      margin-top:0;
    }
    .bigmenu .bigmenucontent .menucontent a {
      padding: 10px 20px 9px;
    }
    .bigmenu .bigmenucontent .menucontent ul {
      margin: 0 -20px;
    }
    /*
    .main-menu-content.is-open .bigmenu {
      position:absolute;
      width:100%;
      top:0;
      left:0;
      overflow-y:auto;
    }
    .layout-container > header.main-menu-is-open {
      position: relative !important;
    }
    .layout-container > header.main-menu-is-open + main,
    .layout-container > header.main-menu-is-open + main + footer,
    .layout-container > header.main-menu-is-open + div + main,
    .layout-container > header.main-menu-is-open + div + main + footer {
      display:none;
    }
    .layout-container > header.main-menu-is-open + div {
      display:none !important;
    }
    .layout-container > header {
      height:auto;
    }
    .layout-container > header:not(.main-menu-is-open) {
      height:auto !important;
    }
    html.bigmenuopen {
      overflow-y: scroll;
    }
    html.bigmenuopen main,
    html.bigmenuopen footer {
      display:none;
    }
    html.bigmenuopen .layout-container {
      overflow:visible;
    }
    */

    /* footer */
    .brand-search > .col-6:first-child > * {
        font-size: 2.2rem;
        padding-bottom:0;
    }
    .brand-search form input[type="submit"].button,
    .brand-search form input[type="text"] {
        height:57px;
        font-size: 100%;
    }
    .brand-search .js-form-type-submit:after {
        height: 57px;
        line-height: 57px;
    }
    .main-menu-content .bigmenu .bigmenucol.right .col-3 li {
      min-width:33.333%;
    }
  }
  @media screen and (max-width: 750px) {
    footer .section-newsletter {
      padding-bottom:18rem;
    }
    .section-newsletter form .js-form-item {
      max-width:100%;
    }
    .section-newsletter form .js-form-type-checkbox label {
      white-space: normal;
    }
    .brand-search > .col-6:first-child + .col-6 {
      padding:0;
    }
    .section .brand-search form {
      margin:0;
    }
    .section.section-newsletter form {
      margin: 0 -15px;
    }
    footer .section-brands .col-1 {
        width: 25%;
        margin-bottom:0;
    }
  }
   @media screen and (max-width: 600px) {
    footer .section-prefooter {
        font-size: 14px;
        line-height: 18px;
    }
    footer .section-prefooter .col-9 .col-4:last-child .inner,
    footer .section-prefooter .col .inner {
        padding-bottom:0;
    }
    footer .section-prefooter .col-9 .col-4:last-child .inner img {
        max-width:50%;
        margin:0 auto;
    }
    footer .section-prefooter .col-9 .col-4:first-child .inner,
    footer .section-prefooter .col .inner {
        padding:15px;
    }
    footer .section-prefooter .col-9 .col-4:first-child .inner + .inner {
        padding-top:0;
    }
    footer .social {
        margin-bottom:0;
    }
    .main-menu-content .bigmenu .bigmenucol.right .col-3 li {
      min-width:50%;
    }
  }
  @media screen and (max-width: 539px) {
    .main-menu-content #block-servicenavigation--2,
    .main-menu-content #block-servicenavigation--2 + div {
      width:100%;
    }
    .bigmenu #block-servicenavigation--2 li {
      margin-left:-8px;
    }
    .bigmenu #block-servicenavigation--2 a {
      margin-left:-20px;
    }
    footer .section-brands .brand-search {
        padding-top:0;
    }
    footer .section-brands .top-brands {
        padding:0 8px;
    }
    footer .section-brands .top-brands .col-1 img {
        display:block;
    }
    footer .section-brands .top-brands .col-1 {
        padding:7px;
    }
    footer .section-newsletter ul {
        margin:0;
    }
    footer .section-newsletter {
        padding-bottom:0;
    }
    footer .section-newsletter:after {
        display:none;
    }

    footer .section-newsroom li.col {
        position:static !important;
        padding: 0 15px;
        margin-bottom:0 !important;
    }
    footer .section-newsroom li.col .description {
        font-size: 14px;
        padding-top: 3px;
    }
    footer .section-newsroom li.col .image {
        float:left;
        width:120px;
        margin:0 15px 0 0;
    }
    footer .section-newsroom .teaser .inner {
        padding-top:15px;
        padding-right:40px
    }
    footer .section-newsroom .teaser:before {
        width: 40px;
        right: 0;
        left: auto;
        top: 0;
        bottom: auto;
    }

    footer .section-prefooter {
        font-size: 14px;
        line-height: 18px;
    }
    footer .section-prefooter .col-9 .col-4:last-child .inner,
    footer .section-prefooter .col .inner {
        padding-bottom:0;
    }
    footer .section-prefooter .col-9 .col-4:last-child .inner img {
        max-width:320px;
    }
    footer .section-prefooter .col-9 .col-4:first-child .inner,
    footer .section-prefooter .col .inner {
        padding:15px;
    }
    footer .section-prefooter .col-9 .col-4:first-child .inner + .inner {
        padding-top:0;
    }
    footer .social {
        margin-bottom:0;
    }
  }

  @media screen and (max-width: 459px) {
    header .branding + nav + nav {
      margin-top: 1rem;
    }
    header .main-menu-toggle {
      margin:0;
    }
    header .main-menu-toggle {
      width: 50px;
      width: 5rem;
    }
  }

  /*
  ==================================================
  Footer
  ==================================================
  */

  @media screen and (max-width: 1023px) {
    .brand-search .js-form-item {
      width:80%;
    }
    .brand-search .js-form-type-submit {
      width:20%;
    }
  }


  /**
   * TEMPORARY
   */
    .page-node-60 article > .section-type-text-two-columns > .row > .col:first-child .inner .big:first-child {
        margin-top:-56px;
    }
    .page-node-60 article > .section-type-text-two-columns > .row > .col:first-child .inner .big:first-child:before {
        color: #ccc;
        content: open-quote;
        font-size: 8em;
        line-height: 0.1em;
        margin-right: 20px;
        position: relative;
        top: -27px;
        left:10px;

        background: url('../layout/quote.png') 0 0 / cover no-repeat;
        content: '';
        width: 3em;
        height: 3em;
        font-size: 1em;
        top: 0;
        left: 0;
        display: inline-block;
        margin-right: 0;

    }


  /*
  ==================================================
  Content
  ==================================================
  */
  @media screen and (max-width: 1223px) {
    .section-view-coupons .col.col-2 {
      width: 33.3333%;
      min-width: 170px;
    }
  }
  @media screen and (max-width: 900px) {
    .section-view-coupons .results a.coupon.catactive {
      width:100%;
    }
    .section-view-coupons .couponcontent .description {
      min-height: 170px;
      float:right;
    }
    .section-view-coupons .teaser.coupon .col-button i {
      font-size:42px;
    }
    .page-node-54 .section-view-coupons + article > .section-type-content-teaser-automatically.layout-list ul > li {
      width:50%;
    }
  }
  @media screen and (max-width: 767px) {
    .section-view-coupons > .row .col.couponcontent,
    .section-view-coupons > .row .col.couponfilter {
      padding:0;
    }
    .section-view-coupons .col.col-2 {
      width: 50%;
    }
  }
  @media screen and (max-width: 539px) {
    .teaser.nodetype-article .media:after,
    .teaser.nodetype-story .media:after {
      right: 70%;
      margin-right: 15px;
      top: auto;
      bottom: 0rem;
      height: 4rem;
      line-height: 2rem;
      line-height: 20px;
      font-size: 1.75rem;
      box-sizing: border-box;
      min-width: 2rem;
      width: 4rem;
    }
    .section-view-coupons .category-wrap p {
      padding-left:15px;
    }
    .section-view-coupons .category-wrap img {
      display:none;
    }
    .section-view-coupons .logocontent {
      width:95px;
    }
    .section-view-coupons .description {
      width: calc(100% - 95px);
    }
    .section-view-coupons.dark .results a.coupon:before {
      background:linear-gradient(
					to right,
					#fff 0px,
					#fff 95px,
					#E0E0E0 95px,
					#E0E0E0 97px,
					#fff 97px,
					#fff 100%
				  );
    }
    .page-node-54 .section-view-coupons + article > .section-type-content-teaser-automatically.layout-list ul > li {
      width:100%;
    }
  }
  @media screen and (max-width: 480px) {
    .teaser.nodetype-article .media:after,
    .teaser.nodetype-story .media:after {
      line-height: 2rem;
      line-height: 20px;
      font-size: 1.25rem;
      min-width: 4rem;
      height: 3rem;
      padding: 5px;
      width: auto;
    }
  }
  @media screen and (max-width: 400px) {
    .tailorservice-lookup .js-form-item label {
      font-size:12px;
    }
  }

/**
* Sporthaus Opening
*/
    /* logo */
    .page-node-263 header .branding a {
        background-image:url('/themes/landingpage_esistindir/logo.svg');
    }

    /* quote; upper right */
    .page-node-263 article > .section-type-headline + .section-type-text-two-columns > .row .col-6 + .col-6 .big  {
        margin-top:25px;
        padding: 0 50px;
        font-size:2.8rem;
    }
    .page-node-263 article > .section-type-headline + .section-type-text-two-columns > .row .col-6 + .col-6 .big:first-child:before {
        color: #ccc;
        content: open-quote;
        font-size: 8em;
        line-height: 0.1em;
        margin-right: -25px;
        position: relative;
        top: -27px;
        left:-30px;

        background: url('../layout/quote.png') 0 0 / cover no-repeat;
        content: '';
        width: 3em;
        height: 3em;
        font-size: 1em;
        top: 0;
        left: 0;
        display: inline-block;
        margin-right: 0;
    }

    /* grid padding fix */
    .page-node-263 .section.backgroundimage {
        margin-bottom:0;
    }

    .page-node-263 article hr {
        background:#fff;
    }

    /* date, moderation, table; lower center */
    .page-node-263 article > .section-type-headline + .section-type-text-two-columns + .section-type-text .inner .big  {
        text-align:center;
        font-size:6rem;
        line-height:7rem;
        font-weight:bold;
    }
    .page-node-263 article > .section-type-headline + .section-type-text-two-columns + .section-type-text .inner .big + p {
        text-align:center;
        font-size:3.0rem;
        line-height:3.4rem;
        margin-bottom: 40px;
    }
    .page-node-263 article > .section-type-headline + .section-type-text-two-columns + .section-type-text .inner .big + p + table tr,
    .page-node-263 article > .section-type-headline + .section-type-text-two-columns + .section-type-text .inner .big + p + table td,
    .page-node-263 article > .section-type-headline + .section-type-text-two-columns + .section-type-text .inner .big + p + table th {
        background:none;
        border:none;
        color:#000 !important;
    }
    .page-node-263 article > .section-type-headline + .section-type-text-two-columns + .section-type-text .inner .big + p + table th {
        text-align:right;
    }
  .page-node-263 article .section-type-text table p {
    margin:0;
  }

/**
 * Responsive tables
 *
 */
    table {table-layout:fixed; width:100%;}
    .scrollable.has-scroll {
        position:relative;
        overflow:hidden;
    }
    .scrollable.has-scroll:after {
        position:absolute;
        top:0;
        left:100%;
        width:50px;
        height:100%;
        border-radius:10px 0 0 10px / 50% 0 0 50%;
        box-shadow:-5px 0 10px rgba(0, 0, 0, 0.25);
        content:'';
    }
    .scrollable.has-scroll > div {overflow-x:auto;}
    .scrollable.has-scroll table tbody tr th:first-child {position:absolute; left:0;}
    .scrollable table th,
    .scrollable table td {white-space:nowrap;}
    .scrollable table {table-layout:auto;}

  @media screen and (max-width: 767px) {
    .page-node-263 article > .section-type-headline + .section-type-text-two-columns > .row .col-6 + .col-6 .big {
        /* margin-top:-25px; */
        padding:0 25px;
        font-size:2.6rem;
    }
  }
  @media screen and (max-width: 480px) {
    .page-node-263 article > .section-type-headline + .section-type-text-two-columns + .section-type-text .inner .big {
        font-size:5rem;
    }
    .page-node-263 article > .section-type-headline + .section-type-text-two-columns + .section-type-text .inner .big + p + table td,
    .page-node-263 article > .section-type-headline + .section-type-text-two-columns + .section-type-text .inner .big + p + table th {
        font-size:1.4rem;
    }
  }