@charset "UTF-8";
.medium {
  font-style: medium; }

@font-face {
  font-family: 'Georgia';
  src: url("/sites/mixology.eu/themes/custom/mixology_main/fonts/georgia/georgia.ttf") format("truetype"); }
@font-face {
  font-family: 'Montserrat';
  src: url("/sites/mixology.eu/themes/custom/mixology_main/fonts/montserrat-v23-vietnamese_latin-ext_cyrillic-ext/Montserrat-Medium.ttf") format("truetype"); }
/*
@font-face {
  font-family: 'Montserrat';
  src: url('/sites/mixology.eu/themes/custom/mixology_main/fonts/montserrat-v23-vietnamese_latin-ext_cyrillic-ext/Montserrat-Regular.ttf') format('truetype');      
}
@font-face {
  font-family: 'Montserrat';
  src: url('/sites/mixology.eu/themes/custom/mixology_main/fonts/montserrat-v23-vietnamese_latin-ext_cyrillic-ext/Montserrat-Medium.ttf') format('truetype');      
  font-style: medium;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/sites/mixology.eu/themes/custom/mixology_main/fonts/montserrat-v23-vietnamese_latin-ext_cyrillic-ext/Montserrat-MediumItalic.ttf') format('truetype');  
  font-style: italic;
}
*/
@font-face {
  font-family: 'Playfair Display';
  src: url("/sites/mixology.eu/themes/custom/mixology_main/fonts/playfair-display-v28-vietnamese_latin-ext_latin_cyrillic/PlayfairDisplay-Medium.ttf") format("truetype"); }
/*
@font-face {
  font-family: 'Playfair Display';
  src: url('/sites/mixology.eu/themes/custom/mixology_main/fonts/playfair-display-v28-vietnamese_latin-ext_latin_cyrillic/PlayfairDisplay-Regular.ttf') format('truetype');  
}
@font-face {
  font-family: 'Playfair Display';
  src: url('/sites/mixology.eu/themes/custom/mixology_main/fonts/playfair-display-v28-vietnamese_latin-ext_latin_cyrillic/PlayfairDisplay-MediumItalic.ttf') format('truetype');  
  font-style: italic;
}
@font-face {
  font-family: 'Playfair Display Medium';
  src: url('/sites/mixology.eu/themes/custom/mixology_main/fonts/playfair-display-v28-vietnamese_latin-ext_latin_cyrillic/PlayfairDisplay-Medium.ttf') format('truetype');  
  font-style: medium;
}
*/
/* Grid system
 * https://css-tricks.com/dont-overthink-it-grids/
 * https://evolvingweb.ca/blog/using-core-base-themes-drupal-8
 */
.grid {
  background: white;
  margin: 0 0 20px 0;
  display: inline-block;
  width: 100%; }
  .grid:after {
    /* Or @extend clearfix */
    content: "";
    display: table;
    clear: both; }

/* this causes problems in layout builder because you have something 
   like " layout-fourcol-section"  and col- triggers here
   
   [class*='col-'] {
   
   For that reason, we changed to check that it STARTS with .col, which would be more our columns 
 */
[class^='col-'], [class*=' col-'] {
  float: left;
  box-sizing: border-box; }
  .grid [class^='col-']:last-of-type, .grid [class*=' col-']:last-of-type {
    padding-right: 0; }

/* Opt-in outside padding */
.grid-pad {
  padding: 20px 0 20px 20px; }
  .grid-pad [class^='col-']:last-of-type,
  .grid-pad [class*=' col-']:last-of-type {
    padding-right: 20px; }

@media (min-width: 0px), (max-width: 991px) {
  .col-1-1 {
    width: 100%; }

  .col-2-3 {
    width: 100%; }

  .col-1-3 {
    width: 100%; }

  .col-1-2 {
    width: 100%; }

  .col-1-4 {
    width: 100%; }

  .col-1-8 {
    width: 100%; } }
@media (min-width: 992px), (min-width: 10000px) {
  .col-1-1 {
    width: 100%; }

  .col-2-3 {
    width: 66.66%; }

  .col-1-3 {
    width: 33.33%; }

  .col-1-2 {
    width: 50%; }

  .col-1-4 {
    width: 25%; }

  .col-1-8 {
    width: 12.5%; } }
html, body {
  width: 100%;
  height: 100%;
  margin: 0px;
  text-align: justify; }

/***********************************************************************************
 *
 * Layout Builder classes
 * taken from /core/moduels/layout_builder/layouts/...
 *
 * We expand the same logic to other classes, for example views,
 *
 **********************************************************************************/
.layout--onecol,
.layout--twocol-section,
.layout--threecol-section,
.layout--fourcol-section {
  margin-bottom: 45px; }
  .layout--onecol .layout__region,
  .layout--twocol-section .layout__region,
  .layout--threecol-section .layout__region,
  .layout--fourcol-section .layout__region {
    overflow: hidden; }
  @media (min-width: 0px) {
    .layout--onecol .layout__region.mein-allow-overflow,
    .layout--twocol-section .layout__region.mein-allow-overflow,
    .layout--threecol-section .layout__region.mein-allow-overflow,
    .layout--fourcol-section .layout__region.mein-allow-overflow {
      overflow: visible; } }
  @media (min-width: 992px) {
    .layout--onecol .layout__region.mein-allow-overflow,
    .layout--twocol-section .layout__region.mein-allow-overflow,
    .layout--threecol-section .layout__region.mein-allow-overflow,
    .layout--fourcol-section .layout__region.mein-allow-overflow {
      overflow: hidden; } }

.mein-layout-element-no-margin {
  margin-left: 0 !important;
  margin-right: 0 !important; }

@media (min-width: 0px) {
  .layout--onecol {
    padding-left: 2%;
    padding-right: 2%; } }
@media (min-width: 768px) {
  .layout--onecol {
    padding-left: 0;
    padding-right: 0; } }
@media (min-width: 992px) {
  .layout--onecol {
    padding-left: 0;
    padding-right: 0; } }

.views-view-grid.cols-1 .views-row,
.layout--onecol-section .views-row {
  display: flex;
  flex-wrap: wrap; }
.views-view-grid.cols-1 .views-col,
.views-view-grid.cols-1 .views-col.col-1,
.views-view-grid.cols-1 .layout-region,
.layout--onecol-section .views-col,
.layout--onecol-section .views-col.col-1,
.layout--onecol-section .layout-region {
  width: 100%;
  flex: 0 1 100%; }

.views-view-grid.cols-2,
.layout--twocol-section {
  display: flex;
  flex-wrap: wrap; }
  .views-view-grid.cols-2 .views-row,
  .layout--twocol-section .views-row {
    display: flex;
    flex-wrap: wrap; }
  .views-view-grid.cols-2 .views-col,
  .views-view-grid.cols-2 .views-col.col-1,
  .views-view-grid.cols-2 > .layout__region,
  .layout--twocol-section .views-col,
  .layout--twocol-section .views-col.col-1,
  .layout--twocol-section > .layout__region {
    flex: 0 1 100%; }
  @media (min-width: 0px) {
    .views-view-grid.cols-2 .views-col.col-1,
    .views-view-grid.cols-2 .views-col.col-2, .views-view-grid.cols-2.layout--twocol-section--50-50 > .layout__region--first, .views-view-grid.cols-2.layout--twocol-section--50-50 > .layout__region--second, .views-view-grid.cols-2.layout--twocol-section--33-67 > .layout__region--first, .views-view-grid.cols-2.layout--twocol-section--67-33 > .layout__region--second, .views-view-grid.cols-2.layout--twocol-section--33-67 > .layout__region--second, .views-view-grid.cols-2.layout--twocol-section--67-33 > .layout__region--first, .views-view-grid.cols-2.layout--twocol-section--25-75 > .layout__region--first, .views-view-grid.cols-2.layout--twocol-section--75-25 > .layout__region--second, .views-view-grid.cols-2.layout--twocol-section--25-75 > .layout__region--second, .views-view-grid.cols-2.layout--twocol-section--75-25 > .layout__region--first,
    .layout--twocol-section .views-col.col-1,
    .layout--twocol-section .views-col.col-2,
    .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first,
    .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second,
    .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--first,
    .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second,
    .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--second,
    .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--first,
    .layout--twocol-section.layout--twocol-section--25-75 > .layout__region--first,
    .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second,
    .layout--twocol-section.layout--twocol-section--25-75 > .layout__region--second,
    .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--first {
      width: 100%;
      flex: 0 1 100%;
      margin-bottom: 10px; } }
  @media screen and (min-width: 768px) {
    .views-view-grid.cols-2 .mein-col-first,
    .views-view-grid.cols-2 .mein-col-second,
    .views-view-grid.cols-2 .views-col.col-1,
    .views-view-grid.cols-2 .views-col.col-2, .views-view-grid.cols-2.layout--twocol-section--50-50 > .layout__region--first, .views-view-grid.cols-2.layout--twocol-section--50-50 > .layout__region--second,
    .layout--twocol-section .mein-col-first,
    .layout--twocol-section .mein-col-second,
    .layout--twocol-section .views-col.col-1,
    .layout--twocol-section .views-col.col-2,
    .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first,
    .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second {
      width: inherit;
      flex: 0 1 50%;
      margin-bottom: 0; }
    .views-view-grid.cols-2.layout--twocol-section--33-67 > .layout__region--first, .views-view-grid.cols-2.layout--twocol-section--67-33 > .layout__region--second,
    .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--first,
    .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second {
      width: inherit;
      flex: 0 1 33%;
      margin-bottom: 0; }
    .views-view-grid.cols-2.layout--twocol-section--33-67 > .layout__region--second, .views-view-grid.cols-2.layout--twocol-section--67-33 > .layout__region--first,
    .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--second,
    .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--first {
      width: inherit;
      flex: 0 1 67%;
      margin-bottom: 0; }
    .views-view-grid.cols-2.layout--twocol-section--25-75 > .layout__region--first, .views-view-grid.cols-2.layout--twocol-section--75-25 > .layout__region--second,
    .layout--twocol-section.layout--twocol-section--25-75 > .layout__region--first,
    .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second {
      width: inherit;
      flex: 0 1 25%;
      margin-bottom: 0; }
    .views-view-grid.cols-2.layout--twocol-section--25-75 > .layout__region--second, .views-view-grid.cols-2.layout--twocol-section--75-25 > .layout__region--first,
    .layout--twocol-section.layout--twocol-section--25-75 > .layout__region--second,
    .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--first {
      width: inherit;
      flex: 0 1 75%;
      margin-bottom: 0; } }
  @media (min-width: 0px) {
    .views-view-grid.cols-2 .layout__region--first,
    .layout--twocol-section .layout__region--first {
      padding-left: 2%;
      padding-right: 2%; } }
  @media (min-width: 768px) {
    .views-view-grid.cols-2 .layout__region--first,
    .layout--twocol-section .layout__region--first {
      padding-left: 0;
      padding-right: 2%; } }
  @media (min-width: 992px) {
    .views-view-grid.cols-2 .layout__region--first,
    .layout--twocol-section .layout__region--first {
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 0px) {
    .views-view-grid.cols-2 .layout__region--second,
    .layout--twocol-section .layout__region--second {
      padding-left: 2%;
      padding-right: 2%; } }
  @media (min-width: 768px) {
    .views-view-grid.cols-2 .layout__region--second,
    .layout--twocol-section .layout__region--second {
      padding-left: 1%;
      padding-right: 0; } }
  @media (min-width: 992px) {
    .views-view-grid.cols-2 .layout__region--second,
    .layout--twocol-section .layout__region--second {
      padding-right: 0;
      padding-right: 0; } }

.views-view-grid.cols-3,
.layout--threecol-section {
  display: flex;
  flex-wrap: wrap; }
  .views-view-grid.cols-3 .views-row,
  .layout--threecol-section .views-row {
    display: flex;
    flex-wrap: wrap; }
  .views-view-grid.cols-3 .mein-col,
  .views-view-grid.cols-3 .views-col,
  .views-view-grid.cols-3 > .layout__region,
  .layout--threecol-section .mein-col,
  .layout--threecol-section .views-col,
  .layout--threecol-section > .layout__region {
    flex: 0 1 100%; }
  @media screen and (min-width: 0px) {
    .views-view-grid.cols-3.layout--threecol-section--25-50-25 > .layout__region--first, .views-view-grid.cols-3.layout--threecol-section--25-50-25 > .layout__region--third, .views-view-grid.cols-3.layout--threecol-section--25-25-50 > .layout__region--first, .views-view-grid.cols-3.layout--threecol-section--25-25-50 > .layout__region--second, .views-view-grid.cols-3.layout--threecol-section--50-25-25 > .layout__region--second, .views-view-grid.cols-3.layout--threecol-section--50-25-25 > .layout__region--third, .views-view-grid.cols-3.layout--threecol-section--25-50-25 > .layout__region--second, .views-view-grid.cols-3.layout--threecol-section--25-25-50 > .layout__region--third, .views-view-grid.cols-3.layout--threecol-section--50-25-25 > .layout__region--first,
    .layout--threecol-section.layout--threecol-section--25-50-25 > .layout__region--first,
    .layout--threecol-section.layout--threecol-section--25-50-25 > .layout__region--third,
    .layout--threecol-section.layout--threecol-section--25-25-50 > .layout__region--first,
    .layout--threecol-section.layout--threecol-section--25-25-50 > .layout__region--second,
    .layout--threecol-section.layout--threecol-section--50-25-25 > .layout__region--second,
    .layout--threecol-section.layout--threecol-section--50-25-25 > .layout__region--third,
    .layout--threecol-section.layout--threecol-section--25-50-25 > .layout__region--second,
    .layout--threecol-section.layout--threecol-section--25-25-50 > .layout__region--third,
    .layout--threecol-section.layout--threecol-section--50-25-25 > .layout__region--first {
      flex: 0 1 100%;
      margin-bottom: 10px; }
    .views-view-grid.cols-3 .views-col.col-1,
    .views-view-grid.cols-3 .views-col.col-3, .views-view-grid.cols-3.layout--threecol-section--33-34-33 > .layout__region--first, .views-view-grid.cols-3.layout--threecol-section--33-34-33 > .layout__region--third,
    .layout--threecol-section .views-col.col-1,
    .layout--threecol-section .views-col.col-3,
    .layout--threecol-section.layout--threecol-section--33-34-33 > .layout__region--first,
    .layout--threecol-section.layout--threecol-section--33-34-33 > .layout__region--third {
      flex: 0 1 100%;
      margin-bottom: 10px; }
    .views-view-grid.cols-3 .views-col.col-2, .views-view-grid.cols-3.layout--threecol-section--33-34-33 > .layout__region--second,
    .layout--threecol-section .views-col.col-2,
    .layout--threecol-section.layout--threecol-section--33-34-33 > .layout__region--second {
      flex: 0 1 100%;
      margin-bottom: 10px; } }
  @media screen and (min-width: 768px) {
    .views-view-grid.cols-3.layout--threecol-section--25-50-25 > .layout__region--first, .views-view-grid.cols-3.layout--threecol-section--25-50-25 > .layout__region--third, .views-view-grid.cols-3.layout--threecol-section--25-25-50 > .layout__region--first, .views-view-grid.cols-3.layout--threecol-section--25-25-50 > .layout__region--second, .views-view-grid.cols-3.layout--threecol-section--50-25-25 > .layout__region--second, .views-view-grid.cols-3.layout--threecol-section--50-25-25 > .layout__region--third,
    .layout--threecol-section.layout--threecol-section--25-50-25 > .layout__region--first,
    .layout--threecol-section.layout--threecol-section--25-50-25 > .layout__region--third,
    .layout--threecol-section.layout--threecol-section--25-25-50 > .layout__region--first,
    .layout--threecol-section.layout--threecol-section--25-25-50 > .layout__region--second,
    .layout--threecol-section.layout--threecol-section--50-25-25 > .layout__region--second,
    .layout--threecol-section.layout--threecol-section--50-25-25 > .layout__region--third {
      flex: 0 1 25%;
      margin-bottom: 0; }
    .views-view-grid.cols-3.layout--threecol-section--25-50-25 > .layout__region--second, .views-view-grid.cols-3.layout--threecol-section--25-25-50 > .layout__region--third, .views-view-grid.cols-3.layout--threecol-section--50-25-25 > .layout__region--first,
    .layout--threecol-section.layout--threecol-section--25-50-25 > .layout__region--second,
    .layout--threecol-section.layout--threecol-section--25-25-50 > .layout__region--third,
    .layout--threecol-section.layout--threecol-section--50-25-25 > .layout__region--first {
      flex: 0 1 50%;
      margin-bottom: 0; }
    .views-view-grid.cols-3 .views-col.col-1,
    .views-view-grid.cols-3 .views-col.col-3, .views-view-grid.cols-3.layout--threecol-section--33-34-33 > .layout__region--first, .views-view-grid.cols-3.layout--threecol-section--33-34-33 > .layout__region--third,
    .layout--threecol-section .views-col.col-1,
    .layout--threecol-section .views-col.col-3,
    .layout--threecol-section.layout--threecol-section--33-34-33 > .layout__region--first,
    .layout--threecol-section.layout--threecol-section--33-34-33 > .layout__region--third {
      flex: 0 1 33.33333%;
      margin-bottom: 0; }
    .views-view-grid.cols-3 .views-col.col-2, .views-view-grid.cols-3.layout--threecol-section--33-34-33 > .layout__region--second,
    .layout--threecol-section .views-col.col-2,
    .layout--threecol-section.layout--threecol-section--33-34-33 > .layout__region--second {
      flex: 0 1 33.33333%;
      margin-bottom: 0; } }

.views-view-grid.cols-4,
.layout--fourcol-section {
  display: flex;
  flex-wrap: wrap; }
  .views-view-grid.cols-4 .views-row,
  .layout--fourcol-section .views-row {
    display: flex;
    flex-wrap: wrap; }
  .views-view-grid.cols-4 .views-col,
  .views-view-grid.cols-4 .layout__region,
  .layout--fourcol-section .views-col,
  .layout--fourcol-section .layout__region {
    flex: 0 1 100%; }
  @media screen and (min-width: 992px) {
    .views-view-grid.cols-4 .views-col.col-1,
    .views-view-grid.cols-4 .views-col.col-2,
    .views-view-grid.cols-4 .views-col.col-3,
    .views-view-grid.cols-4 .views-col.col-4,
    .views-view-grid.cols-4 > .layout__region,
    .layout--fourcol-section .views-col.col-1,
    .layout--fourcol-section .views-col.col-2,
    .layout--fourcol-section .views-col.col-3,
    .layout--fourcol-section .views-col.col-4,
    .layout--fourcol-section > .layout__region {
      flex: 0 1 100%;
      margin-bottom: 45px; } }
  @media screen and (min-width: 992px) {
    .views-view-grid.cols-4 .views-col.col-1,
    .views-view-grid.cols-4 .views-col.col-2,
    .views-view-grid.cols-4 .views-col.col-3,
    .views-view-grid.cols-4 .views-col.col-4,
    .views-view-grid.cols-4 > .layout__region,
    .layout--fourcol-section .views-col.col-1,
    .layout--fourcol-section .views-col.col-2,
    .layout--fourcol-section .views-col.col-3,
    .layout--fourcol-section .views-col.col-4,
    .layout--fourcol-section > .layout__region {
      flex: 0 1 50%;
      margin-bottom: 0; } }
  @media screen and (min-width: 992px) {
    .views-view-grid.cols-4 .views-col.col-1,
    .views-view-grid.cols-4 .views-col.col-2,
    .views-view-grid.cols-4 .views-col.col-3,
    .views-view-grid.cols-4 .views-col.col-4,
    .views-view-grid.cols-4 > .layout__region,
    .layout--fourcol-section .views-col.col-1,
    .layout--fourcol-section .views-col.col-2,
    .layout--fourcol-section .views-col.col-3,
    .layout--fourcol-section .views-col.col-4,
    .layout--fourcol-section > .layout__region {
      flex: 0 1 25%;
      margin-bottom: 0; } }

.layout .layout__region {
  overflow: visible; }

body .layout-container {
  margin-right: auto;
  margin-left: auto;
  text-align: center; }
  @media only screen and (min-width: 0) {
    body .layout-container {
      width: 100%; } }
  @media only screen and (min-width: 992px) {
    body .layout-container {
      width: 950px; } }
  @media only screen and (min-width: 1200px) {
    body .layout-container {
      width: 1100px; } }
  @media only screen and (min-width: 1300px) {
    body .layout-container {
      width: 1200px; } }
  body .layout-container .breakout,
  body .layout-container .alignfull {
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important; }
  body .layout-container header {
    display: inline-block;
    width: 100%; }
    body .layout-container header #mix-header-menus {
      display: inline-block;
      position: relative;
      z-index: 100;
      width: 100%; }
      @media (min-width: 0) {
        body .layout-container header #mix-header-menus #mix-header-menus-mobile {
          display: inline-block;
          width: 100%; } }
      @media (min-width: 992px) {
        body .layout-container header #mix-header-menus #mix-header-menus-mobile {
          display: none;
          width: 100%; } }
      @media (min-width: 0) {
        body .layout-container header #mix-header-menus #mix-header-menus-desktop {
          display: none;
          width: 100%; } }
      @media (min-width: 992px) {
        body .layout-container header #mix-header-menus #mix-header-menus-desktop {
          display: inline-block;
          width: 100%; } }
    body .layout-container header #mix-header-image {
      position: relative;
      z-index: 10; }
  body .layout-container main {
    width: 100%;
    display: inline-block;
    text-align: center; }
    body .layout-container main .layout-content {
      display: inline-block;
      width: 100%;
      text-align: left;
      max-width: 1200px; }
      body .layout-container main .layout-content .wp-block-columns {
        width: 80%;
        margin-left: auto;
        margin-right: auto; }
        body .layout-container main .layout-content .wp-block-columns.alignwide {
          width: 100%; }
        body .layout-container main .layout-content .wp-block-columns.alignfull {
          width: auto;
          padding-left: 20px;
          padding-right: 20px; }
  body .layout-container main
  footer {
    padding-left: 20px;
    padding-right: 20px; }

