@font-face {
   font-family: "titillium";
   src: url("../_fonts/Titillium/TitilliumWeb-Regular.woff2") format("woff2"), url("../_fonts/Titillium/TitilliumWeb-Regular.woff") format("woff"), url("../_fonts/Titillium/TitilliumWeb-Regular.ttf") format("truetype");
   font-style: normal;
   font-weight: 400
}

@font-face {
   font-family: "openSansRegular";
   src: url("../_fonts/OpenSans/OpenSans-Regular.woff2") format("woff2"), url("../_fonts/OpenSans/OpenSans-Regular.woff") format("woff"), url("../_fonts/OpenSans/OpenSans-Regular.ttf") format("truetype");
   font-style: normal;
   font-weight: 400
}

@font-face {
   font-family: "openSansBold";
   src: url("../_fonts/OpenSans/OpenSans-Bold.woff2") format("woff2"), url("../_fonts/OpenSans/OpenSans-Bold.woff") format("woff"), url("../_fonts/OpenSans/OpenSans-Bold.ttf") format("truetype");
   font-style: normal;
   font-weight: 700
}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5, h1 a, h2 a, h3 a, h4 a, h5 a {
   font-family: "titillium", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   font-weight: 400
}

h1, .h1 {
   font-size: 1.75rem;
   line-height: 1.75rem;
   margin-top: 0;
   margin-bottom: 1.75rem
}

h2, .h2 {
   font-size: 1.5rem;
   line-height: 2rem;
   margin-top: 1.5rem;
   margin-bottom: .5rem
}

h3, .h3 {
   font-size: 1.375rem;
   line-height: 1.75rem;
   margin-top: 1.63636rem;
   margin-bottom: .54545rem
}

h4, .h4 {
   font-size: 1.2rem;
   line-height: 1.6rem;
   margin-top: 1.8rem;
   margin-bottom: .6rem
}

h5, .h5 {
   font-size: 1.125rem;
   line-height: 1.6rem;
   margin-top: 1.33333rem;
   margin-bottom: .66666rem
}

.head-icon {
   background-image: url("../images/Sprite-Icons-Content.png");
   background-repeat: no-repeat;
   padding-left: 0;
   padding-top: 75px;
   text-align: center;
   line-height: 1.75rem
}

.head-icon-zweizeilig {
   line-height: 2rem
}

.head-restauswahl-icon {
   background-position: center -956px
}

.head-versand-icon {
   background-position: center -1196px
}

.head-werte-icon {
   background-position: center -1436px
}

.head-gueltigkeit-icon {
   background-position: center -1675px
}

.head-gastronom-icon {
   background-position: center -2876px
}

.head-info-icon {
   background-position: center 3px
}

@media screen and (min-width:961px) {
   .head-icon {
      padding-left: 70px;
      padding-top: 0;
      text-align: left;
      line-height: 62px
   }

   .head-icon-zweizeilig {
      line-height: 2rem
   }

   .head-restauswahl-icon {
      background-position: -2px -957px
   }

   .head-versand-icon {
      background-position: -2px -1197px
   }

   .head-werte-icon {
      background-position: -2px -1437px
   }

   .head-gueltigkeit-icon {
      background-position: -2px -1676px
   }

   .head-gastronom-icon {
      background-position: -2px -2877px
   }

   .head-info-icon {
      background-position: -2px 3px
   }

}

p, .font-wie-absatz {
   font-size: 1rem;
   line-height: 1.75rem;
   margin-top: .75rem;
   margin-bottom: .75rem;
   color: #2e251d
}

.small-text {
   font-size: .9rem
}

.smaller-text {
   font-size: .8rem
}

.smallest-text {
   font-size: .7rem
}

a {
   font-family: "openSansRegular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   color: #2e251d;
   border: none;
   text-decoration: none
}

a:hover, a:focus, a.text-muted:hover, a.text-muted:focus {
   color: #fc3b00 !important;
   border: none;
   text-decoration: none
}

ul, ol {
   margin-top: .75rem;
   margin-bottom: .75rem
}

ul li, ol li {
   font-size: 1rem;
   line-height: 1.75rem;
   color: #2e251d
}

ul, ol {
   list-style-position: outside;
   margin-left: 1em;
   padding-left: .2em
}

ul li, ol li {
   padding-left: .2em
}

.font-weight-bold, strong {
   font-family: "openSansBold", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   font-weight: 600
}

.font-italic, em {
   font-family: "openSansRegular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   font-weight: 400
}

html {
   line-height: 1;
   -webkit-text-size-adjust: 100%;
   max-height: 90000px
}

html, body {
   font-size: 16px;
   min-height: 100%
}

body {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   background-color: #f1f1f1;
   background-image: url("../images/BG-Header.jpg");
   background-repeat: repeat-x;
   background-position: 0 0;
   font-family: "openSansRegular", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

@media screen and (max-width:1400px) {
   body {
      background-image: none
   }

}

.yov-braun {
   color: #2e251d
}

.yov-orange {
   color: #fc3b00
}

.yov-bg-braun {
   background-color: #2e251d
}

.yov-bg-orange {
   background-color: #fc3b00
}

.gib-hand {
   cursor: pointer
}

.yov-mb-1 {
   margin-bottom: 30px
}

.schattenbox {
   box-shadow: 0 0 6px rgba(0, 0, 0, .2);
   background-color: #fff
}

.std-box-padd {
   padding: 30px
}

.text-link {
   border-bottom: 1px solid #2e251d
}

.text-link:hover, .text-link:focus {
   border-bottom: 1px solid #fc3b00
}

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

#wrap, .footer-content {
   max-width: 1400px;
   margin: 0 auto
}

