@media (min-width: 1200px) {
  .container {
    width: 1440px; } }
@font-face {
  font-family: 'BrandonBold';
  font-style: normal;
  font-weight: normal;
  src: url("/bundles/pott/fonts/brandon/Brandon_bld.otf") format("opentype"); }
@font-face {
  font-family: 'BrandonLight';
  font-style: normal;
  font-weight: normal;
  src: url("/bundles/pott/fonts/brandon/Brandon_light.otf") format("opentype"); }
@font-face {
  font-family: 'BrandonReg';
  font-style: normal;
  font-weight: normal;
  src: url("/bundles/pott/fonts/brandon/Brandon_reg.otf") format("opentype"); }
@font-face {
  font-family: 'BrandonThin';
  font-style: normal;
  font-weight: normal;
  src: url("/bundles/pott/fonts/brandon/Brandon_thin.otf") format("opentype"); }
@media (min-width: 1200px) {
  .container {
    width: 1440px; } }
@font-face {
  font-family: 'BrandonBold';
  font-style: normal;
  font-weight: normal;
  src: url("/bundles/pott/fonts/brandon/Brandon_bld.otf") format("opentype"); }
@font-face {
  font-family: 'BrandonLight';
  font-style: normal;
  font-weight: normal;
  src: url("/bundles/pott/fonts/brandon/Brandon_light.otf") format("opentype"); }
@font-face {
  font-family: 'BrandonReg';
  font-style: normal;
  font-weight: normal;
  src: url("/bundles/pott/fonts/brandon/Brandon_reg.otf") format("opentype"); }
@font-face {
  font-family: 'BrandonThin';
  font-style: normal;
  font-weight: normal;
  src: url("/bundles/pott/fonts/brandon/Brandon_thin.otf") format("opentype"); }
.equal.first .page-header .header-img {
  min-height: 380px; }
.equal.third #tipps-pott .sizeable {
  min-height: 169px; }

.page-header .header-img {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%; }
.page-header.sommer-season .header-img {
  background: url("/bundles/pott/images/home/mobile/pott-spring-drinks-mobile.jpg"); }
.page-header.winter-season .header-img {
  background: url("/bundles/pott/images/home/mobile/pott-winterdrinks-mobile.jpg"); }
.page-header.winter-new .header-img {
  background: url("/bundles/pott/images/home/mobile/POTT-Eierlikoer_Teaser-Home_mobile.png");
  background-size: 100%;
  background-position: left; }
.page-header .wintertime {
  padding-top: 10px; }
  .page-header .wintertime img.new-winter-bottle {
    height: 300px;
    position: relative;
    margin: 20px;
    float: left; }
  .page-header .wintertime img.winter-new-svg {
    position: relative;
    margin: auto;
    margin-top: 10px;
    width: 80%; }
  .page-header .wintertime .btn-orange-white-wrapper {
    position: relative; }
    .page-header .wintertime .btn-orange-white-wrapper a {
      width: 88%;
      margin: 0 auto 10px; }

@media (max-width: 430px) {
  .wintertime a {
    margin-top: 142px; }
  .wintertime p {
    font-size: 14px; } }
#tee-und-grog .bg {
  background: url("/bundles/pott/images/home/tee-und-grog.png") center;
  background-size: cover;
  height: 90vw; }
#tee-und-grog .tee-und-grog-btn {
  margin-bottom: 30px; }

#der-gute-pott h2 {
  font-size: 48px;
  margin-bottom: -10px; }
#der-gute-pott h3 {
  position: relative; }
  #der-gute-pott h3 .font-condensed {
    font-size: 31px; }
  #der-gute-pott h3:before {
    content: "";
    display: block;
    border-top: solid 1px;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1; }
  #der-gute-pott h3 span {
    position: relative;
    z-index: 5;
    background: #fff7ea;
    padding: 0 5px; }
#der-gute-pott h4 {
  font-size: 28px;
  margin-top: 5px; }
#der-gute-pott .container-blume {
  top: 9px;
  color: #b10000; }