.view.mix-bars .views-field-field-bar-kategorie {
  font-size: 10px;
  padding-top: 10px;
  text-transform: uppercase;
  font-family: "Montserrat", Arial, sans-serif;
  padding-left: 20px;
  padding-right: 20px; }
  .view.mix-bars .views-field-field-bar-kategorie a {
    display: inline-block;
    color: #383838;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.54px;
    opacity: 1;
    padding: 0px 8px;
    border: 1px solid black;
    border-radius: 50px;
    color: #383838;
    font-size: 10px; }
    .view.mix-bars .views-field-field-bar-kategorie a:hover {
      color: #3231D3;
      border: 1px solid #3231D3;
      text-decoration: none; }
    .view.mix-bars .views-field-field-bar-kategorie a a {
      color: #383838; }
    .view.mix-bars .views-field-field-bar-kategorie a a:hover {
      color: #3231D3; }
.view.mix-bars .views-field-title {
  padding-top: 5px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 24px; }
  .view.mix-bars .views-field-title h2 {
    margin-top: 0;
    margin-bottom: 0; }
.view.mix-bars .views-field-field-bar-ort {
  padding-top: 5px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 10px;
  text-transform: uppercase;
  font-family: "Montserrat", Arial, sans-serif;
  padding-bottom: 20px; }
  .view.mix-bars .views-field-field-bar-ort a {
    color: #383838; }
  .view.mix-bars .views-field-field-bar-ort:before {
    float: left;
    content: '>';
    padding-right: 5px; }
.view.mix-bars .form--inline {
  display: inline-block;
  width: 100%; }
  .view.mix-bars .form--inline .form-item {
    font-family: "Montserrat", Arial, sans-serif; }
    .view.mix-bars .form--inline .form-item select {
      font-size: 10px;
      padding-left: 10px;
      border-radius: 20px;
      height: 29px; }
  .view.mix-bars .form--inline #edit-actions {
    clear: none; }
    .view.mix-bars .form--inline #edit-actions input {
      width: auto;
      height: 29px;
      background-color: #3231D3;
      color: white;
      padding-left: 10px;
      padding-right: 10px;
      border-radius: 20px;
      border: none;
      font-family: "Montserrat", Arial, sans-serif;
      font-size: 10px; }
.view.mix-artikel {
  font-size: 12px;
  font-family: "Montserrat", "Arial", Helvetica, sans-serif; }
  .view.mix-artikel .views-field-field-kategorie {
    padding-left: 20px;
    padding-right: 20px; }
    .view.mix-artikel .views-field-field-kategorie a {
      display: inline-block;
      color: #383838;
      font-family: "Montserrat", Arial, sans-serif;
      font-size: 18px;
      text-transform: uppercase;
      letter-spacing: 0.54px;
      opacity: 1;
      padding: 0px 8px;
      border: 1px solid black;
      border-radius: 50px;
      margin-top: 20px;
      font-size: 10px; }
      .view.mix-artikel .views-field-field-kategorie a:hover {
        color: #3231D3;
        border: 1px solid #3231D3;
        text-decoration: none; }
      .view.mix-artikel .views-field-field-kategorie a a {
        color: #383838; }
      .view.mix-artikel .views-field-field-kategorie a a:hover {
        color: #3231D3; }
  .view.mix-artikel .views-field-title {
    padding-left: 20px;
    padding-right: 20px; }
    .view.mix-artikel .views-field-title h2 {
      margin-top: 10px;
      margin-bottom: 10px; }
  .view.mix-artikel .views-field-body {
    padding-left: 20px;
    padding-right: 20px; }
.view.mix-cocktails .views-field-field-cocktail-kategorie {
  margin-top: 10px;
  padding-left: 20px;
  padding-right: 20px; }
  .view.mix-cocktails .views-field-field-cocktail-kategorie a {
    display: inline-block;
    color: #383838;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.54px;
    opacity: 1;
    padding: 0px 8px;
    border: 1px solid black;
    border-radius: 50px;
    font-size: 10px; }
    .view.mix-cocktails .views-field-field-cocktail-kategorie a:hover {
      color: #3231D3;
      border: 1px solid #3231D3;
      text-decoration: none; }
    .view.mix-cocktails .views-field-field-cocktail-kategorie a a {
      color: #383838; }
    .view.mix-cocktails .views-field-field-cocktail-kategorie a a:hover {
      color: #3231D3; }
.view.mix-cocktails .views-field-title {
  padding-left: 20px;
  padding-right: 20px; }
  .view.mix-cocktails .views-field-title h2.field-content {
    margin-top: 10px;
    margin-bottom: 10px; }
    .view.mix-cocktails .views-field-title h2.field-content a {
      font-size: 24px; }
.view.mix-cocktails .views-field-body {
  padding-left: 20px;
  padding-right: 20px; }
  .view.mix-cocktails .views-field-body .field-content {
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 12px; }
    .view.mix-cocktails .views-field-body .field-content p:first-of-type {
      margin-top: 0; }
.view.mix-suche .form--inline {
  display: inline-block;
  width: 100%; }
  .view.mix-suche .form--inline .form-item label {
    font-size: 0;
    display: inline-block;
    width: 31px;
    height: 29px;
    background: url("/sites/mixology.eu/themes/custom/mixology_main/images/Icon-Lupe.png") 0 0 no-repeat;
    vertical-align: top; }
  .view.mix-suche .form--inline .form-item input {
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 10px;
    padding-left: 10px;
    border-radius: 20px;
    height: 29px;
    width: 200px; }
  .view.mix-suche .form--inline .form-actions {
    clear: inline-end; }
  .view.mix-suche .form--inline input[type*="submit"] {
    width: auto;
    height: 29px;
    background-color: #3231D3;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 20px;
    border: none;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 10px; }

body.page-node-type-beitrag-alt {
  /*	from old system, but no longer needed? 
    .layout-container{
       main{
         display: inline-block;
         
         width: 1030px;
         @media only screen and (max-width: 1200px) {
           width: 950px;
         }
         @media only screen and (max-width: 1024px) {
           width: 768px;
         }
         @media only screen and (max-width: 768px) {
           width: 600px;
         }
         @media only screen and (max-width: 680px) {
           width: 420px;
         }
  
  //       border: 1px solid black;
         text-align: center;
  
         .layout-content{
  //          padding-right: 15px;
  //          padding-left: 15px;
         } // layout-content
       } // main
  
    } // layout-container
  */ }

body .layout--twocol-section.mix-vertical-divider .layout__region--first {
  border-right: 1px solid #E8E7E4; }
@media (min-width: 0px) {
  body .layout--twocol-section.mix-vertical-divider {
    /* handled in layout
    .layout__region--first{
      padding-right: 0;
    }
    .layout__region--second{
      padding-left: 0; 
    }
    */ } }
@media (min-width: 768px) {
  body .layout--twocol-section.mix-vertical-divider .layout__region--first {
    padding-right: 40px; }
  body .layout--twocol-section.mix-vertical-divider .layout__region--second {
    padding-left: 40px; } }
@media (min-width: 0px) {
  body .view.mix-scroll-x-mobile .view-content {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    white-space: nowrap; }
    body .view.mix-scroll-x-mobile .view-content .views-view-grid {
      display: block; }
      body .view.mix-scroll-x-mobile .view-content .views-view-grid .views-row {
        display: inline-block;
        float: none;
        width: auto;
        clear: none; }
        body .view.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col {
          white-space: wrap;
          display: inline-block;
          vertical-align: top;
          float: none; } }
@media (min-width: 768px) {
  body .view.mix-scroll-x-mobile .view-content {
    overflow-x: initial;
    white-space: wrap; }
    body .view.mix-scroll-x-mobile .view-content .views-view-grid {
      display: flex; }
      body .view.mix-scroll-x-mobile .view-content .views-view-grid .views-row {
        display: flex;
        float: left;
        width: 100%;
        clear: both;
        vertical-align: top; }
        body .view.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col {
          white-space: wrap;
          display: block;
          float: left; } }

body.path-frontpage {
  font-size: 12px;
  font-family: "Montserrat", "Arial", Helvetica, sans-serif; }
  body.path-frontpage article .aufmacher {
    padding-bottom: 50px; }
    @media (min-width: 0px) {
      body.path-frontpage article .aufmacher .views-field-title {
        margin-top: 5px; } }
    @media (min-width: 768px) {
      body.path-frontpage article .aufmacher .views-field-title {
        margin-top: 10px; } }
    body.path-frontpage article .aufmacher .views-field-title a {
      display: inline-block;
      font-size: 36px;
      letter-spacing: 0.36px; }
    @media (min-width: 0px) {
      body.path-frontpage article .aufmacher .views-field-field-kategorie {
        padding-top: 10px; } }
    @media (min-width: 768px) {
      body.path-frontpage article .aufmacher .views-field-field-kategorie {
        padding-top: 0px; } }
    body.path-frontpage article .aufmacher .views-field-field-kategorie a {
      display: inline-block;
      color: #383838;
      font-family: "Montserrat", Arial, sans-serif;
      font-size: 18px;
      text-transform: uppercase;
      letter-spacing: 0.54px;
      opacity: 1;
      padding: 0px 8px;
      border: 1px solid black;
      border-radius: 50px;
      margin-top: 20px;
      font-size: 10px; }
      body.path-frontpage article .aufmacher .views-field-field-kategorie a:hover {
        color: #3231D3;
        border: 1px solid #3231D3;
        text-decoration: none; }
      body.path-frontpage article .aufmacher .views-field-field-kategorie a a {
        color: #383838; }
      body.path-frontpage article .aufmacher .views-field-field-kategorie a a:hover {
        color: #3231D3; }
  body.path-frontpage article .artikel-scroll .views-view-grid .views-field-title a,
  body.path-frontpage article .artikel-scroll .views-view-responsive-grid__item .views-field-title a {
    display: inline-block;
    margin-top: 10px;
    font-size: 24px;
    letter-spcaing: 0.24px; }
  body.path-frontpage article .artikel-scroll .views-view-grid .views-field-field-kategorie a,
  body.path-frontpage article .artikel-scroll .views-view-responsive-grid__item .views-field-field-kategorie a {
    display: inline-block;
    color: #383838;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.54px;
    opacity: 1;
    padding: 0px 8px;
    border: 1px solid black;
    border-radius: 50px;
    margin-top: 20px;
    font-size: 10px; }
    body.path-frontpage article .artikel-scroll .views-view-grid .views-field-field-kategorie a:hover,
    body.path-frontpage article .artikel-scroll .views-view-responsive-grid__item .views-field-field-kategorie a:hover {
      color: #3231D3;
      border: 1px solid #3231D3;
      text-decoration: none; }
    body.path-frontpage article .artikel-scroll .views-view-grid .views-field-field-kategorie a a,
    body.path-frontpage article .artikel-scroll .views-view-responsive-grid__item .views-field-field-kategorie a a {
      color: #383838; }
    body.path-frontpage article .artikel-scroll .views-view-grid .views-field-field-kategorie a a:hover,
    body.path-frontpage article .artikel-scroll .views-view-responsive-grid__item .views-field-field-kategorie a a:hover {
      color: #3231D3; }
  body.path-frontpage article .mix-frontpage-sticky-node .layout__region--second {
    display: inline-block;
    overflow: hidden; }
    @media (min-width: 0px) {
      body.path-frontpage article .mix-frontpage-sticky-node .layout__region--second .article.mix-scroll-x-mobile,
      body.path-frontpage article .mix-frontpage-sticky-node .layout__region--second .view.mix-scroll-x-mobile {
        overflow-y: initial;
        height: 132px;
        display: table;
        background-color: #E8E7E4;
        padding-bottom: 0;
        padding-left: 24px;
        padding-right: 24px; }
        body.path-frontpage article .mix-frontpage-sticky-node .layout__region--second .article.mix-scroll-x-mobile .view-header,
        body.path-frontpage article .mix-frontpage-sticky-node .layout__region--second .view.mix-scroll-x-mobile .view-header {
          display: block; }
        body.path-frontpage article .mix-frontpage-sticky-node .layout__region--second .article.mix-scroll-x-mobile .views-view-grid .views-row .views-col,
        body.path-frontpage article .mix-frontpage-sticky-node .layout__region--second .view.mix-scroll-x-mobile .views-view-grid .views-row .views-col {
          width: 250px;
          max-width: 250px;
          border-left: 1px dotted #A0A0A0;
          padding-left: 21px;
          padding-right: 21px; }
          body.path-frontpage article .mix-frontpage-sticky-node .layout__region--second .article.mix-scroll-x-mobile .views-view-grid .views-row .views-col.col-1,
          body.path-frontpage article .mix-frontpage-sticky-node .layout__region--second .view.mix-scroll-x-mobile .views-view-grid .views-row .views-col.col-1 {
            padding-right: 10px; }
          body.path-frontpage article .mix-frontpage-sticky-node .layout__region--second .article.mix-scroll-x-mobile .views-view-grid .views-row .views-col.col-1,
          body.path-frontpage article .mix-frontpage-sticky-node .layout__region--second .view.mix-scroll-x-mobile .views-view-grid .views-row .views-col.col-1 {
            padding-left: 10px; }
          body.path-frontpage article .mix-frontpage-sticky-node .layout__region--second .article.mix-scroll-x-mobile .views-view-grid .views-row .views-col img,
          body.path-frontpage article .mix-frontpage-sticky-node .layout__region--second .view.mix-scroll-x-mobile .views-view-grid .views-row .views-col img {
            height: 136px;
            width: auto; } }
    @media (min-width: 768px) {
      body.path-frontpage article .mix-frontpage-sticky-node .layout__region--second .article.mix-scroll-x-mobile,
      body.path-frontpage article .mix-frontpage-sticky-node .layout__region--second .view.mix-scroll-x-mobile {
        overflow-y: scroll;
        height: 900px;
        display: block;
        -ms-overflow-style: none;
        /* Internet Explorer 10+ */
        scrollbar-width: none;
        /* Firefox */
        background-color: transparent;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        padding-right: 0; }
        body.path-frontpage article .mix-frontpage-sticky-node .layout__region--second .article.mix-scroll-x-mobile .view-header,
        body.path-frontpage article .mix-frontpage-sticky-node .layout__region--second .view.mix-scroll-x-mobile .view-header {
          display: none; }
        body.path-frontpage article .mix-frontpage-sticky-node .layout__region--second .article.mix-scroll-x-mobile .views-view-grid .views-row .views-col,
        body.path-frontpage article .mix-frontpage-sticky-node .layout__region--second .view.mix-scroll-x-mobile .views-view-grid .views-row .views-col {
          width: 50%;
          max-width: none;
          border-left: none;
          padding-left: 10px;
          padding-right: 10px; }
          body.path-frontpage article .mix-frontpage-sticky-node .layout__region--second .article.mix-scroll-x-mobile .views-view-grid .views-row .views-col.col-1,
          body.path-frontpage article .mix-frontpage-sticky-node .layout__region--second .view.mix-scroll-x-mobile .views-view-grid .views-row .views-col.col-1 {
            padding-right: 10px; }
          body.path-frontpage article .mix-frontpage-sticky-node .layout__region--second .article.mix-scroll-x-mobile .views-view-grid .views-row .views-col.col-1,
          body.path-frontpage article .mix-frontpage-sticky-node .layout__region--second .view.mix-scroll-x-mobile .views-view-grid .views-row .views-col.col-1 {
            padding-left: 10px; }
          body.path-frontpage article .mix-frontpage-sticky-node .layout__region--second .article.mix-scroll-x-mobile .views-view-grid .views-row .views-col img,
          body.path-frontpage article .mix-frontpage-sticky-node .layout__region--second .view.mix-scroll-x-mobile .views-view-grid .views-row .views-col img {
            height: auto;
            width: auto; } }
  @media (min-width: 0px) {
    body.path-frontpage article .block-views-blockmixology-frontpage-block-3 .view.mix-scroll-x-mobile {
      padding-left: 40px;
      border-bottom: 1px solid #e8e7e4; } }
  @media (min-width: 768px) {
    body.path-frontpage article .block-views-blockmixology-frontpage-block-3 .view.mix-scroll-x-mobile {
      padding-left: 0;
      border-bottom: none; } }
  @media (min-width: 0px) {
    body.path-frontpage article .block-views-blockmixology-frontpage-block-3 .view.mix-scroll-x-mobile .view-content {
      width: calc( 100% - 40px ); } }
  @media (min-width: 768px) {
    body.path-frontpage article .block-views-blockmixology-frontpage-block-3 .view.mix-scroll-x-mobile .view-content {
      width: auto; } }
  body.path-frontpage article .block-views-blockmixology-frontpage-block-3 .view.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-field-title {
    font-size: 18px;
    line-height: 22px;
    margin-buttom: 10px;
    margin-top: 10px; }
  body.path-frontpage article .block-views-blockmixology-frontpage-block-3 .view.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col {
    padding-right: 20px; }
    @media (min-width: 0px) {
      body.path-frontpage article .block-views-blockmixology-frontpage-block-3 .view.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col {
        min-width: 158px; } }
    @media (min-width: 768px) {
      body.path-frontpage article .block-views-blockmixology-frontpage-block-3 .view.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col {
        min-width: inherit; } }
  @media (min-width: 0px) {
    body.path-frontpage article .cocktails-front {
      padding-left: 40px;
      margin-bottom: 20px; } }
  @media (min-width: 768px) {
    body.path-frontpage article .cocktails-front {
      padding-left: 0;
      margin-bottom: 50px; } }
  body.path-frontpage article .cocktails-front .views-row {
    margin-bottom: 20px; }
    body.path-frontpage article .cocktails-front .views-row .views-field-field-cocktail-bild {
      float: left;
      margin-right: 30px; }
      body.path-frontpage article .cocktails-front .views-row .views-field-field-cocktail-bild img {
        border-bottom-left-radius: 100%;
        border-bottom-right-radius: 100%;
        border-top-left-radius: 100%;
        border-top-right-radius: 100%;
        width: 115px;
        height: auto; }
    body.path-frontpage article .cocktails-front .views-row .views-field-field-cocktail-kategorie a {
      margin-top: 10px;
      display: inline-block;
      color: #383838;
      font-family: "Montserrat", Arial, sans-serif;
      font-size: 18px;
      text-transform: uppercase;
      letter-spacing: 0.54px;
      opacity: 1;
      padding: 0px 8px;
      border: 1px solid black;
      border-radius: 50px;
      margin-top: 10px;
      font-size: 10px; }
      body.path-frontpage article .cocktails-front .views-row .views-field-field-cocktail-kategorie a:hover {
        color: #3231D3;
        border: 1px solid #3231D3;
        text-decoration: none; }
      body.path-frontpage article .cocktails-front .views-row .views-field-field-cocktail-kategorie a a {
        color: #383838; }
      body.path-frontpage article .cocktails-front .views-row .views-field-field-cocktail-kategorie a a:hover {
        color: #3231D3; }
    body.path-frontpage article .cocktails-front .views-row .views-field-title {
      font-size: 20px;
      line-height: 26px;
      margin-buttom: 10px;
      margin-top: 10px; }
  body.path-frontpage article .mix-barguide {
    width: 100vw !important;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    padding-bottom: 30px;
    background-color: #e8e7e4;
    padding-top: 30px; }
    body.path-frontpage article .mix-barguide .layout__region--content,
    body.path-frontpage article .mix-barguide img,
    body.path-frontpage article .mix-barguide .block-views {
      margin-left: auto;
      margin-right: auto; }
      @media (min-width: 0px) {
        body.path-frontpage article .mix-barguide .layout__region--content,
        body.path-frontpage article .mix-barguide img,
        body.path-frontpage article .mix-barguide .block-views {
          max-width: 767px;
          width: 100%; } }
      @media (min-width: 768px) {
        body.path-frontpage article .mix-barguide .layout__region--content,
        body.path-frontpage article .mix-barguide img,
        body.path-frontpage article .mix-barguide .block-views {
          max-width: 991px;
          width: 100; } }
      @media (min-width: 992px) {
        body.path-frontpage article .mix-barguide .layout__region--content,
        body.path-frontpage article .mix-barguide img,
        body.path-frontpage article .mix-barguide .block-views {
          max-width: 1199px;
          width: 100%; } }
    @media (min-width: 0px) {
      body.path-frontpage article .mix-barguide .block-views .view.mix-scroll-x-mobile {
        padding-left: 40px; } }
    @media (min-width: 768px) {
      body.path-frontpage article .mix-barguide .block-views .view.mix-scroll-x-mobile {
        padding-left: 0; } }
    body.path-frontpage article .mix-barguide .block-views .view.mix-scroll-x-mobile .view-content .views-row .views-col {
      padding-right: 20px; }
      @media (min-width: 0px) {
        body.path-frontpage article .mix-barguide .block-views .view.mix-scroll-x-mobile .view-content .views-row .views-col {
          min-width: 183px; } }
      @media (min-width: 768px) {
        body.path-frontpage article .mix-barguide .block-views .view.mix-scroll-x-mobile .view-content .views-row .views-col {
          min-width: inherit; } }
      body.path-frontpage article .mix-barguide .block-views .view.mix-scroll-x-mobile .view-content .views-row .views-col .views-field-field-bar-kategorie {
        font-size: 10px;
        padding-top: 10px;
        text-transform: uppercase; }
      body.path-frontpage article .mix-barguide .block-views .view.mix-scroll-x-mobile .view-content .views-row .views-col .views-field-title {
        padding-top: 5px;
        font-size: 24px; }
        body.path-frontpage article .mix-barguide .block-views .view.mix-scroll-x-mobile .view-content .views-row .views-col .views-field-title h2 {
          margin-top: 0;
          margin-bottom: 0; }
      body.path-frontpage article .mix-barguide .block-views .view.mix-scroll-x-mobile .view-content .views-row .views-col .views-field-field-bar-ort {
        padding-top: 5px;
        font-size: 10px;
        text-transform: uppercase; }
        body.path-frontpage article .mix-barguide .block-views .view.mix-scroll-x-mobile .view-content .views-row .views-col .views-field-field-bar-ort a {
          color: #383838; }
        body.path-frontpage article .mix-barguide .block-views .view.mix-scroll-x-mobile .view-content .views-row .views-col .views-field-field-bar-ort:before {
          float: left;
          content: '›';
          padding-right: 5px; }
    body.path-frontpage article .mix-barguide .block-views .view.mix-scroll-x-mobile .view-header p {
      margin-top: 0;
      margin-bottom: 20px; }
    body.path-frontpage article .mix-barguide .block-views .view.mix-scroll-x-mobile .view-footer {
      padding-top: 20px; }
      body.path-frontpage article .mix-barguide .block-views .view.mix-scroll-x-mobile .view-footer a {
        display: inline-block;
        color: #383838;
        font-family: "Montserrat", Arial, sans-serif;
        font-size: 18px;
        text-transform: uppercase;
        letter-spacing: 0.54px;
        opacity: 1;
        padding: 0px 8px;
        border: 1px solid black;
        border-radius: 50px;
        font-size: 18px; }
        body.path-frontpage article .mix-barguide .block-views .view.mix-scroll-x-mobile .view-footer a:hover {
          color: #3231D3;
          border: 1px solid #3231D3;
          text-decoration: none; }
        body.path-frontpage article .mix-barguide .block-views .view.mix-scroll-x-mobile .view-footer a a {
          color: #383838; }
        body.path-frontpage article .mix-barguide .block-views .view.mix-scroll-x-mobile .view-footer a a:hover {
          color: #3231D3; }
  body.path-frontpage article .mix-aktuelle-ausgabe {
    position: relative;
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 50px; }
    body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .view-header h2 {
      margin: 0;
      padding-top: 20px;
      padding-bottom: 20px;
      font-family: "Playfair Display", "Times New Roman", Times, serif; }
    @media (min-width: 0px) {
      body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .view-header {
        background-color: rgba(167, 157, 230, 0.3);
        padding-left: 40px;
        padding-right: 40px; }
        body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .view-header h2 {
          font-size: 24px;
          font-weight: normal; } }
    @media (min-width: 992px) {
      body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .view-header {
        background-color: transparent;
        padding-left: 0; }
        body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .view-header h2 {
          font-size: 36px;
          font-weight: normal; } }
    body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .views-view-responsive-grid__item {
      background-color: rgba(167, 157, 230, 0.3);
      width: 100%;
      display: inline-block; }
      @media (min-width: 0px) {
        body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .views-view-responsive-grid__item {
          padding: 0 2% 0 2%;
          margin-bottom: 0; } }
      @media (min-width: 992px) {
        body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .views-view-responsive-grid__item {
          padding: 50px 50px 50px 70px;
          margin-bottom: 100px; } }
    body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .views-field-field-beitrag-bild,
    body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .views-field-field-beitrag-alt-bild {
      width: 100%;
      text-align: left; }
      body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .views-field-field-beitrag-bild img,
      body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .views-field-field-beitrag-alt-bild img {
        height: auto; }
        @media (min-width: 0px) {
          body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .views-field-field-beitrag-bild img,
          body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .views-field-field-beitrag-alt-bild img {
            max-width: auto;
            padding-left: 0;
            padding-top: 10px;
            padding-bottom: 10px; } }
        @media (min-width: 992px) {
          body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .views-field-field-beitrag-bild img,
          body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .views-field-field-beitrag-alt-bild img {
            max-width: 384px !important;
            margin-left: 35px;
            padding-top: 0;
            padding-bottom: 0; } }
    body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .views-field-field-kategorie {
      padding-bottom: 15px;
      width: auto;
      float: left; }
      @media (min-width: 0px) {
        body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .views-field-field-kategorie {
          padding-left: calc( 40px - 2% );
          padding-right: calc(40px - 2% ); } }
      @media (min-width: 992px) {
        body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .views-field-field-kategorie {
          padding-left: 0;
          padding-right: 0; } }
      body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .views-field-field-kategorie a {
        display: inline-block;
        color: #383838;
        font-family: "Montserrat", Arial, sans-serif;
        font-size: 18px;
        text-transform: uppercase;
        letter-spacing: 0.54px;
        opacity: 1;
        padding: 0px 8px;
        border: 1px solid black;
        border-radius: 50px;
        margin-top: 10px;
        font-size: 10px; }
        body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .views-field-field-kategorie a:hover {
          color: #3231D3;
          border: 1px solid #3231D3;
          text-decoration: none; }
        body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .views-field-field-kategorie a a {
          color: #383838; }
        body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .views-field-field-kategorie a a:hover {
          color: #3231D3; }
    body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .views-field-title {
      float: left;
      clear: left;
      width: 100%; }
      @media (min-width: 0px) {
        body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .views-field-title {
          max-width: auto;
          padding-left: calc( 40px - 2% );
          padding-right: calc( 40px - 2% );
          font-size: 18px; } }
      @media (min-width: 992px) {
        body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .views-field-title {
          max-width: 280px;
          padding-left: 0;
          padding-right: 0;
          font-size: 24px; } }
    body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .views-field-field-autor {
      float: left;
      clear: left;
      width: auto;
      padding-top: 10px;
      font-family: "Montserrat", Arial, sans-serif;
      font-size: 14px;
      letter-spacing: 0.7px;
      text-transform: uppercase; }
      body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .views-field-field-autor .views-label-field-autor {
        font-family: "Playfair Display", "Times New Roman", Times, serif;
        font-size: 14px;
        font-style: italic;
        text-transform: none; }
      @media (min-width: 0px) {
        body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .views-field-field-autor {
          padding-left: calc( 40px - 2% );
          padding-right: calc(40px - 2% ); } }
      @media (min-width: 992px) {
        body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .views-field-field-autor {
          padding-left: 0;
          padding-right: 0; } }
    body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .views-field-field-beitrag-zusammenfassung,
    body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .views-field-field-beitrag-zusammenfassung-1,
    body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .views-field-body-1,
    body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .views-field-body {
      float: left;
      clear: left;
      width: 100%; }
    body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .views-field-field-beitrag-zusammenfassung .field-content,
    body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .views-field-field-beitrag-zusammenfassung-1 .field-content {
      margin-top: 14px;
      margin-bottom: 14px; }
    @media (min-width: 0px) {
      body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .views-field-field-beitrag-zusammenfassung,
      body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .views-field-body {
        display: none; } }
    @media (min-width: 992px) {
      body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .views-field-field-beitrag-zusammenfassung,
      body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .views-field-body {
        display: inline-block;
        max-width: 280px;
        padding-left: 0;
        padding-right: 0;
        margin-top: 0;
        margin-bottom: 0;
        font-size: 14px; } }
    @media (min-width: 0px) {
      body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .views-field-field-beitrag-zusammenfassung-1,
      body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .views-field-body-1 {
        display: inline-block;
        max-width: auto;
        padding-left: calc( 40px - 2% );
        padding-right: calc( 40px - 2% );
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 13px; } }
    @media (min-width: 992px) {
      body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .views-field-field-beitrag-zusammenfassung-1,
      body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockmixology-frontpage-block-5 .views-field-body-1 {
        display: none; } }
    @media (min-width: 0px) {
      body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockaktuelle-ausgabe-block-3 {
        position: relative;
        top: 0;
        right: 0;
        background-color: rgba(167, 157, 230, 0.3);
        max-height: 400px;
        margin-bottom: 150px; } }
    @media (min-width: 992px) {
      body.path-frontpage article .mix-aktuelle-ausgabe .block-views-blockaktuelle-ausgabe-block-3 {
        position: absolute;
        top: 0;
        right: 40px;
        background-color: transparent;
        max-height: auto;
        margin-bottom: 0; } }
  @media (min-width: 992px) {
    body.path-frontpage article .block-views-blockmixology-frontpage-block-7 .views-field-field-kategorie {
      padding-left: 0px; } }
  @media (min-width: 0px) {
    body.path-frontpage article .block-views-blockmixology-frontpage-block-7 .views-field-field-kategorie {
      padding-left: 15px;
      padding-right: 15px; } }
  body.path-frontpage article .block-views-blockmixology-frontpage-block-7 .views-field-field-kategorie a {
    display: inline-block;
    color: #383838;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.54px;
    opacity: 1;
    padding: 0px 8px;
    border: 1px solid black;
    border-radius: 50px;
    margin-top: 20px;
    font-size: 10px; }
    body.path-frontpage article .block-views-blockmixology-frontpage-block-7 .views-field-field-kategorie a:hover {
      color: #3231D3;
      border: 1px solid #3231D3;
      text-decoration: none; }
    body.path-frontpage article .block-views-blockmixology-frontpage-block-7 .views-field-field-kategorie a a {
      color: #383838; }
    body.path-frontpage article .block-views-blockmixology-frontpage-block-7 .views-field-field-kategorie a a:hover {
      color: #3231D3; }
  body.path-frontpage article .block-views-blockmixology-frontpage-block-7 .views-field-title {
    font-family: "Playfair Display", "Times New Roman", Times, serif;
    font-size: 24px;
    line-height: 28px; }
    @media (min-width: 992px) {
      body.path-frontpage article .block-views-blockmixology-frontpage-block-7 .views-field-title {
        margin-top: 10px;
        margin-bottom: 10px; } }
    @media (min-width: 0px) {
      body.path-frontpage article .block-views-blockmixology-frontpage-block-7 .views-field-title {
        margin-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px; } }
  @media (min-width: 0px) {
    body.path-frontpage article .block-views-blockmixology-frontpage-block-7 .views-field-body {
      padding-left: 15px;
      padding-right: 15px; } }
  body.path-frontpage article .block-block-contentc34d63fe-f508-49ae-929d-21e8ea5f914e .field--name-body span {
    display: inline-block;
    width: auto; }
  @media (min-width: 0px) {
    body.path-frontpage article .block-block-contentc34d63fe-f508-49ae-929d-21e8ea5f914e .field--name-body span:first-of-type {
      width: 100%; } }
  @media (min-width: 768px) {
    body.path-frontpage article .block-block-contentc34d63fe-f508-49ae-929d-21e8ea5f914e .field--name-body span:first-of-type {
      width: auto; } }
  @media (min-width: 0px) {
    body.path-frontpage article .mix-inventur .layout__region--first {
      display: none; } }
  @media (min-width: 768px) {
    body.path-frontpage article .mix-inventur .layout__region--first {
      display: block; } }
  body.path-frontpage article .mix-inventur .layout__region--second .block-views-blockmixology-frontpage-block-9 {
    display: inline-block;
    width: 100%;
    height: 100%; }
    body.path-frontpage article .mix-inventur .layout__region--second .block-views-blockmixology-frontpage-block-9 .contextual-region {
      display: inline-block;
      width: 100%;
      height: 100%; }
      body.path-frontpage article .mix-inventur .layout__region--second .block-views-blockmixology-frontpage-block-9 .contextual-region .view-content {
        display: inline-block;
        width: 100%;
        height: 100%; }
        body.path-frontpage article .mix-inventur .layout__region--second .block-views-blockmixology-frontpage-block-9 .contextual-region .view-content .views-view-grid {
          height: 100%; }
  body.path-frontpage article .mix-inventur .layout__region--second .view.mix-scroll-x-mobile .view-content {
    padding-bottom: 50px; }
    body.path-frontpage article .mix-inventur .layout__region--second .view.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col {
      padding-left: 20px;
      padding-right: 8px; }
      @media (min-width: 0px) {
        body.path-frontpage article .mix-inventur .layout__region--second .view.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col {
          min-width: 285px;
          border-right: none; } }
      @media (min-width: 768px) {
        body.path-frontpage article .mix-inventur .layout__region--second .view.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col {
          min-width: inherit;
          border-right: 1px solid rgba(50, 49, 211, 0.5); } }
      @media (min-width: 0px) {
        body.path-frontpage article .mix-inventur .layout__region--second .view.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col:first-of-type {
          padding-left: 0; } }
      @media (min-width: 768px) {
        body.path-frontpage article .mix-inventur .layout__region--second .view.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col:first-of-type {
          padding-left: 0; } }
      body.path-frontpage article .mix-inventur .layout__region--second .view.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col:last-of-type {
        border-right: none;
        padding-right: 0; }
      body.path-frontpage article .mix-inventur .layout__region--second .view.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col .views-field-created h2 {
        margin-top: 0;
        font-size: 24px; }
      body.path-frontpage article .mix-inventur .layout__region--second .view.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col .views-field-title a {
        font-weight: normal;
        font-size: 20px; }
  @media (min-width: 0px) {
    body.path-frontpage article .mix-inventur .layout__region--second .view.mix-scroll-x-mobile .view-footer {
      display: block; } }
  @media (min-width: 768px) {
    body.path-frontpage article .mix-inventur .layout__region--second .view.mix-scroll-x-mobile .view-footer {
      display: none; } }
  body.path-frontpage article .mix-made-in-gsa .layout__region--first,
  body.path-frontpage article .mix-bar-awards .layout__region--first {
    padding-left: 0;
    padding-right: 0; }
    body.path-frontpage article .mix-made-in-gsa .layout__region--first .block-views,
    body.path-frontpage article .mix-bar-awards .layout__region--first .block-views {
      border-top-left-radius: 30px;
      border-bottom-left-radius: 30px;
      border-bottom-right-radius: 30px;
      background-color: #e8e7e4;
      padding-top: 60px;
      padding-bottom: 80px;
      padding-left: 80px; }
      @media (min-width: 0px) {
        body.path-frontpage article .mix-made-in-gsa .layout__region--first .block-views,
        body.path-frontpage article .mix-bar-awards .layout__region--first .block-views {
          padding-left: 20px;
          padding-right: 20px; }
          body.path-frontpage article .mix-made-in-gsa .layout__region--first .block-views .views-field,
          body.path-frontpage article .mix-made-in-gsa .layout__region--first .block-views .view-header,
          body.path-frontpage article .mix-made-in-gsa .layout__region--first .block-views .view-footer,
          body.path-frontpage article .mix-bar-awards .layout__region--first .block-views .views-field,
          body.path-frontpage article .mix-bar-awards .layout__region--first .block-views .view-header,
          body.path-frontpage article .mix-bar-awards .layout__region--first .block-views .view-footer {
            padding-right: 30px;
            padding-left: 30px; } }
      @media (min-width: 768px) {
        body.path-frontpage article .mix-made-in-gsa .layout__region--first .block-views,
        body.path-frontpage article .mix-bar-awards .layout__region--first .block-views {
          padding-left: 80px;
          padding-right: 80px; }
          body.path-frontpage article .mix-made-in-gsa .layout__region--first .block-views .views-field,
          body.path-frontpage article .mix-made-in-gsa .layout__region--first .block-views .view-header,
          body.path-frontpage article .mix-made-in-gsa .layout__region--first .block-views .view-footer,
          body.path-frontpage article .mix-bar-awards .layout__region--first .block-views .views-field,
          body.path-frontpage article .mix-bar-awards .layout__region--first .block-views .view-header,
          body.path-frontpage article .mix-bar-awards .layout__region--first .block-views .view-footer {
            padding-right: 0;
            padding-left: 0; } }
      body.path-frontpage article .mix-made-in-gsa .layout__region--first .block-views .view-header p,
      body.path-frontpage article .mix-bar-awards .layout__region--first .block-views .view-header p {
        margin-top: 0;
        margin-bottom: 30px;
        font-size: 36px;
        font-family: "Playfair Display", "Times New Roman", Times, serif; }
      body.path-frontpage article .mix-made-in-gsa .layout__region--first .block-views .views-view-responsive-grid__item .views-field-field-beitrag-bild,
      body.path-frontpage article .mix-made-in-gsa .layout__region--first .block-views .views-view-responsive-grid__item .views-field-field-beitrag-alt-bild,
      body.path-frontpage article .mix-bar-awards .layout__region--first .block-views .views-view-responsive-grid__item .views-field-field-beitrag-bild,
      body.path-frontpage article .mix-bar-awards .layout__region--first .block-views .views-view-responsive-grid__item .views-field-field-beitrag-alt-bild {
        float: left; }
        @media (min-width: 0px) {
          body.path-frontpage article .mix-made-in-gsa .layout__region--first .block-views .views-view-responsive-grid__item .views-field-field-beitrag-bild,
          body.path-frontpage article .mix-made-in-gsa .layout__region--first .block-views .views-view-responsive-grid__item .views-field-field-beitrag-alt-bild,
          body.path-frontpage article .mix-bar-awards .layout__region--first .block-views .views-view-responsive-grid__item .views-field-field-beitrag-bild,
          body.path-frontpage article .mix-bar-awards .layout__region--first .block-views .views-view-responsive-grid__item .views-field-field-beitrag-alt-bild {
            margin-bottom: 30px;
            margin-right: 0;
            padding-right: 0;
            padding-left: 0; }
            body.path-frontpage article .mix-made-in-gsa .layout__region--first .block-views .views-view-responsive-grid__item .views-field-field-beitrag-bild img,
            body.path-frontpage article .mix-made-in-gsa .layout__region--first .block-views .views-view-responsive-grid__item .views-field-field-beitrag-alt-bild img,
            body.path-frontpage article .mix-bar-awards .layout__region--first .block-views .views-view-responsive-grid__item .views-field-field-beitrag-bild img,
            body.path-frontpage article .mix-bar-awards .layout__region--first .block-views .views-view-responsive-grid__item .views-field-field-beitrag-alt-bild img {
              width: 100%;
              height: auto;
              margin-bottom: 50px; } }
        @media (min-width: 768px) {
          body.path-frontpage article .mix-made-in-gsa .layout__region--first .block-views .views-view-responsive-grid__item .views-field-field-beitrag-bild,
          body.path-frontpage article .mix-made-in-gsa .layout__region--first .block-views .views-view-responsive-grid__item .views-field-field-beitrag-alt-bild,
          body.path-frontpage article .mix-bar-awards .layout__region--first .block-views .views-view-responsive-grid__item .views-field-field-beitrag-bild,
          body.path-frontpage article .mix-bar-awards .layout__region--first .block-views .views-view-responsive-grid__item .views-field-field-beitrag-alt-bild {
            margin-bottom: 0;
            margin-right: 60px; }
            body.path-frontpage article .mix-made-in-gsa .layout__region--first .block-views .views-view-responsive-grid__item .views-field-field-beitrag-bild img,
            body.path-frontpage article .mix-made-in-gsa .layout__region--first .block-views .views-view-responsive-grid__item .views-field-field-beitrag-alt-bild img,
            body.path-frontpage article .mix-bar-awards .layout__region--first .block-views .views-view-responsive-grid__item .views-field-field-beitrag-bild img,
            body.path-frontpage article .mix-bar-awards .layout__region--first .block-views .views-view-responsive-grid__item .views-field-field-beitrag-alt-bild img {
              width: 384px;
              height: auto; } }
      body.path-frontpage article .mix-made-in-gsa .layout__region--first .block-views .views-view-responsive-grid__item .views-field-body,
      body.path-frontpage article .mix-bar-awards .layout__region--first .block-views .views-view-responsive-grid__item .views-field-body {
        font-size: 14px;
        font-weight: normal; }
        @media (min-width: 0px) {
          body.path-frontpage article .mix-made-in-gsa .layout__region--first .block-views .views-view-responsive-grid__item .views-field-body,
          body.path-frontpage article .mix-bar-awards .layout__region--first .block-views .views-view-responsive-grid__item .views-field-body {
            width: 100%;
            text-wrap-mode: wrap; } }
        @media (min-width: 768px) {
          body.path-frontpage article .mix-made-in-gsa .layout__region--first .block-views .views-view-responsive-grid__item .views-field-body,
          body.path-frontpage article .mix-bar-awards .layout__region--first .block-views .views-view-responsive-grid__item .views-field-body {
            width: auto; } }
      body.path-frontpage article .mix-made-in-gsa .layout__region--first .block-views .views-view-responsive-grid__item .views-field-title,
      body.path-frontpage article .mix-bar-awards .layout__region--first .block-views .views-view-responsive-grid__item .views-field-title {
        font-size: 24px;
        font-family: "Playfair Display", "Times New Roman", Times, serif; }
        @media (min-width: 0px) {
          body.path-frontpage article .mix-made-in-gsa .layout__region--first .block-views .views-view-responsive-grid__item .views-field-title,
          body.path-frontpage article .mix-bar-awards .layout__region--first .block-views .views-view-responsive-grid__item .views-field-title {
            width: 100%;
            text-wrap-mode: wrap; } }
        @media (min-width: 768px) {
          body.path-frontpage article .mix-made-in-gsa .layout__region--first .block-views .views-view-responsive-grid__item .views-field-title,
          body.path-frontpage article .mix-bar-awards .layout__region--first .block-views .views-view-responsive-grid__item .views-field-title {
            width: auto; } }
  @media (min-width: 0px) {
    body.path-frontpage article .mix-made-in-gsa .layout__region--second,
    body.path-frontpage article .mix-bar-awards .layout__region--second {
      text-align: center; }
      body.path-frontpage article .mix-made-in-gsa .layout__region--second .block,
      body.path-frontpage article .mix-bar-awards .layout__region--second .block {
        width: 300px;
        margin-left: auto;
        margin-right: auto; }
        body.path-frontpage article .mix-made-in-gsa .layout__region--second .block .field--name-body,
        body.path-frontpage article .mix-bar-awards .layout__region--second .block .field--name-body {
          width: 100%;
          text-align: left; }
          body.path-frontpage article .mix-made-in-gsa .layout__region--second .block .field--name-body .mix-pod-1,
          body.path-frontpage article .mix-bar-awards .layout__region--second .block .field--name-body .mix-pod-1 {
            float: left;
            padding-right: 10px; }
          body.path-frontpage article .mix-made-in-gsa .layout__region--second .block .field--name-body p > img,
          body.path-frontpage article .mix-bar-awards .layout__region--second .block .field--name-body p > img {
            width: 100% !important;
            height: auto !important; } }
  @media (min-width: 768px) {
    body.path-frontpage article .mix-made-in-gsa .layout__region--second,
    body.path-frontpage article .mix-bar-awards .layout__region--second {
      text-align: left; }
      body.path-frontpage article .mix-made-in-gsa .layout__region--second .block,
      body.path-frontpage article .mix-bar-awards .layout__region--second .block {
        width: auto;
        margin-left: 0;
        margin-right: 0; }
        body.path-frontpage article .mix-made-in-gsa .layout__region--second .block .field--name-body,
        body.path-frontpage article .mix-bar-awards .layout__region--second .block .field--name-body {
          width: auto;
          text-align: left; }
          body.path-frontpage article .mix-made-in-gsa .layout__region--second .block .field--name-body .mix-pod-1,
          body.path-frontpage article .mix-bar-awards .layout__region--second .block .field--name-body .mix-pod-1 {
            float: none;
            padding-right: 0;
            width: 100%; }
          body.path-frontpage article .mix-made-in-gsa .layout__region--second .block .field--name-body p > img,
          body.path-frontpage article .mix-bar-awards .layout__region--second .block .field--name-body p > img {
            width: 217px !important;
            height: 217px !important; } }
  body.path-frontpage article .mix-newcomer .layout__region--first {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    z-index: 0;
    color: white; }
    body.path-frontpage article .mix-newcomer .layout__region--first a {
      color: white; }
    body.path-frontpage article .mix-newcomer .layout__region--first:before {
      content: url("/sites/mixology.eu/themes/custom/mixology_main/images/icon_newcomer.svg");
      width: 27px;
      height: 27px;
      position: absolute;
      top: -35px;
      left: 120px;
      z-index: 10; }
      @media (min-width: 0px) {
        body.path-frontpage article .mix-newcomer .layout__region--first:before {
          left: calc(50% - 27px); } }
      @media (min-width: 768px) {
        body.path-frontpage article .mix-newcomer .layout__region--first:before {
          left: 120px; } }
    body.path-frontpage article .mix-newcomer .layout__region--first .block-views {
      padding: 60px;
      padding-top: 50px;
      padding-bottom: 60px;
      background-color: #3231D3; }
      @media (min-width: 0px) {
        body.path-frontpage article .mix-newcomer .layout__region--first .block-views {
          border-radius: 0; } }
      @media (min-width: 768px) {
        body.path-frontpage article .mix-newcomer .layout__region--first .block-views {
          border-top-right-radius: 30px;
          border-bottom-left-radius: 30px;
          border-bottom-right-radius: 30px; } }
      @media (min-width: 0px) {
        body.path-frontpage article .mix-newcomer .layout__region--first .block-views .view-header {
          margin-top: 0;
          margin-bottom: 30px;
          font-size: 24px;
          text-align: center; } }
      @media (min-width: 768px) {
        body.path-frontpage article .mix-newcomer .layout__region--first .block-views .view-header {
          margin-top: 0;
          margin-bottom: 30px;
          font-size: 36px;
          text-align: left; } }
      body.path-frontpage article .mix-newcomer .layout__region--first .block-views .views-view-responsive-grid__item .views-field-field-beitrag-bild,
      body.path-frontpage article .mix-newcomer .layout__region--first .block-views .views-view-responsive-grid__item .views-field-field-beitrag-alt-bild {
        float: left; }
        @media (min-width: 0px) {
          body.path-frontpage article .mix-newcomer .layout__region--first .block-views .views-view-responsive-grid__item .views-field-field-beitrag-bild,
          body.path-frontpage article .mix-newcomer .layout__region--first .block-views .views-view-responsive-grid__item .views-field-field-beitrag-alt-bild {
            padding-right: 0;
            margin-bottom: 40px; }
            body.path-frontpage article .mix-newcomer .layout__region--first .block-views .views-view-responsive-grid__item .views-field-field-beitrag-bild img,
            body.path-frontpage article .mix-newcomer .layout__region--first .block-views .views-view-responsive-grid__item .views-field-field-beitrag-alt-bild img {
              width: 100%;
              height: auto; } }
        @media (min-width: 768px) {
          body.path-frontpage article .mix-newcomer .layout__region--first .block-views .views-view-responsive-grid__item .views-field-field-beitrag-bild,
          body.path-frontpage article .mix-newcomer .layout__region--first .block-views .views-view-responsive-grid__item .views-field-field-beitrag-alt-bild {
            padding-right: 40px;
            margin-bottom: 0; }
            body.path-frontpage article .mix-newcomer .layout__region--first .block-views .views-view-responsive-grid__item .views-field-field-beitrag-bild img,
            body.path-frontpage article .mix-newcomer .layout__region--first .block-views .views-view-responsive-grid__item .views-field-field-beitrag-alt-bild img {
              width: 364px;
              height: auto;
              padding-bottom: 20px; } }
      body.path-frontpage article .mix-newcomer .layout__region--first .block-views .views-view-responsive-grid__item .views-field-body {
        font-size: 14px;
        font-weight: normal;
        text-wrap-mode: wrap; }
      body.path-frontpage article .mix-newcomer .layout__region--first .block-views .views-view-responsive-grid__item .views-field-title {
        font-size: 24px;
        font-family: "Playfair Display", "Times New Roman", Times, serif; }
        body.path-frontpage article .mix-newcomer .layout__region--first .block-views .views-view-responsive-grid__item .views-field-title a {
          color: white;
          text-wrap-mode: wrap; }
  @media (min-width: 0px) {
    body.path-frontpage article .mix-newcomer .layout__region--second {
      max-with: 100%; } }
  @media (min-width: 768px) {
    body.path-frontpage article .mix-newcomer .layout__region--second {
      max-width: 33%; } }
  @media (min-width: 0px) {
    body.path-frontpage article .mix-newcomer .layout__region--second .block {
      width: 100%;
      max-width: 450px;
      margin-right: auto;
      margin-left: auto; }
      body.path-frontpage article .mix-newcomer .layout__region--second .block .align-right {
        float: left; } }
  @media (min-width: 768px) {
    body.path-frontpage article .mix-newcomer .layout__region--second .block {
      width: auto;
      margin-right: 0;
      margin-left: 0; }
      body.path-frontpage article .mix-newcomer .layout__region--second .block .align-right {
        float: right; } }
  body.path-frontpage article .mix-stellenmarkt {
    width: 100vw !important;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    border-bottom-left-radius: 30px;
    padding-bottom: 30px;
    border-bottom-right-radius: 30px;
    padding-bottom: 30px;
    background-color: rgba(167, 157, 230, 0.3); }
    body.path-frontpage article .mix-stellenmarkt .layout__region--content,
    body.path-frontpage article .mix-stellenmarkt img,
    body.path-frontpage article .mix-stellenmarkt .block-views {
      margin-left: auto;
      margin-right: auto; }
      @media (min-width: 0px) {
        body.path-frontpage article .mix-stellenmarkt .layout__region--content,
        body.path-frontpage article .mix-stellenmarkt img,
        body.path-frontpage article .mix-stellenmarkt .block-views {
          max-width: 767px;
          width: 100%; } }
      @media (min-width: 768px) {
        body.path-frontpage article .mix-stellenmarkt .layout__region--content,
        body.path-frontpage article .mix-stellenmarkt img,
        body.path-frontpage article .mix-stellenmarkt .block-views {
          max-width: 991px;
          width: 100; } }
      @media (min-width: 992px) {
        body.path-frontpage article .mix-stellenmarkt .layout__region--content,
        body.path-frontpage article .mix-stellenmarkt img,
        body.path-frontpage article .mix-stellenmarkt .block-views {
          max-width: 1199px;
          width: 100%; } }
    @media (min-width: 0px) {
      body.path-frontpage article .mix-stellenmarkt .layout__region--content {
        display: inline-block; } }
    @media (min-width: 768px) {
      body.path-frontpage article .mix-stellenmarkt .layout__region--content {
        display: flex; } }
    body.path-frontpage article .mix-stellenmarkt .layout__region--content .button-mixology {
      background-color: white; }
    body.path-frontpage article .mix-stellenmarkt .layout__region--content .block-block-content28a12348-789c-4b08-9508-8192c9d8c4c2 {
      display: inline-block;
      padding-right: 20px; }
      @media (min-width: 0px) {
        body.path-frontpage article .mix-stellenmarkt .layout__region--content .block-block-content28a12348-789c-4b08-9508-8192c9d8c4c2 {
          width: 100%; } }
      @media (min-width: 768px) {
        body.path-frontpage article .mix-stellenmarkt .layout__region--content .block-block-content28a12348-789c-4b08-9508-8192c9d8c4c2 {
          width: 49.5%; } }
      body.path-frontpage article .mix-stellenmarkt .layout__region--content .block-block-content28a12348-789c-4b08-9508-8192c9d8c4c2 .field--name-body h2 {
        font-size: 36px; }
      @media (min-width: 0px) {
        body.path-frontpage article .mix-stellenmarkt .layout__region--content .block-block-content28a12348-789c-4b08-9508-8192c9d8c4c2 .field--name-body {
          padding-left: 50px;
          padding-right: 50px; }
          body.path-frontpage article .mix-stellenmarkt .layout__region--content .block-block-content28a12348-789c-4b08-9508-8192c9d8c4c2 .field--name-body .mix-stelle-left {
            width: 100%;
            display: block;
            margin-top: 20px; }
            body.path-frontpage article .mix-stellenmarkt .layout__region--content .block-block-content28a12348-789c-4b08-9508-8192c9d8c4c2 .field--name-body .mix-stelle-left a {
              color: #383838 !important; }
            body.path-frontpage article .mix-stellenmarkt .layout__region--content .block-block-content28a12348-789c-4b08-9508-8192c9d8c4c2 .field--name-body .mix-stelle-left a:hover {
              text-decoration: none;
              color: #3231D3 !important; }
            body.path-frontpage article .mix-stellenmarkt .layout__region--content .block-block-content28a12348-789c-4b08-9508-8192c9d8c4c2 .field--name-body .mix-stelle-left span.mix-stelle-line {
              font-family: "Playfair Display", "Times New Roman", Times, serif;
              font-size: 24px;
              width: 100%;
              margin-bottom: 20px;
              display: inline;
              margin-top: 0; }
            body.path-frontpage article .mix-stellenmarkt .layout__region--content .block-block-content28a12348-789c-4b08-9508-8192c9d8c4c2 .field--name-body .mix-stelle-left:first-of-type {
              margin-top: 0; }
          body.path-frontpage article .mix-stellenmarkt .layout__region--content .block-block-content28a12348-789c-4b08-9508-8192c9d8c4c2 .field--name-body .mix-stelle-right {
            width: 100%;
            display: inline-block;
            text-align: center;
            vertical-align: top; }
            body.path-frontpage article .mix-stellenmarkt .layout__region--content .block-block-content28a12348-789c-4b08-9508-8192c9d8c4c2 .field--name-body .mix-stelle-right img {
              width: 100%;
              max-width: 80%;
              height: auto;
              float: none; } }
      @media (min-width: 768px) {
        body.path-frontpage article .mix-stellenmarkt .layout__region--content .block-block-content28a12348-789c-4b08-9508-8192c9d8c4c2 .field--name-body {
          padding-left: 15px;
          padding-right: 15px; }
          body.path-frontpage article .mix-stellenmarkt .layout__region--content .block-block-content28a12348-789c-4b08-9508-8192c9d8c4c2 .field--name-body .mix-stelle-left {
            width: 50%;
            display: inline-block;
            margin-top: 0; }
            body.path-frontpage article .mix-stellenmarkt .layout__region--content .block-block-content28a12348-789c-4b08-9508-8192c9d8c4c2 .field--name-body .mix-stelle-left a {
              color: #383838 !important; }
            body.path-frontpage article .mix-stellenmarkt .layout__region--content .block-block-content28a12348-789c-4b08-9508-8192c9d8c4c2 .field--name-body .mix-stelle-left a:hover {
              text-decoration: none;
              color: #3231D3 !important; }
            body.path-frontpage article .mix-stellenmarkt .layout__region--content .block-block-content28a12348-789c-4b08-9508-8192c9d8c4c2 .field--name-body .mix-stelle-left span.mix-stelle-line {
              font-family: "Playfair Display", "Times New Roman", Times, serif;
              font-size: 24px;
              width: auto;
              margin-bottom: 0;
              display: block;
              margin-top: 10px; }
          body.path-frontpage article .mix-stellenmarkt .layout__region--content .block-block-content28a12348-789c-4b08-9508-8192c9d8c4c2 .field--name-body .mix-stelle-right {
            width: 49%;
            text-align: center;
            vertical-align: top;
            display: inline-block; }
            body.path-frontpage article .mix-stellenmarkt .layout__region--content .block-block-content28a12348-789c-4b08-9508-8192c9d8c4c2 .field--name-body .mix-stelle-right img {
              width: 100%;
              max-width: unset;
              height: auto; } }
      @media (min-width: 0px) {
        body.path-frontpage article .mix-stellenmarkt .layout__region--content .block-block-content28a12348-789c-4b08-9508-8192c9d8c4c2 .button-mixology {
          position: relative;
          bottom: 0;
          left: 0; } }
      @media (min-width: 768px) {
        body.path-frontpage article .mix-stellenmarkt .layout__region--content .block-block-content28a12348-789c-4b08-9508-8192c9d8c4c2 .button-mixology {
          position: absolute;
          bottom: 0;
          left: 15px; } }
    body.path-frontpage article .mix-stellenmarkt .layout__region--content .block-views-blockmixology-frontpage-block-13 {
      display: inline-block; }
      @media (min-width: 0px) {
        body.path-frontpage article .mix-stellenmarkt .layout__region--content .block-views-blockmixology-frontpage-block-13 {
          padding-left: 0;
          width: 100%;
          padding-top: 70px; } }
      @media (min-width: 768px) {
        body.path-frontpage article .mix-stellenmarkt .layout__region--content .block-views-blockmixology-frontpage-block-13 {
          padding-left: 20px;
          width: 50%;
          padding-top: 90px; } }
      body.path-frontpage article .mix-stellenmarkt .layout__region--content .block-views-blockmixology-frontpage-block-13 .views-row {
        background-color: transparent;
        border: 1px solid black;
        border-radius: 20px;
        padding: 30px 30px 0 30px;
        height: 250px;
        vertical-align: top; }
        body.path-frontpage article .mix-stellenmarkt .layout__region--content .block-views-blockmixology-frontpage-block-13 .views-row:hover {
          background-color: #A79DE6; }
        @media (min-width: 0px) {
          body.path-frontpage article .mix-stellenmarkt .layout__region--content .block-views-blockmixology-frontpage-block-13 .views-row {
            display: block;
            width: auto;
            margin-right: 46px;
            margin-left: 46px; }
            body.path-frontpage article .mix-stellenmarkt .layout__region--content .block-views-blockmixology-frontpage-block-13 .views-row:first-of-type {
              margin-right: 46px;
              margin-bottom: 20px; } }
        @media (min-width: 768px) {
          body.path-frontpage article .mix-stellenmarkt .layout__region--content .block-views-blockmixology-frontpage-block-13 .views-row {
            display: inline-block;
            width: 46%;
            margin-right: 0;
            margin-left: 0; }
            body.path-frontpage article .mix-stellenmarkt .layout__region--content .block-views-blockmixology-frontpage-block-13 .views-row:first-of-type {
              margin-right: 5%;
              margin-bottom: 0; } }
        body.path-frontpage article .mix-stellenmarkt .layout__region--content .block-views-blockmixology-frontpage-block-13 .views-row .views-field-title h3 {
          margin-top: 0;
          font-weight: normal;
          white-space: break-spaces; }
        body.path-frontpage article .mix-stellenmarkt .layout__region--content .block-views-blockmixology-frontpage-block-13 .views-row .views-field-field-stelle-firmenname {
          text-transform: uppercase;
          font-size: 18px; }
    body.path-frontpage article .mix-stellenmarkt .layout__region--content .view-footer {
      margin-left: 46px; }
      @media (min-width: 0px) {
        body.path-frontpage article .mix-stellenmarkt .layout__region--content .view-footer {
          margin-left: 46px; }
          body.path-frontpage article .mix-stellenmarkt .layout__region--content .view-footer .mix-stelle-footer {
            padding-top: 35px; }
            body.path-frontpage article .mix-stellenmarkt .layout__region--content .view-footer .mix-stelle-footer a {
              color: #383838 !important; }
            body.path-frontpage article .mix-stellenmarkt .layout__region--content .view-footer .mix-stelle-footer a:hover {
              color: #3231D3 !important;
              text-decoration: none; } }
      @media (min-width: 768px) {
        body.path-frontpage article .mix-stellenmarkt .layout__region--content .view-footer {
          margin-left: 0; }
          body.path-frontpage article .mix-stellenmarkt .layout__region--content .view-footer .mix-stelle-footer {
            padding-top: 70px; }
            body.path-frontpage article .mix-stellenmarkt .layout__region--content .view-footer .mix-stelle-footer a {
              color: #383838 !important; }
            body.path-frontpage article .mix-stellenmarkt .layout__region--content .view-footer .mix-stelle-footer a:hover {
              color: #3231D3 !important;
              text-decoration: none; } }

html {
  box-sizing: border-box; }

*, *::before, *::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.views-field-title {
  hyphens: none; }

body {
  overflow-x: hidden;
  color: #383838;
  background-color: #fff;
  font-family: "Georgia", "Times New Roman", Times, serif;
  font-size: 16px;
  line-height: 1.8;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  hyphenate-limit-chars: auto 5;
  line-height: 1.4; }
  body #mix-mobile-indicator {
    /* CSS media query and jquery $(window).width() are not consistent.
     * Instead, use this indicator here, set in CSS, to indiate resolution to JS
     * http://stackoverflow.com/questions/19291873/window-width-not-the-same-as-media-query/19292035#19292035
     */ }
    @media (min-width: 0px) {
      body #mix-mobile-indicator {
        display: block; } }
    @media (min-width: 768px) {
      body #mix-mobile-indicator {
        display: none; } }

a {
  color: #3231D3;
  text-decoration: none; }

a:hover, a:active, a:focus {
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
  -moz-transition: all 0.35s;
  -ms-transition: all 0.35s;
  color: #383838;
  outline: none !important;
  text-decoration: underline;
  text-decoration-color: rgba(50, 49, 211, 0.9); }

.views-field-title,
h1, h2, h3, h4, h5, h6 {
  color: #383838;
  font-family: "Playfair Display", "Times New Roman", Times, serif;
  line-height: 1.1; }
  .views-field-title a,
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #383838; }

h1,
h1.page-title {
  font-size: 36px;
  line-height: 40px;
  letter-spacing: 0.36px;
  float: left;
  width: 100%;
  text-transform: none; }

h2 {
  font-size: 24px;
  line-height: 28px;
  letter-spacing: 0.24px; }

h3 {
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0.20px; }

h4 {
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.18px; }

h5 {
  font-size: 16px;
  line-height: 21px;
  letter-spacing: 0.16px; }

h6 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.8px;
  font-style: italic; }

img {
  border: 0;
  vertical-align: top;
  max-width: 100%;
  height: auto; }

input[type*="submit"] {
  background: white;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  font-family: "Montserrat", "Arial", Helvetica, sans-serif;
  color: black;
  border-radius: 3px;
  transition: all 0.35s;
  padding: 8px 20px;
  padding-left: 30px;
  display: inline-block;
  position: relative;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.mix-bg-blau {
  background-color: #3231D3; }

.mix-bg-blau-heller-90 {
  background-color: rgba(50, 49, 211, 0.9); }

.mix-bg-blau-heller-80 {
  background-color: rgba(50, 49, 211, 0.8); }

.mix-bg-blau-heller-70 {
  background-color: rgba(50, 49, 211, 0.7); }

.mix-bg-blau-heller-60 {
  background-color: rgba(50, 49, 211, 0.6); }

.mix-bg-blau-heller-50 {
  background-color: rgba(50, 49, 211, 0.5); }

.mix-bg-blau-heller-40 {
  background-color: rgba(50, 49, 211, 0.4); }

.mix-bg-grau {
  background-color: #a0a0a0; }

.mix-bg-hellgrau {
  background-color: #e8e7e4; }

.mix-round-corner-top-left {
  border-top-left-radius: 30px;
  padding-top: 30px; }

.mix-round-corner-top-right {
  border-top-right-radius: 30px;
  padding-top: 30px; }

.mix-round-corner-bottom-left {
  border-bottom-left-radius: 30px;
  padding-bottom: 30px; }

.mix-round-corner-bottom-right {
  border-bottom-right-radius: 30px;
  padding-bottom: 30px; }

p.video,
div.video {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 56%; }

p.video iframe,
p.video object,
p.video embed,
div.video iframe,
div.video object,
div.video embed {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%; }

.webform-actions > input.button-mixology,
input[type*="submit"].button-mixology,
.button-mixology,
p.button-mixology,
div.button-mixology,
a.button-mixology {
  display: inline-block;
  color: #383838;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 0.54px;
  opacity: 1;
  padding: 0px 8px;
  border: 1px solid black;
  border-radius: 50px; }
  .webform-actions > input.button-mixology:hover,
  input[type*="submit"].button-mixology:hover,
  .button-mixology:hover,
  p.button-mixology:hover,
  div.button-mixology:hover,
  a.button-mixology:hover {
    color: #3231D3;
    border: 1px solid #3231D3;
    text-decoration: none; }
  .webform-actions > input.button-mixology a,
  input[type*="submit"].button-mixology a,
  .button-mixology a,
  p.button-mixology a,
  div.button-mixology a,
  a.button-mixology a {
    color: #383838; }
  .webform-actions > input.button-mixology a:hover,
  input[type*="submit"].button-mixology a:hover,
  .button-mixology a:hover,
  p.button-mixology a:hover,
  div.button-mixology a:hover,
  a.button-mixology a:hover {
    color: #3231D3; }

p.button-mixology-borderless,
div.button-mixology-borderless,
a.button-mixology-borderless {
  display: inline-block;
  color: #383838;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 0.54px;
  opacity: 1;
  padding: 0px 8px;
  background-color: #ffffff;
  border-radius: 50px; }
  p.button-mixology-borderless:hover,
  div.button-mixology-borderless:hover,
  a.button-mixology-borderless:hover {
    color: #3231D3;
    border: 1px solid #3231D3;
    text-decoration: none; }
  p.button-mixology-borderless a,
  div.button-mixology-borderless a,
  a.button-mixology-borderless a {
    color: #383838; }
  p.button-mixology-borderless a:hover,
  div.button-mixology-borderless a:hover,
  a.button-mixology-borderless a:hover {
    color: #3231D3; }

header #mix-header-mobile-current-issue .block-views-blockaktuelle-ausgabe-block-1 {
  display: none; }
@media (min-width: 0px) {
  header #mix-header-mobile-current-issue .block-views-blockaktuelle-ausgabe-block-2 {
    display: inline-block;
    width: 100%; } }
@media (min-width: 992px) {
  header #mix-header-mobile-current-issue .block-views-blockaktuelle-ausgabe-block-2 {
    display: none; } }
@media (min-width: 0px) {
  header #mix-header-menus #mix-header-logo-mobile,
  header #mix-header-menus .mix-header-logo {
    max-width: 350px; } }
@media (min-width: 768px) {
  header #mix-header-menus #mix-header-logo-mobile,
  header #mix-header-menus .mix-header-logo {
    max-width: calc( 100% - 50px ); } }
header #mix-header-menus #mix-header-logo-mobile .region-header-logo,
header #mix-header-menus .mix-header-logo .region-header-logo {
  display: inline-block; }
  header #mix-header-menus #mix-header-logo-mobile .region-header-logo .block p,
  header #mix-header-menus .mix-header-logo .region-header-logo .block p {
    margin: 0; }
  header #mix-header-menus #mix-header-logo-mobile .region-header-logo .block img,
  header #mix-header-menus .mix-header-logo .region-header-logo .block img {
    width: 200px;
    height: auto; }
header #mix-header-menus #mix-header-menus-desktop {
  padding-bottom: 30px; }
  header #mix-header-menus #mix-header-menus-desktop #mix-header-sticky-anchor {
    display: inline-block;
    width: 100%;
    height: 130px;
    padding-top: 35px; }
  header #mix-header-menus #mix-header-menus-desktop #mix-header-sticky-div {
    position: fixed;
    display: inline-block;
    width: 100%;
    left: 0;
    padding-top: 35px;
    height: 130px;
    background-color: #fff; }
    header #mix-header-menus #mix-header-menus-desktop #mix-header-sticky-div #mix-header-sticky-inner-wrapper {
      display: inline-block;
      width: 950px; }
      @media only screen and (min-width: 992px) {
        header #mix-header-menus #mix-header-menus-desktop #mix-header-sticky-div #mix-header-sticky-inner-wrapper {
          width: 950px;
          height: 90px; } }
      @media only screen and (min-width: 1200px) {
        header #mix-header-menus #mix-header-menus-desktop #mix-header-sticky-div #mix-header-sticky-inner-wrapper {
          width: 1100px;
          height: 90px; } }
      @media only screen and (min-width: 1300px) {
        header #mix-header-menus #mix-header-menus-desktop #mix-header-sticky-div #mix-header-sticky-inner-wrapper {
          width: 1200px;
          height: 90px; } }
      header #mix-header-menus #mix-header-menus-desktop #mix-header-sticky-div #mix-header-sticky-inner-wrapper .mix-header-logo {
        float: left;
        border-bottom: none;
        margin-bottom: 0; }
      header #mix-header-menus #mix-header-menus-desktop #mix-header-sticky-div #mix-header-sticky-inner-wrapper #mix-header-menu-categories {
        display: inline-block;
        padding-top: 10px; }
        header #mix-header-menus #mix-header-menus-desktop #mix-header-sticky-div #mix-header-sticky-inner-wrapper #mix-header-menu-categories .mix-header-menu-category {
          float: left;
          padding-right: 10px;
          cursor: pointer;
          font-family: "Playfair Display", "Times New Roman", Times, serif;
          font-size: 16px;
          letter-spacing: 0.8px;
          color: #383838; }
          header #mix-header-menus #mix-header-menus-desktop #mix-header-sticky-div #mix-header-sticky-inner-wrapper #mix-header-menu-categories .mix-header-menu-category a {
            color: #383838; }
          header #mix-header-menus #mix-header-menus-desktop #mix-header-sticky-div #mix-header-sticky-inner-wrapper #mix-header-menu-categories .mix-header-menu-category.mix-search {
            vertical-align: top;
            padding-right: 0;
            margin-top: 4px; }
            header #mix-header-menus #mix-header-menus-desktop #mix-header-sticky-div #mix-header-sticky-inner-wrapper #mix-header-menu-categories .mix-header-menu-category.mix-search a {
              vertical-align: top;
              display: inline-block;
              height: 16px;
              width: 16px;
              font-size: 0;
              background-image: url("../images/Icon-Lupe.png");
              background-repeat: no-repeat;
              background-position: left top;
              background-size: 16px 16px; }
      header #mix-header-menus #mix-header-menus-desktop #mix-header-sticky-div #mix-header-sticky-inner-wrapper #mix-header-current-issue {
        float: right;
        padding-top: 10px; }
        header #mix-header-menus #mix-header-menus-desktop #mix-header-sticky-div #mix-header-sticky-inner-wrapper #mix-header-current-issue .block-views-blockaktuelle-ausgabe-block-2 {
          display: none; }
        @media (min-width: 0px) {
          header #mix-header-menus #mix-header-menus-desktop #mix-header-sticky-div #mix-header-sticky-inner-wrapper #mix-header-current-issue .block-views-blockaktuelle-ausgabe-block-1 {
            display: none; } }
        @media (min-width: 992px) {
          header #mix-header-menus #mix-header-menus-desktop #mix-header-sticky-div #mix-header-sticky-inner-wrapper #mix-header-current-issue .block-views-blockaktuelle-ausgabe-block-1 {
            display: inline-block;
            width: auto; } }
        header #mix-header-menus #mix-header-menus-desktop #mix-header-sticky-div #mix-header-sticky-inner-wrapper #mix-header-current-issue .block-views-blockaktuelle-ausgabe-block-1 .view .view-footer a {
          display: inline-block;
          color: #383838;
          font-family: "Montserrat", Arial, sans-serif;
          font-size: 18px;
          text-transform: uppercase;
          letter-spacing: 0.54px;
          opacity: 1;
          padding: 0px 8px;
          border: 1px solid black;
          border-radius: 50px; }
          header #mix-header-menus #mix-header-menus-desktop #mix-header-sticky-div #mix-header-sticky-inner-wrapper #mix-header-current-issue .block-views-blockaktuelle-ausgabe-block-1 .view .view-footer a:hover {
            color: #3231D3;
            border: 1px solid #3231D3;
            text-decoration: none; }
          header #mix-header-menus #mix-header-menus-desktop #mix-header-sticky-div #mix-header-sticky-inner-wrapper #mix-header-current-issue .block-views-blockaktuelle-ausgabe-block-1 .view .view-footer a a {
            color: #383838; }
          header #mix-header-menus #mix-header-menus-desktop #mix-header-sticky-div #mix-header-sticky-inner-wrapper #mix-header-current-issue .block-views-blockaktuelle-ausgabe-block-1 .view .view-footer a a:hover {
            color: #3231D3; }
    header #mix-header-menus #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu {
      position: relative;
      display: none;
      margin-left: auto;
      margin-right: auto;
      width: 950px; }
      @media only screen and (min-width: 992px) {
        header #mix-header-menus #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu {
          width: 950px; } }
      @media only screen and (min-width: 1200px) {
        header #mix-header-menus #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu {
          width: 1100px; } }
      @media only screen and (min-width: 1300px) {
        header #mix-header-menus #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu {
          width: 1200px; } }
header #mix-header-menus #mix-header-menus-mobile {
  line-height: 0.1;
  vertical-align: top; }
  header #mix-header-menus #mix-header-menus-mobile #mix-header-sticky-anchor {
    /* When the sticky-div element becomes sticky, it is placed "fixed"
     * and thereby creates a hole in the content.
     * To prevent a jump, we have this element here that can
     * take on the missing height, controlled by JS  
     */
    display: inline-block;
    width: 100%;
    height: 0; }
  header #mix-header-menus #mix-header-menus-mobile #mix-header-sticky-div {
    position: relative;
    width: 100%;
    left: auto;
    top: auto;
    background-color: white;
    padding-top: 20px;
    padding-bottom: 20px;
    vertical-align: top;
    display: inline-block;
    z-index: 1000; }
    header #mix-header-menus #mix-header-menus-mobile #mix-header-sticky-div.sticky {
      position: fixed; }
    header #mix-header-menus #mix-header-menus-mobile #mix-header-sticky-div #mix-header-sticky-inner-wrapper {
      display: inline-block;
      position: relative;
      width: 100%; }
      @media only screen and (min-width: 992px) {
        header #mix-header-menus #mix-header-menus-mobile #mix-header-sticky-div #mix-header-sticky-inner-wrapper {
          width: 950px; } }
      @media only screen and (min-width: 1200px) {
        header #mix-header-menus #mix-header-menus-mobile #mix-header-sticky-div #mix-header-sticky-inner-wrapper {
          width: 1100px; } }
      @media only screen and (min-width: 1300px) {
        header #mix-header-menus #mix-header-menus-mobile #mix-header-sticky-div #mix-header-sticky-inner-wrapper {
          width: 1200px; } }
      header #mix-header-menus #mix-header-menus-mobile #mix-header-sticky-div #mix-header-sticky-inner-wrapper #mix-header-sticky-inner-wrapper-top {
        width: 100%; }
        @media only screen and (min-width: 992px) {
          header #mix-header-menus #mix-header-menus-mobile #mix-header-sticky-div #mix-header-sticky-inner-wrapper #mix-header-sticky-inner-wrapper-top {
            width: 950px;
            height: 90px; } }
        @media only screen and (min-width: 1200px) {
          header #mix-header-menus #mix-header-menus-mobile #mix-header-sticky-div #mix-header-sticky-inner-wrapper #mix-header-sticky-inner-wrapper-top {
            width: 1100px;
            height: 90px; } }
        @media only screen and (min-width: 1300px) {
          header #mix-header-menus #mix-header-menus-mobile #mix-header-sticky-div #mix-header-sticky-inner-wrapper #mix-header-sticky-inner-wrapper-top {
            width: 1200px;
            height: 90px; } }
        header #mix-header-menus #mix-header-menus-mobile #mix-header-sticky-div #mix-header-sticky-inner-wrapper #mix-header-sticky-inner-wrapper-top #mix-menu-mobile-hamburger {
          float: left; }
        header #mix-header-menus #mix-header-menus-mobile #mix-header-sticky-div #mix-header-sticky-inner-wrapper #mix-header-sticky-inner-wrapper-top .mix-header-logo {
          float: left;
          padding-left: 20px; }