header {
   height: 220px;
   overflow: hidden
}

header h1 {
   color: #fc3b00;
   margin-bottom: -0.5rem
}

header h2 {
   font-size: 1.3rem;
   color: #fff
}

header .logo {
   max-height: 80px;
}

@media screen and (max-width:767px) {
   header {
      height: 50px;
      padding-top: 0
   }

   header .logo {
      height: 30px !important
   }

}

.content {
   padding: 30px 0
}

.content h2 {
   font-size: 2rem;
   line-height: 2.5rem
}

.bg-einloesebox {
   background-image: url("../images/BG-Einloesebox.jpg");
   background-repeat: no-repeat;
   background-position: center bottom;
   background-size: cover
}

.form-einloesung {
   display: inline-block;
   background-color: rgba(255, 255, 255, .8);
   box-shadow: 0 0 10px rgba(0, 0, 0, .3);
   text-align: left
}

.gPasswort {
   width: 100%;
   font-size: 1.6rem;
   text-align: center;
   padding: 10px;
   border: 2px solid #090;
   border-radius: 3px;
   background-color: #fff;
   box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

@media screen and (max-width:430px) {
   .gPasswort {
      font-size: 1rem
   }

}

@media screen and (max-width:800px) {
   .gPasswort {
      font-size: 1.2rem
   }

}

.antiflood img.antifloodpic {
   display: inline-block;
   border-radius: 3px;
   width: 100%
}

.antiflood input {
   border: 1px solid #666;
   display: block;
   height: 100%;
   font-size: 1em
}

p.antiflood-hinweis {
   text-align: center
}

.tos-links {
   text-align: center
}

.tos-links a {
   display: inline-block;
   font-size: .8rem;
   color: #666;
   border-bottom: 1px solid #666;
   margin: 0 20px
}

.tos-links a:hover, .tos-links a:focus {
   border-bottom-color: #fc3b00
}

.hilfeIcon, .emailIcon {
   background-image: url("../images/sprites_content.png");
   background-repeat: no-repeat
}

.hilfeIcon {
   background-position: 2px -465px;
   width: 60px;
   height: 60px;
   margin: 25px auto
}

.servicebox {
   background-color: #f1f1f1;
   border-radius: 5px;
   box-shadow: 0 0 3px rgba(0, 0, 0, .2)
}

.backButtonBox {
   background-image: url("../images/GKarte_BackBox.jpg");
   background-repeat: no-repeat;
   background-position: right -5%
}

@media screen and (max-width:860px) {
   .backButtonBox {
      background-image: none;
      text-align: center
   }

}

.agbParagraph .widerruf {
   padding: 15px;
   background-color: #f9f9f9;
   border-radius: 10px
}

.agbParagraph .pseudoFormfeld {
   font-size: .9rem;
   margin-top: 40px;
   border-top: 2px dotted #666
}

.agbParagraph li {
   margin-bottom: 25px
}

.foto-yovite {
   transform: rotate(2deg);
   border: 10px solid #fff;
   box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

footer {
   width: 100%;
   background-color: #f1f1f1;
   background-image: url("../images/BG-Footer.jpg");
   background-repeat: repeat-x;
   background-position: 0 0
}

footer .footer-content {
   background-color: #2e251d;
   padding-top: 0;
   padding-bottom: 5px
}

footer .totop {
   border-bottom: 1px dotted rgba(98, 86, 75, .3)
}

footer .totop a {
   display: block;
   text-align: center
}

footer .totop a:hover, footer .totop a:focus {
   color: #fff !important;
   background-color: rgba(98, 86, 75, .2)
}

footer p, footer a, footer h6, footer li {
   color: #726458
}

footer h6 {
   padding-bottom: 5px;
   border-bottom: 1px solid rgba(98, 86, 75, .4)
}

footer ul {
   margin: 0;
   list-style-type: none
}

footer ul li {
   margin-bottom: 5px
}

footer i {
   margin-right: 5px
}

footer a:hover, footer a:focus {
   color: #fff !important;
   text-decoration: none
}

footer .button-holder {
   padding-top: 55px
}

footer .button-footer {
   width: 100%;
   border-color: #fff !important;
   color: #fff !important;
   opacity: .5
}

footer .button-footer:hover, footer .button-footer:focus {
   border-color: #fff;
   color: #fff;
   opacity: 1
}

@media screen and (min-width:1200px) {
   footer .button-footer {
      width: 50%
   }

}

footer .copyright {
   font-size: .9rem;
   color: #62564b;
   text-align: center;
   padding-top: 5px;
   padding-bottom: 0;
   border-top: 1px dotted rgba(98, 86, 75, .3);
   margin-bottom: 0
}

.slideshow {
   position: relative;
   padding: 0
}

#slideshow-hero>div, #slideshow-restaurants-klein>div, #slideshow-restaurants-gross>div {
   width: 100%;
   height: 100%;
   position: absolute
}

.yov-custom-slideshow-und-hero {
   position: relative;
   height: 620px
}

.yov-custom-slideshow-und-hero .yov-custom-slide-bg {
   position: relative;
   z-index: 233;
   height: 350px;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center center
}

@media screen and (min-width:640px) {
   .yov-custom-slideshow-und-hero .yov-custom-slide-bg {
      height: 450px
   }

}

.yov-custom-slideshow-und-hero .yov-custom-slide-text {
   position: absolute;
   bottom: 0;
   z-index: 234;
   background-color: #fff
}

#vorstellung {
   height: 450px !important
}