#feuer-und-flamme h2 {
  font-size: 38px; }
  #feuer-und-flamme h2 i.icon-feuer {
    margin: 0 5px; }
#feuer-und-flamme h3 {
  font-size: 30px; }
#feuer-und-flamme .img-responsive {
  width: 150px; }

#tipps-pott h2 {
  font-size: 24px;
  top: 3px; }
#tipps-pott h3 {
  font-size: 34px;
  line-height: 1;
  margin-bottom: 25px; }
#tipps-pott .red-fruit-outline {
  margin-top: 5px; }

.mobile-button-only {
  display: none; }

#sweet-and-spicy .percentage {
  color: #4e4e4d; }
#sweet-and-spicy .img-circle.ruby-outline {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 20px; }
  #sweet-and-spicy .img-circle.ruby-outline:after {
    content: " ";
    position: absolute;
    z-index: 0;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    border-radius: 50%;
    background: #fff7ea; }
  #sweet-and-spicy .img-circle.ruby-outline:before {
    border-radius: 50%;
    z-index: 1;
    outline: 0; }
  #sweet-and-spicy .img-circle.ruby-outline .img-responsive {
    position: relative;
    z-index: 1;
    border: 6px solid #fff7ea; }
#sweet-and-spicy h2 {
  font-size: 36px; }
#sweet-and-spicy .spacer-top-20 {
  margin-top: 73px; }
#sweet-and-spicy .container-blume {
  color: #601010;
  top: 13px; }
#sweet-and-spicy h3 {
  position: relative;
  font-size: 50px;
  margin: 0 auto;
  position: relative; }
  #sweet-and-spicy h3:before {
    content: "";
    display: block;
    border-top: solid 1px;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1; }
  #sweet-and-spicy h3 span {
    position: relative;
    z-index: 5;
    background: #fff7ea;
    padding: 0 5px; }
#sweet-and-spicy .button-wrapper {
  text-align: center;
  margin-top: 200px; }
  #sweet-and-spicy .button-wrapper .btn-black-beige {
    width: 230px;
    margin-left: auto;
    margin-right: auto; }

#herstellung-und-geschichte h2 {
  font-size: 35px; }
#herstellung-und-geschichte h3 {
  font-size: 30px; }

#drinks-und-rezepte h2 {
  font-size: 32px;
  position: relative; }
  #drinks-und-rezepte h2:before {
    content: "";
    display: block;
    border-top: solid 1px;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1; }
  #drinks-und-rezepte h2 span {
    position: relative;
    z-index: 5;
    background: #fff7ea;
    padding: 0 5px; }
  #drinks-und-rezepte h2 .smaller {
    font-size: 22px;
    display: block; }
#drinks-und-rezepte .p:before {
  top: 50%;
  width: 38%; }
#drinks-und-rezepte .p:after {
  top: 50%;
  width: 37%; }
#drinks-und-rezepte .container-blume {
  top: 39px; }

#drinks-und-rezepte-slider-container figcaption {
  background: #4e4e4d;
  color: #fff7ea;
  padding: 11px 0;
  font-size: 20px;
  text-transform: uppercase; }

.font-frutiger-light-space {
  margin: 26px 0; }

.row.home-teaser {
  margin-left: 0px;
  margin-right: 0; }

.home-teaser-bottle {
  height: 405px;
  margin-left: 15px;
  padding: 15px; }

.home-teaser-background {
  background: url("/bundles/pott/images/home/POTT-Eierlikoer_Product-Header_desktop.png");
  background-size: cover;
  display: flex; }