ul.menu li.menu-item {
  color: black;
  font-family: "Playfair Display", "Times New Roman", Times, serif; }
  ul.menu li.menu-item a {
    color: black; }
ul.menu li.menu-item--expanded,
ul.menu li.menu-item--collapsed {
  list-style-type: none;
  list-style-image: none; }

#mix-menu-mobile-hamburger {
  width: 20px;
  height: 20px;
  position: relative;
  margin-top: 5px;
  margin-left: 10px;
  cursor: pointer; }
  #mix-menu-mobile-hamburger #mix-menu-mobile-hamburger-opener {
    display: block; }
    #mix-menu-mobile-hamburger #mix-menu-mobile-hamburger-opener span {
      display: block;
      width: 24px;
      height: 3px;
      background-color: #000;
      position: absolute;
      margin: auto;
      transition: all 0.35s; }
    #mix-menu-mobile-hamburger #mix-menu-mobile-hamburger-opener span.one {
      top: 0px; }
    #mix-menu-mobile-hamburger #mix-menu-mobile-hamburger-opener span.two {
      top: 0;
      bottom: 0; }
    #mix-menu-mobile-hamburger #mix-menu-mobile-hamburger-opener span.three {
      bottom: 0px; }
  #mix-menu-mobile-hamburger #mix-menu-mobile-hamburger-closer {
    display: none;
    font-size: 0;
    width: 26px;
    height: 26px;
    background: url("/sites/mixology.eu/themes/custom/mixology_main/images/Xicon_blue.svg") 0 0 no-repeat;
    background-size: 26px 26px;
    position: absolute;
    top: 0;
    right: -12px; }