#vorstellung .yov-custom-slide-bg {
   height: 450px
}

#vorstellung ul.logoliste-vorstellung {
   list-style-type: none !important;
   margin: 0;
   padding: 0;
   overflow: hidden
}

#vorstellung ul.logoliste-vorstellung li {
   width: 40px;
   margin: 5px;
   text-align: center
}

#vorstellung ul.logoliste-vorstellung li:before {
   display: none
}

@media screen and (min-width:420px) {
   #vorstellung ul.logoliste-vorstellung li {
      width: 50px
   }

}

@media screen and (min-width:530px) {
   #vorstellung ul.logoliste-vorstellung li {
      width: 60px;
      margin: 2%
   }

}

@media screen and (min-width:900px) {
   #vorstellung ul.logoliste-vorstellung li {
      width: 70px
   }

}

@media screen and (min-width:1000px) {
   #vorstellung ul.logoliste-vorstellung li {
      width: 146px;
      margin: 10px
   }

}

#vorstellung ul.logoliste-vorstellung, #vorstellung .start-claim, #vorstellung .edeka {
   background-color: rgba(255, 255, 255, .7)
}

#vorstellung .start-claim {
   display: inline-block !important;
   width: 100%
}

#vorstellung .start-claim p {
   font-size: 1.5rem
}

#vorstellung .start-claim h2 {
   font-size: 2.5rem;
   line-height: 2.5rem
}

#vorstellung .edeka {
   width: 100%;
   overflow: hidden
}

@media screen and (min-width:910px) {
   #vorstellung .edeka {
      width: 40%
   }

}

#vorstellung .edeka p {
   display: none
}

@media screen and (min-width:356px) {
   #vorstellung .edeka p {
      display: block
   }

}

.bg-vorstellung-01 {
   background-image: url("../_images/slideshow-vorstellung/slideshow-vorstellung-01.jpg")
}

.bg-vorstellung-restszene {
   background-image: url("../_images/slideshow-vorstellung/restaurant-paar.jpg");
   background-position: left center !important
}

.bg-vorstellung-supermarkt {
   background-image: url("../_images/slideshow-vorstellung/supermarkt.jpg")
}

.bg-vorstellung-winter {
   background-image: url("../_images/slideshow-vorstellung/winter-geschenkkarte.jpg");
   background-position: 65% center !important
}

@media screen and (min-width:768px) {
   .bg-vorstellung-winter {
      background-position: right center !important
   }

}

.restaurant-referenzen-small {
   background-position: bottom center;
   background-size: cover !important
}

ul.logoliste-restaurant-referenzen-small {
   background-color: rgba(255, 255, 255, .7);
   list-style-type: none;
   margin: 2% 2% 0 2%;
   padding: 1% !important;
   height: 69%;
   overflow: hidden
}

@media screen and (min-width:768px) {
   ul.logoliste-restaurant-referenzen-small {
      height: 80%
   }

}

@media screen and (min-width:960px) {
   ul.logoliste-restaurant-referenzen-small {
      height: 75%
   }

}

@media screen and (min-width:1200px) {
   ul.logoliste-restaurant-referenzen-small {
      height: 69%
   }

}

ul.logoliste-restaurant-referenzen-small li {
   width: 14%;
   margin-left: 1%;
   margin-right: 1%;
   text-align: center
}

ul.logoliste-restaurant-referenzen-small li:before {
   display: none
}

@media screen and (min-width:768px) {
   ul.logoliste-restaurant-referenzen-small li {
      width: 29%
   }

}

@media screen and (min-width:960px) {
   ul.logoliste-restaurant-referenzen-small li {
      width: 20%
   }

}

@media screen and (min-width:1200px) {
   ul.logoliste-restaurant-referenzen-small li {
      width: 14%
   }

}

.rest-slices {
   width: 100%;
   height: 100%;
   background-size: cover;
   background-position: center
}

@media screen and (min-width:720px) {
   .rest-slices {
      width: 50%
   }

}

@media screen and (min-width:1200px) {
   .rest-slices {
      width: 25%
   }

}

.rest-slice-rest5 {
   background-image: url("../_images/restaurant-slices/rest-slice-5.jpg")
}

.rest-slice-stoerte {
   background-image: url("../_images/restaurant-slices/rest-slice-stoertebeker.jpg")
}

.rest-slice-belsers {
   background-image: url("../_images/restaurant-slices/rest-slice-belsers.jpg")
}

.rest-slice-rive {
   background-image: url("../_images/restaurant-slices/rest-slice-rive.jpg")
}

.rest-slice-bullerei {
   background-image: url("../_images/restaurant-slices/rest-slice-bullerei.jpg")
}

.rest-slice-al-salam {
   background-image: url("../_images/restaurant-slices/rest-slice-al-salam.jpg")
}

