@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"); }
h2 {
  font-size: 47px; }

h3 {
  font-size: 27px; }

.page-header {
  overflow: hidden; }
  .page-header h1 {
    position: relative;
    margin-bottom: 30px;
    font-size: 29px; }
    .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: 53px;
    -ms-transform: translateY(-1px); }
    .page-header .container-blume.right {
      -ms-transform: scale(-1, 1) translateY(-1px); }
  .page-header #slider-header {
    margin-bottom: 30px; }
    .page-header #slider-header .slick-list {
      overflow: visible; }
      .page-header #slider-header .slick-list .slide-01 img,
      .page-header #slider-header .slick-list .slide-02 img,
      .page-header #slider-header .slick-list .slide-03 img,
      .page-header #slider-header .slick-list .slide-04 img,
      .page-header #slider-header .slick-list .slide-05 img,
      .page-header #slider-header .slick-list .slide-06 img {
        margin-top: 40px;
        margin-bottom: -40px;
        max-width: 100px;
        margin-left: auto;
        margin-right: auto; }
      .page-header #slider-header .slick-list .slide-01 {
        background: url("/bundles/pott/images/herstellung-und-geschichte/mobile/rum-glas-bg.jpg");
        background-size: cover;
        background-position: bottom right; }
      .page-header #slider-header .slick-list .slide-02 {
        background: url("/bundles/pott/images/herstellung-und-geschichte/mobile/pott-hafen-bg.jpg");
        background-size: cover;
        background-position: bottom right; }
      .page-header #slider-header .slick-list .slide-03 {
        background: url("/bundles/pott/images/herstellung-und-geschichte/mobile/pott-feld-bg.jpg");
        background-size: cover;
        background-position: bottom right; }
      .page-header #slider-header .slick-list .slide-04 {
        background: url("/bundles/pott/images/herstellung-und-geschichte/mobile/pott-rum-zuckerrohr-bg.jpg");
        background-size: cover;
        background-position: bottom right; }
      .page-header #slider-header .slick-list .slide-05 {
        background: url("/bundles/pott/images/herstellung-und-geschichte/mobile/pott-kessel-bg.jpg");
        background-size: cover;
        background-position: bottom right; }
      .page-header #slider-header .slick-list .slide-06 {
        background: url("/bundles/pott/images/herstellung-und-geschichte/mobile/pott-rum-faesser-bg.jpg");
        background-size: cover;
        background-position: bottom right; }
  .page-header .slick-dots {
    position: relative;
    bottom: -10px; }
    .page-header .slick-dots li button:before {
      font-size: 60px; }

.pott-eierlikor-section {
  margin-top: 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: 17%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1; }
  .percentage:after {
    content: "";
    display: block;
    border-top: solid 5px;
    width: 15%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
    right: 1%; }

#herstellung {
  background-color: #fff7ea; }

#geschichte {
  background-color: #fff7ea; }

@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) {
  .page-header h1 {
    font-size: 50px; }
  .page-header .container-blume {
    top: 89px; }
  .page-header #slider-header .slick-list .slide-01 img,
  .page-header #slider-header .slick-list .slide-02 img,
  .page-header #slider-header .slick-list .slide-03 img,
  .page-header #slider-header .slick-list .slide-04 img,
  .page-header #slider-header .slick-list .slide-05 img,
  .page-header #slider-header .slick-list .slide-06 img {
    margin-top: 30px;
    margin-bottom: -70px; }
  .page-header #slider-header .slick-list .slide-01 {
    background: url("/bundles/pott/images/herstellung-und-geschichte/rum-glas-bg.jpg");
    background-size: cover;
    background-position: bottom right; }
  .page-header #slider-header .slick-list .slide-02 {
    background: url("/bundles/pott/images/herstellung-und-geschichte/pott-hafen-bg.jpg");
    background-size: cover;
    background-position: bottom right; }
  .page-header #slider-header .slick-list .slide-03 {
    background: url("/bundles/pott/images/herstellung-und-geschichte/pott-feld-bg.jpg");
    background-size: cover;
    background-position: bottom right; }
  .page-header #slider-header .slick-list .slide-04 {
    background: url("/bundles/pott/images/herstellung-und-geschichte/pott-rum-zuckerrohr-bg.jpg");
    background-size: cover;
    background-position: top; }
  .page-header #slider-header .slick-list .slide-05 {
    background: url("/bundles/pott/images/herstellung-und-geschichte/pott-kessel-bg.jpg");
    background-size: cover;
    background-position: top; }
  .page-header #slider-header .slick-list .slide-06 {
    background: url("/bundles/pott/images/herstellung-und-geschichte/pott-rum-faesser-bg.jpg");
    background-size: cover;
    background-position: bottom right; } }

@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) {
  .page-header .container-blume {
    top: 89px; } }

@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) {
  .page-header .container-blume {
    top: 34px; } }