#mix-header-menus-mobile {
  position: relative; }
  #mix-header-menus-mobile #mix-menu-mobile-menu {
    display: none;
    position: absolute;
    top: 100%;
    padding: 0;
    width: 370px;
    height: 1000px;
    overflow: hidden;
    left: 0;
    line-height: 1.2em;
    overflow-y: scroll;
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
    /* Firefox */ }
    #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu {
      z-index: 100;
      display: inline-block;
      background-color: white;
      text-align: left;
      padding-top: 14px;
      position: absolute;
      width: 350px;
      left: -350px;
      border: 1px solid #E8E7E4;
      border-left: none;
      border-top-right-radius: 20px;
      border-bottom-right-radius: 20px;
      padding-left: 20px;
      filter: drop-shadow(5px 5px 3px rgba(150, 150, 150, 0.5));
      font-family: "Montserrat", Arial, sans-serif; }
      #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu #block-mixology-main-socialmediaicons,
      #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu #block-mixology-main-socialmediaicons--2 {
        display: none; }
      #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu .view-header {
        margin-right: 20px;
        color: #3231D3;
        border-bottom: 1px solid #E8E7E4;
        font-size: 18px; }
      #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu #mix-mobile-menu-header-closer,
      #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu .view-header #mix-mobile-menu-header-closer {
        font-size: 0;
        display: inline-block;
        width: 26px;
        height: 26px;
        background: url("/sites/mixology.eu/themes/custom/mixology_main/images/Xicon_blue.svg") 0 0 no-repeat;
        background-size: 26px 26px;
        position: absolute;
        top: 0;
        right: -12px; }
      #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu .view-content {
        padding-top: 20px; }
        #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu .view-content img.mix-header-hover {
          display: none; }
      #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu nav.menu--main {
        width: 100%;
        text-align: center; }
        #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu nav.menu--main ul.menu {
          display: inline-block;
          margin: 0;
          width: 100%;
          text-align: left;
          border-bottom: solid 1px #E8E7E4;
          padding-bottom: 8px; }
          #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu nav.menu--main ul.menu li {
            width: calc(100% - 60px );
            display: inline-block;
            margin-bottom: 15px; }
            #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu nav.menu--main ul.menu li.menu-item--active-trail > .mix-menu-line {
              color: #3231D3; }
              #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu nav.menu--main ul.menu li.menu-item--active-trail > .mix-menu-line span, #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu nav.menu--main ul.menu li.menu-item--active-trail > .mix-menu-line a {
                color: #3231D3; }
            #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu nav.menu--main ul.menu li .mix-menu-line {
              width: 100%;
              display: inline-block; }
              #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu nav.menu--main ul.menu li .mix-menu-line span, #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu nav.menu--main ul.menu li .mix-menu-line a {
                display: inline-block;
                text-transform: uppercase;
                color: #383838;
                font-size: 18px;
                font-family: "Playfair Display", "Times New Roman", Times, serif; }
                #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu nav.menu--main ul.menu li .mix-menu-line span:hover, #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu nav.menu--main ul.menu li .mix-menu-line a:hover {
                  color: #3231D3; }
              #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu nav.menu--main ul.menu li .mix-menu-line .mix-submenu-toggler {
                display: none;
                    /*
	               display: block;      
	               padding-bottom: 8px;
	               float: right;
	               padding-right: 10px;
	               cursor: pointer;
	
	               span {               
	                 transform: rotate(0deg);
	                 transform-origin: center;
	                 transition: all .6s cubic-bezier(.77,0,.175,1);
	                 font-weight: bold;
	                 font-size: 20px;
	                 color: $color-mixology-gray-dark;
	               }
	
	               &.open{
	                 span{
	                   transform: rotate(90deg);
	                 }
	               }
	               */ }
            #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu nav.menu--main ul.menu li .mix-menu-inner-wrapper {
              display: inline-block;
              width: 100%;
              padding-top: 10px; }
              #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu nav.menu--main ul.menu li .mix-menu-inner-wrapper ul li {
                width: 100%;
                margin-bottom: 0;
                padding-top: 5px; }
                #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu nav.menu--main ul.menu li .mix-menu-inner-wrapper ul li .mix-menu-line,
                #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu nav.menu--main ul.menu li .mix-menu-inner-wrapper ul li .mix-menu-line a,
                #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu nav.menu--main ul.menu li .mix-menu-inner-wrapper ul li .mix-menu-line span {
                  display: inline-block;
                  text-transform: uppercase;
                  font-size: 18px;
                  font-family: "Montserrat", Arial, sans-serif;
                  color: #A0A0A0; }
                #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu nav.menu--main ul.menu li .mix-menu-inner-wrapper ul li:hover {
                  color: #3231D3; }
                  #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu nav.menu--main ul.menu li .mix-menu-inner-wrapper ul li:hover span, #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu nav.menu--main ul.menu li .mix-menu-inner-wrapper ul li:hover a {
                    color: #3231D3; }
                #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu nav.menu--main ul.menu li .mix-menu-inner-wrapper ul li.menu-item--active-trail > .mix-menu-line {
                  color: #3231D3; }
                  #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu nav.menu--main ul.menu li .mix-menu-inner-wrapper ul li.menu-item--active-trail > .mix-menu-line span, #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu nav.menu--main ul.menu li .mix-menu-inner-wrapper ul li.menu-item--active-trail > .mix-menu-line a {
                    color: #3231D3; }
      #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-2,
      #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-3,
      #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-4,
      #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-5 {
        display: inline-block;
        text-align: left; }
        #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-2 .views-view-responsive-grid__item,
        #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-3 .views-view-responsive-grid__item,
        #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-4 .views-view-responsive-grid__item,
        #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-5 .views-view-responsive-grid__item {
          font-size: 14px;
          color: black;
          border-top: none;
          width: calc(100% - 20px ); }
          #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-2 .views-view-responsive-grid__item a,
          #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-3 .views-view-responsive-grid__item a,
          #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-4 .views-view-responsive-grid__item a,
          #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-5 .views-view-responsive-grid__item a {
            color: black; }
          #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-2 .views-view-responsive-grid__item .text-align-left,
          #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-2 .views-view-responsive-grid__item .mix-mehr-text,
          #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-3 .views-view-responsive-grid__item .text-align-left,
          #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-3 .views-view-responsive-grid__item .mix-mehr-text,
          #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-4 .views-view-responsive-grid__item .text-align-left,
          #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-4 .views-view-responsive-grid__item .mix-mehr-text,
          #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-5 .views-view-responsive-grid__item .text-align-left,
          #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-5 .views-view-responsive-grid__item .mix-mehr-text {
            display: inline-block;
            width: calc( 100% - 125px );
            font-size: 12px;
            padding-left: 0 !important; }
          #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-2 .views-view-responsive-grid__item .mix-mehr-image,
          #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-3 .views-view-responsive-grid__item .mix-mehr-image,
          #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-4 .views-view-responsive-grid__item .mix-mehr-image,
          #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-5 .views-view-responsive-grid__item .mix-mehr-image {
            float: right;
            width: 117px; }
        #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-2 .views-view-responsive-grid__item + .views-view-responsive-grid__item,
        #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-3 .views-view-responsive-grid__item + .views-view-responsive-grid__item,
        #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-4 .views-view-responsive-grid__item + .views-view-responsive-grid__item,
        #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-5 .views-view-responsive-grid__item + .views-view-responsive-grid__item {
          border-top: 1px solid #E8E7E4; }
        #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-2 .view-footer a,
        #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-3 .view-footer a,
        #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-4 .view-footer a,
        #mix-header-menus-mobile #mix-menu-mobile-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-5 .view-footer a {
          color: black; }

#mix-header-menus-desktop {
  position: relative;
  z-index: 1000; }
  #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu {
    background-color: #fff;
    	   /* 11/04/2024  taking this out for now
    	     #mix-header-main-menu-marker-track{
    	        display: inline-block;
    	        position: relative;
    	        
              width: 100%;
              height: 5px;
              top: 5px;
              
              border-bottom: 1px solid $color-mixology-blue;
    
              
              #mix-header-main-menu-marker{
                width: 100px;
                height: 5px;
                color: $color-mixology-blue;
                background-color: $color-mixology-blue;
                position: absolute;
                top: 0;
                left: 0;        // animated by JS  
                display: none;  // set by JS 
                
              }
           }
           */ }
    #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu #mix-header-main-menu-border-wrapper {
      display: inline-block;
      width: 100%;
      border: 1px solid black; }
    #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu .region-content-menu {
      display: inline-block;
      width: 100%;
      padding: 30px;
      padding-top: 20px;
      position: relative; }
      #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu .region-content-menu #block-mixology-main-socialmediaicons {
        display: inline-block;
        width: 100%;
        position: relative;
        border-bottom: 1px solid #A0A0A0;
        text-align: left;
        margin-bottom: 30px; }
        #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu .region-content-menu #block-mixology-main-socialmediaicons p {
          margin-top: 0; }
      #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu .region-content-menu #block-mixology-main-mobilemenucloser {
        position: absolute;
        top: 15px;
        right: 30px;
        cursor: pointer;
        font-size: 0;
        display: inline-block;
        width: 26px;
        height: 26px;
        background: url("/sites/mixology.eu/themes/custom/mixology_main/images/Xicon_blue.svg") 0 0 no-repeat;
        background-size: 26px 26px; }
      #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu .region-content-menu nav.menu--main {
        display: table-cell;
        min-width: 650px; }
        #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu .region-content-menu nav.menu--main ul.menu {
          display: inline-block;
          margin-top: 0;
          margin-bottom: 0;
          margin-left: 0;
          padding-left: 0;
          width: 100%; }
          #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu .region-content-menu nav.menu--main ul.menu li.menu-item {
            display: inline-block;
            padding-left: 12px;
            padding-right: 12px;
            color: #A0A0A0; }
            #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu .region-content-menu nav.menu--main ul.menu li.menu-item .mix-menu-line span, #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu .region-content-menu nav.menu--main ul.menu li.menu-item .mix-menu-line a {
              color: #A0A0A0;
              font-size: 36px; }
              #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu .region-content-menu nav.menu--main ul.menu li.menu-item .mix-menu-line span:hover, #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu .region-content-menu nav.menu--main ul.menu li.menu-item .mix-menu-line a:hover {
                color: #3231D3; }
            #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu .region-content-menu nav.menu--main ul.menu li.menu-item .mix-menu-line:hover {
              color: #3231D3; }
            #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu .region-content-menu nav.menu--main ul.menu li.menu-item .mix-submenu-toggler {
              display: none; }
          #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu .region-content-menu nav.menu--main ul.menu li:first-of-type {
            padding-left: 0; }
          #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu .region-content-menu nav.menu--main ul.menu li.menu-item--expanded ul.menu {
            display: block; }
            #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu .region-content-menu nav.menu--main ul.menu li.menu-item--expanded ul.menu li {
              font-weight: 400;
              float: left;
              clear: both;
              padding-left: 0; }
              #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu .region-content-menu nav.menu--main ul.menu li.menu-item--expanded ul.menu li a {
                color: #A0A0A0;
                font-size: 14px;
                font-family: "Montserrat", Arial, sans-serif;
                padding-bottom: 3px !important;
                text-transform: uppercase;
                letter-spacing: 0.7px;
                opacity: 1; }
          #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu .region-content-menu nav.menu--main ul.menu li:hover .mix-menu-line span,
          #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu .region-content-menu nav.menu--main ul.menu li.menu-item--active-trail .mix-menu-line span {
            color: #3231D3; }
          #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu .region-content-menu nav.menu--main ul.menu li:hover .mix-menu-line a,
          #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu .region-content-menu nav.menu--main ul.menu li.menu-item--active-trail .mix-menu-line a {
            color: #383838; }
          #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu .region-content-menu nav.menu--main ul.menu li:hover ul.menu li a,
          #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu .region-content-menu nav.menu--main ul.menu li.menu-item--active-trail ul.menu li a {
            color: #383838; }
          #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu .region-content-menu nav.menu--main ul.menu li:hover ul.menu li.menu-item--active-trail,
          #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu .region-content-menu nav.menu--main ul.menu li.menu-item--active-trail ul.menu li.menu-item--active-trail {
            font-weight: bold; }
      #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-2 {
        display: table-cell;
        font-size: 14px;
        padding-left: 30px;
        border-left: 1px solid #A0A0A0; }
        #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-2 .views-view-responsive-grid__item {
          font-size: 14px;
          border-top: none;
          color: #383838; }
          #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-2 .views-view-responsive-grid__item a {
            color: #383838; }
            #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-2 .views-view-responsive-grid__item a img.mix-header-normal {
              display: inline-block; }
            #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-2 .views-view-responsive-grid__item a img.mix-header-hover {
              display: none; }
          #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-2 .views-view-responsive-grid__item:hover {
            color: #3231D3; }
            #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-2 .views-view-responsive-grid__item:hover a {
              color: #3231D3; }
              #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-2 .views-view-responsive-grid__item:hover a img.mix-header-normal {
                display: none; }
              #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-2 .views-view-responsive-grid__item:hover a img.mix-header-hover {
                display: inline-block; }
        #mix-header-menus-desktop #mix-header-sticky-div #mix-header-main-menu .region-content-menu .block.block-views-blockmenues-bloecke-block-2 .views-view-responsive-grid__item + .views-view-responsive-grid__item {
          border-top: 1px solid #E8E7E4; }

#mix-search-filter {
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 18px;
  cursor: pointer;
  margin-bottom: 40px; }
  @media (min-width: 0px) {
    #mix-search-filter {
      display: inline-block;
      width: 100%; } }
  @media (min-width: 768px) {
    #mix-search-filter {
      display: none; } }
  #mix-search-filter p {
    margin-top: 0;
    margin-bottom: 0; }
  #mix-search-filter .mix-search-filter-icon {
    background: url("/sites/mixology.eu/themes/custom/mixology_main/images/FilterIconMixo.svg") 0 0 no-repeat;
    background-size: contain;
    width: 28px;
    height: 25px;
    display: inline-block;
    margin-right: 20px; }
  #mix-search-filter .mix-search-filter-more {
    float: right;
    padding-right: 50px; }

@media (min-width: 0px) {
  .mix-search-categories {
    display: none;
    position: absolute;
    z-index: 100;
    background-color: white;
    width: 90%;
    margin-left: 5%;
    border: 1px solid gray;
    border-radius: 20px;
    margin-top: -70px;
    filter: drop-shadow(0 5px 5px #a0a0a0);
    justify-content: right; }
    .mix-search-categories #mix-search-categories-close {
      display: inline-block;
      margin-right: 25px;
      margin-top: 25px;
      font-size: 0;
      cursor: pointer;
      background: url("/sites/mixology.eu/themes/custom/mixology_main/images/Xicon_white.svg") 0 0 no-repeat;
      background-size: contain;
      width: 28px;
      height: 25px; } }
@media (min-width: 768px) {
  .mix-search-categories {
    display: flex;
    position: relative;
    z-index: 0;
    background-color: white;
    width: auto;
    margin-left: 0%;
    border: none;
    border-radius: none;
    margin-top: 0;
    filter: none;
    justify-content: center; }
    .mix-search-categories #mix-search-categories-close {
      display: none; } }
.mix-search-categories .block-facet--links {
  display: inline-block !important; }