.rest-slice-ahoi {
   background-image: url("../_images/restaurant-slices/rest-slice-ahoi.jpg")
}

.rest-slice-el-mundo {
   background-image: url("../_images/restaurant-slices/rest-slice-el-mundo.jpg")
}

#slideshow-restaurants-klein {
   height: 350px
}

#slideshow-restaurants-gross {
   height: 250px
}

@media screen and (min-width:850px) {
   #slideshow-restaurants-gross {
      height: 300px
   }

}

@media screen and (min-width:900px) {
   #slideshow-restaurants-gross {
      height: 350px
   }

}

.rest-slide {
   position: relative;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center
}

.rest-slide .logoHolder {
   position: absolute;
   bottom: 0;
   width: 100%;
   height: 100px !important;
   padding: 0;
   background-color: rgba(255, 255, 255, .95)
}

#slideshow-restaurants-klein .rest-slide {
   background-position: center bottom
}

#slideshow-restaurants-gross .rest-slide {
   display: flex;
   align-items: flex-end;
   justify-content: center
}

#slideshow-restaurants-gross .rest-slide .logoHolder {
   position: relative;
   width: 84%;
   overflow: hidden
}

#slideshow-restaurants-gross .rest-slide .logoHolder h5>div {
   margin-bottom: -200px;
   animation-name: slideIn;
   animation-duration: 6s;
   animation-delay: 1s;
   animation-fill-mode: forwards
}

#slideshow-restaurants-gross .rest-slide .logoHolder img {
   opacity: 0;
   animation-name: logoFade;
   animation-duration: 6s;
   animation-delay: 1s;
   animation-timing-function: ease-out;
   animation-fill-mode: forwards
}

@keyframes slideIn {
   0% {
      margin-bottom: -200px
   }

   10% {
      margin-bottom: 0
   }

   90% {
      margin-bottom: 0
   }

   100% {
      margin-bottom: -200px
   }

}

@keyframes logoFade {
   0% {
      opacity: 0;
      margin-right: -100px
   }

   10% {
      opacity: 1;
      margin-right: 0
   }

   90% {
      opacity: 1;
      margin-right: 0
   }

   100% {
      opacity: 0;
      margin-right: -100px
   }

}

.restBG-restaurant5 {
   background-image: url("../_images/slideshow-restaurants/Slide-Restaurant-5.jpg")
}

.restBG-al-salam {
   background-image: url("../_images/slideshow-restaurants/Slide-Al-Salam.jpg")
}

.restBG-belsers {
   background-image: url("../_images/slideshow-restaurants/Slide-Belsers.jpg")
}

.restBG-bullerei {
   background-image: url("../_images/slideshow-restaurants/Slide-Bullerei.jpg")
}

.restBG-stoertebeker {
   background-image: url("../_images/slideshow-restaurants/Slide-Stoertebeker.jpg")
}

.restBG-solar {
   background-image: url("../_images/slideshow-restaurants/Slide-Solar.jpg");
   background-position: top center !important
}

.restBG-reduettchen {
   background-image: url("../_images/slideshow-restaurants/Slide-Reduettchen.jpg")
}

.restBG-vielmeer {
   background-image: url("../_images/slideshow-restaurants/Slide-Vielmeer.jpg")
}

.restBG-harzer {
   background-image: url("../_images/slideshow-restaurants/Slide-Harzer-Schnitzelkoenig.jpg")
}

.restBG-ahoi {
   background-image: url("../_images/slideshow-restaurants/Slide-Ahoi.jpg")
}

.restBG-ottos {
   background-image: url("../_images/slideshow-restaurants/Slide-ottos.jpg")
}

.restBG-rive {
   background-image: url("../_images/slideshow-restaurants/Slide-Rive.jpg")
}

.restBG-freustil {
   background-image: url("../_images/slideshow-restaurants/Slide-Freustil.jpg")
}

.restBG-union-brauerei {
   background-image: url("../_images/slideshow-restaurants/Slide-Union-Brauerei.jpg")
}

.restBG-el-mundo {
   background-image: url("../_images/slideshow-restaurants/Slide-El-Mundo.jpg")
}

.carousel-indicators {
   z-index: 234;
   bottom: -7px
}

.restBG-restaurant5 {
   background-image: url("../../_images/slideshow-restaurants/Slide-Restaurant-5.jpg")
}

.restBG-al-salam {
   background-image: url("../../_images/slideshow-restaurants/Slide-Al-Salam.jpg")
}

.restBG-belsers {
   background-image: url("../../_images/slideshow-restaurants/Slide-Belsers.jpg")
}

.restBG-bullerei {
   background-image: url("../../_images/slideshow-restaurants/Slide-Bullerei.jpg")
}

.restBG-stoertebeker {
   background-image: url("../../_images/slideshow-restaurants/Slide-Stoertebeker.jpg")
}

.restBG-solar {
   background-image: url("../../_images/slideshow-restaurants/Slide-Solar.jpg")
}

.restBG-reduettchen {
   background-image: url("../../_images/slideshow-restaurants/Slide-Reduettchen.jpg")
}

.restBG-vielmeer {
   background-image: url("../../_images/slideshow-restaurants/Slide-Vielmeer.jpg")
}