.home-teaser-content {
  display: flex;
  flex-direction: column; }
  .home-teaser-content h2 {
    font-size: 45px;
    margin-top: 30px;
    text-transform: uppercase;
    color: #4e4e4d;
    font-family: 'BrandonBold';
    padding: 2px; }
  .home-teaser-content .percentage {
    font-size: 36px;
    margin-top: 15px;
    text-transform: uppercase;
    color: #4e4e4d;
    z-index: 5;
    position: relative;
    font-family: 'BrandonBold'; }
    .home-teaser-content .percentage:before {
      content: "";
      display: block;
      border-top: solid 5px;
      width: 40%;
      height: 1px;
      position: absolute;
      top: 60%;
      z-index: 1; }
    .home-teaser-content .percentage:after {
      content: "";
      display: block;
      border-top: solid 5px;
      width: 39%;
      height: 1px;
      position: absolute;
      top: 60%;
      z-index: 1;
      right: 1%; }
  .home-teaser-content .description {
    font-size: 36px;
    margin-top: 30px;
    text-transform: uppercase;
    color: #4e4e4d;
    margin-bottom: 30px;
    font-family: 'BrandonBold'; }
    .home-teaser-content .description p {
      font-family: BrandonBold;
      font-size: 30px; }
  .home-teaser-content .call-to-action {
    margin-bottom: 14px; }

.percentage {
  font-size: 36px;
  margin-top: 15px;
  text-transform: uppercase;
  color: #4e4e4d;
  z-index: 5;
  position: relative;
  text-align: center;
  font-family: 'BrandonBold'; }
  .percentage:before {
    content: "";
    display: block;
    border-top: solid 5px;
    width: 40%;
    height: 1px;
    position: absolute;
    top: 60%;
    z-index: 1; }
  .percentage:after {
    content: "";
    display: block;
    border-top: solid 5px;
    width: 40%;
    height: 1px;
    position: absolute;
    top: 60%;
    z-index: 1;
    right: 1%; }

.text-main-color {
  color: #4e4e4d !important; }

#der-gute-pott h4, #feuer-und-flamme h4 {
  font-size: 36px;
  text-transform: uppercase;
  text-align: center; }
#der-gute-pott p, #feuer-und-flamme p {
  text-transform: none;
  font-family: BrandonReg;
  font-size: 18px; }
#der-gute-pott .percentage, #feuer-und-flamme .percentage {
  font-size: 36px;
  margin-top: 15px;
  text-transform: uppercase;
  color: #4e4e4d;
  z-index: 5;
  position: relative;
  text-align: center;
  font-family: 'BrandonBold'; }
#der-gute-pott h2, #feuer-und-flamme h2 {
  font-size: 60px !important;
  line-height: 60px !important; }
#der-gute-pott p.text-center.text-main-color, #feuer-und-flamme p.text-center.text-main-color {
  padding: 0 30px 0 30px; }
#der-gute-pott .img-responsive, #feuer-und-flamme .img-responsive {
  width: 150px; }

@media (min-width: 768px) {
  #sweet-and-spicy h2.text-center {
    font-size: 60px; }

  .sweet-and-spicy-header-container {
    margin-top: 80px; }

  .img-responsive.spacer-top-20 {
    margin-top: 0 !important; } }
#drinks-und-rezepte .percentage {
  font-size: 60px; }
  #drinks-und-rezepte .percentage:before {
    width: 31%;
    top: 50%; }
  #drinks-und-rezepte .percentage:after {
    width: 30%;
    top: 50%; }

@media (max-width: 480px) {
  #drinks-und-rezepte .percentage {
    font-size: 30px; }
    #drinks-und-rezepte .percentage:before {
      width: 8%; }
    #drinks-und-rezepte .percentage:after {
      width: 7%; }

  .home-teaser {
    display: flex;
    flex-direction: column-reverse; }

  .home-teaser-content h2 {
    font-size: 48px;
    margin-top: 10px; }

  .percentage {
    font-size: 24px;
    margin-top: 0; }

  .description {
    font-size: 28px;
    margin-top: 10px; }
    .description p {
      font-size: 28px; }
    .description #drinks-und-rezepte .percentage:before {
      width: 20%; }
    .description #drinks-und-rezepte .percentage:after {
      width: 21%; }

  #der-gute-pott h4, #feuer-und-flamme h4 {
    font-size: 28px; }
  #der-gute-pott p, #feuer-und-flamme p {
    font-size: 16px; }
  #der-gute-pott .percentage, #feuer-und-flamme .percentage {
    font-size: 24px;
    margin-top: 5px; }
  #der-gute-pott h2, #feuer-und-flamme h2 {
    font-size: 48px !important;
    line-height: 48px !important; }
  #der-gute-pott p.text-center.text-main-color, #feuer-und-flamme p.text-center.text-main-color {
    margin: 147px 0 0px 26.6px;
    padding: 0; }

  .rezepte-pott {
    font-size: 22px;
    margin-bottom: 36px; }

  .rezepte-pott-description {
    text-align: center;
    font-size: 28px;
    padding: 0 15px 0 15px; }

  #sweet-and-spicy .inner-content {
    display: flex;
    flex-direction: column; }
    #sweet-and-spicy .inner-content .img-responsive {
      margin-top: 0;
      padding: 0 50px; }

  .body-background {
    background-image: none; }

  .desktop-only {
    display: none; }

  .mobile-button-only {
    display: block;
    margin-bottom: 30px;
    margin-top: 30px; } }