.mix-shariff {
  margin-bottom: 20px;
  margin-top: 20px; }
  .mix-shariff .mix-shariff-popup-closer {
    cursor: pointer;
    font-size: 0;
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url("/sites/mixology.eu/themes/custom/mixology_main/images/Xicon_blue.svg") 0 0 no-repeat;
    background-size: 26px 26px; }
  .mix-shariff .mix-shariff-popup-title {
    font-family: "Playfair Display", "Times New Roman", Times, serif;
    color: #3231D3;
    font-size: 24px;
    line-height: 24px; }
  .mix-shariff .shariff ul {
    list-style: none;
    padding-left: 0;
    margin: 0; }
    .mix-shariff .shariff ul li.shariff-button {
      float: left;
      padding-right: 20px; }
      .mix-shariff .shariff ul li.shariff-button a .fas {
        display: none; }
      .mix-shariff .shariff ul li.shariff-button a .share_text {
        cursor: pointer;
        font-size: 0;
        display: inline-block;
        width: 24px;
        height: 24px;
        background-size: 24px 24px !important; }
      .mix-shariff .shariff ul li.shariff-button.twitter a .share_text {
        background: url("/sites/mixology.eu/themes/custom/mixology_main/images/shariff_twitter_x.svg") 0 0 no-repeat; }
      .mix-shariff .shariff ul li.shariff-button.facebook a .share_text {
        background: url("/sites/mixology.eu/themes/custom/mixology_main/images/shariff_facebook.svg") 0 0 no-repeat; }
      .mix-shariff .shariff ul li.shariff-button.linkedin a .share_text {
        background: url("/sites/mixology.eu/themes/custom/mixology_main/images/shariff_linkedin.svg") 0 0 no-repeat; }
      .mix-shariff .shariff ul li.shariff-button.pinterest a .share_text {
        background: url("/sites/mixology.eu/themes/custom/mixology_main/images/shariff_1334.svg") 0 0 no-repeat; }
      .mix-shariff .shariff ul li.shariff-button.whatsapp a .share_text {
        background: url("/sites/mixology.eu/themes/custom/mixology_main/images/shariff_whatsapp.svg") 0 0 no-repeat; }
      .mix-shariff .shariff ul li.shariff-button.mail a .share_text {
        background: url("/sites/mixology.eu/themes/custom/mixology_main/images/shariff_email.svg") 0 0 no-repeat; }
  .mix-shariff .mix-shariff-popup {
    display: inline-block;
    margin-bottom: 20px;
    position: absolute;
    z-index: 100;
    bottom: 20px; }
    @media (min-width: 0px) {
      .mix-shariff .mix-shariff-popup.open .mix-shariff-popup-mobile {
        display: block; }
      .mix-shariff .mix-shariff-popup.open .mix-shariff-popup-desktop {
        display: none; }
      .mix-shariff .mix-shariff-popup.closed .mix-shariff-popup-mobile {
        display: none; }
      .mix-shariff .mix-shariff-popup.closed .mix-shariff-popup-desktop {
        display: none; } }
    @media (min-width: 768px) {
      .mix-shariff .mix-shariff-popup.open .mix-shariff-popup-mobile {
        display: none; }
      .mix-shariff .mix-shariff-popup.open .mix-shariff-popup-desktop {
        display: table; }
      .mix-shariff .mix-shariff-popup.closed .mix-shariff-popup-mobile {
        display: none; }
      .mix-shariff .mix-shariff-popup.closed .mix-shariff-popup-desktop {
        display: none; } }
    .mix-shariff .mix-shariff-popup .mix-shariff-popup-mobile .mix-shariff-popup-wrapper {
      background-color: white;
      border-radius: 30px;
      box-shadow: 0 0 10px #646464;
      display: inline-block;
      padding: 30px 15px 30px 15px;
      line-height: 1em; }
      .mix-shariff .mix-shariff-popup .mix-shariff-popup-mobile .mix-shariff-popup-wrapper .mix-shariff-popup-title {
        float: left; }
      .mix-shariff .mix-shariff-popup .mix-shariff-popup-mobile .mix-shariff-popup-wrapper .mix-shariff-popup-closer {
        float: right; }
      .mix-shariff .mix-shariff-popup .mix-shariff-popup-mobile .mix-shariff-popup-wrapper .shariff {
        padding-top: 10px;
        clear: both; }
    .mix-shariff .mix-shariff-popup .mix-shariff-popup-desktop .mix-shariff-popup-wrapper {
      background-color: white;
      border-radius: 30px;
      box-shadow: 0 0 10px #646464;
      line-height: 1em;
      padding: 10px 15px 10px 15px;
      display: table; }
      .mix-shariff .mix-shariff-popup .mix-shariff-popup-desktop .mix-shariff-popup-wrapper .mix-shariff-popup-title {
        display: table-cell;
        padding-right: 25px;
        vertical-align: middle; }
      .mix-shariff .mix-shariff-popup .mix-shariff-popup-desktop .mix-shariff-popup-wrapper .shariff {
        display: table-cell; }
    .mix-shariff .mix-shariff-popup .mix-shariff-popup-desktop .mix-shariff-popup-closer-wrapper {
      display: table-cell;
      vertical-align: middle; }
      .mix-shariff .mix-shariff-popup .mix-shariff-popup-desktop .mix-shariff-popup-closer-wrapper .mix-shariff-popup-closer {
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px; }
  .mix-shariff .mix-shariff-open {
    display: inline-block;
    color: #383838;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.54px;
    opacity: 1;
    padding: 0px 8px;
    border: 1px solid black;
    border-radius: 50px;
    background-color: #a79de6;
    border: none;
    padding: 3px;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
    cursor: pointer;
    color: white;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 10px;
    text-transform: uppercase; }
    .mix-shariff .mix-shariff-open:hover {
      color: #3231D3;
      border: 1px solid #3231D3;
      text-decoration: none; }
    .mix-shariff .mix-shariff-open a {
      color: #383838; }
    .mix-shariff .mix-shariff-open a:hover {
      color: #3231D3; }

@media (min-width: 0px) {
  article.node--type-cocktail.node--view-mode-full .mix-cocktail-mobile {
    display: block; }
    article.node--type-cocktail.node--view-mode-full .mix-cocktail-mobile .mix-cocktail-header {
      display: block; }
    article.node--type-cocktail.node--view-mode-full .mix-cocktail-mobile .mix-cocktail-section1,
    article.node--type-cocktail.node--view-mode-full .mix-cocktail-mobile .mix-cocktail-section2 {
      display: block;
      padding-left: 25px;
      padding-right: 25px; }
  article.node--type-cocktail.node--view-mode-full .mix-cocktail-section1 {
    margin-top: 30px; }
  article.node--type-cocktail.node--view-mode-full .mix-cocktail-desktop {
    display: none; }
  article.node--type-cocktail.node--view-mode-full .mix-shariff {
    padding-left: 25px; } }
@media (min-width: 992px) {
  article.node--type-cocktail.node--view-mode-full .mix-cocktail-mobile {
    display: none; }
  article.node--type-cocktail.node--view-mode-full .mix-cocktail-desktop {
    display: block; }
    article.node--type-cocktail.node--view-mode-full .mix-cocktail-desktop .left-column {
      display: inline-block;
      max-width: 50%;
      vertical-align: top; }
    article.node--type-cocktail.node--view-mode-full .mix-cocktail-desktop .right-column {
      display: inline-block;
      max-width: 49%;
      padding-left: 120px;
      padding-top: 360px; }
  article.node--type-cocktail.node--view-mode-full .mix-shariff {
    padding-left: 0; } }
article.node--type-cocktail.node--view-mode-full .field--name-field-cocktail-bild {
  width: 100%; }
  article.node--type-cocktail.node--view-mode-full .field--name-field-cocktail-bild img {
    width: 100%;
    height: auto; }
article.node--type-cocktail.node--view-mode-full .field--name-body {
  padding-top: 80px;
  font-family: "Playfair Display", "Times New Roman", Times, serif;
  font-size: 20px;
  font-style: medium;
  line-height: 26px;
  letter-spacing: 0.2px; }
  article.node--type-cocktail.node--view-mode-full .field--name-body p {
    margin-top: 0px; }
article.node--type-cocktail.node--view-mode-full .field--name-field-cocktail-photocredit {
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 10px; }
article.node--type-cocktail.node--view-mode-full .field--name-field-cocktail-kategorie .field__item,
article.node--type-cocktail.node--view-mode-full .field--name-field-cocktail-spirituose .field__item {
  display: inline-block;
  color: black;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.54px;
  opacity: 1;
  padding: 2px 9px;
  border: 2px solid #383838;
  border-radius: 13px; }
  article.node--type-cocktail.node--view-mode-full .field--name-field-cocktail-kategorie .field__item a,
  article.node--type-cocktail.node--view-mode-full .field--name-field-cocktail-kategorie .field__item a:hover,
  article.node--type-cocktail.node--view-mode-full .field--name-field-cocktail-spirituose .field__item a,
  article.node--type-cocktail.node--view-mode-full .field--name-field-cocktail-spirituose .field__item a:hover {
    color: #383838; }
article.node--type-cocktail.node--view-mode-full .field--name-title {
  font-family: "Playfair Display", "Times New Roman", Times, serif;
  font-size: 44px;
  font-style: medium;
  letter-spacing: 0.44px;
  line-height: 44px;
  padding-bottom: 40px;
  padding-top: 20px; }
article.node--type-cocktail.node--view-mode-full .field--name-field-cocktail-zutaten .field__label,
article.node--type-cocktail.node--view-mode-full .field--name-field-cocktail-zubereitung .field__label {
  font-family: "Playfair Display", "Times New Roman", Times, serif;
  font-size: 24px;
  font-style: medium;
  letter-spacing: 0.54px; }
article.node--type-cocktail.node--view-mode-full .field--name-field-cocktail-zutaten .field__item,
article.node--type-cocktail.node--view-mode-full .field--name-field-cocktail-zubereitung .field__item {
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.7px; }
  article.node--type-cocktail.node--view-mode-full .field--name-field-cocktail-zutaten .field__item p,
  article.node--type-cocktail.node--view-mode-full .field--name-field-cocktail-zubereitung .field__item p {
    margin-top: 0px; }
article.node--type-cocktail.node--view-mode-full .field--name-field-cocktail-glas .field__label,
article.node--type-cocktail.node--view-mode-full .field--name-field-cocktail-garnitur .field__label,
article.node--type-cocktail.node--view-mode-full .field--name-field-cocktail-bartender .field__label,
article.node--type-cocktail.node--view-mode-full .field--name-field-cocktail-entstehungsort .field__label {
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 14px;
  line-height: 22px;
  text-transform: uppercase;
  letter-spacing: 0.7px; }
article.node--type-cocktail.node--view-mode-full .field--name-field-cocktail-glas .field__item,
article.node--type-cocktail.node--view-mode-full .field--name-field-cocktail-garnitur .field__item,
article.node--type-cocktail.node--view-mode-full .field--name-field-cocktail-bartender .field__item,
article.node--type-cocktail.node--view-mode-full .field--name-field-cocktail-entstehungsort .field__item {
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.7px; }
  article.node--type-cocktail.node--view-mode-full .field--name-field-cocktail-glas .field__item p,
  article.node--type-cocktail.node--view-mode-full .field--name-field-cocktail-garnitur .field__item p,
  article.node--type-cocktail.node--view-mode-full .field--name-field-cocktail-bartender .field__item p,
  article.node--type-cocktail.node--view-mode-full .field--name-field-cocktail-entstehungsort .field__item p {
    margin-top: 0px; }
article.node--type-cocktail.node--view-mode-full .field--name-field-cocktail-glas {
  padding-bottom: 10px; }

@media (min-width: 992px) {
  article.node--type-cocktail.node--view-mode-referenz-text {
    padding-right: 200px;
    padding-left: 100px; } }
@media (max-width: 767px) {
  article.node--type-cocktail.node--view-mode-referenz-text {
    padding-right: 20px;
    padding-left: 20px; } }
article.node--type-cocktail.node--view-mode-referenz-text .field--name-title:first-of-type {
  display: none; }
article.node--type-cocktail.node--view-mode-referenz-text .field--name-field-cocktail-zutaten .field__label,
article.node--type-cocktail.node--view-mode-referenz-text .field--name-field-cocktail-zubereitung .field__label {
  display: none; }
article.node--type-cocktail.node--view-mode-referenz-text .field--name-field-cocktail-zutaten .field__item,
article.node--type-cocktail.node--view-mode-referenz-text .field--name-field-cocktail-zubereitung .field__item {
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.7px; }
article.node--type-cocktail.node--view-mode-referenz-text .field--name-field-cocktail-glas .field__label,
article.node--type-cocktail.node--view-mode-referenz-text .field--name-field-cocktail-garnitur .field__label {
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 0.7px; }
article.node--type-cocktail.node--view-mode-referenz-text .field--name-field-cocktail-glas .field__item,
article.node--type-cocktail.node--view-mode-referenz-text .field--name-field-cocktail-garnitur .field__item {
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.7px; }
  article.node--type-cocktail.node--view-mode-referenz-text .field--name-field-cocktail-glas .field__item p,
  article.node--type-cocktail.node--view-mode-referenz-text .field--name-field-cocktail-garnitur .field__item p {
    margin-top: 0px; }
article.node--type-cocktail.node--view-mode-referenz-text .cocktail-link {
  display: inline-block;
  color: #383838;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 0.54px;
  opacity: 1;
  padding: 0px 8px;
  border: 1px solid black;
  border-radius: 50px;
  font-size: 10px;
  width: auto; }
  article.node--type-cocktail.node--view-mode-referenz-text .cocktail-link:hover {
    color: #3231D3;
    border: 1px solid #3231D3;
    text-decoration: none; }
  article.node--type-cocktail.node--view-mode-referenz-text .cocktail-link a {
    color: #383838; }
  article.node--type-cocktail.node--view-mode-referenz-text .cocktail-link a:hover {
    color: #3231D3; }

@media (min-width: 0px) {
  article.node--type-bar.node--view-mode-referenz-kurz .node__content,
  article.node--type-bar.node--view-mode-referenz-lang .node__content,
  article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .node__content,
  article.node--type-cocktail.node--view-mode-referenz-lang .node__content,
  article.node--type-cocktail.node--view-mode-referenz-kurz .node__content {
    display: inline-block;
    text-align: left;
    width: 100%; } }
@media (min-width: 768px) {
  article.node--type-bar.node--view-mode-referenz-kurz .node__content,
  article.node--type-bar.node--view-mode-referenz-lang .node__content,
  article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .node__content,
  article.node--type-cocktail.node--view-mode-referenz-lang .node__content,
  article.node--type-cocktail.node--view-mode-referenz-kurz .node__content {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%; } }
article.node--type-bar.node--view-mode-referenz-kurz .node__content > .field--name-title,
article.node--type-bar.node--view-mode-referenz-lang .node__content > .field--name-title,
article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .node__content > .field--name-title,
article.node--type-cocktail.node--view-mode-referenz-lang .node__content > .field--name-title,
article.node--type-cocktail.node--view-mode-referenz-kurz .node__content > .field--name-title {
  display: none; }
article.node--type-bar.node--view-mode-referenz-kurz .left-column,
article.node--type-bar.node--view-mode-referenz-lang .left-column,
article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .left-column,
article.node--type-cocktail.node--view-mode-referenz-lang .left-column,
article.node--type-cocktail.node--view-mode-referenz-kurz .left-column {
  display: inline-block;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 0px) {
    article.node--type-bar.node--view-mode-referenz-kurz .left-column,
    article.node--type-bar.node--view-mode-referenz-lang .left-column,
    article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .left-column,
    article.node--type-cocktail.node--view-mode-referenz-lang .left-column,
    article.node--type-cocktail.node--view-mode-referenz-kurz .left-column {
      display: block;
      padding-right: 0;
      width: 100%;
      max-width: none;
      text-align: left; }
      article.node--type-bar.node--view-mode-referenz-kurz .left-column .bar-link,
      article.node--type-bar.node--view-mode-referenz-kurz .left-column .cocktail-link,
      article.node--type-bar.node--view-mode-referenz-kurz .left-column .field,
      article.node--type-bar.node--view-mode-referenz-lang .left-column .bar-link,
      article.node--type-bar.node--view-mode-referenz-lang .left-column .cocktail-link,
      article.node--type-bar.node--view-mode-referenz-lang .left-column .field,
      article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .left-column .bar-link,
      article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .left-column .cocktail-link,
      article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .left-column .field,
      article.node--type-cocktail.node--view-mode-referenz-lang .left-column .bar-link,
      article.node--type-cocktail.node--view-mode-referenz-lang .left-column .cocktail-link,
      article.node--type-cocktail.node--view-mode-referenz-lang .left-column .field,
      article.node--type-cocktail.node--view-mode-referenz-kurz .left-column .bar-link,
      article.node--type-cocktail.node--view-mode-referenz-kurz .left-column .cocktail-link,
      article.node--type-cocktail.node--view-mode-referenz-kurz .left-column .field {
        max-width: 280px;
        float: none; } }
  @media (min-width: 768px) {
    article.node--type-bar.node--view-mode-referenz-kurz .left-column,
    article.node--type-bar.node--view-mode-referenz-lang .left-column,
    article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .left-column,
    article.node--type-cocktail.node--view-mode-referenz-lang .left-column,
    article.node--type-cocktail.node--view-mode-referenz-kurz .left-column {
      display: inline-block;
      text-align: right;
      width: 49%;
      max-width: none;
      padding-right: 20px; }
      article.node--type-bar.node--view-mode-referenz-kurz .left-column .bar-link,
      article.node--type-bar.node--view-mode-referenz-kurz .left-column .cocktail-link,
      article.node--type-bar.node--view-mode-referenz-kurz .left-column .field,
      article.node--type-bar.node--view-mode-referenz-lang .left-column .bar-link,
      article.node--type-bar.node--view-mode-referenz-lang .left-column .cocktail-link,
      article.node--type-bar.node--view-mode-referenz-lang .left-column .field,
      article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .left-column .bar-link,
      article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .left-column .cocktail-link,
      article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .left-column .field,
      article.node--type-cocktail.node--view-mode-referenz-lang .left-column .bar-link,
      article.node--type-cocktail.node--view-mode-referenz-lang .left-column .cocktail-link,
      article.node--type-cocktail.node--view-mode-referenz-lang .left-column .field,
      article.node--type-cocktail.node--view-mode-referenz-kurz .left-column .bar-link,
      article.node--type-cocktail.node--view-mode-referenz-kurz .left-column .cocktail-link,
      article.node--type-cocktail.node--view-mode-referenz-kurz .left-column .field {
        max-width: 280px;
        float: right;
        width: 100%; } }
  @media (min-width: 0px) {
    article.node--type-bar.node--view-mode-referenz-kurz .left-column .field--name-field-bar-bild,
    article.node--type-bar.node--view-mode-referenz-kurz .left-column .field--name-field-cocktail-bild,
    article.node--type-bar.node--view-mode-referenz-lang .left-column .field--name-field-bar-bild,
    article.node--type-bar.node--view-mode-referenz-lang .left-column .field--name-field-cocktail-bild,
    article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .left-column .field--name-field-bar-bild,
    article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .left-column .field--name-field-cocktail-bild,
    article.node--type-cocktail.node--view-mode-referenz-lang .left-column .field--name-field-bar-bild,
    article.node--type-cocktail.node--view-mode-referenz-lang .left-column .field--name-field-cocktail-bild,
    article.node--type-cocktail.node--view-mode-referenz-kurz .left-column .field--name-field-bar-bild,
    article.node--type-cocktail.node--view-mode-referenz-kurz .left-column .field--name-field-cocktail-bild {
      width: 100vw !important;
      position: relative;
      left: 50%;
      right: 50%;
      margin-left: -50vw;
      margin-right: -50vw;
      max-width: none; }
      article.node--type-bar.node--view-mode-referenz-kurz .left-column .field--name-field-bar-bild img,
      article.node--type-bar.node--view-mode-referenz-kurz .left-column .field--name-field-cocktail-bild img,
      article.node--type-bar.node--view-mode-referenz-lang .left-column .field--name-field-bar-bild img,
      article.node--type-bar.node--view-mode-referenz-lang .left-column .field--name-field-cocktail-bild img,
      article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .left-column .field--name-field-bar-bild img,
      article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .left-column .field--name-field-cocktail-bild img,
      article.node--type-cocktail.node--view-mode-referenz-lang .left-column .field--name-field-bar-bild img,
      article.node--type-cocktail.node--view-mode-referenz-lang .left-column .field--name-field-cocktail-bild img,
      article.node--type-cocktail.node--view-mode-referenz-kurz .left-column .field--name-field-bar-bild img,
      article.node--type-cocktail.node--view-mode-referenz-kurz .left-column .field--name-field-cocktail-bild img {
        width: 100%; } }
  @media (min-width: 768px) {
    article.node--type-bar.node--view-mode-referenz-kurz .left-column .field--name-field-bar-bild,
    article.node--type-bar.node--view-mode-referenz-kurz .left-column .field--name-field-cocktail-bild,
    article.node--type-bar.node--view-mode-referenz-lang .left-column .field--name-field-bar-bild,
    article.node--type-bar.node--view-mode-referenz-lang .left-column .field--name-field-cocktail-bild,
    article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .left-column .field--name-field-bar-bild,
    article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .left-column .field--name-field-cocktail-bild,
    article.node--type-cocktail.node--view-mode-referenz-lang .left-column .field--name-field-bar-bild,
    article.node--type-cocktail.node--view-mode-referenz-lang .left-column .field--name-field-cocktail-bild,
    article.node--type-cocktail.node--view-mode-referenz-kurz .left-column .field--name-field-bar-bild,
    article.node--type-cocktail.node--view-mode-referenz-kurz .left-column .field--name-field-cocktail-bild {
      width: auto !important;
      position: relative;
      left: 0;
      right: 0;
      margin-left: unset;
      margin-right: unset;
      max-width: 280px; }
      article.node--type-bar.node--view-mode-referenz-kurz .left-column .field--name-field-bar-bild img,
      article.node--type-bar.node--view-mode-referenz-kurz .left-column .field--name-field-cocktail-bild img,
      article.node--type-bar.node--view-mode-referenz-lang .left-column .field--name-field-bar-bild img,
      article.node--type-bar.node--view-mode-referenz-lang .left-column .field--name-field-cocktail-bild img,
      article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .left-column .field--name-field-bar-bild img,
      article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .left-column .field--name-field-cocktail-bild img,
      article.node--type-cocktail.node--view-mode-referenz-lang .left-column .field--name-field-bar-bild img,
      article.node--type-cocktail.node--view-mode-referenz-lang .left-column .field--name-field-cocktail-bild img,
      article.node--type-cocktail.node--view-mode-referenz-kurz .left-column .field--name-field-bar-bild img,
      article.node--type-cocktail.node--view-mode-referenz-kurz .left-column .field--name-field-cocktail-bild img {
        width: auto; } }
  article.node--type-bar.node--view-mode-referenz-kurz .left-column .field--name-field-bar-bild .field__label,
  article.node--type-bar.node--view-mode-referenz-kurz .left-column .field--name-field-cocktail-bild .field__label,
  article.node--type-bar.node--view-mode-referenz-lang .left-column .field--name-field-bar-bild .field__label,
  article.node--type-bar.node--view-mode-referenz-lang .left-column .field--name-field-cocktail-bild .field__label,
  article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .left-column .field--name-field-bar-bild .field__label,
  article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .left-column .field--name-field-cocktail-bild .field__label,
  article.node--type-cocktail.node--view-mode-referenz-lang .left-column .field--name-field-bar-bild .field__label,
  article.node--type-cocktail.node--view-mode-referenz-lang .left-column .field--name-field-cocktail-bild .field__label,
  article.node--type-cocktail.node--view-mode-referenz-kurz .left-column .field--name-field-bar-bild .field__label,
  article.node--type-cocktail.node--view-mode-referenz-kurz .left-column .field--name-field-cocktail-bild .field__label {
    display: none; }
  article.node--type-bar.node--view-mode-referenz-kurz .left-column .bar-link
  .cocktail-link,
  article.node--type-bar.node--view-mode-referenz-lang .left-column .bar-link
  .cocktail-link,
  article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .left-column .bar-link
  .cocktail-link,
  article.node--type-cocktail.node--view-mode-referenz-lang .left-column .bar-link
  .cocktail-link,
  article.node--type-cocktail.node--view-mode-referenz-kurz .left-column .bar-link
  .cocktail-link {
    display: inline-block;
    color: #383838;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.54px;
    opacity: 1;
    padding: 0px 8px;
    border: 1px solid black;
    border-radius: 50px;
    font-size: 10px;
    width: auto; }
    article.node--type-bar.node--view-mode-referenz-kurz .left-column .bar-link
    .cocktail-link:hover,
    article.node--type-bar.node--view-mode-referenz-lang .left-column .bar-link
    .cocktail-link:hover,
    article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .left-column .bar-link
    .cocktail-link:hover,
    article.node--type-cocktail.node--view-mode-referenz-lang .left-column .bar-link
    .cocktail-link:hover,
    article.node--type-cocktail.node--view-mode-referenz-kurz .left-column .bar-link
    .cocktail-link:hover {
      color: #3231D3;
      border: 1px solid #3231D3;
      text-decoration: none; }
    article.node--type-bar.node--view-mode-referenz-kurz .left-column .bar-link
    .cocktail-link a,
    article.node--type-bar.node--view-mode-referenz-lang .left-column .bar-link
    .cocktail-link a,
    article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .left-column .bar-link
    .cocktail-link a,
    article.node--type-cocktail.node--view-mode-referenz-lang .left-column .bar-link
    .cocktail-link a,
    article.node--type-cocktail.node--view-mode-referenz-kurz .left-column .bar-link
    .cocktail-link a {
      color: #383838; }
    article.node--type-bar.node--view-mode-referenz-kurz .left-column .bar-link
    .cocktail-link a:hover,
    article.node--type-bar.node--view-mode-referenz-lang .left-column .bar-link
    .cocktail-link a:hover,
    article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .left-column .bar-link
    .cocktail-link a:hover,
    article.node--type-cocktail.node--view-mode-referenz-lang .left-column .bar-link
    .cocktail-link a:hover,
    article.node--type-cocktail.node--view-mode-referenz-kurz .left-column .bar-link
    .cocktail-link a:hover {
      color: #3231D3; }
article.node--type-bar.node--view-mode-referenz-kurz .right-column,
article.node--type-bar.node--view-mode-referenz-lang .right-column,
article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .right-column,
article.node--type-cocktail.node--view-mode-referenz-lang .right-column,
article.node--type-cocktail.node--view-mode-referenz-kurz .right-column {
  display: inline-block; }
  @media (min-width: 0px) {
    article.node--type-bar.node--view-mode-referenz-kurz .right-column,
    article.node--type-bar.node--view-mode-referenz-lang .right-column,
    article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .right-column,
    article.node--type-cocktail.node--view-mode-referenz-lang .right-column,
    article.node--type-cocktail.node--view-mode-referenz-kurz .right-column {
      display: block;
      text-align: left;
      width: 314px;
      max-width: 314px;
      padding-left: 0; }
      article.node--type-bar.node--view-mode-referenz-kurz .right-column .bar-link,
      article.node--type-bar.node--view-mode-referenz-kurz .right-column .cocktail-link,
      article.node--type-bar.node--view-mode-referenz-kurz .right-column .field,
      article.node--type-bar.node--view-mode-referenz-lang .right-column .bar-link,
      article.node--type-bar.node--view-mode-referenz-lang .right-column .cocktail-link,
      article.node--type-bar.node--view-mode-referenz-lang .right-column .field,
      article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .right-column .bar-link,
      article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .right-column .cocktail-link,
      article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .right-column .field,
      article.node--type-cocktail.node--view-mode-referenz-lang .right-column .bar-link,
      article.node--type-cocktail.node--view-mode-referenz-lang .right-column .cocktail-link,
      article.node--type-cocktail.node--view-mode-referenz-lang .right-column .field,
      article.node--type-cocktail.node--view-mode-referenz-kurz .right-column .bar-link,
      article.node--type-cocktail.node--view-mode-referenz-kurz .right-column .cocktail-link,
      article.node--type-cocktail.node--view-mode-referenz-kurz .right-column .field {
        clear: both;
        float: none;
        max-width: 280px;
        font-size: 10px; } }
  @media (min-width: 768px) {
    article.node--type-bar.node--view-mode-referenz-kurz .right-column,
    article.node--type-bar.node--view-mode-referenz-lang .right-column,
    article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .right-column,
    article.node--type-cocktail.node--view-mode-referenz-lang .right-column,
    article.node--type-cocktail.node--view-mode-referenz-kurz .right-column {
      display: inline-block;
      text-align: left;
      width: 50%;
      max-width: none;
      padding-left: 20px; }
      article.node--type-bar.node--view-mode-referenz-kurz .right-column .bar-link,
      article.node--type-bar.node--view-mode-referenz-kurz .right-column .cocktail-link,
      article.node--type-bar.node--view-mode-referenz-kurz .right-column .field,
      article.node--type-bar.node--view-mode-referenz-lang .right-column .bar-link,
      article.node--type-bar.node--view-mode-referenz-lang .right-column .cocktail-link,
      article.node--type-bar.node--view-mode-referenz-lang .right-column .field,
      article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .right-column .bar-link,
      article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .right-column .cocktail-link,
      article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .right-column .field,
      article.node--type-cocktail.node--view-mode-referenz-lang .right-column .bar-link,
      article.node--type-cocktail.node--view-mode-referenz-lang .right-column .cocktail-link,
      article.node--type-cocktail.node--view-mode-referenz-lang .right-column .field,
      article.node--type-cocktail.node--view-mode-referenz-kurz .right-column .bar-link,
      article.node--type-cocktail.node--view-mode-referenz-kurz .right-column .cocktail-link,
      article.node--type-cocktail.node--view-mode-referenz-kurz .right-column .field {
        clear: both;
        float: left;
        max-width: 280px; } }
  article.node--type-bar.node--view-mode-referenz-kurz .right-column .field--name-title,
  article.node--type-bar.node--view-mode-referenz-lang .right-column .field--name-title,
  article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .right-column .field--name-title,
  article.node--type-cocktail.node--view-mode-referenz-lang .right-column .field--name-title,
  article.node--type-cocktail.node--view-mode-referenz-kurz .right-column .field--name-title {
    font-family: "Playfair Display", "Times New Roman", Times, serif;
    font-size: 36px;
    letter-spacing: 0.36px;
    hyphens: none;
    padding-bottom: 10px;
    line-height: 40px; }
  article.node--type-bar.node--view-mode-referenz-kurz .right-column .field--name-field-cocktail-zutaten .field__label,
  article.node--type-bar.node--view-mode-referenz-lang .right-column .field--name-field-cocktail-zutaten .field__label,
  article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .right-column .field--name-field-cocktail-zutaten .field__label,
  article.node--type-cocktail.node--view-mode-referenz-lang .right-column .field--name-field-cocktail-zutaten .field__label,
  article.node--type-cocktail.node--view-mode-referenz-kurz .right-column .field--name-field-cocktail-zutaten .field__label {
    display: none; }
  article.node--type-bar.node--view-mode-referenz-kurz .right-column .field--name-field-cocktail-zutaten .field__item,
  article.node--type-bar.node--view-mode-referenz-lang .right-column .field--name-field-cocktail-zutaten .field__item,
  article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .right-column .field--name-field-cocktail-zutaten .field__item,
  article.node--type-cocktail.node--view-mode-referenz-lang .right-column .field--name-field-cocktail-zutaten .field__item,
  article.node--type-cocktail.node--view-mode-referenz-kurz .right-column .field--name-field-cocktail-zutaten .field__item {
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.7px; }
    article.node--type-bar.node--view-mode-referenz-kurz .right-column .field--name-field-cocktail-zutaten .field__item p,
    article.node--type-bar.node--view-mode-referenz-lang .right-column .field--name-field-cocktail-zutaten .field__item p,
    article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .right-column .field--name-field-cocktail-zutaten .field__item p,
    article.node--type-cocktail.node--view-mode-referenz-lang .right-column .field--name-field-cocktail-zutaten .field__item p,
    article.node--type-cocktail.node--view-mode-referenz-kurz .right-column .field--name-field-cocktail-zutaten .field__item p {
      margin-top: 0px; }
  article.node--type-bar.node--view-mode-referenz-kurz .right-column .bar-link,
  article.node--type-bar.node--view-mode-referenz-kurz .right-column .cocktail-link,
  article.node--type-bar.node--view-mode-referenz-lang .right-column .bar-link,
  article.node--type-bar.node--view-mode-referenz-lang .right-column .cocktail-link,
  article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .right-column .bar-link,
  article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .right-column .cocktail-link,
  article.node--type-cocktail.node--view-mode-referenz-lang .right-column .bar-link,
  article.node--type-cocktail.node--view-mode-referenz-lang .right-column .cocktail-link,
  article.node--type-cocktail.node--view-mode-referenz-kurz .right-column .bar-link,
  article.node--type-cocktail.node--view-mode-referenz-kurz .right-column .cocktail-link {
    display: inline-block;
    color: #383838;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.54px;
    opacity: 1;
    padding: 0px 8px;
    border: 1px solid black;
    border-radius: 50px;
    font-size: 10px;
    width: auto; }
    article.node--type-bar.node--view-mode-referenz-kurz .right-column .bar-link:hover,
    article.node--type-bar.node--view-mode-referenz-kurz .right-column .cocktail-link:hover,
    article.node--type-bar.node--view-mode-referenz-lang .right-column .bar-link:hover,
    article.node--type-bar.node--view-mode-referenz-lang .right-column .cocktail-link:hover,
    article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .right-column .bar-link:hover,
    article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .right-column .cocktail-link:hover,
    article.node--type-cocktail.node--view-mode-referenz-lang .right-column .bar-link:hover,
    article.node--type-cocktail.node--view-mode-referenz-lang .right-column .cocktail-link:hover,
    article.node--type-cocktail.node--view-mode-referenz-kurz .right-column .bar-link:hover,
    article.node--type-cocktail.node--view-mode-referenz-kurz .right-column .cocktail-link:hover {
      color: #3231D3;
      border: 1px solid #3231D3;
      text-decoration: none; }
    article.node--type-bar.node--view-mode-referenz-kurz .right-column .bar-link a,
    article.node--type-bar.node--view-mode-referenz-kurz .right-column .cocktail-link a,
    article.node--type-bar.node--view-mode-referenz-lang .right-column .bar-link a,
    article.node--type-bar.node--view-mode-referenz-lang .right-column .cocktail-link a,
    article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .right-column .bar-link a,
    article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .right-column .cocktail-link a,
    article.node--type-cocktail.node--view-mode-referenz-lang .right-column .bar-link a,
    article.node--type-cocktail.node--view-mode-referenz-lang .right-column .cocktail-link a,
    article.node--type-cocktail.node--view-mode-referenz-kurz .right-column .bar-link a,
    article.node--type-cocktail.node--view-mode-referenz-kurz .right-column .cocktail-link a {
      color: #383838; }
    article.node--type-bar.node--view-mode-referenz-kurz .right-column .bar-link a:hover,
    article.node--type-bar.node--view-mode-referenz-kurz .right-column .cocktail-link a:hover,
    article.node--type-bar.node--view-mode-referenz-lang .right-column .bar-link a:hover,
    article.node--type-bar.node--view-mode-referenz-lang .right-column .cocktail-link a:hover,
    article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .right-column .bar-link a:hover,
    article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .right-column .cocktail-link a:hover,
    article.node--type-cocktail.node--view-mode-referenz-lang .right-column .bar-link a:hover,
    article.node--type-cocktail.node--view-mode-referenz-lang .right-column .cocktail-link a:hover,
    article.node--type-cocktail.node--view-mode-referenz-kurz .right-column .bar-link a:hover,
    article.node--type-cocktail.node--view-mode-referenz-kurz .right-column .cocktail-link a:hover {
      color: #3231D3; }

@media (min-width: 0px) {
  article.node--type-bar.node--view-mode-referenz-lang .left-column,
  article.node--type-bar.node--view-mode-referenz-kurz .left-column,
  article.node--type-cocktail.node--view-mode-referenz-lang .left-column,
  article.node--type-cocktail.node--view-mode-referenz-kurz .left-column {
    width: auto;
    max-width: none; } }
@media (min-width: 768px) {
  article.node--type-bar.node--view-mode-referenz-lang .left-column,
  article.node--type-bar.node--view-mode-referenz-kurz .left-column,
  article.node--type-cocktail.node--view-mode-referenz-lang .left-column,
  article.node--type-cocktail.node--view-mode-referenz-kurz .left-column {
    width: 50%;
    max-width: none; } }

article.node--type-bar.node--view-mode-referenz-lang .node__content,
article.node--type-cocktail.node--view-mode-referenz-lang .node__content {
  display: inline-block;
  width: 100%;
  position: relative; }
  @media (min-width: 0px) {
    article.node--type-bar.node--view-mode-referenz-lang .node__content .bar-top,
    article.node--type-bar.node--view-mode-referenz-lang .node__content .cocktail-top,
    article.node--type-cocktail.node--view-mode-referenz-lang .node__content .bar-top,
    article.node--type-cocktail.node--view-mode-referenz-lang .node__content .cocktail-top {
      display: inline-block;
      width: 100%; } }
  @media (min-width: 768px) {
    article.node--type-bar.node--view-mode-referenz-lang .node__content .bar-top,
    article.node--type-bar.node--view-mode-referenz-lang .node__content .cocktail-top,
    article.node--type-cocktail.node--view-mode-referenz-lang .node__content .bar-top,
    article.node--type-cocktail.node--view-mode-referenz-lang .node__content .cocktail-top {
      display: flex;
      align-items: center;
      height: 100%; } }
article.node--type-bar.node--view-mode-referenz-lang .field--name-body,
article.node--type-cocktail.node--view-mode-referenz-lang .field--name-body {
  padding-top: 40px;
  line-height: 26px;
  letter-spacing: 0.16px;
  text-align: left;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 0px) {
    article.node--type-bar.node--view-mode-referenz-lang .field--name-body,
    article.node--type-cocktail.node--view-mode-referenz-lang .field--name-body {
      width: auto; } }
  @media (min-width: 768px) {
    article.node--type-bar.node--view-mode-referenz-lang .field--name-body,
    article.node--type-cocktail.node--view-mode-referenz-lang .field--name-body {
      width: 600px; } }
  article.node--type-bar.node--view-mode-referenz-lang .field--name-body p,
  article.node--type-cocktail.node--view-mode-referenz-lang .field--name-body p {
    margin-top: 0px; }

article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .left-column .field--name-title {
  font-family: "Playfair Display", "Times New Roman", Times, serif;
  font-size: 36px;
  letter-spacing: 0.36px;
  hyphens: none;
  padding-bottom: 10px;
  line-height: 40px; }
article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .left-column .field--name-field-cocktail-zutaten .field__label {
  display: none; }
article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .left-column .field--name-field-cocktail-zutaten .field__item {
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.7px; }
  article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .left-column .field--name-field-cocktail-zutaten .field__item p {
    margin-top: 0px; }
article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .left-column .bar-link,
article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .left-column .cocktail-link {
  display: inline-block;
  color: #383838;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 0.54px;
  opacity: 1;
  padding: 0px 8px;
  border: 1px solid black;
  border-radius: 50px;
  font-size: 10px;
  width: auto; }
  article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .left-column .bar-link:hover,
  article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .left-column .cocktail-link:hover {
    color: #3231D3;
    border: 1px solid #3231D3;
    text-decoration: none; }
  article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .left-column .bar-link a,
  article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .left-column .cocktail-link a {
    color: #383838; }
  article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .left-column .bar-link a:hover,
  article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .left-column .cocktail-link a:hover {
    color: #3231D3; }
@media (min-width: 0px) {
  article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .right-column {
    width: auto;
    max-width: none;
    margin-top: 20px; } }
@media (min-width: 768px) {
  article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .right-column {
    width: 50%;
    max-width: none;
    margin-top: 0; } }
@media (min-width: 0px) {
  article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .right-column .field--name-field-bar-bild,
  article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .right-column .field--name-field-cocktail-bild {
    width: 100vw !important;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: none; }
    article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .right-column .field--name-field-bar-bild img,
    article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .right-column .field--name-field-cocktail-bild img {
      width: 100%; } }
@media (min-width: 768px) {
  article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .right-column .field--name-field-bar-bild,
  article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .right-column .field--name-field-cocktail-bild {
    width: auto !important;
    position: relative;
    left: 0;
    right: 0;
    margin-left: unset;
    margin-right: unset;
    max-width: 280px; }
    article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .right-column .field--name-field-bar-bild img,
    article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .right-column .field--name-field-cocktail-bild img {
      width: auto; } }
article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .right-column .field--name-field-bar-bild .field__label,
article.node--type-cocktail.node--view-mode-referenz-kurz-t-b- .right-column .field--name-field-cocktail-bild .field__label {
  display: none; }

body.page-node-type-bar header #mix-header-menus #mix-header-menus-mobile,
body.page-node-type-cocktail header #mix-header-menus #mix-header-menus-mobile,
body[taxonomy-vocab="schlagworte_cocktails"] header #mix-header-menus #mix-header-menus-mobile,
body[taxonomy-vocab="spirituosen_cocktails"] header #mix-header-menus #mix-header-menus-mobile,
body[taxonomy-vocab="kategorien_cocktails"] header #mix-header-menus #mix-header-menus-mobile,
body[node="80002260"] header #mix-header-menus #mix-header-menus-mobile,
body[node="80002261"] header #mix-header-menus #mix-header-menus-mobile {
  width: 100%;
  display: inline-block; }
  body.page-node-type-bar header #mix-header-menus #mix-header-menus-mobile #mix-header-sticky-anchor,
  body.page-node-type-cocktail header #mix-header-menus #mix-header-menus-mobile #mix-header-sticky-anchor,
  body[taxonomy-vocab="schlagworte_cocktails"] header #mix-header-menus #mix-header-menus-mobile #mix-header-sticky-anchor,
  body[taxonomy-vocab="spirituosen_cocktails"] header #mix-header-menus #mix-header-menus-mobile #mix-header-sticky-anchor,
  body[taxonomy-vocab="kategorien_cocktails"] header #mix-header-menus #mix-header-menus-mobile #mix-header-sticky-anchor,
  body[node="80002260"] header #mix-header-menus #mix-header-menus-mobile #mix-header-sticky-anchor,
  body[node="80002261"] header #mix-header-menus #mix-header-menus-mobile #mix-header-sticky-anchor {
    height: 150px !important; }
  body.page-node-type-bar header #mix-header-menus #mix-header-menus-mobile #mix-header-sticky-div,
  body.page-node-type-cocktail header #mix-header-menus #mix-header-menus-mobile #mix-header-sticky-div,
  body[taxonomy-vocab="schlagworte_cocktails"] header #mix-header-menus #mix-header-menus-mobile #mix-header-sticky-div,
  body[taxonomy-vocab="spirituosen_cocktails"] header #mix-header-menus #mix-header-menus-mobile #mix-header-sticky-div,
  body[taxonomy-vocab="kategorien_cocktails"] header #mix-header-menus #mix-header-menus-mobile #mix-header-sticky-div,
  body[node="80002260"] header #mix-header-menus #mix-header-menus-mobile #mix-header-sticky-div,
  body[node="80002261"] header #mix-header-menus #mix-header-menus-mobile #mix-header-sticky-div {
    left: 0 !important;
    position: fixed !important; }
  body.page-node-type-bar header #mix-header-menus #mix-header-menus-mobile .block-block-contentc38c9703-776a-4b5b-a6b4-9b33393e27b4 img,
  body.page-node-type-bar header #mix-header-menus #mix-header-menus-mobile .block-block-content8b752c7e-84c2-4e93-8f4e-ecfbaf18dae5 img,
  body.page-node-type-cocktail header #mix-header-menus #mix-header-menus-mobile .block-block-contentc38c9703-776a-4b5b-a6b4-9b33393e27b4 img,
  body.page-node-type-cocktail header #mix-header-menus #mix-header-menus-mobile .block-block-content8b752c7e-84c2-4e93-8f4e-ecfbaf18dae5 img,
  body[taxonomy-vocab="schlagworte_cocktails"] header #mix-header-menus #mix-header-menus-mobile .block-block-contentc38c9703-776a-4b5b-a6b4-9b33393e27b4 img,
  body[taxonomy-vocab="schlagworte_cocktails"] header #mix-header-menus #mix-header-menus-mobile .block-block-content8b752c7e-84c2-4e93-8f4e-ecfbaf18dae5 img,
  body[taxonomy-vocab="spirituosen_cocktails"] header #mix-header-menus #mix-header-menus-mobile .block-block-contentc38c9703-776a-4b5b-a6b4-9b33393e27b4 img,
  body[taxonomy-vocab="spirituosen_cocktails"] header #mix-header-menus #mix-header-menus-mobile .block-block-content8b752c7e-84c2-4e93-8f4e-ecfbaf18dae5 img,
  body[taxonomy-vocab="kategorien_cocktails"] header #mix-header-menus #mix-header-menus-mobile .block-block-contentc38c9703-776a-4b5b-a6b4-9b33393e27b4 img,
  body[taxonomy-vocab="kategorien_cocktails"] header #mix-header-menus #mix-header-menus-mobile .block-block-content8b752c7e-84c2-4e93-8f4e-ecfbaf18dae5 img,
  body[node="80002260"] header #mix-header-menus #mix-header-menus-mobile .block-block-contentc38c9703-776a-4b5b-a6b4-9b33393e27b4 img,
  body[node="80002260"] header #mix-header-menus #mix-header-menus-mobile .block-block-content8b752c7e-84c2-4e93-8f4e-ecfbaf18dae5 img,
  body[node="80002261"] header #mix-header-menus #mix-header-menus-mobile .block-block-contentc38c9703-776a-4b5b-a6b4-9b33393e27b4 img,
  body[node="80002261"] header #mix-header-menus #mix-header-menus-mobile .block-block-content8b752c7e-84c2-4e93-8f4e-ecfbaf18dae5 img {
    width: 420px;
    height: auto;
    margin-top: -8px; }
body.page-node-type-bar header #mix-header-menus #mix-header-menus-desktop,
body.page-node-type-cocktail header #mix-header-menus #mix-header-menus-desktop,
body[taxonomy-vocab="schlagworte_cocktails"] header #mix-header-menus #mix-header-menus-desktop,
body[taxonomy-vocab="spirituosen_cocktails"] header #mix-header-menus #mix-header-menus-desktop,
body[taxonomy-vocab="kategorien_cocktails"] header #mix-header-menus #mix-header-menus-desktop,
body[node="80002260"] header #mix-header-menus #mix-header-menus-desktop,
body[node="80002261"] header #mix-header-menus #mix-header-menus-desktop {
  display: none; }

@media (min-width: 0px) {
  body[node="80002260"] article.node .layout--onecol,
  body[node="80002260"] article.node .layout--twocol-section,
  body[node="80002261"] article.node .layout--onecol,
  body[node="80002261"] article.node .layout--twocol-section {
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 0; } }
@media (min-width: 768px) {
  body[node="80002260"] article.node .layout--onecol,
  body[node="80002260"] article.node .layout--twocol-section,
  body[node="80002261"] article.node .layout--onecol,
  body[node="80002261"] article.node .layout--twocol-section {
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 45px; } }
@media (min-width: 0px) {
  body[node="80002260"] article.node .layout--twocol-section--50-50 .layout__region--first,
  body[node="80002261"] article.node .layout--twocol-section--50-50 .layout__region--first {
    padding-right: 0;
    margin-bottom: 0; }
  body[node="80002260"] article.node .layout--twocol-section--50-50 .layout__region--second,
  body[node="80002261"] article.node .layout--twocol-section--50-50 .layout__region--second {
    padding-left: 0; } }
@media (min-width: 768px) {
  body[node="80002260"] article.node .layout--twocol-section--50-50 .layout__region--first,
  body[node="80002261"] article.node .layout--twocol-section--50-50 .layout__region--first {
    padding-right: 50px; }
  body[node="80002260"] article.node .layout--twocol-section--50-50 .layout__region--second,
  body[node="80002261"] article.node .layout--twocol-section--50-50 .layout__region--second {
    padding-left: 50px;
    margin-bottom: 45px; } }
@media (min-width: 0px) {
  body[node="80002260"] article.node .block-block-content3ef691cc-0499-4826-940a-616361d99937,
  body[node="80002261"] article.node .block-block-content3ef691cc-0499-4826-940a-616361d99937 {
    width: 100vw !important;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw; } }
@media (min-width: 768px) {
  body[node="80002260"] article.node .block-block-content3ef691cc-0499-4826-940a-616361d99937,
  body[node="80002261"] article.node .block-block-content3ef691cc-0499-4826-940a-616361d99937 {
    width: 100% !important;
    position: relative;
    left: auto;
    right: auto;
    margin-left: 0;
    margin-right: 0; } }
@media (min-width: 0px) {
  body[node="80002260"] article.node .block-block-content23e5fbf6-eb4f-42d3-95bc-167d6e0ce291,
  body[node="80002261"] article.node .block-block-content23e5fbf6-eb4f-42d3-95bc-167d6e0ce291 {
    margin-top: 0; }
    body[node="80002260"] article.node .block-block-content23e5fbf6-eb4f-42d3-95bc-167d6e0ce291 p,
    body[node="80002261"] article.node .block-block-content23e5fbf6-eb4f-42d3-95bc-167d6e0ce291 p {
      margin-top: 0; } }
@media (min-width: 768px) {
  body[node="80002260"] article.node .block-block-content23e5fbf6-eb4f-42d3-95bc-167d6e0ce291,
  body[node="80002261"] article.node .block-block-content23e5fbf6-eb4f-42d3-95bc-167d6e0ce291 {
    margin-top: 150px; }
    body[node="80002260"] article.node .block-block-content23e5fbf6-eb4f-42d3-95bc-167d6e0ce291 p,
    body[node="80002261"] article.node .block-block-content23e5fbf6-eb4f-42d3-95bc-167d6e0ce291 p {
      margin-top: 45px; } }
body[node="80002260"] article.node .block-block-content23e5fbf6-eb4f-42d3-95bc-167d6e0ce291 .field--name-body p:first-of-type,
body[node="80002261"] article.node .block-block-content23e5fbf6-eb4f-42d3-95bc-167d6e0ce291 .field--name-body p:first-of-type {
  margin-bottom: 0; }
body[node="80002260"] article.node .block-block-content23e5fbf6-eb4f-42d3-95bc-167d6e0ce291 .field--name-body p:nth-of-type(2),
body[node="80002261"] article.node .block-block-content23e5fbf6-eb4f-42d3-95bc-167d6e0ce291 .field--name-body p:nth-of-type(2) {
  margin-top: 0; }
@media (min-width: 0px) {
  body[node="80002260"] article.node #mix-search-reset-filters,
  body[node="80002261"] article.node #mix-search-reset-filters {
    position: relative; } }
@media (min-width: 768px) {
  body[node="80002260"] article.node #mix-search-reset-filters,
  body[node="80002261"] article.node #mix-search-reset-filters {
    position: absolute;
    bottom: 0;
    left: 12px; } }
body[node="80002260"] article.node .block-views-exposed-filter-blocks-block #views-exposed-form-suche-bars-block-1 .form--inline,
body[node="80002260"] article.node .block-views-exposed-filter-blocks-block #views-exposed-form-suche-cocktails-default .form--inline,
body[node="80002261"] article.node .block-views-exposed-filter-blocks-block #views-exposed-form-suche-bars-block-1 .form--inline,
body[node="80002261"] article.node .block-views-exposed-filter-blocks-block #views-exposed-form-suche-cocktails-default .form--inline {
  display: inline-block;
  width: 100%; }
  body[node="80002260"] article.node .block-views-exposed-filter-blocks-block #views-exposed-form-suche-bars-block-1 .form--inline .form-item,
  body[node="80002260"] article.node .block-views-exposed-filter-blocks-block #views-exposed-form-suche-cocktails-default .form--inline .form-item,
  body[node="80002261"] article.node .block-views-exposed-filter-blocks-block #views-exposed-form-suche-bars-block-1 .form--inline .form-item,
  body[node="80002261"] article.node .block-views-exposed-filter-blocks-block #views-exposed-form-suche-cocktails-default .form--inline .form-item {
    width: calc( 100% - 80px ); }
    body[node="80002260"] article.node .block-views-exposed-filter-blocks-block #views-exposed-form-suche-bars-block-1 .form--inline .form-item label,
    body[node="80002260"] article.node .block-views-exposed-filter-blocks-block #views-exposed-form-suche-cocktails-default .form--inline .form-item label,
    body[node="80002261"] article.node .block-views-exposed-filter-blocks-block #views-exposed-form-suche-bars-block-1 .form--inline .form-item label,
    body[node="80002261"] article.node .block-views-exposed-filter-blocks-block #views-exposed-form-suche-cocktails-default .form--inline .form-item label {
      font-size: 0;
      display: inline-block;
      width: 31px;
      height: 29px;
      background: url("/sites/mixology.eu/themes/custom/mixology_main/images/Icon-Lupe.png") 0 0 no-repeat;
      vertical-align: top; }
    body[node="80002260"] article.node .block-views-exposed-filter-blocks-block #views-exposed-form-suche-bars-block-1 .form--inline .form-item input,
    body[node="80002260"] article.node .block-views-exposed-filter-blocks-block #views-exposed-form-suche-cocktails-default .form--inline .form-item input,
    body[node="80002261"] article.node .block-views-exposed-filter-blocks-block #views-exposed-form-suche-bars-block-1 .form--inline .form-item input,
    body[node="80002261"] article.node .block-views-exposed-filter-blocks-block #views-exposed-form-suche-cocktails-default .form--inline .form-item input {
      font-family: "Montserrat", Arial, sans-serif;
      font-size: 10px;
      padding-left: 10px;
      border-radius: 20px;
      height: 29px;
      width: 250px;
      width: calc( 100% - 40px ); }
  body[node="80002260"] article.node .block-views-exposed-filter-blocks-block #views-exposed-form-suche-bars-block-1 .form--inline #edit-actions,
  body[node="80002260"] article.node .block-views-exposed-filter-blocks-block #views-exposed-form-suche-cocktails-default .form--inline #edit-actions,
  body[node="80002261"] article.node .block-views-exposed-filter-blocks-block #views-exposed-form-suche-bars-block-1 .form--inline #edit-actions,
  body[node="80002261"] article.node .block-views-exposed-filter-blocks-block #views-exposed-form-suche-cocktails-default .form--inline #edit-actions {
    clear: none; }
    body[node="80002260"] article.node .block-views-exposed-filter-blocks-block #views-exposed-form-suche-bars-block-1 .form--inline #edit-actions input,
    body[node="80002260"] article.node .block-views-exposed-filter-blocks-block #views-exposed-form-suche-cocktails-default .form--inline #edit-actions input,
    body[node="80002261"] article.node .block-views-exposed-filter-blocks-block #views-exposed-form-suche-bars-block-1 .form--inline #edit-actions input,
    body[node="80002261"] article.node .block-views-exposed-filter-blocks-block #views-exposed-form-suche-cocktails-default .form--inline #edit-actions input {
      width: auto;
      height: 29px;
      background-color: #3231D3;
      color: white;
      padding-left: 10px;
      padding-right: 10px;
      border-radius: 20px;
      border: none;
      font-family: "Montserrat", Arial, sans-serif;
      font-size: 10px; }
