@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"); }
.red-fruit-bg {
  margin: 0;
  padding: 0; }

.gold-fruit-bg {
  margin: 0;
  padding: 0; }

.page-header h1 {
  position: relative;
  margin-bottom: 30px; }
  .page-header h1:before {
    content: "";
    display: block;
    border-top: solid 1px;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1; }
  .page-header h1 span {
    position: relative;
    z-index: 5;
    background: #fff7ea;
    padding: 0 5px; }
.page-header .container-blume {
  top: 65px; }
.page-header ul#subnavi-drinks-und-rezepte li {
  margin-top: 5px;
  margin-bottom: 5px; }

.drinks h2 {
  font-size: 26px; }
.drinks figcaption {
  font-size: 30px;
  padding: 10px 10px 0 10px; }
.drinks .icon-hammer-und-meissel {
  margin: 10px 0; }

.drinks-1 .icon-pflaume {
  font-size: 20px; }

.drinks-2 h2 {
  margin: 0; }
.drinks-2 .icon-blatt {
  font-size: 30px;
  display: none !important; }
.drinks-2 .icon-kokos-marzipan {
  display: none; }

.drinks-3 .icon-kokos-marzipan {
  font-size: 50px;
  top: 0; }
.drinks-3 .icon-hammer-und-meissel {
  font-size: 30px; }

.percentage {
  font-size: 60px;
  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: 50%;
    z-index: 1; }
  .percentage:after {
    content: "";
    display: block;
    border-top: solid 5px;
    width: 50%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
    right: 1%; }

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

h2.percentage {
  margin-top: 20px;
  margin-bottom: 40px; }
  h2.percentage:after {
    width: 25%; }
  h2.percentage:before {
    width: 26%; }

@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 figcaption.position-relative {
    min-height: 79px; }
    .equal figcaption.position-relative .vertical-align-center-sm {
      padding: 0 10px;
      margin-top: 3px;
      text-align: center;
      margin-left: -10px;
      width: 100%; }

  .page-header h1 {
    font-size: 56px; }
  .page-header .container-blume {
    top: 98px; }

  .drinks {
    margin-bottom: 20px; }
    .drinks h2 {
      font-size: 23px; }
    .drinks figcaption {
      padding-top: 10px;
      font-size: 23px; }
    .drinks a [class^="-outline"], .drinks a [class*="-outline"] {
      transition: 0.3s all; }
    .drinks a:hover [class^="-outline"], .drinks a:hover [class*="-outline"] {
      -webkit-box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.45);
      -moz-box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.45);
      box-shadow: 1px 1px 1px 2px rgba(0, 0, 0, 0.45); }

  .drinks-1 .icon-pflaume {
    font-size: 30px; }
  .drinks-1 .icon-palme {
    display: block; }

  .drinks-2 .icon-blatt {
    display: block !important;
    font-size: 40px; }
  .drinks-2 .icon-kokos-marzipan {
    display: block; }

  .drinks-3 h2 {
    margin: 0; }
  .drinks-3 .ruby-outline figcaption {
    font-size: 33px; }
  .drinks-3 .icon-kokos-marzipan {
    font-size: 70px; } }

@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: 992px) {
  .equal figcaption.position-relative {
    min-height: 100px; }

  .page-header .container-blume {
    top: 37px; }

  .drinks h2 {
    font-size: 31px; }
  .drinks figcaption {
    font-size: 24px; }

  .drinks-3 .ruby-outline figcaption {
    font-size: 43px; } }

@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: 1200px) {
  .equal figcaption.position-relative {
    min-height: 132px; }

  .drinks h2 {
    font-size: 36px; }
  .drinks figcaption {
    font-size: 32px; }

  .drinks-1 .icon-palme {
    padding-top: 20px; } }