#btn-prev img {
  max-width: 101px; }

#btn-next img {
  max-width: 101px;
  margin-left: 20px; }

@media (min-width: 1200px) {
  .container {
    width: 1440px; } }
@font-face {
  font-family: 'BrandonBold';
  font-style: normal;
  font-weight: normal;
  src: url("/bundles/pott/fonts/brandon/Brandon_bld.otf") format("opentype"); }
@font-face {
  font-family: 'BrandonLight';
  font-style: normal;
  font-weight: normal;
  src: url("/bundles/pott/fonts/brandon/Brandon_light.otf") format("opentype"); }
@font-face {
  font-family: 'BrandonReg';
  font-style: normal;
  font-weight: normal;
  src: url("/bundles/pott/fonts/brandon/Brandon_reg.otf") format("opentype"); }
@font-face {
  font-family: 'BrandonThin';
  font-style: normal;
  font-weight: normal;
  src: url("/bundles/pott/fonts/brandon/Brandon_thin.otf") format("opentype"); }
@media (min-width: 1200px) {
  .container {
    width: 1440px; } }
@font-face {
  font-family: 'BrandonBold';
  font-style: normal;
  font-weight: normal;
  src: url("/bundles/pott/fonts/brandon/Brandon_bld.otf") format("opentype"); }
@font-face {
  font-family: 'BrandonLight';
  font-style: normal;
  font-weight: normal;
  src: url("/bundles/pott/fonts/brandon/Brandon_light.otf") format("opentype"); }
@font-face {
  font-family: 'BrandonReg';
  font-style: normal;
  font-weight: normal;
  src: url("/bundles/pott/fonts/brandon/Brandon_reg.otf") format("opentype"); }
@font-face {
  font-family: 'BrandonThin';
  font-style: normal;
  font-weight: normal;
  src: url("/bundles/pott/fonts/brandon/Brandon_thin.otf") format("opentype"); }