body[node="80002260"] article.node .block-views-exposed-filter-blocks-block #views-exposed-form-suche-bars-block-1 .form--inline,
body[node="80002261"] article.node .block-views-exposed-filter-blocks-block #views-exposed-form-suche-bars-block-1 .form--inline {
  display: inline-block;
  width: 100%; }
  body[node="80002260"] article.node .block-views-exposed-filter-blocks-block #views-exposed-form-suche-bars-block-1 .form--inline .form-item,
  body[node="80002261"] article.node .block-views-exposed-filter-blocks-block #views-exposed-form-suche-bars-block-1 .form--inline .form-item {
    width: calc( 100% - 180px ); }
@media (min-width: 0px) {
  body[node="80002260"] article.node .block-facet--links,
  body[node="80002261"] article.node .block-facet--links {
    display: none; }
    body[node="80002260"] article.node .block-facet--links h2,
    body[node="80002261"] article.node .block-facet--links h2 {
      text-align: center;
      color: #3231D3; } }
@media (min-width: 768px) {
  body[node="80002260"] article.node .block-facet--links,
  body[node="80002261"] article.node .block-facet--links {
    display: block; }
    body[node="80002260"] article.node .block-facet--links h2,
    body[node="80002261"] article.node .block-facet--links h2 {
      text-align: left;
      color: black; } }
body[node="80002260"] article.node .block-facet--links ul,
body[node="80002261"] article.node .block-facet--links ul {
  list-style-type: none;
  /* Remove bullets */
  padding: 0;
  margin: 0;
  text-align: center; }
  body[node="80002260"] article.node .block-facet--links ul li.facet-item,
  body[node="80002261"] article.node .block-facet--links ul li.facet-item {
    display: inline-block;
    margin: 2px 5px 2px 5px; }
    body[node="80002260"] article.node .block-facet--links ul li.facet-item a,
    body[node="80002261"] article.node .block-facet--links ul li.facet-item a {
      display: inline-block;
      color: #383838;
      font-family: "Montserrat", Arial, sans-serif;
      font-size: 18px;
      text-transform: uppercase;
      letter-spacing: 0.54px;
      opacity: 1;
      padding: 0px 8px;
      border: 1px solid black;
      border-radius: 50px;
      font-size: 10px; }
      body[node="80002260"] article.node .block-facet--links ul li.facet-item a:hover,
      body[node="80002261"] article.node .block-facet--links ul li.facet-item a:hover {
        color: #3231D3;
        border: 1px solid #3231D3;
        text-decoration: none; }
      body[node="80002260"] article.node .block-facet--links ul li.facet-item a a,
      body[node="80002261"] article.node .block-facet--links ul li.facet-item a a {
        color: #383838; }
      body[node="80002260"] article.node .block-facet--links ul li.facet-item a a:hover,
      body[node="80002261"] article.node .block-facet--links ul li.facet-item a a:hover {
        color: #3231D3; }
      body[node="80002260"] article.node .block-facet--links ul li.facet-item a.is-active,
      body[node="80002261"] article.node .block-facet--links ul li.facet-item a.is-active {
        background-color: #3231D3;
        color: white; }
body[node="80002260"] article.node .block-facet--links .facets-soft-limit-link,
body[node="80002261"] article.node .block-facet--links .facets-soft-limit-link {
  color: black;
  text-transform: uppercase;
  font-size: 10px; }
@media (min-width: 0px) {
  body[node="80002260"] article.node .block-block-content87a2c1d0-d1e1-4a30-bc1a-6ad18ad4391f,
  body[node="80002260"] article.node .block-block-contentf11a871d-7e1a-4bd8-831c-7a3fb22af1ac,
  body[node="80002260"] article.node .block-facet--dropdown,
  body[node="80002261"] article.node .block-block-content87a2c1d0-d1e1-4a30-bc1a-6ad18ad4391f,
  body[node="80002261"] article.node .block-block-contentf11a871d-7e1a-4bd8-831c-7a3fb22af1ac,
  body[node="80002261"] article.node .block-facet--dropdown {
    width: 80%;
    margin: 0 auto; } }
@media (min-width: 992px) {
  body[node="80002260"] article.node .block-block-content87a2c1d0-d1e1-4a30-bc1a-6ad18ad4391f,
  body[node="80002260"] article.node .block-block-contentf11a871d-7e1a-4bd8-831c-7a3fb22af1ac,
  body[node="80002260"] article.node .block-facet--dropdown,
  body[node="80002261"] article.node .block-block-content87a2c1d0-d1e1-4a30-bc1a-6ad18ad4391f,
  body[node="80002261"] article.node .block-block-contentf11a871d-7e1a-4bd8-831c-7a3fb22af1ac,
  body[node="80002261"] article.node .block-facet--dropdown {
    width: 80%;
    margin: 0; } }
body[node="80002260"] article.node .block-block-content87a2c1d0-d1e1-4a30-bc1a-6ad18ad4391f h2,
body[node="80002260"] article.node .block-block-contentf11a871d-7e1a-4bd8-831c-7a3fb22af1ac h2,
body[node="80002260"] article.node .block-facet--dropdown h2,
body[node="80002261"] article.node .block-block-content87a2c1d0-d1e1-4a30-bc1a-6ad18ad4391f h2,
body[node="80002261"] article.node .block-block-contentf11a871d-7e1a-4bd8-831c-7a3fb22af1ac h2,
body[node="80002261"] article.node .block-facet--dropdown h2 {
  display: inline-block;
  background-size: 30px 30px;
  font-size: 0;
  width: 30px;
  height: 30px;
  vertical-align: top; }
body[node="80002260"] article.node .block-block-content87a2c1d0-d1e1-4a30-bc1a-6ad18ad4391f .facets-widget-dropdown,
body[node="80002260"] article.node .block-block-contentf11a871d-7e1a-4bd8-831c-7a3fb22af1ac .facets-widget-dropdown,
body[node="80002260"] article.node .block-facet--dropdown .facets-widget-dropdown,
body[node="80002261"] article.node .block-block-content87a2c1d0-d1e1-4a30-bc1a-6ad18ad4391f .facets-widget-dropdown,
body[node="80002261"] article.node .block-block-contentf11a871d-7e1a-4bd8-831c-7a3fb22af1ac .facets-widget-dropdown,
body[node="80002261"] article.node .block-facet--dropdown .facets-widget-dropdown {
  display: inline-block;
  width: calc( 100% - 35px ); }
  body[node="80002260"] article.node .block-block-content87a2c1d0-d1e1-4a30-bc1a-6ad18ad4391f .facets-widget-dropdown select.facets-dropdown,
  body[node="80002260"] article.node .block-block-contentf11a871d-7e1a-4bd8-831c-7a3fb22af1ac .facets-widget-dropdown select.facets-dropdown,
  body[node="80002260"] article.node .block-facet--dropdown .facets-widget-dropdown select.facets-dropdown,
  body[node="80002261"] article.node .block-block-content87a2c1d0-d1e1-4a30-bc1a-6ad18ad4391f .facets-widget-dropdown select.facets-dropdown,
  body[node="80002261"] article.node .block-block-contentf11a871d-7e1a-4bd8-831c-7a3fb22af1ac .facets-widget-dropdown select.facets-dropdown,
  body[node="80002261"] article.node .block-facet--dropdown .facets-widget-dropdown select.facets-dropdown {
    text-transform: none;
    background-color: white;
    height: 30px;
    border-radius: 20px;
    padding-left: 20px;
    width: calc( 100% - 35px ); }
body[node="80002260"] article.node .block-block-content87a2c1d0-d1e1-4a30-bc1a-6ad18ad4391f.block-facet-blockort h2, body[node="80002260"] article.node .block-block-content87a2c1d0-d1e1-4a30-bc1a-6ad18ad4391f.block-facet-blockstadt h2,
body[node="80002260"] article.node .block-block-contentf11a871d-7e1a-4bd8-831c-7a3fb22af1ac.block-facet-blockort h2,
body[node="80002260"] article.node .block-block-contentf11a871d-7e1a-4bd8-831c-7a3fb22af1ac.block-facet-blockstadt h2,
body[node="80002260"] article.node .block-facet--dropdown.block-facet-blockort h2,
body[node="80002260"] article.node .block-facet--dropdown.block-facet-blockstadt h2,
body[node="80002261"] article.node .block-block-content87a2c1d0-d1e1-4a30-bc1a-6ad18ad4391f.block-facet-blockort h2,
body[node="80002261"] article.node .block-block-content87a2c1d0-d1e1-4a30-bc1a-6ad18ad4391f.block-facet-blockstadt h2,
body[node="80002261"] article.node .block-block-contentf11a871d-7e1a-4bd8-831c-7a3fb22af1ac.block-facet-blockort h2,
body[node="80002261"] article.node .block-block-contentf11a871d-7e1a-4bd8-831c-7a3fb22af1ac.block-facet-blockstadt h2,
body[node="80002261"] article.node .block-facet--dropdown.block-facet-blockort h2,
body[node="80002261"] article.node .block-facet--dropdown.block-facet-blockstadt h2 {
  background: url("/sites/mixology.eu/themes/custom/mixology_main/images/Icon_Standort.svg") 0 0 no-repeat; }
body[node="80002260"] article.node .block-block-content87a2c1d0-d1e1-4a30-bc1a-6ad18ad4391f.block-facet-blockland h2,
body[node="80002260"] article.node .block-block-contentf11a871d-7e1a-4bd8-831c-7a3fb22af1ac.block-facet-blockland h2,
body[node="80002260"] article.node .block-facet--dropdown.block-facet-blockland h2,
body[node="80002261"] article.node .block-block-content87a2c1d0-d1e1-4a30-bc1a-6ad18ad4391f.block-facet-blockland h2,
body[node="80002261"] article.node .block-block-contentf11a871d-7e1a-4bd8-831c-7a3fb22af1ac.block-facet-blockland h2,
body[node="80002261"] article.node .block-facet--dropdown.block-facet-blockland h2 {
  background: url("/sites/mixology.eu/themes/custom/mixology_main/images/Icon_Welt.svg") 0 0 no-repeat; }
body[node="80002260"] article.node .block-block-content87a2c1d0-d1e1-4a30-bc1a-6ad18ad4391f.block-facet-blockbar-kategorie h2,
body[node="80002260"] article.node .block-block-contentf11a871d-7e1a-4bd8-831c-7a3fb22af1ac.block-facet-blockbar-kategorie h2,
body[node="80002260"] article.node .block-facet--dropdown.block-facet-blockbar-kategorie h2,
body[node="80002261"] article.node .block-block-content87a2c1d0-d1e1-4a30-bc1a-6ad18ad4391f.block-facet-blockbar-kategorie h2,
body[node="80002261"] article.node .block-block-contentf11a871d-7e1a-4bd8-831c-7a3fb22af1ac.block-facet-blockbar-kategorie h2,
body[node="80002261"] article.node .block-facet--dropdown.block-facet-blockbar-kategorie h2 {
  background: url("/sites/mixology.eu/themes/custom/mixology_main/images/Icon_Kirsche.svg") 0 0 no-repeat; }
body[node="80002260"] article.node .block-block-content87a2c1d0-d1e1-4a30-bc1a-6ad18ad4391f .mix-facet-dropdown-reset,
body[node="80002260"] article.node .block-block-contentf11a871d-7e1a-4bd8-831c-7a3fb22af1ac .mix-facet-dropdown-reset,
body[node="80002260"] article.node .block-facet--dropdown .mix-facet-dropdown-reset,
body[node="80002261"] article.node .block-block-content87a2c1d0-d1e1-4a30-bc1a-6ad18ad4391f .mix-facet-dropdown-reset,
body[node="80002261"] article.node .block-block-contentf11a871d-7e1a-4bd8-831c-7a3fb22af1ac .mix-facet-dropdown-reset,
body[node="80002261"] article.node .block-facet--dropdown .mix-facet-dropdown-reset {
  display: inline-block;
  font-size: 0;
  cursor: pointer;
  background: url("/sites/mixology.eu/themes/custom/mixology_main/images/Xicon_white.svg") 0 0 no-repeat;
  background-size: contain;
  width: 28px;
  height: 25px;
  vertical-align: top;
  top: 2px;
  position: relative; }
  body[node="80002260"] article.node .block-block-content87a2c1d0-d1e1-4a30-bc1a-6ad18ad4391f .mix-facet-dropdown-reset.hidden,
  body[node="80002260"] article.node .block-block-contentf11a871d-7e1a-4bd8-831c-7a3fb22af1ac .mix-facet-dropdown-reset.hidden,
  body[node="80002260"] article.node .block-facet--dropdown .mix-facet-dropdown-reset.hidden,
  body[node="80002261"] article.node .block-block-content87a2c1d0-d1e1-4a30-bc1a-6ad18ad4391f .mix-facet-dropdown-reset.hidden,
  body[node="80002261"] article.node .block-block-contentf11a871d-7e1a-4bd8-831c-7a3fb22af1ac .mix-facet-dropdown-reset.hidden,
  body[node="80002261"] article.node .block-facet--dropdown .mix-facet-dropdown-reset.hidden {
    display: none; }
body[node="80002260"] article.node .block-block-content87a2c1d0-d1e1-4a30-bc1a-6ad18ad4391f .field--name-body,
body[node="80002260"] article.node .block-block-contentf11a871d-7e1a-4bd8-831c-7a3fb22af1ac .field--name-body,
body[node="80002261"] article.node .block-block-content87a2c1d0-d1e1-4a30-bc1a-6ad18ad4391f .field--name-body,
body[node="80002261"] article.node .block-block-contentf11a871d-7e1a-4bd8-831c-7a3fb22af1ac .field--name-body {
  float: right;
  padding-right: 38px; }
  body[node="80002260"] article.node .block-block-content87a2c1d0-d1e1-4a30-bc1a-6ad18ad4391f .field--name-body a,
  body[node="80002260"] article.node .block-block-contentf11a871d-7e1a-4bd8-831c-7a3fb22af1ac .field--name-body a,
  body[node="80002261"] article.node .block-block-content87a2c1d0-d1e1-4a30-bc1a-6ad18ad4391f .field--name-body a,
  body[node="80002261"] article.node .block-block-contentf11a871d-7e1a-4bd8-831c-7a3fb22af1ac .field--name-body a {
    color: black; }
body[node="80002260"] article.node .block-views-blocksuche-bars-block-1 .views-field-field-bar-kategorie,
body[node="80002260"] article.node .block-views-blocksuche-bars-block-1 .views-field-field-cocktail-kategorie,
body[node="80002260"] article.node .block-views-blocksuche-cocktails-block-1 .views-field-field-bar-kategorie,
body[node="80002260"] article.node .block-views-blocksuche-cocktails-block-1 .views-field-field-cocktail-kategorie,
body[node="80002261"] article.node .block-views-blocksuche-bars-block-1 .views-field-field-bar-kategorie,
body[node="80002261"] article.node .block-views-blocksuche-bars-block-1 .views-field-field-cocktail-kategorie,
body[node="80002261"] article.node .block-views-blocksuche-cocktails-block-1 .views-field-field-bar-kategorie,
body[node="80002261"] article.node .block-views-blocksuche-cocktails-block-1 .views-field-field-cocktail-kategorie {
  margin-top: 10px; }
  body[node="80002260"] article.node .block-views-blocksuche-bars-block-1 .views-field-field-bar-kategorie a,
  body[node="80002260"] article.node .block-views-blocksuche-bars-block-1 .views-field-field-cocktail-kategorie a,
  body[node="80002260"] article.node .block-views-blocksuche-cocktails-block-1 .views-field-field-bar-kategorie a,
  body[node="80002260"] article.node .block-views-blocksuche-cocktails-block-1 .views-field-field-cocktail-kategorie a,
  body[node="80002261"] article.node .block-views-blocksuche-bars-block-1 .views-field-field-bar-kategorie a,
  body[node="80002261"] article.node .block-views-blocksuche-bars-block-1 .views-field-field-cocktail-kategorie a,
  body[node="80002261"] article.node .block-views-blocksuche-cocktails-block-1 .views-field-field-bar-kategorie a,
  body[node="80002261"] article.node .block-views-blocksuche-cocktails-block-1 .views-field-field-cocktail-kategorie a {
    display: inline-block;
    color: #383838;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.54px;
    opacity: 1;
    padding: 0px 8px;
    border: 1px solid black;
    border-radius: 50px;
    font-size: 10px; }
    body[node="80002260"] article.node .block-views-blocksuche-bars-block-1 .views-field-field-bar-kategorie a:hover,
    body[node="80002260"] article.node .block-views-blocksuche-bars-block-1 .views-field-field-cocktail-kategorie a:hover,
    body[node="80002260"] article.node .block-views-blocksuche-cocktails-block-1 .views-field-field-bar-kategorie a:hover,
    body[node="80002260"] article.node .block-views-blocksuche-cocktails-block-1 .views-field-field-cocktail-kategorie a:hover,
    body[node="80002261"] article.node .block-views-blocksuche-bars-block-1 .views-field-field-bar-kategorie a:hover,
    body[node="80002261"] article.node .block-views-blocksuche-bars-block-1 .views-field-field-cocktail-kategorie a:hover,
    body[node="80002261"] article.node .block-views-blocksuche-cocktails-block-1 .views-field-field-bar-kategorie a:hover,
    body[node="80002261"] article.node .block-views-blocksuche-cocktails-block-1 .views-field-field-cocktail-kategorie a:hover {
      color: #3231D3;
      border: 1px solid #3231D3;
      text-decoration: none; }
    body[node="80002260"] article.node .block-views-blocksuche-bars-block-1 .views-field-field-bar-kategorie a a,
    body[node="80002260"] article.node .block-views-blocksuche-bars-block-1 .views-field-field-cocktail-kategorie a a,
    body[node="80002260"] article.node .block-views-blocksuche-cocktails-block-1 .views-field-field-bar-kategorie a a,
    body[node="80002260"] article.node .block-views-blocksuche-cocktails-block-1 .views-field-field-cocktail-kategorie a a,
    body[node="80002261"] article.node .block-views-blocksuche-bars-block-1 .views-field-field-bar-kategorie a a,
    body[node="80002261"] article.node .block-views-blocksuche-bars-block-1 .views-field-field-cocktail-kategorie a a,
    body[node="80002261"] article.node .block-views-blocksuche-cocktails-block-1 .views-field-field-bar-kategorie a a,
    body[node="80002261"] article.node .block-views-blocksuche-cocktails-block-1 .views-field-field-cocktail-kategorie a a {
      color: #383838; }
    body[node="80002260"] article.node .block-views-blocksuche-bars-block-1 .views-field-field-bar-kategorie a a:hover,
    body[node="80002260"] article.node .block-views-blocksuche-bars-block-1 .views-field-field-cocktail-kategorie a a:hover,
    body[node="80002260"] article.node .block-views-blocksuche-cocktails-block-1 .views-field-field-bar-kategorie a a:hover,
    body[node="80002260"] article.node .block-views-blocksuche-cocktails-block-1 .views-field-field-cocktail-kategorie a a:hover,
    body[node="80002261"] article.node .block-views-blocksuche-bars-block-1 .views-field-field-bar-kategorie a a:hover,
    body[node="80002261"] article.node .block-views-blocksuche-bars-block-1 .views-field-field-cocktail-kategorie a a:hover,
    body[node="80002261"] article.node .block-views-blocksuche-cocktails-block-1 .views-field-field-bar-kategorie a a:hover,
    body[node="80002261"] article.node .block-views-blocksuche-cocktails-block-1 .views-field-field-cocktail-kategorie a a:hover {
      color: #3231D3; }
body[node="80002260"] article.node .block-views-blocksuche-bars-block-1 .views-field-title h2.field-content,
body[node="80002260"] article.node .block-views-blocksuche-cocktails-block-1 .views-field-title h2.field-content,
body[node="80002261"] article.node .block-views-blocksuche-bars-block-1 .views-field-title h2.field-content,
body[node="80002261"] article.node .block-views-blocksuche-cocktails-block-1 .views-field-title h2.field-content {
  margin-top: 10px;
  margin-bottom: 10px; }
  body[node="80002260"] article.node .block-views-blocksuche-bars-block-1 .views-field-title h2.field-content a,
  body[node="80002260"] article.node .block-views-blocksuche-cocktails-block-1 .views-field-title h2.field-content a,
  body[node="80002261"] article.node .block-views-blocksuche-bars-block-1 .views-field-title h2.field-content a,
  body[node="80002261"] article.node .block-views-blocksuche-cocktails-block-1 .views-field-title h2.field-content a {
    font-size: 24px; }
body[node="80002260"] article.node .block-views-blocksuche-bars-block-1 .views-field-body .field-content,
body[node="80002260"] article.node .block-views-blocksuche-cocktails-block-1 .views-field-body .field-content,
body[node="80002261"] article.node .block-views-blocksuche-bars-block-1 .views-field-body .field-content,
body[node="80002261"] article.node .block-views-blocksuche-cocktails-block-1 .views-field-body .field-content {
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 12px; }
  body[node="80002260"] article.node .block-views-blocksuche-bars-block-1 .views-field-body .field-content p:first-of-type,
  body[node="80002260"] article.node .block-views-blocksuche-cocktails-block-1 .views-field-body .field-content p:first-of-type,
  body[node="80002261"] article.node .block-views-blocksuche-bars-block-1 .views-field-body .field-content p:first-of-type,
  body[node="80002261"] article.node .block-views-blocksuche-cocktails-block-1 .views-field-body .field-content p:first-of-type {
    margin-top: 0; }
body[node="80002260"] article.node .block-views-blocksuche-bars-block-1 .views-field-field-bar-ort a,
body[node="80002260"] article.node .block-views-blocksuche-cocktails-block-1 .views-field-field-bar-ort a,
body[node="80002261"] article.node .block-views-blocksuche-bars-block-1 .views-field-field-bar-ort a,
body[node="80002261"] article.node .block-views-blocksuche-cocktails-block-1 .views-field-field-bar-ort a {
  color: black;
  font-family: "Montserrat", Arial, sans-serif;
  text-transform: uppercase;
  font-size: 12px; }
  body[node="80002260"] article.node .block-views-blocksuche-bars-block-1 .views-field-field-bar-ort a:before,
  body[node="80002260"] article.node .block-views-blocksuche-cocktails-block-1 .views-field-field-bar-ort a:before,
  body[node="80002261"] article.node .block-views-blocksuche-bars-block-1 .views-field-field-bar-ort a:before,
  body[node="80002261"] article.node .block-views-blocksuche-cocktails-block-1 .views-field-field-bar-ort a:before {
    content: ">";
    color: transparent;
    display: inline-block;
    background: url("/sites/mixology.eu/themes/custom/mixology_main/images/caret_right.png") 0 0 no-repeat;
    width: 7px;
    height: 17px;
    background-size: 7px 11px;
    background-position: center;
    padding-right: 10px; }
body[node="80002260"] article.node .layout.mix-stellenmarkt,
body[node="80002261"] article.node .layout.mix-stellenmarkt {
  width: 100vw !important;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  border-bottom-left-radius: 30px;
  padding-bottom: 30px;
  background-color: rgba(167, 157, 230, 0.3); }
  body[node="80002260"] article.node .layout.mix-stellenmarkt .layout__region--content,
  body[node="80002260"] article.node .layout.mix-stellenmarkt img,
  body[node="80002260"] article.node .layout.mix-stellenmarkt .block-views,
  body[node="80002261"] article.node .layout.mix-stellenmarkt .layout__region--content,
  body[node="80002261"] article.node .layout.mix-stellenmarkt img,
  body[node="80002261"] article.node .layout.mix-stellenmarkt .block-views {
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 0px) {
      body[node="80002260"] article.node .layout.mix-stellenmarkt .layout__region--content,
      body[node="80002260"] article.node .layout.mix-stellenmarkt img,
      body[node="80002260"] article.node .layout.mix-stellenmarkt .block-views,
      body[node="80002261"] article.node .layout.mix-stellenmarkt .layout__region--content,
      body[node="80002261"] article.node .layout.mix-stellenmarkt img,
      body[node="80002261"] article.node .layout.mix-stellenmarkt .block-views {
        max-width: 767px;
        width: 100%; } }
    @media (min-width: 768px) {
      body[node="80002260"] article.node .layout.mix-stellenmarkt .layout__region--content,
      body[node="80002260"] article.node .layout.mix-stellenmarkt img,
      body[node="80002260"] article.node .layout.mix-stellenmarkt .block-views,
      body[node="80002261"] article.node .layout.mix-stellenmarkt .layout__region--content,
      body[node="80002261"] article.node .layout.mix-stellenmarkt img,
      body[node="80002261"] article.node .layout.mix-stellenmarkt .block-views {
        max-width: 991px;
        width: 100; } }
    @media (min-width: 992px) {
      body[node="80002260"] article.node .layout.mix-stellenmarkt .layout__region--content,
      body[node="80002260"] article.node .layout.mix-stellenmarkt img,
      body[node="80002260"] article.node .layout.mix-stellenmarkt .block-views,
      body[node="80002261"] article.node .layout.mix-stellenmarkt .layout__region--content,
      body[node="80002261"] article.node .layout.mix-stellenmarkt img,
      body[node="80002261"] article.node .layout.mix-stellenmarkt .block-views {
        max-width: 1199px;
        width: 100%; } }
  body[node="80002260"] article.node .layout.mix-stellenmarkt .layout__region--content,
  body[node="80002261"] article.node .layout.mix-stellenmarkt .layout__region--content {
    padding-top: 50px; }
    body[node="80002260"] article.node .layout.mix-stellenmarkt .layout__region--content .block-views-blockmenues-bloecke-block-4,
    body[node="80002261"] article.node .layout.mix-stellenmarkt .layout__region--content .block-views-blockmenues-bloecke-block-4 {
      width: 100%; }
      body[node="80002260"] article.node .layout.mix-stellenmarkt .layout__region--content .block-views-blockmenues-bloecke-block-4 h2,
      body[node="80002261"] article.node .layout.mix-stellenmarkt .layout__region--content .block-views-blockmenues-bloecke-block-4 h2 {
        font-size: 36px; }

@media (min-width: 0px) {
  body.page-node-type-cocktail .block-views-blockcocktails-block-1 .view.mix-cocktails.mix-scroll-x-mobile,
  body.page-node-type-cocktail .block-views-blockcocktails-block-1 .view.mix-bars.mix-scroll-x-mobile,
  body.page-node-type-cocktail .block-views-blockbars-block-1 .view.mix-cocktails.mix-scroll-x-mobile,
  body.page-node-type-cocktail .block-views-blockbars-block-1 .view.mix-bars.mix-scroll-x-mobile,
  body.page-node-type-bar .block-views-blockcocktails-block-1 .view.mix-cocktails.mix-scroll-x-mobile,
  body.page-node-type-bar .block-views-blockcocktails-block-1 .view.mix-bars.mix-scroll-x-mobile,
  body.page-node-type-bar .block-views-blockbars-block-1 .view.mix-cocktails.mix-scroll-x-mobile,
  body.page-node-type-bar .block-views-blockbars-block-1 .view.mix-bars.mix-scroll-x-mobile {
    padding-left: 25px; } }
@media (min-width: 992px) {
  body.page-node-type-cocktail .block-views-blockcocktails-block-1 .view.mix-cocktails.mix-scroll-x-mobile,
  body.page-node-type-cocktail .block-views-blockcocktails-block-1 .view.mix-bars.mix-scroll-x-mobile,
  body.page-node-type-cocktail .block-views-blockbars-block-1 .view.mix-cocktails.mix-scroll-x-mobile,
  body.page-node-type-cocktail .block-views-blockbars-block-1 .view.mix-bars.mix-scroll-x-mobile,
  body.page-node-type-bar .block-views-blockcocktails-block-1 .view.mix-cocktails.mix-scroll-x-mobile,
  body.page-node-type-bar .block-views-blockcocktails-block-1 .view.mix-bars.mix-scroll-x-mobile,
  body.page-node-type-bar .block-views-blockbars-block-1 .view.mix-cocktails.mix-scroll-x-mobile,
  body.page-node-type-bar .block-views-blockbars-block-1 .view.mix-bars.mix-scroll-x-mobile {
    padding-left: 0; } }
@media (min-width: 0px) {
  body.page-node-type-cocktail .block-views-blockcocktails-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content,
  body.page-node-type-cocktail .block-views-blockcocktails-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content,
  body.page-node-type-cocktail .block-views-blockbars-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content,
  body.page-node-type-cocktail .block-views-blockbars-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content,
  body.page-node-type-bar .block-views-blockcocktails-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content,
  body.page-node-type-bar .block-views-blockcocktails-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content,
  body.page-node-type-bar .block-views-blockbars-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content,
  body.page-node-type-bar .block-views-blockbars-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content {
    width: calc( 100% - 40px ); } }
@media (min-width: 768px) {
  body.page-node-type-cocktail .block-views-blockcocktails-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content,
  body.page-node-type-cocktail .block-views-blockcocktails-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content,
  body.page-node-type-cocktail .block-views-blockbars-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content,
  body.page-node-type-cocktail .block-views-blockbars-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content,
  body.page-node-type-bar .block-views-blockcocktails-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content,
  body.page-node-type-bar .block-views-blockcocktails-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content,
  body.page-node-type-bar .block-views-blockbars-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content,
  body.page-node-type-bar .block-views-blockbars-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    white-space: nowrap; }
    body.page-node-type-cocktail .block-views-blockcocktails-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid,
    body.page-node-type-cocktail .block-views-blockcocktails-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid,
    body.page-node-type-cocktail .block-views-blockbars-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid,
    body.page-node-type-cocktail .block-views-blockbars-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid,
    body.page-node-type-bar .block-views-blockcocktails-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid,
    body.page-node-type-bar .block-views-blockcocktails-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid,
    body.page-node-type-bar .block-views-blockbars-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid,
    body.page-node-type-bar .block-views-blockbars-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid {
      display: block; }
      body.page-node-type-cocktail .block-views-blockcocktails-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid .views-row,
      body.page-node-type-cocktail .block-views-blockcocktails-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid .views-row,
      body.page-node-type-cocktail .block-views-blockbars-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid .views-row,
      body.page-node-type-cocktail .block-views-blockbars-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid .views-row,
      body.page-node-type-bar .block-views-blockcocktails-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid .views-row,
      body.page-node-type-bar .block-views-blockcocktails-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid .views-row,
      body.page-node-type-bar .block-views-blockbars-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid .views-row,
      body.page-node-type-bar .block-views-blockbars-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid .views-row {
        display: inline-block;
        float: none;
        width: auto;
        clear: none; }
        body.page-node-type-cocktail .block-views-blockcocktails-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col,
        body.page-node-type-cocktail .block-views-blockcocktails-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col,
        body.page-node-type-cocktail .block-views-blockbars-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col,
        body.page-node-type-cocktail .block-views-blockbars-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col,
        body.page-node-type-bar .block-views-blockcocktails-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col,
        body.page-node-type-bar .block-views-blockcocktails-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col,
        body.page-node-type-bar .block-views-blockbars-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col,
        body.page-node-type-bar .block-views-blockbars-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col {
          white-space: wrap;
          display: inline-block;
          vertical-align: top;
          float: none; } }
@media (min-width: 992px) {
  body.page-node-type-cocktail .block-views-blockcocktails-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid .views-row,
  body.page-node-type-cocktail .block-views-blockcocktails-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid .views-row,
  body.page-node-type-cocktail .block-views-blockbars-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid .views-row,
  body.page-node-type-cocktail .block-views-blockbars-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid .views-row,
  body.page-node-type-bar .block-views-blockcocktails-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid .views-row,
  body.page-node-type-bar .block-views-blockcocktails-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid .views-row,
  body.page-node-type-bar .block-views-blockbars-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid .views-row,
  body.page-node-type-bar .block-views-blockbars-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid .views-row {
    display: block; }
    body.page-node-type-cocktail .block-views-blockcocktails-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col,
    body.page-node-type-cocktail .block-views-blockcocktails-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col,
    body.page-node-type-cocktail .block-views-blockbars-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col,
    body.page-node-type-cocktail .block-views-blockbars-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col,
    body.page-node-type-bar .block-views-blockcocktails-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col,
    body.page-node-type-bar .block-views-blockcocktails-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col,
    body.page-node-type-bar .block-views-blockbars-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col,
    body.page-node-type-bar .block-views-blockbars-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col {
      display: inline-block; } }
body.page-node-type-cocktail .block-views-blockcocktails-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-field-title,
body.page-node-type-cocktail .block-views-blockcocktails-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-field-title,
body.page-node-type-cocktail .block-views-blockbars-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-field-title,
body.page-node-type-cocktail .block-views-blockbars-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-field-title,
body.page-node-type-bar .block-views-blockcocktails-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-field-title,
body.page-node-type-bar .block-views-blockcocktails-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-field-title,
body.page-node-type-bar .block-views-blockbars-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-field-title,
body.page-node-type-bar .block-views-blockbars-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-field-title {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 10px;
  margin-top: 10px; }
@media (min-width: 0px) {
  body.page-node-type-cocktail .block-views-blockcocktails-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col,
  body.page-node-type-cocktail .block-views-blockcocktails-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col,
  body.page-node-type-cocktail .block-views-blockbars-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col,
  body.page-node-type-cocktail .block-views-blockbars-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col,
  body.page-node-type-bar .block-views-blockcocktails-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col,
  body.page-node-type-bar .block-views-blockcocktails-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col,
  body.page-node-type-bar .block-views-blockbars-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col,
  body.page-node-type-bar .block-views-blockbars-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col {
    width: 250px;
    min-width: 250px;
    max-width: 250px;
    background-image: linear-gradient(black 18%, white 0%);
    background-position: left;
    background-size: 1px 3px;
    background-repeat: repeat-y;
    padding-left: 20px;
    padding-right: 20px; }
    body.page-node-type-cocktail .block-views-blockcocktails-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col:first-of-type,
    body.page-node-type-cocktail .block-views-blockcocktails-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col:first-of-type,
    body.page-node-type-cocktail .block-views-blockbars-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col:first-of-type,
    body.page-node-type-cocktail .block-views-blockbars-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col:first-of-type,
    body.page-node-type-bar .block-views-blockcocktails-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col:first-of-type,
    body.page-node-type-bar .block-views-blockcocktails-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col:first-of-type,
    body.page-node-type-bar .block-views-blockbars-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col:first-of-type,
    body.page-node-type-bar .block-views-blockbars-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col:first-of-type {
      padding-left: 20px; } }
@media (min-width: 992px) {
  body.page-node-type-cocktail .block-views-blockcocktails-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col,
  body.page-node-type-cocktail .block-views-blockcocktails-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col,
  body.page-node-type-cocktail .block-views-blockbars-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col,
  body.page-node-type-cocktail .block-views-blockbars-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col,
  body.page-node-type-bar .block-views-blockcocktails-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col,
  body.page-node-type-bar .block-views-blockcocktails-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col,
  body.page-node-type-bar .block-views-blockbars-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col,
  body.page-node-type-bar .block-views-blockbars-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col {
    width: auto;
    min-width: inherit;
    max-width: inherit;
    background-image: none;
    padding-left: 20px;
    padding-right: 0; }
    body.page-node-type-cocktail .block-views-blockcocktails-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col:first-of-type,
    body.page-node-type-cocktail .block-views-blockcocktails-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col:first-of-type,
    body.page-node-type-cocktail .block-views-blockbars-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col:first-of-type,
    body.page-node-type-cocktail .block-views-blockbars-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col:first-of-type,
    body.page-node-type-bar .block-views-blockcocktails-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col:first-of-type,
    body.page-node-type-bar .block-views-blockcocktails-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col:first-of-type,
    body.page-node-type-bar .block-views-blockbars-block-1 .view.mix-cocktails.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col:first-of-type,
    body.page-node-type-bar .block-views-blockbars-block-1 .view.mix-bars.mix-scroll-x-mobile .view-content .views-view-grid .views-row .views-col:first-of-type {
      padding-left: 0; } }

article.node--type-bar .field--name-field-bar-facebook,
article.node--type-bar .field--name-field-bar-instagram {
  float: left;
  margin-top: 5px;
  margin-right: 5px; }
  article.node--type-bar .field--name-field-bar-facebook a,
  article.node--type-bar .field--name-field-bar-instagram a {
    display: block;
    height: 19px;
    width: 19px;
    text-indent: -9999px;
    overflow: hidden; }
article.node--type-bar .field--name-field-bar-facebook a {
  background-image: url("../images/icon_facebook.svg"); }
article.node--type-bar .field--name-field-bar-instagram a {
  background-image: url("../images/Icon_Instagram.svg"); }

@media (min-width: 0px) {
  article.node--type-bar.node--view-mode-full .mix-bar-mobile {
    display: block; }
    article.node--type-bar.node--view-mode-full .mix-bar-mobile .mix-cocktail-header {
      display: block; }
    article.node--type-bar.node--view-mode-full .mix-bar-mobile .mix-bar-section1,
    article.node--type-bar.node--view-mode-full .mix-bar-mobile .mix-bar-section2 {
      display: block;
      padding-left: 25px;
      padding-right: 25px; }
    article.node--type-bar.node--view-mode-full .mix-bar-mobile .mix-bar-section1 {
      margin-top: 30px; }
  article.node--type-bar.node--view-mode-full .mix-bar-desktop {
    display: none; }
  article.node--type-bar.node--view-mode-full .mix-shariff {
    padding-left: 25px; } }
@media (min-width: 992px) {
  article.node--type-bar.node--view-mode-full .mix-bar-mobile {
    display: none; }
  article.node--type-bar.node--view-mode-full .mix-bar-desktop {
    display: block; }
    article.node--type-bar.node--view-mode-full .mix-bar-desktop .left-column {
      display: inline-block;
      max-width: 50%;
      vertical-align: top; }
    article.node--type-bar.node--view-mode-full .mix-bar-desktop .right-column {
      display: inline-block;
      max-width: 49%;
      padding-left: 120px;
      padding-top: 360px; }
  article.node--type-bar.node--view-mode-full .mix-shariff {
    padding-left: 0; } }
article.node--type-bar.node--view-mode-full .field--name-field-bar-bild {
  width: 100%; }
  article.node--type-bar.node--view-mode-full .field--name-field-bar-bild img {
    width: 100%;
    height: auto; }
article.node--type-bar.node--view-mode-full .field--name-body {
  padding-top: 80px;
  font-family: "Playfair Display", "Times New Roman", Times, serif;
  font-size: 20px;
  line-height: 26px;
  letter-spacing: 0.2px; }
  article.node--type-bar.node--view-mode-full .field--name-body p {
    margin-top: 0px; }
article.node--type-bar.node--view-mode-full .field--name-field-bar-photocredit {
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 10px; }
article.node--type-bar.node--view-mode-full .field--name-field-bar-kategorie {
  display: inline-block;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 0.54px;
  line-height: 26px;
  opacity: 1; }
  article.node--type-bar.node--view-mode-full .field--name-field-bar-kategorie a {
    color: #383838; }
article.node--type-bar.node--view-mode-full .field--name-title {
  font-family: "Playfair Display", "Times New Roman", Times, serif;
  font-size: 44px;
  letter-spacing: 0.44px;
  line-height: 44px;
  padding-bottom: 40px;
  padding-top: 5px; }
  article.node--type-bar.node--view-mode-full .field--name-title a {
    color: #383838; }
article.node--type-bar.node--view-mode-full .field--name-field-bar-adresse,
article.node--type-bar.node--view-mode-full .field--name-field-bar-website {
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.7px; }
  article.node--type-bar.node--view-mode-full .field--name-field-bar-adresse p,
  article.node--type-bar.node--view-mode-full .field--name-field-bar-website p {
    margin-top: 0px; }
  article.node--type-bar.node--view-mode-full .field--name-field-bar-adresse a,
  article.node--type-bar.node--view-mode-full .field--name-field-bar-website a {
    color: #383838; }

@media (min-width: 992px) {
  article.node--type-bar.node--view-mode-referenz-adresse {
    padding-left: 100px; } }
article.node--type-bar.node--view-mode-referenz-adresse .field--name-title:first-of-type {
  display: none; }
article.node--type-bar.node--view-mode-referenz-adresse .field--name-title {
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 18px;
  letter-spacing: 0.54px;
  line-height: 26px;
  text-transform: uppercase; }
  article.node--type-bar.node--view-mode-referenz-adresse .field--name-title a {
    color: #383838; }
article.node--type-bar.node--view-mode-referenz-adresse .field--name-field-bar-website,
article.node--type-bar.node--view-mode-referenz-adresse .field--name-field-bar-adresse,
article.node--type-bar.node--view-mode-referenz-adresse .field--name-field-bar-website {
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 18px;
  line-height: 20px;
  letter-spacing: 0.7px; }
  article.node--type-bar.node--view-mode-referenz-adresse .field--name-field-bar-website p,
  article.node--type-bar.node--view-mode-referenz-adresse .field--name-field-bar-adresse p,
  article.node--type-bar.node--view-mode-referenz-adresse .field--name-field-bar-website p {
    margin-top: 0px; }

@media (min-width: 768px) {
  article.node--type-bar.node--view-mode-referenz-kurz .node__content,
  article.node--type-bar.node--view-mode-referenz-lang .node__content {
    align-items: start; } }
@media (min-width: 0px) {
  article.node--type-bar.node--view-mode-referenz-kurz .node__content .left-column,
  article.node--type-bar.node--view-mode-referenz-lang .node__content .left-column {
    padding-bottom: 30px; } }
@media (min-width: 768px) {
  article.node--type-bar.node--view-mode-referenz-kurz .node__content .left-column,
  article.node--type-bar.node--view-mode-referenz-lang .node__content .left-column {
    padding-bottom: 0; } }
article.node--type-bar.node--view-mode-referenz-kurz .node__content .right-column .field--name-field-bar-kategorie,
article.node--type-bar.node--view-mode-referenz-kurz .node__content .right-column .field--name-field-bar-ort,
article.node--type-bar.node--view-mode-referenz-lang .node__content .right-column .field--name-field-bar-kategorie,
article.node--type-bar.node--view-mode-referenz-lang .node__content .right-column .field--name-field-bar-ort {
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  line-height: 12px;
  opacity: 1; }
  article.node--type-bar.node--view-mode-referenz-kurz .node__content .right-column .field--name-field-bar-kategorie a,
  article.node--type-bar.node--view-mode-referenz-kurz .node__content .right-column .field--name-field-bar-ort a,
  article.node--type-bar.node--view-mode-referenz-lang .node__content .right-column .field--name-field-bar-kategorie a,
  article.node--type-bar.node--view-mode-referenz-lang .node__content .right-column .field--name-field-bar-ort a {
    color: #383838; }
article.node--type-bar.node--view-mode-referenz-kurz .node__content .right-column .field--name-title,
article.node--type-bar.node--view-mode-referenz-lang .node__content .right-column .field--name-title {
  font-family: "Playfair Display", "Times New Roman", Times, serif;
  font-size: 36px;
  letter-spacing: 0.36px;
  line-height: 40px;
  padding-top: 5px;
  padding-bottom: 15px; }
  article.node--type-bar.node--view-mode-referenz-kurz .node__content .right-column .field--name-title a,
  article.node--type-bar.node--view-mode-referenz-lang .node__content .right-column .field--name-title a {
    color: #383838; }
article.node--type-bar.node--view-mode-referenz-kurz .node__content .right-column .field--name-field-bar-ort:before,
article.node--type-bar.node--view-mode-referenz-lang .node__content .right-column .field--name-field-bar-ort:before {
  float: left;
  content: '>';
  padding-right: 5px; }
article.node--type-bar.node--view-mode-referenz-kurz .bar-link,
article.node--type-bar.node--view-mode-referenz-lang .bar-link {
  margin-top: 20px; }

@media (min-width: 768px) {
  article.node--type-bar.node--view-mode-referenz-lang .node__content .bar-top {
    align-items: start; } }
article.node--type-bar.node--view-mode-referenz-lang .field--name-body {
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 0px) {
    article.node--type-bar.node--view-mode-referenz-lang .field--name-body {
      width: auto; } }
  @media (min-width: 768px) {
    article.node--type-bar.node--view-mode-referenz-lang .field--name-body {
      width: 600px; } }

.block-views.block-views-blockbeitrag-header-block-2 .views-row,
.block-views.block-views-blockbeitrag-header-block-1 .views-row {
  text-align: center; }
  .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-field-beitrag-alt-bild,
  .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-field-beitrag-bild,
  .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-field-beitrag-alt-bild,
  .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-field-beitrag-bild {
    position: relative;
    z-index: 1;
    width: 100vw !important;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw; }
    .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-field-beitrag-alt-bild .layout__region--content,
    .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-field-beitrag-alt-bild img,
    .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-field-beitrag-alt-bild .block-views,
    .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-field-beitrag-bild .layout__region--content,
    .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-field-beitrag-bild img,
    .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-field-beitrag-bild .block-views,
    .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-field-beitrag-alt-bild .layout__region--content,
    .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-field-beitrag-alt-bild img,
    .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-field-beitrag-alt-bild .block-views,
    .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-field-beitrag-bild .layout__region--content,
    .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-field-beitrag-bild img,
    .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-field-beitrag-bild .block-views {
      margin-left: auto;
      margin-right: auto; }
      @media (min-width: 0px) {
        .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-field-beitrag-alt-bild .layout__region--content,
        .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-field-beitrag-alt-bild img,
        .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-field-beitrag-alt-bild .block-views,
        .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-field-beitrag-bild .layout__region--content,
        .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-field-beitrag-bild img,
        .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-field-beitrag-bild .block-views,
        .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-field-beitrag-alt-bild .layout__region--content,
        .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-field-beitrag-alt-bild img,
        .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-field-beitrag-alt-bild .block-views,
        .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-field-beitrag-bild .layout__region--content,
        .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-field-beitrag-bild img,
        .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-field-beitrag-bild .block-views {
          max-width: 767px;
          width: 100%; } }
      @media (min-width: 768px) {
        .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-field-beitrag-alt-bild .layout__region--content,
        .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-field-beitrag-alt-bild img,
        .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-field-beitrag-alt-bild .block-views,
        .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-field-beitrag-bild .layout__region--content,
        .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-field-beitrag-bild img,
        .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-field-beitrag-bild .block-views,
        .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-field-beitrag-alt-bild .layout__region--content,
        .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-field-beitrag-alt-bild img,
        .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-field-beitrag-alt-bild .block-views,
        .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-field-beitrag-bild .layout__region--content,
        .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-field-beitrag-bild img,
        .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-field-beitrag-bild .block-views {
          max-width: 991px;
          width: 100; } }
      @media (min-width: 992px) {
        .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-field-beitrag-alt-bild .layout__region--content,
        .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-field-beitrag-alt-bild img,
        .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-field-beitrag-alt-bild .block-views,
        .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-field-beitrag-bild .layout__region--content,
        .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-field-beitrag-bild img,
        .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-field-beitrag-bild .block-views,
        .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-field-beitrag-alt-bild .layout__region--content,
        .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-field-beitrag-alt-bild img,
        .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-field-beitrag-alt-bild .block-views,
        .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-field-beitrag-bild .layout__region--content,
        .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-field-beitrag-bild img,
        .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-field-beitrag-bild .block-views {
          max-width: 1199px;
          width: 100%; } }
    .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-field-beitrag-alt-bild img,
    .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-field-beitrag-bild img,
    .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-field-beitrag-alt-bild img,
    .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-field-beitrag-bild img {
      width: 100%;
      height: auto;
      max-width: unset !important; }
  .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-field-kategorie,
  .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-field-kategorie {
    background-color: white;
    width: 100%;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
    line-height: 14px;
    position: relative;
    z-index: 10;
    margin-top: -60px; }
    @media (min-width: 0px) {
      .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-field-kategorie,
      .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-field-kategorie {
        width: 80%; } }
    @media (min-width: 768px) {
      .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-field-kategorie,
      .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-field-kategorie {
        width: 100%; } }
    .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-field-kategorie a,
    .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-field-kategorie a {
      display: inline-block;
      color: #383838;
      font-family: "Montserrat", Arial, sans-serif;
      font-size: 18px;
      text-transform: uppercase;
      letter-spacing: 0.54px;
      opacity: 1;
      padding: 0px 8px;
      border: 1px solid black;
      border-radius: 50px;
      margin-top: 35px;
      margin-bottom: 10px;
      font-size: 10px; }
      .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-field-kategorie a:hover,
      .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-field-kategorie a:hover {
        color: #3231D3;
        border: 1px solid #3231D3;
        text-decoration: none; }
      .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-field-kategorie a a,
      .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-field-kategorie a a {
        color: #383838; }
      .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-field-kategorie a a:hover,
      .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-field-kategorie a a:hover {
        color: #3231D3; }
  .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-title,
  .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-title {
    background-color: white;
    display: inline-block;
    text-align: center;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    z-index: 10; }
    .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-title h1,
    .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-title h1 {
      letter-spacing: 0.4px;
      margin-top: 10px;
      font-weight: 500;
      text-transform: initial; }
    @media (min-width: 0px) {
      .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-title,
      .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-title {
        padding-left: 0;
        padding-right: 0;
        width: 80%; }
        .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-title h1,
        .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-title h1 {
          font-size: 24px;
          line-height: 34px; } }
    @media (min-width: 768px) {
      .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-title,
      .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-title {
        padding-left: 5%;
        padding-right: 5%;
        width: 90%; }
        .block-views.block-views-blockbeitrag-header-block-2 .views-row .views-field-title h1,
        .block-views.block-views-blockbeitrag-header-block-1 .views-row .views-field-title h1 {
          font-size: 40px;
          line-height: 48px; } }

body.page-node-type-beitrag-alt article .beitrag_metadata,
body.page-node-type-beitrag article .beitrag_metadata {
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  text-align: center; }
  @media (min-width: 0px) {
    body.page-node-type-beitrag-alt article .beitrag_metadata,
    body.page-node-type-beitrag article .beitrag_metadata {
      width: 80%; } }
  @media (min-width: 768px) {
    body.page-node-type-beitrag-alt article .beitrag_metadata,
    body.page-node-type-beitrag article .beitrag_metadata {
      width: 100%;
      padding: 0; } }
  body.page-node-type-beitrag-alt article .beitrag_metadata .beitrag-meatadata-first-row,
  body.page-node-type-beitrag-alt article .beitrag_metadata .beitrag-meatadata-second-row,
  body.page-node-type-beitrag article .beitrag_metadata .beitrag-meatadata-first-row,
  body.page-node-type-beitrag article .beitrag_metadata .beitrag-meatadata-second-row {
    display: inline-block; }
    @media (min-width: 0px) {
      body.page-node-type-beitrag-alt article .beitrag_metadata .beitrag-meatadata-first-row,
      body.page-node-type-beitrag-alt article .beitrag_metadata .beitrag-meatadata-second-row,
      body.page-node-type-beitrag article .beitrag_metadata .beitrag-meatadata-first-row,
      body.page-node-type-beitrag article .beitrag_metadata .beitrag-meatadata-second-row {
        width: 100%; } }
    @media (min-width: 768px) {
      body.page-node-type-beitrag-alt article .beitrag_metadata .beitrag-meatadata-first-row,
      body.page-node-type-beitrag-alt article .beitrag_metadata .beitrag-meatadata-second-row,
      body.page-node-type-beitrag article .beitrag_metadata .beitrag-meatadata-first-row,
      body.page-node-type-beitrag article .beitrag_metadata .beitrag-meatadata-second-row {
        width: auto; } }
  body.page-node-type-beitrag-alt article .beitrag_metadata .beitrag-meatadata-first-row,
  body.page-node-type-beitrag article .beitrag_metadata .beitrag-meatadata-first-row {
    display: inline-block; }
    @media (min-width: 0px) {
      body.page-node-type-beitrag-alt article .beitrag_metadata .beitrag-meatadata-first-row,
      body.page-node-type-beitrag article .beitrag_metadata .beitrag-meatadata-first-row {
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #e8e7e4; } }
    @media (min-width: 768px) {
      body.page-node-type-beitrag-alt article .beitrag_metadata .beitrag-meatadata-first-row,
      body.page-node-type-beitrag article .beitrag_metadata .beitrag-meatadata-first-row {
        padding-bottom: 0px;
        margin-bottom: 0px;
        border-bottom: none; } }
  body.page-node-type-beitrag-alt article .beitrag_metadata .beitrag-seperator,
  body.page-node-type-beitrag article .beitrag_metadata .beitrag-seperator {
    width: auto;
    color: black; }
    @media (min-width: 0px) {
      body.page-node-type-beitrag-alt article .beitrag_metadata .beitrag-seperator,
      body.page-node-type-beitrag article .beitrag_metadata .beitrag-seperator {
        display: none; } }
    @media (min-width: 768px) {
      body.page-node-type-beitrag-alt article .beitrag_metadata .beitrag-seperator,
      body.page-node-type-beitrag article .beitrag_metadata .beitrag-seperator {
        display: inline-block; } }
  body.page-node-type-beitrag-alt article .beitrag_metadata .beitrag-author,
  body.page-node-type-beitrag-alt article .beitrag_metadata .beitrag-date,
  body.page-node-type-beitrag-alt article .beitrag_metadata .beitrag-comments,
  body.page-node-type-beitrag article .beitrag_metadata .beitrag-author,
  body.page-node-type-beitrag article .beitrag_metadata .beitrag-date,
  body.page-node-type-beitrag article .beitrag_metadata .beitrag-comments {
    display: inline-block;
    color: black;
    padding: 0 10px;
    text-transform: uppercase;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 14px; }
    body.page-node-type-beitrag-alt article .beitrag_metadata .beitrag-author .beitrag-author-label,
    body.page-node-type-beitrag-alt article .beitrag_metadata .beitrag-date .beitrag-author-label,
    body.page-node-type-beitrag-alt article .beitrag_metadata .beitrag-comments .beitrag-author-label,
    body.page-node-type-beitrag article .beitrag_metadata .beitrag-author .beitrag-author-label,
    body.page-node-type-beitrag article .beitrag_metadata .beitrag-date .beitrag-author-label,
    body.page-node-type-beitrag article .beitrag_metadata .beitrag-comments .beitrag-author-label {
      font-family: "Playfair Display", "Times New Roman", Times, serif;
      font-size: 14px;
      font-style: italic;
      padding-right: 10px; }
    body.page-node-type-beitrag-alt article .beitrag_metadata .beitrag-author .field--name-field-autor,
    body.page-node-type-beitrag-alt article .beitrag_metadata .beitrag-date .field--name-field-autor,
    body.page-node-type-beitrag-alt article .beitrag_metadata .beitrag-comments .field--name-field-autor,
    body.page-node-type-beitrag article .beitrag_metadata .beitrag-author .field--name-field-autor,
    body.page-node-type-beitrag article .beitrag_metadata .beitrag-date .field--name-field-autor,
    body.page-node-type-beitrag article .beitrag_metadata .beitrag-comments .field--name-field-autor {
      display: inline-block; }
      body.page-node-type-beitrag-alt article .beitrag_metadata .beitrag-author .field--name-field-autor a,
      body.page-node-type-beitrag-alt article .beitrag_metadata .beitrag-date .field--name-field-autor a,
      body.page-node-type-beitrag-alt article .beitrag_metadata .beitrag-comments .field--name-field-autor a,
      body.page-node-type-beitrag article .beitrag_metadata .beitrag-author .field--name-field-autor a,
      body.page-node-type-beitrag article .beitrag_metadata .beitrag-date .field--name-field-autor a,
      body.page-node-type-beitrag article .beitrag_metadata .beitrag-comments .field--name-field-autor a {
        color: black; }
  @media (min-width: 0px) {
    body.page-node-type-beitrag-alt article .beitrag_metadata .beitrag-date,
    body.page-node-type-beitrag article .beitrag_metadata .beitrag-date {
      display: block;
      float: left;
      padding: 0 0; } }
  @media (min-width: 768px) {
    body.page-node-type-beitrag-alt article .beitrag_metadata .beitrag-date,
    body.page-node-type-beitrag article .beitrag_metadata .beitrag-date {
      display: inline-block;
      float: none;
      padding: 0 10px; } }
  @media (min-width: 0px) {
    body.page-node-type-beitrag-alt article .beitrag_metadata .beitrag-comments,
    body.page-node-type-beitrag article .beitrag_metadata .beitrag-comments {
      display: block;
      float: right;
      padding: 0 0; } }
  @media (min-width: 768px) {
    body.page-node-type-beitrag-alt article .beitrag_metadata .beitrag-comments,
    body.page-node-type-beitrag article .beitrag_metadata .beitrag-comments {
      display: inline-block;
      float: none;
      padding: 0 10px; } }
  body.page-node-type-beitrag-alt article .beitrag_metadata .beitrag-comments:before,
  body.page-node-type-beitrag article .beitrag_metadata .beitrag-comments:before {
    content: ' ';
    color: transparent;
    display: inline-block;
    background: url("/sites/mixology.eu/themes/custom/mixology_main/images/comment.png") 0 0 no-repeat;
    width: 15px;
    height: 12px;
    background-size: 15px 12px;
    background-position: 0 1px;
    padding-right: 25px; }
body.page-node-type-beitrag-alt article .field--name-field-beitrag-zusammenfassung,
body.page-node-type-beitrag article .field--name-field-beitrag-zusammenfassung {
  position: relative;
  background-color: white;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  float: none;
  text-align: left;
  font-family: "Playfair Display", "Times New Roman", Times, serif;
  line-height: 26px;
  border-top: 1px solid #e8e7e4;
  border-bottom: 1px solid #e8e7e4;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  width: 80%; }
  @media (min-width: 0px) {
    body.page-node-type-beitrag-alt article .field--name-field-beitrag-zusammenfassung,
    body.page-node-type-beitrag article .field--name-field-beitrag-zusammenfassung {
      font-size: 16px; } }
  @media (min-width: 768px) {
    body.page-node-type-beitrag-alt article .field--name-field-beitrag-zusammenfassung,
    body.page-node-type-beitrag article .field--name-field-beitrag-zusammenfassung {
      font-size: 20px; } }
body.page-node-type-beitrag-alt article .field--name-body,
body.page-node-type-beitrag article .field--name-body {
  line-height: 26px; }
@media (min-width: 0px) {
  body.page-node-type-beitrag-alt article .view-beitraege.mix-scroll-x-mobile,
  body.page-node-type-beitrag article .view-beitraege.mix-scroll-x-mobile {
    padding-left: 10%; } }
@media (min-width: 768px) {
  body.page-node-type-beitrag-alt article .view-beitraege.mix-scroll-x-mobile,
  body.page-node-type-beitrag article .view-beitraege.mix-scroll-x-mobile {
    padding-left: 0; } }
body.page-node-type-beitrag-alt article .view-beitraege.mix-scroll-x-mobile .view-content .views-row .views-col a,
body.page-node-type-beitrag article .view-beitraege.mix-scroll-x-mobile .view-content .views-row .views-col a {
  color: black; }
@media (min-width: 0px) {
  body.page-node-type-beitrag-alt article .view-beitraege.mix-scroll-x-mobile .view-content .views-row .views-col,
  body.page-node-type-beitrag article .view-beitraege.mix-scroll-x-mobile .view-content .views-row .views-col {
    min-width: 270px;
    padding-right: 10px;
    padding-left: 10px;
    border-left: 1px solid #E8E7E4; } }
@media (min-width: 768px) {
  body.page-node-type-beitrag-alt article .view-beitraege.mix-scroll-x-mobile .view-content .views-row .views-col,
  body.page-node-type-beitrag article .view-beitraege.mix-scroll-x-mobile .view-content .views-row .views-col {
    min-width: unset;
    padding-right: 0;
    padding-left: 0;
    border-left: none; }
    body.page-node-type-beitrag-alt article .view-beitraege.mix-scroll-x-mobile .view-content .views-row .views-col.col-1,
    body.page-node-type-beitrag article .view-beitraege.mix-scroll-x-mobile .view-content .views-row .views-col.col-1 {
      padding-right: 8px; }
    body.page-node-type-beitrag-alt article .view-beitraege.mix-scroll-x-mobile .view-content .views-row .views-col.col-2,
    body.page-node-type-beitrag article .view-beitraege.mix-scroll-x-mobile .view-content .views-row .views-col.col-2 {
      padding-left: 4px;
      padding-right: 4px; }
    body.page-node-type-beitrag-alt article .view-beitraege.mix-scroll-x-mobile .view-content .views-row .views-col.col-3,
    body.page-node-type-beitrag article .view-beitraege.mix-scroll-x-mobile .view-content .views-row .views-col.col-3 {
      padding-left: 8px; } }
body.page-node-type-beitrag-alt article .view-beitraege.mix-scroll-x-mobile .view-content .views-row .views-col .views-field-field-kategorie,
body.page-node-type-beitrag article .view-beitraege.mix-scroll-x-mobile .view-content .views-row .views-col .views-field-field-kategorie {
  display: inline-block;
  color: #383838;
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 0.54px;
  opacity: 1;
  padding: 0px 8px;
  border: 1px solid black;
  border-radius: 50px;
  margin-top: 10px;
  font-size: 10px;
  line-height: 14px; }
  body.page-node-type-beitrag-alt article .view-beitraege.mix-scroll-x-mobile .view-content .views-row .views-col .views-field-field-kategorie:hover,
  body.page-node-type-beitrag article .view-beitraege.mix-scroll-x-mobile .view-content .views-row .views-col .views-field-field-kategorie:hover {
    color: #3231D3;
    border: 1px solid #3231D3;
    text-decoration: none; }
  body.page-node-type-beitrag-alt article .view-beitraege.mix-scroll-x-mobile .view-content .views-row .views-col .views-field-field-kategorie a,
  body.page-node-type-beitrag article .view-beitraege.mix-scroll-x-mobile .view-content .views-row .views-col .views-field-field-kategorie a {
    color: #383838; }
  body.page-node-type-beitrag-alt article .view-beitraege.mix-scroll-x-mobile .view-content .views-row .views-col .views-field-field-kategorie a:hover,
  body.page-node-type-beitrag article .view-beitraege.mix-scroll-x-mobile .view-content .views-row .views-col .views-field-field-kategorie a:hover {
    color: #3231D3; }
body.page-node-type-beitrag-alt article .view-beitraege.mix-scroll-x-mobile .view-content .views-row .views-col .views-field-title,
body.page-node-type-beitrag article .view-beitraege.mix-scroll-x-mobile .view-content .views-row .views-col .views-field-title {
  font-size: 24px;
  font-family: "Playfair Display", "Times New Roman", Times, serif; }
body.page-node-type-beitrag-alt article .view-beitraege.mix-scroll-x-mobile .view-content .views-row .views-col .views-field-body,
body.page-node-type-beitrag article .view-beitraege.mix-scroll-x-mobile .view-content .views-row .views-col .views-field-body {
  font-size: 12px;
  font-family: "Montserrat", Arial, sans-serif;
  font-weight: 200; }
  body.page-node-type-beitrag-alt article .view-beitraege.mix-scroll-x-mobile .view-content .views-row .views-col .views-field-body p,
  body.page-node-type-beitrag article .view-beitraege.mix-scroll-x-mobile .view-content .views-row .views-col .views-field-body p {
    font-size: 12px;
    font-family: "Montserrat", Arial, sans-serif;
    font-weight: 200;
    line-height: 17px; }
@media (min-width: 0px) {
  body.page-node-type-beitrag-alt article .mix-field-comments,
  body.page-node-type-beitrag article .mix-field-comments {
    padding-left: 10%;
    padding-right: 10%;
    width: 100%;
    margin-left: 0;
    margin-right: 0; }
    body.page-node-type-beitrag-alt article .mix-field-comments .comment-form .layout--onecol,
    body.page-node-type-beitrag article .mix-field-comments .comment-form .layout--onecol {
      padding-left: 0;
      padding-right: 0; } }
@media (min-width: 768px) {
  body.page-node-type-beitrag-alt article .mix-field-comments,
  body.page-node-type-beitrag article .mix-field-comments {
    padding-left: 0;
    padding-right: 0;
    width: 80%;
    margin-left: auto;
    margin-right: auto; }
    body.page-node-type-beitrag-alt article .mix-field-comments .comment-form .layout--onecol,
    body.page-node-type-beitrag article .mix-field-comments .comment-form .layout--onecol {
      padding-left: 0;
      padding-right: 0; } }

/*******************************************************************************
 *
 * NOTE NOTE NOTE NOTE NOTE NOTE NOTE
 * The main layout is done in _nodeBeitrag, because both need to look the same.
 * Here, we only do overwrites
 *
 ******************************************************************************/
body.page-node-type-beitrag-alt a {
  color: #3231D3; }
body.page-node-type-beitrag-alt main .wpb_wrapper {
  line-height: 26px;
  font-size: 16px; }
  body.page-node-type-beitrag-alt main .wpb_wrapper p {
    line-height: 26px;
    font-size: 16px; }
  @media only screen and (max-width: 680px) {
    body.page-node-type-beitrag-alt main .wpb_wrapper body, body.page-node-type-beitrag-alt main .wpb_wrapper p {
      font-size: 16px;
      line-height: 26px; } }
body.page-node-type-beitrag-alt main .field--name-body {
  position: relative;
  background-color: white;
  width: 80%;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  float: none;
  text-align: left;
  font-size: 16px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 20px; }
  body.page-node-type-beitrag-alt main .field--name-body .edgtf-dropcaps {
  /*
	line-height: initial;
	margin-top: -10px;
	margin-bottom: 0;
	color: black;
	background-color: transparent;
	float: left;
	*/
    position: relative;
    font-family: Georgia;
    font-size: 18px;
    font-weight: normal;
    vertical-align: baseline;
    line-height: initial;
    color: black;
    background-color: transparent;
    float: none;
    display: inline;
    margin: 0; }

article.node--type-aktuelle-ausgabe.node--view-mode-teaser .mix-ausgabe-wrapper,
article.node--type-aktuelle-ausgabe.node--view-mode-teaser-mobile .mix-ausgabe-wrapper,
article.node--type-aktuelle-ausgabe.node--view-mode-teaser-frontpage .mix-ausgabe-wrapper {
  position: relative; }
  article.node--type-aktuelle-ausgabe.node--view-mode-teaser .mix-ausgabe-wrapper .mix-ausgabe-content.mix-ausgabe-color-dark .field--name-field-ausgabe-nummer,
  article.node--type-aktuelle-ausgabe.node--view-mode-teaser .mix-ausgabe-wrapper .mix-ausgabe-content.mix-ausgabe-color-dark .mix-ausgabe-tagline,
  article.node--type-aktuelle-ausgabe.node--view-mode-teaser-mobile .mix-ausgabe-wrapper .mix-ausgabe-content.mix-ausgabe-color-dark .field--name-field-ausgabe-nummer,
  article.node--type-aktuelle-ausgabe.node--view-mode-teaser-mobile .mix-ausgabe-wrapper .mix-ausgabe-content.mix-ausgabe-color-dark .mix-ausgabe-tagline,
  article.node--type-aktuelle-ausgabe.node--view-mode-teaser-frontpage .mix-ausgabe-wrapper .mix-ausgabe-content.mix-ausgabe-color-dark .field--name-field-ausgabe-nummer,
  article.node--type-aktuelle-ausgabe.node--view-mode-teaser-frontpage .mix-ausgabe-wrapper .mix-ausgabe-content.mix-ausgabe-color-dark .mix-ausgabe-tagline {
    color: black; }
  article.node--type-aktuelle-ausgabe.node--view-mode-teaser .mix-ausgabe-wrapper .mix-ausgabe-content.mix-ausgabe-color-dark .field--name-field-ausgabe-headline,
  article.node--type-aktuelle-ausgabe.node--view-mode-teaser-mobile .mix-ausgabe-wrapper .mix-ausgabe-content.mix-ausgabe-color-dark .field--name-field-ausgabe-headline,
  article.node--type-aktuelle-ausgabe.node--view-mode-teaser-frontpage .mix-ausgabe-wrapper .mix-ausgabe-content.mix-ausgabe-color-dark .field--name-field-ausgabe-headline {
    color: #383838; }
  article.node--type-aktuelle-ausgabe.node--view-mode-teaser .mix-ausgabe-wrapper .mix-ausgabe-content.mix-ausgabe-color-light .field--name-field-ausgabe-nummer,
  article.node--type-aktuelle-ausgabe.node--view-mode-teaser .mix-ausgabe-wrapper .mix-ausgabe-content.mix-ausgabe-color-light .mix-ausgabe-tagline,
  article.node--type-aktuelle-ausgabe.node--view-mode-teaser .mix-ausgabe-wrapper .mix-ausgabe-content.mix-ausgabe-color-light .field--name-field-ausgabe-headline,
  article.node--type-aktuelle-ausgabe.node--view-mode-teaser-mobile .mix-ausgabe-wrapper .mix-ausgabe-content.mix-ausgabe-color-light .field--name-field-ausgabe-nummer,
  article.node--type-aktuelle-ausgabe.node--view-mode-teaser-mobile .mix-ausgabe-wrapper .mix-ausgabe-content.mix-ausgabe-color-light .mix-ausgabe-tagline,
  article.node--type-aktuelle-ausgabe.node--view-mode-teaser-mobile .mix-ausgabe-wrapper .mix-ausgabe-content.mix-ausgabe-color-light .field--name-field-ausgabe-headline,
  article.node--type-aktuelle-ausgabe.node--view-mode-teaser-frontpage .mix-ausgabe-wrapper .mix-ausgabe-content.mix-ausgabe-color-light .field--name-field-ausgabe-nummer,
  article.node--type-aktuelle-ausgabe.node--view-mode-teaser-frontpage .mix-ausgabe-wrapper .mix-ausgabe-content.mix-ausgabe-color-light .mix-ausgabe-tagline,
  article.node--type-aktuelle-ausgabe.node--view-mode-teaser-frontpage .mix-ausgabe-wrapper .mix-ausgabe-content.mix-ausgabe-color-light .field--name-field-ausgabe-headline {
    color: white; }
  article.node--type-aktuelle-ausgabe.node--view-mode-teaser .mix-ausgabe-wrapper .mix-ausgabe-content .field--name-field-ausgabe-nummer,
  article.node--type-aktuelle-ausgabe.node--view-mode-teaser-mobile .mix-ausgabe-wrapper .mix-ausgabe-content .field--name-field-ausgabe-nummer,
  article.node--type-aktuelle-ausgabe.node--view-mode-teaser-frontpage .mix-ausgabe-wrapper .mix-ausgabe-content .field--name-field-ausgabe-nummer {
    font-size: 36px;
    font-style: italic;
    font-family: "Playfair Display", "Times New Roman", Times, serif;
    line-height: 40px;
    letter-spacing: 1.08px; }
  article.node--type-aktuelle-ausgabe.node--view-mode-teaser .mix-ausgabe-wrapper .mix-ausgabe-content .mix-ausgabe-tagline,
  article.node--type-aktuelle-ausgabe.node--view-mode-teaser-mobile .mix-ausgabe-wrapper .mix-ausgabe-content .mix-ausgabe-tagline,
  article.node--type-aktuelle-ausgabe.node--view-mode-teaser-frontpage .mix-ausgabe-wrapper .mix-ausgabe-content .mix-ausgabe-tagline {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.42px;
    padding: 0 20px 0 20px; }
  article.node--type-aktuelle-ausgabe.node--view-mode-teaser .mix-ausgabe-wrapper .mix-ausgabe-content .mix-ausgabe-footer a,
  article.node--type-aktuelle-ausgabe.node--view-mode-teaser-mobile .mix-ausgabe-wrapper .mix-ausgabe-content .mix-ausgabe-footer a,
  article.node--type-aktuelle-ausgabe.node--view-mode-teaser-frontpage .mix-ausgabe-wrapper .mix-ausgabe-content .mix-ausgabe-footer a {
    display: inline-block;
    color: #383838;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.54px;
    opacity: 1;
    padding: 0px 8px;
    border: 1px solid black;
    border-radius: 50px;
    font-size: 18px;
    background-color: white;
    border: none; }
    article.node--type-aktuelle-ausgabe.node--view-mode-teaser .mix-ausgabe-wrapper .mix-ausgabe-content .mix-ausgabe-footer a:hover,
    article.node--type-aktuelle-ausgabe.node--view-mode-teaser-mobile .mix-ausgabe-wrapper .mix-ausgabe-content .mix-ausgabe-footer a:hover,
    article.node--type-aktuelle-ausgabe.node--view-mode-teaser-frontpage .mix-ausgabe-wrapper .mix-ausgabe-content .mix-ausgabe-footer a:hover {
      color: #3231D3;
      border: 1px solid #3231D3;
      text-decoration: none; }
    article.node--type-aktuelle-ausgabe.node--view-mode-teaser .mix-ausgabe-wrapper .mix-ausgabe-content .mix-ausgabe-footer a a,
    article.node--type-aktuelle-ausgabe.node--view-mode-teaser-mobile .mix-ausgabe-wrapper .mix-ausgabe-content .mix-ausgabe-footer a a,
    article.node--type-aktuelle-ausgabe.node--view-mode-teaser-frontpage .mix-ausgabe-wrapper .mix-ausgabe-content .mix-ausgabe-footer a a {
      color: #383838; }
    article.node--type-aktuelle-ausgabe.node--view-mode-teaser .mix-ausgabe-wrapper .mix-ausgabe-content .mix-ausgabe-footer a a:hover,
    article.node--type-aktuelle-ausgabe.node--view-mode-teaser-mobile .mix-ausgabe-wrapper .mix-ausgabe-content .mix-ausgabe-footer a a:hover,
    article.node--type-aktuelle-ausgabe.node--view-mode-teaser-frontpage .mix-ausgabe-wrapper .mix-ausgabe-content .mix-ausgabe-footer a a:hover {
      color: #3231D3; }

article.node--type-aktuelle-ausgabe.node--view-mode-teaser-mobile .mix-ausgabe-wrapper .mix-ausgabe-content {
  padding-top: 20px;
  padding-bottom: 20px; }
  article.node--type-aktuelle-ausgabe.node--view-mode-teaser-mobile .mix-ausgabe-wrapper .mix-ausgabe-content .field--name-field-ausgabe-headline {
    font-size: 20px;
    font-family: "Playfair Display", "Times New Roman", Times, serif;
    font-weight: bold;
    font-style: italic; }
  article.node--type-aktuelle-ausgabe.node--view-mode-teaser-mobile .mix-ausgabe-wrapper .mix-ausgabe-content .field--name-field-ausgabe-nummer {
    font-size: 30px; }
  article.node--type-aktuelle-ausgabe.node--view-mode-teaser-mobile .mix-ausgabe-wrapper .mix-ausgabe-content .field--name-field-ausgabe-bild img {
    max-width: 250px; }
  article.node--type-aktuelle-ausgabe.node--view-mode-teaser-mobile .mix-ausgabe-wrapper .mix-ausgabe-content .mix-ausgabe-footer a {
    font-size: 16px; }

article.node--type-aktuelle-ausgabe.node--view-mode-teaser-frontpage .mix-ausgabe-wrapper .mix-ausgabe-content {
  text-align: center;
  max-width: 283px;
  border-radius: 0px 50px 50px 50px;
  padding: 45px 20px 30px 20px; }
  @media (min-width: 0px) {
    article.node--type-aktuelle-ausgabe.node--view-mode-teaser-frontpage .mix-ausgabe-wrapper .mix-ausgabe-content {
      margin-left: auto;
      margin-right: auto; } }
  @media (min-width: 992px) {
    article.node--type-aktuelle-ausgabe.node--view-mode-teaser-frontpage .mix-ausgabe-wrapper .mix-ausgabe-content {
      margin-left: unset;
      margin-right: unset; } }
  article.node--type-aktuelle-ausgabe.node--view-mode-teaser-frontpage .mix-ausgabe-wrapper .mix-ausgabe-content .field--name-field-ausgabe-headline {
    font-size: 24px;
    font-family: "Playfair Display", "Times New Roman", Times, serif;
    font-weight: bold;
    font-style: italic; }
  article.node--type-aktuelle-ausgabe.node--view-mode-teaser-frontpage .mix-ausgabe-wrapper .mix-ausgabe-content .field--name-field-ausgabe-bild {
    padding-top: 15px; }
    article.node--type-aktuelle-ausgabe.node--view-mode-teaser-frontpage .mix-ausgabe-wrapper .mix-ausgabe-content .field--name-field-ausgabe-bild img {
      width: 100%; }
  article.node--type-aktuelle-ausgabe.node--view-mode-teaser-frontpage .mix-ausgabe-wrapper .mix-ausgabe-content .field--name-field-ausgabe-nummer {
    font-size: 36px;
    padding-top: 25px; }
  article.node--type-aktuelle-ausgabe.node--view-mode-teaser-frontpage .mix-ausgabe-wrapper .mix-ausgabe-content .mix-ausgabe-footer a {
    font-size: 16px; }

article.node--type-aktuelle-ausgabe.node--view-mode-teaser {
  margin-top: -30px; }
  article.node--type-aktuelle-ausgabe.node--view-mode-teaser .mix-ausgabe-wrapper .mix-ausgabe-content {
    border-radius: 50px;
    padding: 0 20px 15px 20px; }
  article.node--type-aktuelle-ausgabe.node--view-mode-teaser .mix-ausgabe-footer {
    position: absolute;
    bottom: -15px;
    width: 100%; }
    article.node--type-aktuelle-ausgabe.node--view-mode-teaser .mix-ausgabe-footer a {
      display: inline-block;
      color: #383838;
      font-family: "Montserrat", Arial, sans-serif;
      font-size: 18px;
      text-transform: uppercase;
      letter-spacing: 0.54px;
      opacity: 1;
      padding: 0px 8px;
      border: 1px solid black;
      border-radius: 50px;
      font-size: 18px;
      background-color: white;
      filter: drop-shadow(0 5px 5px #CCCCCC);
      border: none; }
      article.node--type-aktuelle-ausgabe.node--view-mode-teaser .mix-ausgabe-footer a:hover {
        color: #3231D3;
        border: 1px solid #3231D3;
        text-decoration: none; }
      article.node--type-aktuelle-ausgabe.node--view-mode-teaser .mix-ausgabe-footer a a {
        color: #383838; }
      article.node--type-aktuelle-ausgabe.node--view-mode-teaser .mix-ausgabe-footer a a:hover {
        color: #3231D3; }

body.page-node-type-stellenanzeige #mix-stellenanzeige-header {
  width: 100vw !important;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  height: calc( 100vw * 0.373);
  /* leave this, in case we need to put it into the tempalte again
  img#mix-stellenanzeige-header-image{
    width: 100%;
    height: auto;
  }
  */
  background-image: url("../images/stellen_header.png");
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover; }
body.page-node-type-stellenanzeige article.node--type-stellenanzeige {
  position: relative;
  top: -100px;
  color: #383838; }
  body.page-node-type-stellenanzeige article.node--type-stellenanzeige #mix-stellenanzeige-top {
    height: 100px;
    width: 100%;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    background-color: white;
    padding-top: 40px;
    margin-right: auto;
    margin-left: auto;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "Montserrat", Arial, sans-serif; }
    @media (min-width: 0px) {
      body.page-node-type-stellenanzeige article.node--type-stellenanzeige #mix-stellenanzeige-top {
        width: 80%;
        padding-left: 20px;
        padding-right: 20px; } }
    @media (min-width: 768px) {
      body.page-node-type-stellenanzeige article.node--type-stellenanzeige #mix-stellenanzeige-top {
        width: 100%;
        padding-left: 100px;
        padding-right: 100px; } }
    body.page-node-type-stellenanzeige article.node--type-stellenanzeige #mix-stellenanzeige-top:after {
      content: "";
      display: block;
      border-bottom: 1px solid #A0A0A0;
      padding-top: 40px; }
  body.page-node-type-stellenanzeige article.node--type-stellenanzeige .node__content {
    margin-right: auto;
    margin-left: auto; }
    @media (min-width: 0px) {
      body.page-node-type-stellenanzeige article.node--type-stellenanzeige .node__content {
        width: 80%;
        padding-left: 0;
        padding-right: 0; } }
    @media (min-width: 768px) {
      body.page-node-type-stellenanzeige article.node--type-stellenanzeige .node__content {
        padding-left: 100px;
        padding-right: 100px;
        width: 100%; } }
    body.page-node-type-stellenanzeige article.node--type-stellenanzeige .node__content .field--name-title h1, body.page-node-type-stellenanzeige article.node--type-stellenanzeige .node__content .field--name-title h2 {
      font-size: 40px;
      line-height: 50px; }
    body.page-node-type-stellenanzeige article.node--type-stellenanzeige .node__content .mix-stelle-date-since:before,
    body.page-node-type-stellenanzeige article.node--type-stellenanzeige .node__content .field--name-field-stelle-arbeitsort:before,
    body.page-node-type-stellenanzeige article.node--type-stellenanzeige .node__content .field--name-field-stelle-typ:before {
      content: ' ';
      color: transparent;
      display: inline-block;
      background: url("/sites/mixology.eu/themes/custom/mixology_main/images/Icon_Stelle_Clock.svg") 0 0 no-repeat;
      width: 18px;
      height: 18px;
      background-size: 18px 128x;
      background-position: 0 0;
      padding-right: 30px;
      position: relative;
      top: 4px; }
    body.page-node-type-stellenanzeige article.node--type-stellenanzeige .node__content .field--name-field-stelle-arbeitsort:before {
      background: url("/sites/mixology.eu/themes/custom/mixology_main/images/Icon_Stelle_Clock.svg") 0 0 no-repeat; }
    body.page-node-type-stellenanzeige article.node--type-stellenanzeige .node__content .field--name-field-stelle-arbeitsort:before {
      background: url("/sites/mixology.eu/themes/custom/mixology_main/images/Icon_Stelle_Location.svg") 0 0 no-repeat; }
    body.page-node-type-stellenanzeige article.node--type-stellenanzeige .node__content .mix-stelle-date-since:before {
      background: url("/sites/mixology.eu/themes/custom/mixology_main/images/Icon_Stelle_Calendar.svg") 0 0 no-repeat; }
    body.page-node-type-stellenanzeige article.node--type-stellenanzeige .node__content .field--name-field-stelle-email a {
      display: inline-block;
      color: #383838;
      font-family: "Montserrat", Arial, sans-serif;
      font-size: 18px;
      text-transform: uppercase;
      letter-spacing: 0.54px;
      opacity: 1;
      padding: 0px 8px;
      border: 1px solid black;
      border-radius: 50px; }
      body.page-node-type-stellenanzeige article.node--type-stellenanzeige .node__content .field--name-field-stelle-email a:hover {
        color: #3231D3;
        border: 1px solid #3231D3;
        text-decoration: none; }
      body.page-node-type-stellenanzeige article.node--type-stellenanzeige .node__content .field--name-field-stelle-email a a {
        color: #383838; }
      body.page-node-type-stellenanzeige article.node--type-stellenanzeige .node__content .field--name-field-stelle-email a a:hover {
        color: #3231D3; }
    body.page-node-type-stellenanzeige article.node--type-stellenanzeige .node__content .mix-stelle-header {
      display: inline-block;
      width: 100%;
      padding-bottom: 20px;
      border-bottom: 1px solid #E8E7E4; }
      body.page-node-type-stellenanzeige article.node--type-stellenanzeige .node__content .mix-stelle-header .mix-stelle-header-left {
        display: inline-block;
        vertical-align: top; }
        @media (min-width: 0px) {
          body.page-node-type-stellenanzeige article.node--type-stellenanzeige .node__content .mix-stelle-header .mix-stelle-header-left {
            width: 100%;
            padding-right: 0;
            border-right: none; } }
        @media (min-width: 768px) {
          body.page-node-type-stellenanzeige article.node--type-stellenanzeige .node__content .mix-stelle-header .mix-stelle-header-left {
            width: 49%;
            padding-right: 20px;
            border-right: 1px solid #E8E7E4; } }
      body.page-node-type-stellenanzeige article.node--type-stellenanzeige .node__content .mix-stelle-header .mix-stelle-header-right {
        display: inline-block;
        vertical-align: top;
        font-family: "Montserrat", Arial, sans-serif;
        font-size: 14px; }
        @media (min-width: 0px) {
          body.page-node-type-stellenanzeige article.node--type-stellenanzeige .node__content .mix-stelle-header .mix-stelle-header-right {
            width: 100%;
            padding-left: 0; } }
        @media (min-width: 768px) {
          body.page-node-type-stellenanzeige article.node--type-stellenanzeige .node__content .mix-stelle-header .mix-stelle-header-right {
            width: 50%;
            padding-left: 20px; } }
        body.page-node-type-stellenanzeige article.node--type-stellenanzeige .node__content .mix-stelle-header .mix-stelle-header-right .field {
          padding-top: 20px; }
        body.page-node-type-stellenanzeige article.node--type-stellenanzeige .node__content .mix-stelle-header .mix-stelle-header-right .mix-stelle-date-since {
          padding-bottom: 40px; }

body.page-node-type-seite[node="80002272"] .wp-block-columns {
  background-color: white;
  width: 100%;
  text-align: left;
  margin-right: auto;
  margin-left: auto;
  border-top-right-radius: 30px;
  border-top-left-radius: 30px;
  line-height: 14px;
  position: relative;
  z-index: 10; }
  @media (min-width: 0px) {
    body.page-node-type-seite[node="80002272"] .wp-block-columns {
      width: 80%;
      padding-left: 0;
      padding-right: 0; } }
  @media (min-width: 992px) {
    body.page-node-type-seite[node="80002272"] .wp-block-columns {
      width: 100%;
      padding-left: 100px;
      padding-right: 100px; } }
body.page-node-type-seite[node="80002272"] .wp-block-columns:nth-of-type(1) {
  padding-left: 0 !important;
  padding-right: 0 !important; }
body.page-node-type-seite[node="80002272"] .wp-block-columns:nth-of-type(2) {
  margin-top: -60px;
  margin-bottom: 0; }
  body.page-node-type-seite[node="80002272"] .wp-block-columns:nth-of-type(2) h1 {
    margin-bottom: 10px; }
  body.page-node-type-seite[node="80002272"] .wp-block-columns:nth-of-type(2) h4 {
    margin-bottom: 0; }
body.page-node-type-seite[node="80002272"] .view-stellenmarkt-suche .view-filters {
  margin-bottom: 25px;
  border-bottom: 1px solid #A0A0A0; }
  body.page-node-type-seite[node="80002272"] .view-stellenmarkt-suche .view-filters select,
  body.page-node-type-seite[node="80002272"] .view-stellenmarkt-suche .view-filters input {
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 10px;
    padding-left: 10px;
    border-radius: 20px;
    height: 29px;
    width: 250px; }
  body.page-node-type-seite[node="80002272"] .view-stellenmarkt-suche .view-filters .form-type-textfield {
    width: 250px; }
  body.page-node-type-seite[node="80002272"] .view-stellenmarkt-suche .view-filters select {
    width: auto; }
  body.page-node-type-seite[node="80002272"] .view-stellenmarkt-suche .view-filters .form-actions input {
    display: inline-block;
    color: #383838;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.54px;
    opacity: 1;
    padding: 0px 8px;
    border: 1px solid black;
    border-radius: 50px;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    background-color: #3231D3;
    color: white;
    border: none;
    width: auto;
    padding: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px; }
    body.page-node-type-seite[node="80002272"] .view-stellenmarkt-suche .view-filters .form-actions input:hover {
      color: #3231D3;
      border: 1px solid #3231D3;
      text-decoration: none; }
    body.page-node-type-seite[node="80002272"] .view-stellenmarkt-suche .view-filters .form-actions input a {
      color: #383838; }
    body.page-node-type-seite[node="80002272"] .view-stellenmarkt-suche .view-filters .form-actions input a:hover {
      color: #3231D3; }
body.page-node-type-seite[node="80002272"] .view-stellenmarkt-suche .views-row {
  border: 1px solid #A0A0A0;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 50px;
  padding-right: 50px;
  border-radius: 20px;
  margin-bottom: 25px;
  filter: drop-shadow(0 5px 3px #A0A0A0);
  background-color: white; }
  body.page-node-type-seite[node="80002272"] .view-stellenmarkt-suche .views-row .views-col {
    /*
    .mix-stelle-date-since{  // created in .theme
        &:before{
          background: url("/sites/mixology.eu/themes/custom/mixology_main/images/Icon_Stelle_Calendar.svg") 0 0 no-repeat;
        }
    }
    */ }
    body.page-node-type-seite[node="80002272"] .view-stellenmarkt-suche .views-row .views-col .views-field-title {
      font-size: 24px;
      padding-bottom: 25px; }
    body.page-node-type-seite[node="80002272"] .view-stellenmarkt-suche .views-row .views-col .views-field-created {
      margin-left: 30px;
      margin-bottom: 10px; }
    body.page-node-type-seite[node="80002272"] .view-stellenmarkt-suche .views-row .views-col .views-field-field-stelle-typ,
    body.page-node-type-seite[node="80002272"] .view-stellenmarkt-suche .views-row .views-col .views-field-field-stelle-arbeitsort {
      margin-bottom: 10px; }
      body.page-node-type-seite[node="80002272"] .view-stellenmarkt-suche .views-row .views-col .views-field-field-stelle-typ:before,
      body.page-node-type-seite[node="80002272"] .view-stellenmarkt-suche .views-row .views-col .views-field-field-stelle-arbeitsort:before {
        content: ' ';
        color: transparent;
        display: inline-block;
        background: url("/sites/mixology.eu/themes/custom/mixology_main/images/Icon_Stelle_Clock.svg") 0 0 no-repeat;
        width: 18px;
        height: 18px;
        background-size: 18px 128x;
        background-position: 0 0;
        padding-right: 30px;
        position: relative;
        top: 4px; }
    body.page-node-type-seite[node="80002272"] .view-stellenmarkt-suche .views-row .views-col .views-field-field-stelle-typ:before {
      background: url("/sites/mixology.eu/themes/custom/mixology_main/images/Icon_Stelle_Clock.svg") 0 0 no-repeat; }
    body.page-node-type-seite[node="80002272"] .view-stellenmarkt-suche .views-row .views-col .views-field-field-stelle-arbeitsort:before {
      background: url("/sites/mixology.eu/themes/custom/mixology_main/images/Icon_Stelle_Location.svg") 0 0 no-repeat; }
    @media (min-width: 0px) {
      body.page-node-type-seite[node="80002272"] .view-stellenmarkt-suche .views-row .views-col .views-field-field-stelle-firmenlogo {
        width: 100%;
        height: auto;
        float: none;
        margin-top: 0; } }
    @media (min-width: 992px) {
      body.page-node-type-seite[node="80002272"] .view-stellenmarkt-suche .views-row .views-col .views-field-field-stelle-firmenlogo {
        width: 173px;
        height: auto;
        float: right;
        margin-top: -90px; } }

#block-mixology-main-content > .indented {
  margin-left: 0; }
  #block-mixology-main-content > .indented .mix-comment {
    width: 80%;
    margin-left: auto;
    margin-right: auto; }

#block-mixology-main-content > .mix-comment,
#block-mixology-main-content > .comment-form {
  width: 80%;
  margin-left: auto;
  margin-right: auto; }

#block-mixology-main-content .mix-comment,
.mix-field-comments .mix-comment {
  border: 1px solid #A0A0A0;
  border-radius: 20px;
  padding: 20px;
  font-family: "Georgia", "Times New Roman", Times, serif;
  font-size: 16px;
  margin-bottom: 20px; }
  #block-mixology-main-content .mix-comment .field--name-field-comment-name,
  .mix-field-comments .mix-comment .field--name-field-comment-name {
    display: inline-block; }
  #block-mixology-main-content .mix-comment .field--name-created,
  .mix-field-comments .mix-comment .field--name-created {
    display: inline-block; }
  #block-mixology-main-content .mix-comment ul.links li:first-of-type,
  .mix-field-comments .mix-comment ul.links li:first-of-type {
    padding-left: 0; }
  #block-mixology-main-content .mix-comment ul.links li a,
  .mix-field-comments .mix-comment ul.links li a {
    display: inline-block;
    color: #383838;
    font-family: "Montserrat", Arial, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.54px;
    opacity: 1;
    padding: 0px 8px;
    border: 1px solid black;
    border-radius: 50px;
    font-size: 10px;
    padding: 2px 8px; }
    #block-mixology-main-content .mix-comment ul.links li a:hover,
    .mix-field-comments .mix-comment ul.links li a:hover {
      color: #3231D3;
      border: 1px solid #3231D3;
      text-decoration: none; }
    #block-mixology-main-content .mix-comment ul.links li a a,
    .mix-field-comments .mix-comment ul.links li a a {
      color: #383838; }
    #block-mixology-main-content .mix-comment ul.links li a a:hover,
    .mix-field-comments .mix-comment ul.links li a a:hover {
      color: #3231D3; }
  #block-mixology-main-content .mix-comment .mix-short-comment .mix-short-comment-more,
  #block-mixology-main-content .mix-comment .mix-short-comment .mix-short-comment-less,
  .mix-field-comments .mix-comment .mix-short-comment .mix-short-comment-more,
  .mix-field-comments .mix-comment .mix-short-comment .mix-short-comment-less {
    color: #A0A0A0;
    float: right;
    cursor: pointer; }
#block-mixology-main-content form#comment-form,
.mix-field-comments form#comment-form {
  font-family: "Montserrat", Arial, sans-serif;
  font-size: 14px; }
  #block-mixology-main-content form#comment-form .layout--onecol,
  .mix-field-comments form#comment-form .layout--onecol {
    margin-bottom: 0; }
    #block-mixology-main-content form#comment-form .layout--onecol #edit-comment-body-wrapper label,
    .mix-field-comments form#comment-form .layout--onecol #edit-comment-body-wrapper label {
      display: none; }
    #block-mixology-main-content form#comment-form .layout--onecol #edit-comment-body-wrapper #edit-comment-body-0-format,
    .mix-field-comments form#comment-form .layout--onecol #edit-comment-body-wrapper #edit-comment-body-0-format {
      display: none; }
    #block-mixology-main-content form#comment-form .layout--onecol #edit-field-comment-name-wrapper,
    #block-mixology-main-content form#comment-form .layout--onecol #edit-field-comment-email-wrapper,
    .mix-field-comments form#comment-form .layout--onecol #edit-field-comment-name-wrapper,
    .mix-field-comments form#comment-form .layout--onecol #edit-field-comment-email-wrapper {
      display: inline-block; }
      #block-mixology-main-content form#comment-form .layout--onecol #edit-field-comment-name-wrapper label,
      #block-mixology-main-content form#comment-form .layout--onecol #edit-field-comment-email-wrapper label,
      .mix-field-comments form#comment-form .layout--onecol #edit-field-comment-name-wrapper label,
      .mix-field-comments form#comment-form .layout--onecol #edit-field-comment-email-wrapper label {
        display: none; }
      #block-mixology-main-content form#comment-form .layout--onecol #edit-field-comment-name-wrapper input,
      #block-mixology-main-content form#comment-form .layout--onecol #edit-field-comment-email-wrapper input,
      .mix-field-comments form#comment-form .layout--onecol #edit-field-comment-name-wrapper input,
      .mix-field-comments form#comment-form .layout--onecol #edit-field-comment-email-wrapper input {
        width: 100%;
        height: 50px;
        padding-left: 20px;
        padding-right: 20px;
        border: 1px solid #A0A0A0; }
    @media (min-width: 0px) {
      #block-mixology-main-content form#comment-form .layout--onecol #edit-field-comment-name-wrapper,
      .mix-field-comments form#comment-form .layout--onecol #edit-field-comment-name-wrapper {
        margin-right: 0;
        width: 100%; } }
    @media (min-width: 768px) {
      #block-mixology-main-content form#comment-form .layout--onecol #edit-field-comment-name-wrapper,
      .mix-field-comments form#comment-form .layout--onecol #edit-field-comment-name-wrapper {
        margin-right: 5px;
        width: calc( 50% - 7px ); } }
    @media (min-width: 0px) {
      #block-mixology-main-content form#comment-form .layout--onecol #edit-field-comment-email-wrapper,
      .mix-field-comments form#comment-form .layout--onecol #edit-field-comment-email-wrapper {
        margin-left: 0;
        width: 100%; } }
    @media (min-width: 768px) {
      #block-mixology-main-content form#comment-form .layout--onecol #edit-field-comment-email-wrapper,
      .mix-field-comments form#comment-form .layout--onecol #edit-field-comment-email-wrapper {
        margin-left: 5px;
        width: calc( 50% - 7px ); } }
    #block-mixology-main-content form#comment-form .layout--onecol #edit-field-comment-agb-wrapper,
    .mix-field-comments form#comment-form .layout--onecol #edit-field-comment-agb-wrapper {
      color: #A0A0A0; }
      #block-mixology-main-content form#comment-form .layout--onecol #edit-field-comment-agb-wrapper label,
      .mix-field-comments form#comment-form .layout--onecol #edit-field-comment-agb-wrapper label {
        display: none; }
      #block-mixology-main-content form#comment-form .layout--onecol #edit-field-comment-agb-wrapper input#edit-field-comment-agb-value,
      .mix-field-comments form#comment-form .layout--onecol #edit-field-comment-agb-wrapper input#edit-field-comment-agb-value {
        float: left; }
      #block-mixology-main-content form#comment-form .layout--onecol #edit-field-comment-agb-wrapper #edit-field-comment-agb-value--description:after,
      .mix-field-comments form#comment-form .layout--onecol #edit-field-comment-agb-wrapper #edit-field-comment-agb-value--description:after {
        content: "*";
        color: red; }
  #block-mixology-main-content form#comment-form #edit-actions,
  .mix-field-comments form#comment-form #edit-actions {
    display: inline-block;
    width: 100%;
    margin-top: 0; }
    #block-mixology-main-content form#comment-form #edit-actions input,
    .mix-field-comments form#comment-form #edit-actions input {
      box-shadow: none;
      -webkit-box-shadow: none;
      text-align: left;
      background-color: black;
      color: white;
      float: right;
      border-radius: 20px;
      font-weight: 18px; }

.region-footer #block-mixology-main-footermixology .mix-footer .mix-footer-header {
  margin-bottom: 20px; }
@media (min-width: 0px) {
  .region-footer #block-mixology-main-footermixology .mix-footer {
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 70px; } }
@media (min-width: 768px) {
  .region-footer #block-mixology-main-footermixology .mix-footer {
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 0; } }
.region-footer #block-mixology-main-footermixology .mix-footer hr {
  color: #E8E7E4; }
.region-footer #block-mixology-main-footermixology .mix-footer .mix-footer-social-networks {
  padding-top: 20px;
  padding-bottom: 20px; }
  .region-footer #block-mixology-main-footermixology .mix-footer .mix-footer-social-networks .mix-footer-social-text {
    font-size: 28px;
    font-weight: bold;
    font-family: "Playfair Display", "Times New Roman", Times, serif;
    vertical-align: middle; }
    @media (min-width: 0px) {
      .region-footer #block-mixology-main-footermixology .mix-footer .mix-footer-social-networks .mix-footer-social-text {
        display: block;
        margin-right: 0;
        margin-bottom: 20px; } }
    @media (min-width: 768px) {
      .region-footer #block-mixology-main-footermixology .mix-footer .mix-footer-social-networks .mix-footer-social-text {
        display: inline-block;
        margin-right: 10px;
        margin-bottom: 0; } }
  .region-footer #block-mixology-main-footermixology .mix-footer .mix-footer-social-networks .mix-footer-social {
    display: inline-block; }
    @media (min-width: 0px) {
      .region-footer #block-mixology-main-footermixology .mix-footer .mix-footer-social-networks .mix-footer-social {
        margin-left: 10px; }
        .region-footer #block-mixology-main-footermixology .mix-footer .mix-footer-social-networks .mix-footer-social.mix-footer-social-instagram {
          margin-left: 0; } }
    @media (min-width: 768px) {
      .region-footer #block-mixology-main-footermixology .mix-footer .mix-footer-social-networks .mix-footer-social {
        margin-left: 30px; }
        .region-footer #block-mixology-main-footermixology .mix-footer .mix-footer-social-networks .mix-footer-social.mix-footer-social-instagram {
          margin-left: 30px; } }
    .region-footer #block-mixology-main-footermixology .mix-footer .mix-footer-social-networks .mix-footer-social a {
      display: inline-block;
      height: 28px;
      width: 28px;
      vertical-align: middle;
      font-size: 0;
      background-repeat: no-repeat;
      background-position: left top;
      background-size: 28px 28px; }
    .region-footer #block-mixology-main-footermixology .mix-footer .mix-footer-social-networks .mix-footer-social.mix-footer-social-instagram a {
      background-image: url("../images/icon_footer_instagram.svg"); }
    .region-footer #block-mixology-main-footermixology .mix-footer .mix-footer-social-networks .mix-footer-social.mix-footer-social-facebook a {
      background-image: url("../images/icon_footer_facebook.svg"); }
    .region-footer #block-mixology-main-footermixology .mix-footer .mix-footer-social-networks .mix-footer-social.mix-footer-social-linkedin a {
      background-image: url("../images/icon_footer_linkedin.svg"); }
    .region-footer #block-mixology-main-footermixology .mix-footer .mix-footer-social-networks .mix-footer-social.mix-footer-social-spotify a {
      background-image: url("../images/icon_footer_spotify.svg"); }
    .region-footer #block-mixology-main-footermixology .mix-footer .mix-footer-social-networks .mix-footer-social.mix-footer-social-tiktok a {
      background-image: url("../images/icon_footer_tiktok.svg"); }
.region-footer #block-mixology-main-footermixology .mix-footer .mix-footer-links a {
  color: #383838;
  line-height: 5px; }
  @media (min-width: 0px) {
    .region-footer #block-mixology-main-footermixology .mix-footer .mix-footer-links a {
      display: block; }
      .region-footer #block-mixology-main-footermixology .mix-footer .mix-footer-links a:first-of-type {
        margin-top: 20px; } }
  @media (min-width: 768px) {
    .region-footer #block-mixology-main-footermixology .mix-footer .mix-footer-links a {
      display: inline-block; }
      .region-footer #block-mixology-main-footermixology .mix-footer .mix-footer-links a:first-of-type {
        margin-top: 0; } }