.restBG-harzer {
   background-image: url("../../_images/slideshow-restaurants/Slide-Harzer-Schnitzelkoenig.jpg")
}

.restBG-ahoi {
   background-image: url("../../_images/slideshow-restaurants/Slide-Ahoi.jpg")
}

.restBG-ottos {
   background-image: url("../../_images/slideshow-restaurants/Slide-ottos.jpg")
}

.restBG-rive {
   background-image: url("../../_images/slideshow-restaurants/Slide-Rive.jpg")
}

.restBG-freustil {
   background-image: url("../../_images/slideshow-restaurants/Slide-Freustil.jpg")
}

.restBG-union-brauerei {
   background-image: url("../../_images/slideshow-restaurants/Slide-Union-Brauerei.jpg")
}

.restBG-el-mundo {
   background-image: url("../../_images/slideshow-restaurants/Slide-El-Mundo.jpg")
}

a.textlink, a.grosserTXTlink {
   border-bottom: 1px solid #2e251d
}

a.grosserTXTlink {
   font-size: 1.5rem
}

.PosBTStartseite {
   position: absolute;
   right: 20px;
   bottom: 20px
}

.button-fullsize, .formularbutton {
   padding: 10px 15px
}

.button-fullsize-fett {
   padding: 10px 50px
}

.button-halfsize {
   font-size: .9rem;
   padding: 7px 15px
}

.button-fullsize, .button-halfsize, .button-fullsize-fett, .button-fullsize-twolines, .formularbutton {
   display: inline-block !important;
   font-family: openSansRegular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   font-weight: normal !important;
   letter-spacing: .05em !important;
   color: #2e251d !important;
   text-decoration: none !important;
   text-align: center !important;
   border: 1px solid #2e251d !important;
   border-radius: 4px !important;
   box-shadow: none !important;
   font-size: 15px !important;
   background-color: transparent !important;
   white-space: normal !important
}

.button-fullsize:hover, .button-fullsize:focus, .button-fullsize.button-hi, .button-halfsize:hover, .button-halfsize:focus, .button-halfsize.button-hi, .button-fullsize-fett:hover, .button-fullsize-fett:focus, .button-fullsize-fett.button-hi, .button-fullsize-twolines:hover, .button-fullsize-twolines:focus, .button-fullsize-twolines.button-hi, .formularbutton:hover, .formularbutton:focus, .formularbutton.button-hi {
   color: #fc3b00 !important;
   border: 1px solid #fc3b00 !important;
   cursor: pointer
}

.button-fullsize, .button-fullsize:hover {
   padding: 10px 15px !important
}

.button-fullsize-twolines, .button-fullsize-twolines:hover {
   padding: 8px 12px !important;
   line-height: 18px
}

.button-fullsize-fett {
   padding: 10px 50px !important
}

.button-halfsize {
   font-size: 13px !important;
   padding: 4px 15px !important
}

.button-fullsize i, .button-halfsize i, .button-fullsize-fett i, .button-fullsize-twolines i {
   margin-right: 5px
}

.button-fullsize-twolines {
   text-align: center
}