@media (min-width: 768px) {
  .equal.first .page-header .header-img {
    min-height: 269px; }
  .equal.second .inner-content {
    min-height: 445px; }
  .equal.third #tipps-pott .sizeable {
    min-height: 164px; }
  .equal.third #sweet-and-spicy .inner-content {
    min-height: 420px; }
  .equal.third #herstellung-und-geschichte .inner-content {
    min-height: 465px; }

  .btn-cont {
    position: absolute;
    bottom: 22px;
    right: 6px;
    padding: 0 15px; }

  .page-header .header-img {
    background-size: cover;
    background-position: bottom; }
  .page-header .wintertime p {
    padding-top: 20px;
    font-size: 16px; }
  .page-header .wintertime a {
    margin-top: 0; }
  .page-header .wintertime img.new-winter-bottle {
    position: absolute;
    height: 250px;
    top: 8px;
    left: 20px;
    margin: 0;
    float: none; }
  .page-header .wintertime img.winter-new-svg {
    right: 15px;
    top: 20px;
    height: 90px;
    position: absolute;
    margin: auto;
    margin-top: 0;
    width: auto; }
  .page-header .wintertime .btn-orange-white-wrapper {
    bottom: 15px;
    right: 15px;
    position: absolute; }
    .page-header .wintertime .btn-orange-white-wrapper a {
      width: auto;
      margin: 0; }
  .page-header.winter-season .header-img {
    background: url("/bundles/pott/images/home/pott-winterdrinks.jpg"); }
    .page-header.winter-season .header-img .wintertime {
      padding: 30px 20px 0 0; }
      .page-header.winter-season .header-img .wintertime > div {
        float: right; }
  .page-header.sommer-season .header-img {
    background: url("/bundles/pott/images/home/pott-spring-drinks.jpg"); }
    .page-header.sommer-season .header-img .wintertime {
      padding: 10px 0 0 0; }
  .page-header.winter-new .header-img {
    background: url("/bundles/pott/images/home/POTT-Eierlikoer_Product-Header_desktop.png");
    background-size: cover; }
    .page-header.winter-new .header-img .wintertime {
      padding: 10px 0 0 0; }

  #tee-und-grog .bg {
    padding-bottom: 192px !important;
    height: auto; }

  #drinks-und-rezepte h2 {
    margin-top: 15px; }
    #drinks-und-rezepte h2 span.smaller {
      display: inline;
      padding: 0; }
  #drinks-und-rezepte #drinks-und-rezepte-slider-container {
    margin-top: 20px; }
  #drinks-und-rezepte .slick-list {
    margin: 0 -5px; }
  #drinks-und-rezepte .slick-slide {
    margin: 0 5px; }
  #drinks-und-rezepte .container-blume {
    top: 19px; }

  #tipps-pott h3 {
    font-size: 25px;
    line-height: normal; }

  #der-gute-pott h2 {
    font-size: 38px;
    line-height: 40px; }

  #feuer-und-flamme h2 {
    font-size: 36px; }

  #sweet-and-spicy h2 {
    font-size: 41px; }
  #sweet-and-spicy .spacer-top-sm--var {
    margin-top: -338px; }
  #sweet-and-spicy .btn-ruby-beige {
    margin-top: 0; }
  #sweet-and-spicy .spacer-top-20 {
    margin-top: 20px; }
  #sweet-and-spicy .container-blume {
    top: 14px; }

  #herstellung-und-geschichte img.img-responsive {
    margin-top: 40px; }
  #herstellung-und-geschichte .btn-beige-green-dark {
    margin-top: 44px; } }
@media (min-width: 768px) and (max-width: 991px) {
  .page-header.winter-new .header-img {
    background-position: 28% 0%; } }

@media (min-width: 1200px) {
  .container {
    width: 1440px; } }
@font-face {
  font-family: 'BrandonBold';
  font-style: normal;
  font-weight: normal;
  src: url("/bundles/pott/fonts/brandon/Brandon_bld.otf") format("opentype"); }
@font-face {
  font-family: 'BrandonLight';
  font-style: normal;
  font-weight: normal;
  src: url("/bundles/pott/fonts/brandon/Brandon_light.otf") format("opentype"); }
@font-face {
  font-family: 'BrandonReg';
  font-style: normal;
  font-weight: normal;
  src: url("/bundles/pott/fonts/brandon/Brandon_reg.otf") format("opentype"); }
@font-face {
  font-family: 'BrandonThin';
  font-style: normal;
  font-weight: normal;
  src: url("/bundles/pott/fonts/brandon/Brandon_thin.otf") format("opentype"); }