.button-orange {
   color: #fff !important;
   background-color: #ff4200;
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff6300), to(#ff4200));
   background: -webkit-linear-gradient(top, #ff6300, #ff4200);
   background: -moz-linear-gradient(top, #ff6300, #ff4200);
   background: -ms-linear-gradient(top, #ff6300, #ff4200);
   background: -o-linear-gradient(top, #ff6300, #ff4200);
   border: none !important;
   cursor: pointer
}

.button-orange:hover, .button-orange:focus {
   color: #2e251d !important;
   background-color: #ff6300;
   background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fd9a42) to(#ff6300));
   background: -webkit-linear-gradient(top, #fd9a42, #ff6300);
   background: -moz-linear-gradient(top, #fd9a42, #ff6300);
   background: -ms-linear-gradient(top, #fd9a42, #ff6300);
   background: -o-linear-gradient(top, #fd9a42, #ff6300);
   border: none !important;
   cursor: pointer
}

.formularbutton {
   font-size: 1rem;
   letter-spacing: -0.01em
}

.formularbutton:hover, .formularbutton:focus {
   cursor: pointer;
   box-shadow: silver 0 0 2px !important;
   outline: 0 !important
}

.button-fehler {
   width: 100%;
   height: 180px
}

.button-fehler i {
   display: block;
   font-size: 3rem;
   margin-bottom: 5%
}

.button-fehler span {
   font-size: 1.5rem !important
}

@media screen and (min-width:992px) {
   .button-fehler {
      width: 31%
   }

}

#wrongPassword, #ungueltig, #leeresFeld, #nochnichtVerfuegbar, #sCodeFalsch {
   display: none;
   position: fixed;
   z-index: 20001;
   box-sizing: border-box;
   max-width: 450px;
   background: #fff;
   padding-bottom: 20px
}

#wrongPassword h2, #ungueltig h2, #leeresFeld h2, #nochnichtVerfuegbar h2, #sCodeFalsch h2 {
   font-size: 1.19rem;
   color: #fff;
   padding: 25px 0 25px 75px;
   background-color: #2e251d;
   background-image: url("../images/icon_fehler.png");
   background-repeat: no-repeat;
   background-position: 15px 50%;
   margin: 0 0 25px 0
}

#wrongPassword p, #ungueltig p, #leeresFeld p, #nochnichtVerfuegbar p, #sCodeFalsch p {
   color: #666;
   padding: 0 20px 20px 20px
}

#wrongPassword p.hinweisfett, #ungueltig p.hinweisfett, #leeresFeld p.hinweisfett, #nochnichtVerfuegbar p.hinweisfett, #sCodeFalsch p.hinweisfett {
   font-size: .95rem;
   font-weight: bold
}

#wrongPassword a, #ungueltig a, #leeresFeld a, #nochnichtVerfuegbar a, #sCodeFalsch a {
   color: #666
}

.buttonHolder {
   text-align: center
}

.buttonHolder button {
   border: none;
   cursor: pointer
}

#overlay-fehlermeldungen {
   display: none;
   position: fixed;
   z-index: 20000;
   top: 0px;
   left: 0px;
   height: 100%;
   width: 100%;
   background: rgba(0, 0, 0, .7)
}

@media screen and (max-width:650px) {
   #overlay-fehlermeldungen {
      background: rgba(0, 0, 0, .85)
   }

}

a.bigSellButton {
   display: inline-block;
   font-size: 1.56rem;
   color: #fff;
   padding: 10px 40px 13px 20px;
   background-image: linear-gradient(#ff6300, #ff4200);
   border: 4px solid rgba(255, 255, 255, .8);
   border-radius: 5px
}

a.bigSellButton:hover, a.bigSellButton:focus {
   color: #2e251d !important;
   background-image: linear-gradient(#fd9a42, #ff6300)
}

@font-face {
   font-family: "fontello";
   src: url("../_fonts/Fontello/fontello.woff2?18079688") format("woff2"), url("../_fonts/Fontello/fontello.woff?18079688") format("woff"), url("../_fonts/Fontello/fontello.ttf?18079688") format("truetype");
   font-weight: normal;
   font-style: normal
}

[class^=icon-]:before, [class*=" icon-"]:before {
   font-family: "fontello";
   font-style: normal;
   font-weight: normal;
   speak: never;
   display: inline-block;
   text-decoration: inherit;
   width: 1em;
   margin-right: .2em;
   text-align: center;
   opacity: .8;
   font-variant: normal;
   text-transform: none;
   line-height: 1em;
   margin-left: .2em;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}

.icon-home:before {
   content: ""
}

.icon-hammer:before {
   content: ""
}

.icon-phone:before {
   content: ""
}

.icon-users:before {
   content: ""
}

.icon-help-circled:before {
   content: ""
}

.icon-logout:before {
   content: ""
}

.icon-info-circled:before {
   content: ""
}

.icon-login:before {
   content: ""
}

.icon-arrows-cw:before {
   content: ""
}

.icon-right-open:before {
   content: ""
}

.icon-left-open:before {
   content: ""
}

.icon-lock:before {
   content: ""
}

.icon-up-open:before {
   content: ""
}

.icon-zoom-out:before {
   content: ""
}

.icon-zoom-in:before {
   content: ""
}

.icon-ok:before {
   content: ""
}

.icon-calendar:before {
   content: ""
}

.icon-users-1:before {
   content: ""
}

.icon-glass:before {
   content: ""
}

.icon-location:before {
   content: ""
}

.icon-basket:before {
   content: ""
}

.icon-trash-1:before {
   content: ""
}

.icon-tags:before {
   content: ""
}

.icon-search:before {
   content: ""
}

.icon-heart:before {
   content: ""
}

.icon-heart-empty:before {
   content: ""
}

.icon-star:before {
   content: ""
}

.icon-star-empty:before {
   content: ""
}

.icon-user:before {
   content: ""
}

.icon-minus:before {
   content: ""
}

.icon-plus:before {
   content: ""
}

.icon-cancel:before {
   content: ""
}

.icon-th-list:before {
   content: ""
}

.icon-th:before {
   content: ""
}

.icon-picture:before {
   content: ""
}

.icon-th-large:before {
   content: ""
}

.icon-pencil:before {
   content: ""
}

.icon-minus-circled:before {
   content: ""
}

.icon-restaurant:before {
   content: ""
}

.icon-tag:before {
   content: ""
}

.icon-forward:before {
   content: ""
}

.icon-edit:before {
   content: ""
}

.icon-check:before {
   content: ""
}

.icon-print:before {
   content: ""
}

.icon-attention-circled:before {
   content: ""
}

.icon-attention:before {
   content: ""
}

.icon-cog:before {
   content: ""
}

.icon-block:before {
   content: ""
}

.icon-clock:before {
   content: ""
}

.icon-gift:before {
   content: ""
}

.icon-credit-card:before {
   content: ""
}

.icon-credit-card-1:before {
   content: ""
}

.icon-mail:before {
   content: ""
}

.icon-megaphone:before {
   content: ""
}

.icon-book-open:before {
   content: ""
}

.icon-up-big:before {
   content: ""
}

.icon-right-big:before {
   content: ""
}

.icon-left-big:before {
   content: ""
}

.icon-down-big:before {
   content: ""
}

.icon-cw:before {
   content: ""
}

.icon-ccw:before {
   content: ""
}

.icon-shuffle:before {
   content: ""
}

.icon-thumbs-up:before {
   content: ""
}

.icon-yov-gastronom:before {
   content: ""
}

.icon-yov-firmenkunden:before {
   content: ""
}

.icon-spin6:before {
   content: ""
}

.icon-down-bold:before {
   content: ""
}

.icon-up-bold:before {
   content: ""
}

.icon-left-bold:before {
   content: ""
}

.icon-right-bold:before {
   content: ""
}

.icon-cloud:before {
   content: ""
}

.icon-globe:before {
   content: ""
}

.icon-inbox:before {
   content: ""
}

.icon-docs-1:before {
   content: ""
}

.icon-flash:before {
   content: ""
}

.icon-link-ext:before {
   content: ""
}

.icon-check-empty:before {
   content: ""
}

.icon-certificate:before {
   content: ""
}

.icon-filter:before {
   content: ""
}

.icon-menu:before {
   content: ""
}

.icon-money:before {
   content: ""
}

.icon-mail-alt:before {
   content: ""
}

.icon-lightbulb:before {
   content: ""
}

.icon-exchange:before {
   content: ""
}

.icon-bell-alt:before {
   content: ""
}

.icon-coffee:before {
   content: ""
}

.icon-food:before {
   content: ""
}

.icon-beer:before {
   content: ""
}

.icon-angle-double-left:before {
   content: ""
}

.icon-angle-double-right:before {
   content: ""
}

.icon-angle-double-up:before {
   content: ""
}

.icon-angle-double-down:before {
   content: ""
}

.icon-angle-left:before {
   content: ""
}

.icon-angle-right:before {
   content: ""
}

.icon-angle-up:before {
   content: ""
}

.icon-angle-down:before {
   content: ""
}

.icon-desktop:before {
   content: ""
}

.icon-laptop:before {
   content: ""
}

.icon-tablet:before {
   content: ""
}

.icon-mobile:before {
   content: ""
}

.icon-spinner:before {
   content: ""
}

.icon-reply:before {
   content: ""
}

.icon-reply-all:before {
   content: ""
}

.icon-direction:before {
   content: ""
}

.icon-help:before {
   content: ""
}

.icon-info:before {
   content: ""
}

.icon-attention-alt:before {
   content: ""
}

.icon-puzzle:before {
   content: ""
}

.icon-anchor:before {
   content: ""
}

.icon-minus-squared:before {
   content: ""
}

.icon-level-up:before {
   content: ""
}

.icon-level-down:before {
   content: ""
}

.icon-ok-squared:before {
   content: ""
}

.icon-euro:before {
   content: ""
}

.icon-pound:before {
   content: ""
}

.icon-dollar:before {
   content: ""
}

.icon-rupee:before {
   content: ""
}

.icon-sort-name-up:before {
   content: ""
}

.icon-sort-name-down:before {
   content: ""
}

.icon-sort-alt-up:before {
   content: ""
}

.icon-sort-alt-down:before {
   content: ""
}

.icon-sort-number-up:before {
   content: ""
}

.icon-sort-number-down:before {
   content: ""
}

.icon-dropbox:before {
   content: ""
}

.icon-mail-squared:before {
   content: ""
}

.icon-bank:before {
   content: ""
}

.icon-child:before {
   content: ""
}

.icon-tree:before {
   content: ""
}

.icon-share:before {
   content: ""
}

.icon-cc-visa:before {
   content: ""
}

.icon-cc-mastercard:before {
   content: ""
}

.icon-cc-amex:before {
   content: ""
}

.icon-cc-paypal:before {
   content: ""
}

e .icon-copyright:before {
   content: ""
}

.icon-at:before {
   content: ""
}

.icon-toggle-off:before {
   content: ""
}

.icon-toggle-on:before {
   content: ""
}

.icon-user-plus:before {
   content: ""
}

.icon-expeditedssl:before {
   content: ""
}

.icon-battery-4:before {
   content: ""
}

.icon-battery-2:before {
   content: ""
}

.icon-battery-0:before {
   content: ""
}

.icon-mouse-pointer:before {
   content: ""
}

.icon-i-cursor:before {
   content: ""
}

.icon-object-group:before {
   content: ""
}

.icon-object-ungroup:before {
   content: ""
}

.icon-sticky-note:before {
   content: ""
}

.icon-sticky-note-o:before {
   content: ""
}

.icon-balance-scale:before {
   content: ""
}

.icon-calendar-plus-o:before {
   content: ""
}

.icon-calendar-minus-o:before {
   content: ""
}

.icon-calendar-times-o:before {
   content: ""
}

.icon-calendar-check-o:before {
   content: ""
}

.icon-map-signs:before {
   content: ""
}

.icon-map-o:before {
   content: ""
}

.icon-credit-card-alt:before {
   content: ""
}

.icon-shopping-basket:before {
   content: ""
}

.icon-handshake-o:before {
   content: ""
}

.icon-envelope-open:before {
   content: ""
}

.icon-envelope-open-o:before {
   content: ""
}

.icon-paypal:before {
   content: ""
}

.animate-spin {
   -moz-animation: spin 2s infinite linear;
   -o-animation: spin 2s infinite linear;
   -webkit-animation: spin 2s infinite linear;
   animation: spin 2s infinite linear;
   display: inline-block
}

@-moz-keyframes spin {
   0% {
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
   }

   100% {
      -moz-transform: rotate(359deg);
      -o-transform: rotate(359deg);
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg)
   }

}

@-webkit-keyframes spin {
   0% {
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
   }

   100% {
      -moz-transform: rotate(359deg);
      -o-transform: rotate(359deg);
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg)
   }

}

@-o-keyframes spin {
   0% {
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
   }

   100% {
      -moz-transform: rotate(359deg);
      -o-transform: rotate(359deg);
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg)
   }

}

@-ms-keyframes spin {
   0% {
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
   }

   100% {
      -moz-transform: rotate(359deg);
      -o-transform: rotate(359deg);
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg)
   }

}

@keyframes spin {
   0% {
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg)
   }

   100% {
      -moz-transform: rotate(359deg);
      -o-transform: rotate(359deg);
      -webkit-transform: rotate(359deg);
      transform: rotate(359deg)
   }

}

.menu-holder {
   height: 100% !important
}

@media screen and (min-width:767px) {
   .menu-holder {
      height: 75% !important
   }

}

nav ul {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   list-style: none;
   padding: 0 30px;
   margin: 0
}

nav ul li {
   margin: 0 4px;
   width: 15%
}

nav ul li.button-breit {
   width: 40%
}

nav ul li a {
   display: block;
   width: 100%;
   height: 40px;
   margin-top: 10px;
   padding: 7px 0 0 0;
   font-size: 1rem;
   letter-spacing: 0;
   text-align: center;
   color: #2e251d;
   background-color: #ccc;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
   box-shadow: inset 0 -8px 6px -6px #666;
   background: -webkit-radial-gradient(ellipse at bottom, #e5e5e5 58%, #b5b5b5 100%);
   background: -o-radial-gradient(ellipse at bottom, #e5e5e5 58%, #b5b5b5 100%);
   background: -moz-radial-gradient(ellipse at bottom, #e5e5e5 58%, #b5b5b5 100%);
   background: radial-gradient(ellipse at bottom, #e5e5e5 58%, #b5b5b5 100%)
}

@media screen and (min-width:1015px) {
   nav ul li a {
      font-size: 1.1rem;
      letter-spacing: 0
   }

}

nav ul li a:hover, nav ul li a:focus {
   color: #fc3b00;
   text-shadow: 0 0 5px #ffc5b3
}

nav ul li a.BTcurrent {
   height: 50px;
   margin-top: 0
}

@media screen and (min-width:1135px) {
   nav ul li, nav ul li.button-breit {
      width: 20%
   }

}

.button-menu-mobile {
   color: #fff
}

.button-menu-mobile i {
   display: block;
   font-size: 26px
}

a.main-button-sm {
   display: inline-block;
   color: #fff !important;
   border-color: #fff !important;
   margin-top: 4px
}

a.main-button-sm:hover, a.main-button-sm:focus {
   border-color: #fff !important
}

#menu-mobile {
   position: fixed;
   z-index: 100000034;
   top: 0;
   bottom: 0;
   left: -310px;
   width: 300px;
   display: flex;
   display: -ms-flexbox;
   flex-direction: column;
   -ms-flex-direction: column;
   height: 100vh;
   font-size: 1.25rem;
   background-color: #fff;
   box-shadow: 0 0 10px rgba(0, 0, 0, .5);
   transition: left ease-in-out .5s;
   overflow: scroll
}

.sidemenu-head {
   display: flex;
   display: -ms-flexbox;
   flex-direction: column;
   -ms-flex-direction: column;
   height: 50px;
   background-color: #2e251d
}

.sidemenu-logo-holder {
   padding: 7px 15px 8px 15px
}

.sidemenu-logo {
   width: 110px
}

.sidemnu-close-holder {
   padding-top: 6px
}

.sidemnu-close-holder .close-bt {
   color: #fff;
   font-size: 2.3rem;
   text-shadow: none;
   opacity: 1;
   margin-top: 3px
}

.sidemnu-close-holder .close-bt:hover, .sidemnu-close-holder .close-bt:focus {
   color: #fc3b00
}

.menupunkte-holder {
   overflow: auto;
   -webkit-overflow-scrolling: touch;
   min-height: 0
}

#menu-mobile ul {
   padding: 0;
   margin: 16px 0 0 0;
   list-style-type: none
}

#menu-mobile ul li a {
   display: block;
   padding: 0 10px;
   line-height: 2.8rem
}

#menu-mobile ul li a i {
   margin-right: 10px
}

#menu-mobile ul li a.grey {
   background-color: rgba(0, 0, 0, .08);
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   margin-top: -1px
}

#menu-mobile ul li a.mitSub:after {
   display: inline-block;
   font-family: "fontello";
   content: "";
   font-size: .75em;
   float: right;
   padding-right: 10px
}

#overlay {
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 99948;
   width: 100vw;
   height: 110vh;
   background-color: rgba(0, 0, 0, .75)
}


/*Sterne und Geschenkschweif*/
#wrap {
   z-index: 300
}

#sterne-bg {
   position: fixed;
   top: 220px;
   left: 0;
   z-index: -1;
   height: 100%;
   background-image: url("../../_images/sterne-bg.png");
   background-position: top center;
   background-size: 100%;
   background-repeat: repeat-y;
   width: 100%
}

header {
   /*background-image: url('../../_images/geschenkschweif.png');*/
   background-position: center center;
   background-size: 100%;
}