@media (min-width: 992px) {
  .equal.first .page-header .header-img {
    min-height: 306px; }
  .equal.second .inner-content {
    min-height: 0; }
  .equal.third #tipps-pott .sizeable {
    min-height: 179px; }
  .equal.third #sweet-and-spicy .inner-content {
    min-height: 419px; }
  .equal.third #herstellung-und-geschichte .inner-content {
    min-height: 462px; }

  .page-header .wintertime {
    padding-top: 45px; }
    .page-header .wintertime a {
      margin-top: 20px; }
    .page-header .wintertime img.new-winter-bottle {
      height: 285px; }
    .page-header .wintertime img.winter-new-svg {
      height: 105px;
      right: 20px; }
    .page-header .wintertime .btn-orange-white-wrapper {
      bottom: 20px;
      right: 20px; }

  #tee-und-grog .bg {
    padding-bottom: 229px !important;
    height: auto; }

  #drinks-und-rezepte .container-blume #blume-left .border-right {
    left: -24%; }
  #drinks-und-rezepte .container-blume #blume-right .border-left {
    right: -24%; }

  #tipps-pott h3 {
    font-size: 34px;
    line-height: 35px; }

  #feuer-und-flamme h2 {
    font-size: 30px; }

  #sweet-and-spicy .spacer-top-sm--var {
    margin-top: -433px; }
  #sweet-and-spicy .spacer-top-20 {
    margin-top: 20px; }
  #sweet-and-spicy .container-blume {
    top: 13px; }

  #herstellung-und-geschichte img.img-responsive {
    margin-top: 15px; }
  #herstellung-und-geschichte .btn-beige-green-dark {
    margin-top: 31px; } }

@media (min-width: 1200px) {
  .container {
    width: 1440px; } }
@font-face {
  font-family: 'BrandonBold';
  font-style: normal;
  font-weight: normal;
  src: url("/bundles/pott/fonts/brandon/Brandon_bld.otf") format("opentype"); }
@font-face {
  font-family: 'BrandonLight';
  font-style: normal;
  font-weight: normal;
  src: url("/bundles/pott/fonts/brandon/Brandon_light.otf") format("opentype"); }
@font-face {
  font-family: 'BrandonReg';
  font-style: normal;
  font-weight: normal;
  src: url("/bundles/pott/fonts/brandon/Brandon_reg.otf") format("opentype"); }
@font-face {
  font-family: 'BrandonThin';
  font-style: normal;
  font-weight: normal;
  src: url("/bundles/pott/fonts/brandon/Brandon_thin.otf") format("opentype"); }
@media (min-width: 1200px) {
  .equal.first .page-header .header-img {
    min-height: 357px; }
  .equal.third #tipps-pott .sizeable {
    min-height: 186px; }
  .equal.third #herstellung-und-geschichte .inner-content {
    min-height: 503px; }

  .page-header.sommer-season .wintertime, .page-header.winter-season .wintertime, .page-header.winter-new .wintertime {
    padding-top: 60px !important; }
    .page-header.sommer-season .wintertime a, .page-header.winter-season .wintertime a, .page-header.winter-new .wintertime a {
      margin-top: 25px; }
    .page-header.sommer-season .wintertime img.new-winter-bottle, .page-header.winter-season .wintertime img.new-winter-bottle, .page-header.winter-new .wintertime img.new-winter-bottle {
      height: 330px;
      position: absolute;
      top: 10px;
      left: 30px; }
    .page-header.sommer-season .wintertime img.winter-new-svg, .page-header.winter-season .wintertime img.winter-new-svg, .page-header.winter-new .wintertime img.winter-new-svg {
      position: absolute;
      right: 20px;
      top: 30px;
      height: 140px; }
    .page-header.sommer-season .wintertime .btn-orange-white-wrapper, .page-header.winter-season .wintertime .btn-orange-white-wrapper, .page-header.winter-new .wintertime .btn-orange-white-wrapper {
      position: absolute;
      bottom: 20px;
      right: 50px; }

  #tee-und-grog .bg {
    padding-bottom: 280px !important;
    height: 350px; }

  #drinks-und-rezepte .container-blume #blume-left .border-right {
    left: -27.5%; }
  #drinks-und-rezepte .container-blume #blume-right .border-left {
    right: -27.5%; }

  #der-gute-pott h2 {
    font-size: 45px;
    line-height: 44px; }

  #feuer-und-flamme h2 {
    font-size: 43px; }

  #sweet-and-spicy .spacer-top-sm--var {
    margin-top: -410px; }
  #sweet-and-spicy .btn-ruby-beige {
    margin-top: -4px; }
  #sweet-and-spicy .spacer-top-20 {
    margin-top: 20px; }

  #herstellung-und-geschichte img.img-responsive {
    margin-top: 25px; }
  #herstellung-und-geschichte .btn-beige-green-dark {
    margin-top: 38px; } }
