/* Neat 1.7.0
 * http://neat.bourbon.io
 * Copyright 2012-2014 thoughtbot, inc.
 * MIT License */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

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

/* color definition */
/* google map */
/* squeezbox filter */
.red {
  background: red; }

/* sky menu wrapper mobile fix */
.inverse {
  background: #f6f6f6 !important; }

.inverse .social-icons a {
  color: white; }

.container-row {
  max-width: 75em;
  margin-left: auto;
  margin-right: auto;
  padding: 0rem 1rem; }
  .container-row:after {
    content: "";
    display: table;
    clear: both; }

.mazze-adminlayout .container-row {
  max-width: 75em;
  margin-left: auto;
  margin-right: auto;
  padding: 0rem; }
  .mazze-adminlayout .container-row:after {
    content: "";
    display: table;
    clear: both; }

.main-content {
  padding: 0em;
  min-height: 100px;
  display: block; }

/* setting layout width for non-content pages */
/* .page-admin .main-content .block-system, .administration-content {@include outer-container;padding:0rem;} */
.page-node-delete .main-content,
.page-node-add .main-content,
.page-node-edit .main-content,
.page-search .main-content,
.page-user .main-content,
.node-type-blog .main-content,
.page-batch .main-content,
.page-node-webform .main-content,
.node-type-webform .main-content,
.page-node-done .main-content,
.page-node-webform-results .main-content,
.page-node-translate .main-content,
.page-node-panelizer .main-content,
.page-taxonomy-term .main-content,
.page-admin-modules .main-content,
.page-batch .main-content,
.page-admin-structure .main-content,
.page-admin-config
.page-admin-content .main-content,
.page-admin-appearance .main-content,
.page-admin .main-content,
.page-suche .main-content,
.page-batch .main-content,
.page-node-delete .main-content,
.page-node-translate .main-content,
.page-node-registrations .main-content,
.page-node-register .main-content,
.page-registration .main-content,
.page-cart .main-content,
.page-checkout .main-content,
.page-solr
.page-jobs
.node-type-social-media-links .main-content,
.node-type-ausstellungsmaterial .main-content,
.page-simplereservation .main-content,
.node-type-personen .main-content,
.node-type-person .main-content,
.node-type-promotionsbox .main-content,
.page-translate .main-content,
.page-file .main-content,
.node-type-heropanelslider .main-content,
.node-type--hero-panel-element .main-content,
.page-crm-core .main-content,
.page-crm .main-content,
.page-newsletter .main-content,
.page-shopsuche .main-content,
.page-node-clone .main-content,
.node-type-publikation .main-content,
.page-basket .main-content,
.page-prs-kontakte-suchen .main-content,
.page-veranstaltungen-suche .main-content,
.page-suche .main-content,
.node-type-sgg-publikation .main-content {
  max-width: 75em;
  margin-left: auto;
  margin-right: auto; }
  .page-node-delete .main-content:after,
  .page-node-add .main-content:after,
  .page-node-edit .main-content:after,
  .page-search .main-content:after,
  .page-user .main-content:after,
  .node-type-blog .main-content:after,
  .page-batch .main-content:after,
  .page-node-webform .main-content:after,
  .node-type-webform .main-content:after,
  .page-node-done .main-content:after,
  .page-node-webform-results .main-content:after,
  .page-node-translate .main-content:after,
  .page-node-panelizer .main-content:after,
  .page-taxonomy-term .main-content:after,
  .page-admin-modules .main-content:after,
  .page-batch .main-content:after,
  .page-admin-structure .main-content:after,
  .page-admin-config
.page-admin-content .main-content:after,
  .page-admin-appearance .main-content:after,
  .page-admin .main-content:after,
  .page-suche .main-content:after,
  .page-batch .main-content:after,
  .page-node-delete .main-content:after,
  .page-node-translate .main-content:after,
  .page-node-registrations .main-content:after,
  .page-node-register .main-content:after,
  .page-registration .main-content:after,
  .page-cart .main-content:after,
  .page-checkout .main-content:after,
  .page-solr
.page-jobs
.node-type-social-media-links .main-content:after,
  .node-type-ausstellungsmaterial .main-content:after,
  .page-simplereservation .main-content:after,
  .node-type-personen .main-content:after,
  .node-type-person .main-content:after,
  .node-type-promotionsbox .main-content:after,
  .page-translate .main-content:after,
  .page-file .main-content:after,
  .node-type-heropanelslider .main-content:after,
  .node-type--hero-panel-element .main-content:after,
  .page-crm-core .main-content:after,
  .page-crm .main-content:after,
  .page-newsletter .main-content:after,
  .page-shopsuche .main-content:after,
  .page-node-clone .main-content:after,
  .node-type-publikation .main-content:after,
  .page-basket .main-content:after,
  .page-prs-kontakte-suchen .main-content:after,
  .page-veranstaltungen-suche .main-content:after,
  .page-suche .main-content:after,
  .node-type-sgg-publikation .main-content:after {
    content: "";
    display: table;
    clear: both; }

.page-user .main-content {
  padding: 1rem;
  background: white; }

.homebox {
  max-width: 75em;
  margin-left: auto;
  margin-right: auto;
  padding: 0rem; }
  .homebox:after {
    content: "";
    display: table;
    clear: both; }

#homebox .homebox-column {
  background-image: none;
  background-color: white; }

#homebox .homebox-portlet {
  margin: 0rem;
  margin-bottom: 1rem; }
  #homebox .homebox-portlet ul.menu li, #homebox .homebox-portlet ul li {
    list-style: none outside none;
    padding: 0.3rem;
    border-bottom: 1px #eee solid;
    margin: 0; }
  #homebox .homebox-portlet ul li:last-child {
    border: none; }
  #homebox .homebox-portlet h3.portlet-header {
    padding: 0.5rem; }
  #homebox .homebox-portlet td {
    padding: 0.3rem;
    background: white; }

#homebox .homebox-column {
  padding-left: 0;
  padding-bottom: 0; }

#homebox-buttons a {
  margin-bottom: 1rem; }

#homebox-buttons a:hover {
  background: #013150; }

.sgg_button {
  background-color: #013150;
  color: white;
  border-radius: 4px;
  border: 1px solid #013150;
  transition: all 0.23s ease-in-out 0s;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  font-weight: bold;
  height: 32px;
  line-height: 32px;
  margin: 0 5 10 0px;
  padding: 0 22px;
  text-align: center;
  vertical-align: top;
  white-space: nowrap;
  width: auto; }
  .sgg_button:hover {
    background-color: white;
    color: black;
    border: 1px solid black; }

.page-admin .main-content, .page-crm-core .main-content {
  padding: 1rem; }

.rechtespalte {
  border-top: 1px #eee solid; }

/* glossar */
.view-mazzeone-glossar.view-display-id-page, .page-glossar {
  max-width: 75em;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem; }
  .view-mazzeone-glossar.view-display-id-page:after, .page-glossar:after {
    content: "";
    display: table;
    clear: both; }

.page-glossar h1 {
  padding: 1rem; }

/* jobs */
.block-webform {
  max-width: 75em;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem; }
  .block-webform:after {
    content: "";
    display: table;
    clear: both; }

.page-jobs .main-content {
  max-width: 75em;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem; }
  .page-jobs .main-content:after {
    content: "";
    display: table;
    clear: both; }

.hide-for-small {
  display: none; }
  @media only screen and (min-width: 800px) {
    .hide-for-small {
      display: inline; } }

@media only screen and (min-width: 800px) {
  .show-for-small {
    display: none; } }

.no-padding {
  padding: 0; }

.digital-commerce-wrapper .digital-commerce-sidebar.hide-for-small {
  display: none; }
  @media only screen and (min-width: 800px) {
    .digital-commerce-wrapper .digital-commerce-sidebar.hide-for-small {
      display: inline; } }

.digital-commerce-wrapper {
  margin-top: 1rem; }

.teaser-1 {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 6.17215%;
  float: left;
  background: #ddd;
  text-align: center;
  padding: 1em; }
  .teaser-1:last-child {
    margin-right: 0; }

#layoutpage-node-form {
  padding: 0em;
  margin-top: 2em;
  max-width: 75em;
  margin-left: auto;
  margin-right: auto; }
  #layoutpage-node-form:after {
    content: "";
    display: table;
    clear: both; }

/* landing page 2 */
.landing-page-2 .container-inner {
  margin-top: 0em;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  padding: 0em 0em; }
  .landing-page-2 .container-inner:last-child {
    margin-right: 0; }
  @media only screen and (min-width: 800px) {
    .landing-page-2 .container-inner {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 100%;
      margin-left: 0%;
      padding: 0; }
      .landing-page-2 .container-inner:last-child {
        margin-right: 0; } }
  @media only screen and (min-width: 1100px) {
    .landing-page-2 .container-inner {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 100%;
      margin-left: 0%;
      padding: 0; }
      .landing-page-2 .container-inner:last-child {
        margin-right: 0; } }
  .landing-page-2 .container-inner .card {
    box-shadow: none;
    flex-basis: 15em; }
    @media only screen and (min-width: 800px) {
      .landing-page-2 .container-inner .card {
        flex-basis: 17em; } }
    @media only screen and (min-width: 1100px) {
      .landing-page-2 .container-inner .card {
        flex-basis: 18em; } }
  .landing-page-2 .container-inner .brand {
    padding: 1em 0em;
    text-align: left; }
    .landing-page-2 .container-inner .brand .field-name-field-fpp-subtitel {
      font-size: 1.3rem;
      padding: 1rem 0rem; }

.landing-page-2 .callout-dunkel {
  margin-top: 3em; }

/* contact form */
.page-eform .main-content {
  padding: 1rem; }

.footer-menu-wrapper-05-inner {
  max-width: 75em;
  margin-left: auto;
  margin-right: auto; }
  .footer-menu-wrapper-05-inner:after {
    content: "";
    display: table;
    clear: both; }

.footer-menu {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  padding: 0em 1em; }
  .footer-menu:last-child {
    margin-right: 0; }

/* landing page fullwidth 1 */
.landing-fullwidth-1 .kopfbereich-wrapper {
  text-align: center;
  padding: 0em;
  border-bottom: 1px white solid; }

.landing-fullwidth-1 .panel-1, .landing-fullwidth-1 .panel-2, .landing-fullwidth-1 .panel-3, .landing-fullwidth-1 .panel-4 {
  padding: 2em 0em;
  display: block;
  text-align: center; }

/* .panel-1, .panel-2, .panel-3, .panel-with-cards, */
.landing-fullwidth-1 .card {
  box-shadow: none;
  text-align: center;
  flex-basis: 15em; }
  @media only screen and (min-width: 800px) {
    .landing-fullwidth-1 .card {
      flex-basis: 15em; } }
  @media only screen and (min-width: 1100px) {
    .landing-fullwidth-1 .card {
      flex-basis: 12em; } }

.landing-fullwidth-1 .container-inner {
  margin-top: 0em;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  padding: 0em 0em; }
  .landing-fullwidth-1 .container-inner:last-child {
    margin-right: 0; }
  @media only screen and (min-width: 800px) {
    .landing-fullwidth-1 .container-inner {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 82.94039%;
      margin-left: 8.5298%;
      padding: 0; }
      .landing-fullwidth-1 .container-inner:last-child {
        margin-right: 0; } }
  @media only screen and (min-width: 1100px) {
    .landing-fullwidth-1 .container-inner {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 82.94039%;
      margin-left: 8.5298%;
      padding: 0; }
      .landing-fullwidth-1 .container-inner:last-child {
        margin-right: 0; } }

.landing-fullwidth-1 .container-inner-matrix-four {
  margin-top: 0em;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  padding: 0em 0em; }
  .landing-fullwidth-1 .container-inner-matrix-four:last-child {
    margin-right: 0; }
  @media only screen and (min-width: 800px) {
    .landing-fullwidth-1 .container-inner-matrix-four {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 82.94039%;
      margin-left: 8.5298%;
      padding: 0; }
      .landing-fullwidth-1 .container-inner-matrix-four:last-child {
        margin-right: 0; } }
  @media only screen and (min-width: 1100px) {
    .landing-fullwidth-1 .container-inner-matrix-four {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 82.94039%;
      margin-left: 8.5298%;
      padding: 0; }
      .landing-fullwidth-1 .container-inner-matrix-four:last-child {
        margin-right: 0; } }

/* landing page 1 */
.landing-1 .card {
  box-shadow: none;
  text-align: center;
  flex-basis: 15em; }
  @media only screen and (min-width: 800px) {
    .landing-1 .card {
      flex-basis: 15em; } }
  @media only screen and (min-width: 1100px) {
    .landing-1 .card {
      flex-basis: 12em; } }

/* Shop Item Layout */
.page-shop-products .card {
  box-shadow: none;
  text-align: center;
  flex-basis: 15em; }
  @media only screen and (min-width: 800px) {
    .page-shop-products .card {
      flex-basis: 15em; } }
  @media only screen and (min-width: 1100px) {
    .page-shop-products .card {
      flex-basis: 1em; } }

.page-shop-products .content,
.page-lesson-overview .content,
.page-lsn-kategorie-uebersicht .content,
.page-lektionen-kategorien-01 .content,
.page-lektionen-kategorien-02 .content,
.page-tax-vocabulary .content {
  max-width: 75em;
  margin-left: auto;
  margin-right: auto;
  padding: 0rem;
  margin-top: 0rem; }
  .page-shop-products .content:after,
  .page-lesson-overview .content:after,
  .page-lsn-kategorie-uebersicht .content:after,
  .page-lektionen-kategorien-01 .content:after,
  .page-lektionen-kategorien-02 .content:after,
  .page-tax-vocabulary .content:after {
    content: "";
    display: table;
    clear: both; }
  .page-shop-products .content .shop-cards, .page-shop-products .content .cards,
  .page-lesson-overview .content .shop-cards,
  .page-lesson-overview .content .cards,
  .page-lsn-kategorie-uebersicht .content .shop-cards,
  .page-lsn-kategorie-uebersicht .content .cards,
  .page-lektionen-kategorien-01 .content .shop-cards,
  .page-lektionen-kategorien-01 .content .cards,
  .page-lektionen-kategorien-02 .content .shop-cards,
  .page-lektionen-kategorien-02 .content .cards,
  .page-tax-vocabulary .content .shop-cards,
  .page-tax-vocabulary .content .cards {
    background: white;
    padding-top: 1rem; }

/* shop detail page */
.layout-shopdetail {
  max-width: 75em;
  margin-left: auto;
  margin-right: auto;
  padding: 0em;
  margin-bottom: 2rem; }
  .layout-shopdetail:after {
    content: "";
    display: table;
    clear: both; }
  .layout-shopdetail h2 {
    padding-top: 0; }
  .layout-shopdetail .shopleft {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    padding: 1rem; }
    .layout-shopdetail .shopleft:last-child {
      margin-right: 0; }
    @media only screen and (min-width: 800px) {
      .layout-shopdetail .shopleft {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
        margin-left: 0%; }
        .layout-shopdetail .shopleft:last-child {
          margin-right: 0; } }
  .layout-shopdetail .shopright {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    padding: 1rem; }
    .layout-shopdetail .shopright:last-child {
      margin-right: 0; }
    @media only screen and (min-width: 800px) {
      .layout-shopdetail .shopright {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
        margin-left: 0%; }
        .layout-shopdetail .shopright:last-child {
          margin-right: 0; } }

/* mazze map */
.mazze-map .card {
  box-shadow: none;
  text-align: center;
  flex-basis: 10em; }
  @media only screen and (min-width: 800px) {
    .mazze-map .card {
      flex-basis: 15em; } }
  @media only screen and (min-width: 1100px) {
    .mazze-map .card {
      flex-basis: 12em; } }

.mazze-map .intro {
  padding: 0rem; }

.mazze-map .container-inner {
  margin-top: 0em;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  padding: 0em 1em; }
  .mazze-map .container-inner:last-child {
    margin-right: 0; }
  @media only screen and (min-width: 800px) {
    .mazze-map .container-inner {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 100%;
      margin-left: 0%;
      padding: 1rem 4rem; }
      .mazze-map .container-inner:last-child {
        margin-right: 0; } }
  @media only screen and (min-width: 1100px) {
    .mazze-map .container-inner {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 100%;
      margin-left: 0%;
      padding: 1rem 0rem; }
      .mazze-map .container-inner:last-child {
        margin-right: 0; } }

/* landing page produkte 1 /*/
.landing-produkte-1 .container-inner {
  margin-top: 0em;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  padding: 0em 1em; }
  .landing-produkte-1 .container-inner .card {
    box-shadow: none;
    text-align: left;
    flex-basis: 15em; }
    @media only screen and (min-width: 800px) {
      .landing-produkte-1 .container-inner .card {
        flex-basis: 12em; } }
    @media only screen and (min-width: 1100px) {
      .landing-produkte-1 .container-inner .card {
        flex-basis: 14em; } }
  .landing-produkte-1 .container-inner .intro {
    padding: 0em; }
  .landing-produkte-1 .container-inner:last-child {
    margin-right: 0; }
  @media only screen and (min-width: 800px) {
    .landing-produkte-1 .container-inner {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 100%;
      padding: 0em 4em; }
      .landing-produkte-1 .container-inner:last-child {
        margin-right: 0; } }
  @media only screen and (min-width: 1100px) {
    .landing-produkte-1 .container-inner {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 100%;
      padding: 0em 0em; }
      .landing-produkte-1 .container-inner:last-child {
        margin-right: 0; } }

.landing-produkte-1 .callout-dunkel {
  margin-top: 3em; }

/* landing page produkte 2 /*/
.landing-produkte-2 .container-inner {
  margin-top: 0em;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  padding: 0em 0em; }
  .landing-produkte-2 .container-inner .card {
    text-align: center;
    flex-basis: 15em; }
    @media only screen and (min-width: 800px) {
      .landing-produkte-2 .container-inner .card {
        flex-basis: 12em; } }
    @media only screen and (min-width: 1100px) {
      .landing-produkte-2 .container-inner .card {
        flex-basis: 14em; } }
  .landing-produkte-2 .container-inner .intro {
    padding: 1em; }
  .landing-produkte-2 .container-inner:last-child {
    margin-right: 0; }
  @media only screen and (min-width: 800px) {
    .landing-produkte-2 .container-inner {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 82.94039%;
      margin-left: 8.5298%;
      padding: 0; }
      .landing-produkte-2 .container-inner:last-child {
        margin-right: 0; } }
  @media only screen and (min-width: 1100px) {
    .landing-produkte-2 .container-inner {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 82.94039%;
      margin-left: 8.5298%;
      padding: 0; }
      .landing-produkte-2 .container-inner:last-child {
        margin-right: 0; } }

.landing-produkte-2 .callout-dunkel {
  margin-top: 3em; }

/* grid 3 /*/
.grid-3 .container-inner {
  margin-top: 0em;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  padding: 0em 0em; }
  .grid-3 .container-inner .card {
    text-align: left;
    flex-basis: 10em; }
    @media only screen and (min-width: 800px) {
      .grid-3 .container-inner .card {
        flex-basis: 12em; } }
    @media only screen and (min-width: 1100px) {
      .grid-3 .container-inner .card {
        flex-basis: 14em; } }
  .grid-3 .container-inner .intro {
    padding: 1em; }
  .grid-3 .container-inner:last-child {
    margin-right: 0; }
  @media only screen and (min-width: 800px) {
    .grid-3 .container-inner {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 82.94039%;
      margin-left: 8.5298%;
      padding: 0; }
      .grid-3 .container-inner:last-child {
        margin-right: 0; } }
  @media only screen and (min-width: 1100px) {
    .grid-3 .container-inner {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 82.94039%;
      margin-left: 8.5298%;
      padding: 0; }
      .grid-3 .container-inner:last-child {
        margin-right: 0; } }

.grid-3 .callout-dunkel {
  margin-top: 3em; }

/* grid 4 /*/
.grid-4 .container-inner {
  margin-top: 1em;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  padding: 0em 0em; }
  .grid-4 .container-inner .intro {
    padding: 0em; }
  .grid-4 .container-inner:last-child {
    margin-right: 0; }

.grid-4 .callout-dunkel {
  margin-top: 3em; }

/* zwei spalten sidebar-links */
.einspaltig {
  max-width: 75em;
  margin-left: auto;
  margin-right: auto; }
  .einspaltig:after {
    content: "";
    display: table;
    clear: both; }
  .einspaltig .hauptbereich {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    padding: 0em; }
    .einspaltig .hauptbereich:last-child {
      margin-right: 0; }
    @media only screen and (min-width: 800px) {
      .einspaltig .hauptbereich {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        padding: 0rem;
        padding-top: 0rem; }
        .einspaltig .hauptbereich:last-child {
          margin-right: 0; } }

/* zwei spalten sidebar-rechts */
.layout-3-1 {
  max-width: 75em;
  margin-left: auto;
  margin-right: auto; }
  .layout-3-1:after {
    content: "";
    display: table;
    clear: both; }
  .layout-3-1 .hauptspalte {
    background: white;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    padding: 1em 1em; }
    .layout-3-1 .hauptspalte:last-child {
      margin-right: 0; }
    @media only screen and (min-width: 800px) {
      .layout-3-1 .hauptspalte {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 74.41059%;
        padding: 1em 1em; }
        .layout-3-1 .hauptspalte:last-child {
          margin-right: 0; } }
    @media only screen and (min-width: 1100px) {
      .layout-3-1 .hauptspalte {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 74.41059%;
        padding: 1em 1em; }
        .layout-3-1 .hauptspalte:last-child {
          margin-right: 0; } }
  .layout-3-1 .rechtespalte {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    padding: 0em 0em; }
    .layout-3-1 .rechtespalte:last-child {
      margin-right: 0; }
    @media only screen and (min-width: 800px) {
      .layout-3-1 .rechtespalte {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%;
        padding: 0; }
        .layout-3-1 .rechtespalte:last-child {
          margin-right: 0; } }
    @media only screen and (min-width: 1100px) {
      .layout-3-1 .rechtespalte {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%;
        padding: 0; }
        .layout-3-1 .rechtespalte:last-child {
          margin-right: 0; } }

/* zwei spalten sidebar-links */
.layout-1-3 {
  max-width: 75em;
  margin-left: auto;
  margin-right: auto; }
  .layout-1-3:after {
    content: "";
    display: table;
    clear: both; }
  .layout-1-3 .hauptspalte {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    padding: 0em; }
    .layout-1-3 .hauptspalte:last-child {
      margin-right: 0; }
    @media only screen and (min-width: 800px) {
      .layout-1-3 .hauptspalte {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 65.88078%;
        padding: 0; }
        .layout-1-3 .hauptspalte:last-child {
          margin-right: 0; } }
  .layout-1-3 .linkespalte {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    padding: 0em; }
    .layout-1-3 .linkespalte:last-child {
      margin-right: 0; }
    @media only screen and (min-width: 800px) {
      .layout-1-3 .linkespalte {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%;
        padding: 0; }
        .layout-1-3 .linkespalte:last-child {
          margin-right: 0; } }

/* drei spalten  */
.layout-3sp {
  max-width: 75em;
  margin-left: auto;
  margin-right: auto; }
  .layout-3sp:after {
    content: "";
    display: table;
    clear: both; }
  .layout-3sp .hauptspalte {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    padding: 0em 0em; }
    .layout-3sp .hauptspalte:last-child {
      margin-right: 0; }
    @media only screen and (min-width: 800px) {
      .layout-3sp .hauptspalte {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
        padding: 1em 1em; }
        .layout-3sp .hauptspalte:last-child {
          margin-right: 0; } }
    @media only screen and (min-width: 1100px) {
      .layout-3sp .hauptspalte {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
        padding: 1em 1em; }
        .layout-3sp .hauptspalte:last-child {
          margin-right: 0; } }
  .layout-3sp .linkespalte {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    padding: 0em 0em; }
    .layout-3sp .linkespalte:last-child {
      margin-right: 0; }
    @media only screen and (min-width: 800px) {
      .layout-3sp .linkespalte {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%;
        padding: 1em 1em; }
        .layout-3sp .linkespalte:last-child {
          margin-right: 0; } }
    @media only screen and (min-width: 1100px) {
      .layout-3sp .linkespalte {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%;
        padding: 1em 1em; }
        .layout-3sp .linkespalte:last-child {
          margin-right: 0; } }
  .layout-3sp .rechtespalte {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    padding: 0em 0em; }
    .layout-3sp .rechtespalte:last-child {
      margin-right: 0; }
    @media only screen and (min-width: 800px) {
      .layout-3sp .rechtespalte {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%;
        padding: 1em 1em; }
        .layout-3sp .rechtespalte:last-child {
          margin-right: 0; } }
    @media only screen and (min-width: 1100px) {
      .layout-3sp .rechtespalte {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%;
        padding: 1em 1em; }
        .layout-3sp .rechtespalte:last-child {
          margin-right: 0; } }

/* einblenden sidebar navigation */
.sidebar-block {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  padding: 0em 0em; }
  .sidebar-block:last-child {
    margin-right: 0; }
  @media only screen and (min-width: 800px) {
    .sidebar-block {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 23.23176%;
      padding-left: 1rem; }
      .sidebar-block:last-child {
        margin-right: 0; } }
  @media only screen and (min-width: 1100px) {
    .sidebar-block {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 23.23176%;
      padding-left: 1rem; }
      .sidebar-block:last-child {
        margin-right: 0; } }

.content-block {
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  padding: 0em 0em; }
  .content-block:last-child {
    margin-right: 0; }
  @media only screen and (min-width: 800px) {
    .content-block {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 74.41059%;
      padding: 1em 1em; }
      .content-block:last-child {
        margin-right: 0; } }
  @media only screen and (min-width: 1100px) {
    .content-block {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 74.41059%;
      padding: 1em 1em; }
      .content-block:last-child {
        margin-right: 0; } }

/* zwei spalten ADMIN Layout */
.layout-adminlayout .container-inner {
  padding: 1rem 0rem; }
  .layout-adminlayout .container-inner .hauptspalte {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    padding: 0em 0em; }
    .layout-adminlayout .container-inner .hauptspalte:last-child {
      margin-right: 0; }
    @media only screen and (min-width: 800px) {
      .layout-adminlayout .container-inner .hauptspalte {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 65.88078%;
        padding: 0; }
        .layout-adminlayout .container-inner .hauptspalte:last-child {
          margin-right: 0; } }
  .layout-adminlayout .container-inner .rechtespalte {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    padding: 0em; }
    .layout-adminlayout .container-inner .rechtespalte:last-child {
      margin-right: 0; }
    @media only screen and (min-width: 800px) {
      .layout-adminlayout .container-inner .rechtespalte {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%;
        padding: 0; }
        .layout-adminlayout .container-inner .rechtespalte:last-child {
          margin-right: 0; } }

/* blog detail page */
.blogdetail .container-inner {
  padding: 0em; }
  .blogdetail .container-inner .hauptspalte {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    padding: 0em 0em; }
    .blogdetail .container-inner .hauptspalte:last-child {
      margin-right: 0; }
    @media only screen and (min-width: 800px) {
      .blogdetail .container-inner .hauptspalte {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 82.94039%;
        padding: 1rem;
        margin-left: 8.5298%; }
        .blogdetail .container-inner .hauptspalte:last-child {
          margin-right: 0; } }
    @media only screen and (min-width: 1100px) {
      .blogdetail .container-inner .hauptspalte {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 65.88078%;
        padding: 0rem;
        margin-left: 0%; }
        .blogdetail .container-inner .hauptspalte:last-child {
          margin-right: 0; } }
  .blogdetail .container-inner .rechtespalte {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    padding: 1em 0em; }
    .blogdetail .container-inner .rechtespalte:last-child {
      margin-right: 0; }
    @media only screen and (min-width: 800px) {
      .blogdetail .container-inner .rechtespalte {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 82.94039%;
        padding: 0;
        margin-left: 8.5298%; }
        .blogdetail .container-inner .rechtespalte:last-child {
          margin-right: 0; } }
    @media only screen and (min-width: 1100px) {
      .blogdetail .container-inner .rechtespalte {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%;
        padding: 0;
        margin-left: 0%;
        padding-top: 0em; }
        .blogdetail .container-inner .rechtespalte:last-child {
          margin-right: 0; } }

/* -------------- Layout lesebreite ---------------- */
.lesebreite, #view-id-mazze_blog_kontext {
  max-width: 75em;
  margin-left: auto;
  margin-right: auto; }
  .lesebreite:after, #view-id-mazze_blog_kontext:after {
    content: "";
    display: table;
    clear: both; }
  .lesebreite .hauptbereich, .lesebreite .kopfbereich, .lesebreite .fussbereich, #view-id-mazze_blog_kontext .hauptbereich, #view-id-mazze_blog_kontext .kopfbereich, #view-id-mazze_blog_kontext .fussbereich {
    max-width: 75em;
    margin-left: auto;
    margin-right: auto;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    margin-bottom: 1em;
    margin-top: 0em;
    text-align: left;
    padding: 0em 0em; }
    .lesebreite .hauptbereich:after, .lesebreite .kopfbereich:after, .lesebreite .fussbereich:after, #view-id-mazze_blog_kontext .hauptbereich:after, #view-id-mazze_blog_kontext .kopfbereich:after, #view-id-mazze_blog_kontext .fussbereich:after {
      content: "";
      display: table;
      clear: both; }
    .lesebreite .hauptbereich:last-child, .lesebreite .kopfbereich:last-child, .lesebreite .fussbereich:last-child, #view-id-mazze_blog_kontext .hauptbereich:last-child, #view-id-mazze_blog_kontext .kopfbereich:last-child, #view-id-mazze_blog_kontext .fussbereich:last-child {
      margin-right: 0; }
    @media only screen and (min-width: 800px) {
      .lesebreite .hauptbereich, .lesebreite .kopfbereich, .lesebreite .fussbereich, #view-id-mazze_blog_kontext .hauptbereich, #view-id-mazze_blog_kontext .kopfbereich, #view-id-mazze_blog_kontext .fussbereich {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 82.94039%;
        margin-left: 8.5298%;
        padding: 0; }
        .lesebreite .hauptbereich:last-child, .lesebreite .kopfbereich:last-child, .lesebreite .fussbereich:last-child, #view-id-mazze_blog_kontext .hauptbereich:last-child, #view-id-mazze_blog_kontext .kopfbereich:last-child, #view-id-mazze_blog_kontext .fussbereich:last-child {
          margin-right: 0; } }
    @media only screen and (min-width: 1100px) {
      .lesebreite .hauptbereich, .lesebreite .kopfbereich, .lesebreite .fussbereich, #view-id-mazze_blog_kontext .hauptbereich, #view-id-mazze_blog_kontext .kopfbereich, #view-id-mazze_blog_kontext .fussbereich {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 65.88078%;
        margin-left: 17.05961%;
        padding: 0; }
        .lesebreite .hauptbereich:last-child, .lesebreite .kopfbereich:last-child, .lesebreite .fussbereich:last-child, #view-id-mazze_blog_kontext .hauptbereich:last-child, #view-id-mazze_blog_kontext .kopfbereich:last-child, #view-id-mazze_blog_kontext .fussbereich:last-child {
          margin-right: 0; } }

.lesebreite {
  padding-top: 2rem; }

/* -------------- header navigation 07 ---------------- */
.navigation-07-header {
  max-width: 75em;
  margin-left: auto;
  margin-right: auto;
  background: #eee; }
  .navigation-07-header:after {
    content: "";
    display: table;
    clear: both; }
  .navigation-07-header .logo-07-wrapper {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    text-align: center;
    padding: 0rem;
    line-height: 0;
    margin-right: 0px !important; }
    .navigation-07-header .logo-07-wrapper:last-child {
      margin-right: 0; }
    @media only screen and (min-width: 800px) {
      .navigation-07-header .logo-07-wrapper {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        padding: 1rem; }
        .navigation-07-header .logo-07-wrapper:last-child {
          margin-right: 0; } }
    @media only screen and (min-width: 1100px) {
      .navigation-07-header .logo-07-wrapper {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%;
        text-align: left; }
        .navigation-07-header .logo-07-wrapper:last-child {
          margin-right: 0; } }
  .navigation-07-header .navigation-07-wrapper {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%; }
    .navigation-07-header .navigation-07-wrapper:last-child {
      margin-right: 0; }
    @media only screen and (min-width: 1100px) {
      .navigation-07-header .navigation-07-wrapper {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 74.41059%;
        margin-right: 0 !important;
        float: right !important; }
        .navigation-07-header .navigation-07-wrapper:last-child {
          margin-right: 0; } }
    .navigation-07-header .navigation-07-wrapper .flexy-menu li {
      float: left; }
  .navigation-07-header .flexy-menu-wrapper {
    margin-right: 0 !important; }
  .navigation-07-header .topnav-07-wrapper {
    border-bottom: 1px white solid;
    width: 100%;
    float: left; }
  .navigation-07-header .language-switcher-locale-url li.active a {
    font-weight: 700; }
  @media only screen and (min-width: 480px) {
    .navigation-07-header .service-07-menu {
      display: none; } }
  @media only screen and (min-width: 800px) {
    .navigation-07-header .service-07-menu {
      display: inline; } }
  @media only screen and (min-width: 1100px) {
    .navigation-07-header .service-07-menu {
      display: inline; } }
  @media only screen and (min-width: 800px) {
    .navigation-07-header .service-07-menu {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 48.82117%;
      padding-left: 1rem;
      text-align: left;
      display: table-cell;
      vertical-align: middle;
      margin-right: 0 !important; }
      .navigation-07-header .service-07-menu:last-child {
        margin-right: 0; }
      .navigation-07-header .service-07-menu li {
        float: left;
        margin: 0rem; } }
  @media only screen and (min-width: 1100px) {
    .navigation-07-header .service-07-menu {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 74.41059%;
      text-align: left;
      display: table-cell;
      vertical-align: middle;
      margin-right: 0 !important; }
      .navigation-07-header .service-07-menu:last-child {
        margin-right: 0; }
      .navigation-07-header .service-07-menu li {
        float: right;
        margin: 0.5rem; } }
  .navigation-07-header .search-07-menu {
    float: right !important;
    background: #eee;
    margin: 0 !important;
    display: block;
    height: 40px;
    padding: 0rem;
    padding-right: 0.5em;
    margin-left: 1rem !important;
    text-align: center;
    color: white; }
    @media only screen and (min-width: 480px) {
      .navigation-07-header .search-07-menu {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%; }
        .navigation-07-header .search-07-menu:last-child {
          margin-right: 0; } }
    @media only screen and (min-width: 800px) {
      .navigation-07-header .search-07-menu {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 14.70196%; }
        .navigation-07-header .search-07-menu:last-child {
          margin-right: 0; } }
    @media only screen and (min-width: 1100px) {
      .navigation-07-header .search-07-menu {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 6.17215%; }
        .navigation-07-header .search-07-menu:last-child {
          margin-right: 0; } }
  .navigation-07-header .search-07-menu {
    z-index: 10000;
    right: 0; }
  .navigation-07-header .search-07-menu #cd-search {
    margin-top: 200px; }
  @media only screen and (min-width: 800px) {
    .navigation-07-header li.mobile-menu {
      display: none !important; } }
  @media only screen and (min-width: 480px) {
    .navigation-07-header .language-07-menu {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 65.88078%;
      float: left;
      margin-left: 1rem; }
      .navigation-07-header .language-07-menu:last-child {
        margin-right: 0; }
      .navigation-07-header .language-07-menu li {
        float: left;
        margin: 0.5rem; } }
  @media only screen and (min-width: 800px) {
    .navigation-07-header .language-07-menu {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 31.76157%;
      float: left !important; }
      .navigation-07-header .language-07-menu:last-child {
        margin-right: 0; }
      .navigation-07-header .language-07-menu li {
        float: right;
        margin: 0.5rem; } }
  @media only screen and (min-width: 1100px) {
    .navigation-07-header .language-07-menu {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 14.70196%;
      float: right !important; }
      .navigation-07-header .language-07-menu:last-child {
        margin-right: 0; }
      .navigation-07-header .language-07-menu li {
        float: right;
        margin: 0.5rem; } }

.footer-07-menu-wrapper {
  max-width: 75em;
  margin-left: auto;
  margin-right: auto;
  background: #eee; }
  .footer-07-menu-wrapper:after {
    content: "";
    display: table;
    clear: both; }

.footer-menu-wrapper-07-inner {
  max-width: 75em;
  margin-left: auto;
  margin-right: auto; }
  .footer-menu-wrapper-07-inner:after {
    content: "";
    display: table;
    clear: both; }

.footer-menu {
  padding: 0rem 1rem; }

.social-icons {
  padding: 0rem 1rem; }

.social-icons li {
  float: right; }

/* hide footer items for admin area */
.page-node-add .footer-cta-outer-wrapper, .page-node-add .footer-menu-outer-block-wrapper, .page-node-add .footer-menu-wrapper, .page-node-edit .footer-cta-outer-wrapper, .page-node-edit .footer-menu-outer-block-wrapper, .page-node-edit .footer-menu-wrapper {
  display: none; }

/* landing page produkte 2 /*/
.referenzen .container-row {
  margin-top: 2em; }

.referenzen .container-inner {
  margin-top: 0em;
  float: left;
  display: block;
  margin-right: 2.35765%;
  width: 100%;
  padding: 0em 1em; }
  .referenzen .container-inner .card {
    box-shadow: none;
    text-align: center;
    flex-basis: 10em;
    background: white;
    border: 1px #eee solid;
    border-radius: 0;
    padding: 1em; }
    @media only screen and (min-width: 800px) {
      .referenzen .container-inner .card {
        flex-basis: 12em; } }
    @media only screen and (min-width: 1100px) {
      .referenzen .container-inner .card {
        flex-basis: 5em; } }
  .referenzen .container-inner .card:hover {
    background: rgba(61, 90, 123, 0.15); }
  .referenzen .container-inner .intro {
    padding: 0em; }
  .referenzen .container-inner:last-child {
    margin-right: 0; }
  @media only screen and (min-width: 800px) {
    .referenzen .container-inner {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 82.94039%;
      margin-left: 8.5298%;
      padding: 0; }
      .referenzen .container-inner:last-child {
        margin-right: 0; } }
  @media only screen and (min-width: 1100px) {
    .referenzen .container-inner {
      float: left;
      display: block;
      margin-right: 2.35765%;
      width: 82.94039%;
      margin-left: 8.5298%;
      padding: 0; }
      .referenzen .container-inner:last-child {
        margin-right: 0; } }

.landing-produkte-2 .callout-dunkel {
  margin-top: 3em; }

.teaser-grid-3 li {
  list-style: none outside none; }

.teaser-grid-3 .node {
  height: 21em;
  border: 2px white solid;
  padding: 1em;
  border: 2px white solid; }

.teaser-grid-3 .node:hover {
  border: 2px #d49500 solid; }

.teaser-grid-3 {
  margin-top: 2em; }
  @media only screen and (min-width: 480px) {
    .teaser-grid-3 > li {
      width: 100%;
      float: left;
      margin-right: 4%;
      text-align: center;
      margin-bottom: 1.2em; }
      .teaser-grid-3 > li:nth-of-type(2n) {
        margin-right: 0; } }
  @media only screen and (min-width: 800px) {
    .teaser-grid-3 {
      margin-left: 8.5298%; }
      .teaser-grid-3 > li {
        text-align: left;
        width: 44%;
        float: left; }
        .teaser-grid-3 > li:nth-of-type(2n) {
          margin-right: 0; } }
  @media only screen and (min-width: 1100px) {
    .teaser-grid-3 {
      margin-left: 8.5298%; }
      .teaser-grid-3 > li {
        width: 30%;
        float: left; }
        .teaser-grid-3 > li:nth-of-type(1n) {
          margin-right: 2%; }
        .teaser-grid-3 > li:nth-of-type(2n) {
          margin-right: 2%; }
        .teaser-grid-3 > li:nth-of-type(3n) {
          margin-right: 0; } }

.teaser-grid-4 li {
  list-style: none outside none; }
  .teaser-grid-4 li img {
    width: 100%; }

.teaser-grid-4 {
  margin-top: 2em; }
  @media only screen and (min-width: 480px) {
    .teaser-grid-4 > li {
      width: 48%;
      float: left;
      margin-right: 4%;
      margin-bottom: 1.2em; }
      .teaser-grid-4 > li:nth-of-type(2n) {
        margin-right: 0; } }
  @media only screen and (min-width: 800px) {
    .teaser-grid-4 > li {
      width: 30%;
      float: left; }
      .teaser-grid-4 > li:nth-of-type(2n) {
        margin-right: 4%; }
      .teaser-grid-4 > li:nth-of-type(4n) {
        margin-right: 4%; }
      .teaser-grid-4 > li:nth-of-type(3n) {
        margin-right: 0; } }
  @media only screen and (min-width: 1100px) {
    .teaser-grid-4 {
      margin-top: 2em; }
      .teaser-grid-4 > li {
        width: 22%;
        float: left; }
        .teaser-grid-4 > li:nth-of-type(2n) {
          margin-right: 4%; }
        .teaser-grid-4 > li:nth-of-type(3n) {
          margin-right: 4%; }
        .teaser-grid-4 > li:nth-of-type(4n) {
          margin-right: 0; } }

/* footer cta links */
.footer-cta-outer-wrapper {
  background: white; }

.footer-cta-wrapper {
  max-width: 75em;
  margin-left: auto;
  margin-right: auto; }
  .footer-cta-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  .footer-cta-wrapper .footer-cta {
    padding: 0rem; }
    @media only screen and (min-width: 480px) {
      .footer-cta-wrapper .footer-cta {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
        margin-left: 0%;
        padding: 0;
        margin-right: 0; }
        .footer-cta-wrapper .footer-cta:last-child {
          margin-right: 0; } }
    @media only screen and (min-width: 800px) {
      .footer-cta-wrapper .footer-cta {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
        margin-left: 0%;
        padding: 0;
        margin-right: 0; }
        .footer-cta-wrapper .footer-cta:last-child {
          margin-right: 0; } }
    @media only screen and (min-width: 1100px) {
      .footer-cta-wrapper .footer-cta {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%;
        margin-left: 0%;
        padding: 0; }
        .footer-cta-wrapper .footer-cta:last-child {
          margin-right: 0; } }
  .footer-cta-wrapper .block {
    padding: 0rem;
    background: #eee; }

.footer-menu-outer-block-wrapper {
  background: #e5e8ef; }

.footer-menu-block-wrapper {
  max-width: 75em;
  margin-left: auto;
  margin-right: auto; }
  .footer-menu-block-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  .footer-menu-block-wrapper .footer-menu-block {
    color: white;
    padding: 2rem 0rem;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    padding: 0em 0em; }
    .footer-menu-block-wrapper .footer-menu-block a {
      color: #274d72;
      font-size: 90%;
      font-weight: 700; }
      .footer-menu-block-wrapper .footer-menu-block a:hover {
        color: white; }
    .footer-menu-block-wrapper .footer-menu-block:last-child {
      margin-right: 0; }
    @media only screen and (min-width: 800px) {
      .footer-menu-block-wrapper .footer-menu-block {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 100%;
        margin-left: 0%;
        padding: 0rem 0rem;
        margin-right: 0; }
        .footer-menu-block-wrapper .footer-menu-block:last-child {
          margin-right: 0; } }
    @media only screen and (min-width: 1100px) {
      .footer-menu-block-wrapper .footer-menu-block {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
        margin-left: 0%;
        padding: 0rem 0rem; }
        .footer-menu-block-wrapper .footer-menu-block:last-child {
          margin-right: 0; } }
    @media only screen and (min-width: 1100px) {
      .footer-menu-block-wrapper .footer-menu-block.block2 {
        float: right;
        max-width: 250px; } }
  .footer-menu-block-wrapper .block {
    padding: 1rem; }

.menu-block-wrapper.menu-name-menu-footermenu ul {
  margin-top: 0.8em; }
  .menu-block-wrapper.menu-name-menu-footermenu ul li {
    float: left;
    margin-right: 1em;
    line-height: 160%;
    height: 2rem; }
    .menu-block-wrapper.menu-name-menu-footermenu ul li a:hover {
      background: #e5e8ef; }

/* hide for admin pages */
.page-admin .footer-menu-outer-block-wrapper, .page-admin .footer-cta-outer-wrapper {
  display: none; }

/* footer links and social items */
.footer-menu-wrapper {
  background: #e5e8ef;
  color: white;
  min-height: 80px;
  float: left;
  margin-top: 1rem; }
  .footer-menu-wrapper a {
    font-weight: 700;
    color: #274d72; }

/* call to action footer */
.calltoaction-wrapper {
  background: #dddddd;
  padding: 2em 1em; }

.page-node-edit .administration-content {
  padding: 0rem 1rem !important; }

/* sections */
.section1-wrapper {
  clear: both;
  float: left;
  width: 100%;
  margin: 0rem;
  margin-bottom: 0.5rem;
  background: white;
  text-align: left;
  padding-bottom: 0rem; }
  .section1-wrapper .links {
    width: 100%;
    float: left;
    padding: 1rem; }
  .section1-wrapper .rechts {
    width: 100%;
    float: right;
    line-height: 0;
    padding: 1rem 1rem 0rem 1rem;
    padding-bottom: 1rem; }
  @media only screen and (min-width: 480px) {
    .section1-wrapper {
      padding: 0rem 4rem; } }
  @media only screen and (min-width: 800px) {
    .section1-wrapper {
      padding: 0;
      text-align: left;
      padding-bottom: 0; }
      .section1-wrapper .links {
        width: 50%;
        padding: 1rem; }
      .section1-wrapper .rechts {
        width: 50%;
        padding-left: 2rem;
        padding-top: 0;
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 0; } }
  @media only screen and (min-width: 1100px) {
    .section1-wrapper {
      padding: 0;
      text-align: left;
      padding-bottom: 0; }
      .section1-wrapper .links {
        width: 60%;
        padding: 1rem; }
      .section1-wrapper .rechts {
        width: 40%;
        padding-left: 2rem;
        padding-top: 0;
        padding-right: 0;
        padding-left: 0;
        display: block; } }
  .section1-wrapper .links-mobile {
    padding: 1rem;
    margin-top: 1rem;
    padding-bottom: 2rem; }

.section2-wrapper {
  clear: both;
  float: left;
  width: 100%;
  margin: 0rem;
  margin-bottom: 0.5rem;
  background: white;
  text-align: left;
  padding-bottom: 0rem; }
  .section2-wrapper .links {
    width: 100%;
    float: left;
    line-height: 0;
    padding: 1rem; }
  .section2-wrapper .rechts {
    width: 100%;
    float: right;
    padding: 0rem 1rem 0rem 1rem;
    display: block;
    padding-bottom: 2rem; }
  @media only screen and (min-width: 480px) {
    .section2-wrapper {
      padding: 0rem 4rem; } }
  @media only screen and (min-width: 800px) {
    .section2-wrapper {
      padding: 0;
      text-align: left; }
      .section2-wrapper .links {
        width: 50%;
        padding: 0; }
      .section2-wrapper .rechts {
        width: 50%;
        padding: 1rem; } }
  @media only screen and (min-width: 1100px) {
    .section2-wrapper {
      padding: 0;
      text-align: left;
      padding-bottom: 0; }
      .section2-wrapper .links {
        width: 40%; }
      .section2-wrapper .rechts {
        width: 60%;
        padding: 1rem; } }

.cards {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify; }

.card {
  -webkit-flex-basis: 15em;
  -moz-flex-basis: 15em;
  flex-basis: 15em;
  -ms-flex-preferred-size: 15em;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  background-color: white;
  border-radius: 3px;
  border: 1px solid #eee;
  margin: 0 1em 1.5em 1em;
  position: relative; }
  .card .pane-content {
    padding-top: 0rem; }
  .card .pane-content {
    padding-bottom: 0rem; }
  .card .card-image {
    overflow: hidden;
    max-height: 280px; }
    .card .card-image img {
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      border-top-left-radius: 3px;
      border-top-right-radius: 3px;
      width: 100%; }
  .card .card-header {
    border-radius: 3px 3px 0 0;
    font-weight: bold;
    line-height: 1.5em; }
  .card .card-copy {
    line-height: 1.5em;
    padding: 0.75em 0.75em; }
    .card .card-copy p {
      margin: 0 0 0.75em; }

.personen .card {
  margin: 0rem;
  -webkit-flex-basis: 25em;
  -moz-flex-basis: 25em;
  flex-basis: 25em;
  -ms-flex-preferred-size: 25em; }
  .personen .card h2 {
    font-size: 1.2rem;
    margin-bottom: 0.5rem; }
  .personen .card p, .personen .card .field-type-addressfield, .personen .card .field-type-email, .personen .card .field-type-text, .personen .card .sgg-funktion {
    font-size: 0.9rem;
    line-height: 140%; }
  .personen .card a:link {
    color: #3d5a7b; }

.card.person-card .card-image {
  max-height: 280px; }

.card.person-card {
  -webkit-flex-basis: 5em;
  -moz-flex-basis: 5em;
  flex-basis: 5em;
  -ms-flex-preferred-size: 5em;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-positive: 1; }

.card .pane-bundle-bereichstitel h2 {
  text-align: left;
  font-size: 1.3rem;
  padding: 0rem 1rem;
  margin: 0;
  margin-bottom: 0rem;
  color: white;
  background: #517c9e;
  padding: 0.5rem 1rem;
  margin-top: 0; }

.card .pane-bundle-bereichstitel {
  text-align: left;
  padding-bottom: 0; }

/* classy background styles */
.hintergrund-1 {
  background: #3d5a7b !important;
  color: white; }
  .hintergrund-1 input, .hintergrund-1 select, .hintergrund-1 textarea {
    background: #f6f6f6; }

.hintergrund-2 {
  background: #d49500 !important;
  color: white; }

.hintergrund-3 {
  background: #ddd !important; }

.hintergrund-4 {
  background: white !important; }

.classy-left {
  text-align: left; }

.classy-centerd {
  text-align: center; }

.classy-right {
  text-align: right; }

.classy-05rem {
  padding: 0.5rem;
  padding-top: 0; }

.classy-1rem {
  padding: 1rem;
  padding-top: 0; }

.ribbon-box {
  height: 100px;
  width: 100px;
  position: absolute;
  z-index: 100;
  top: 50px;
  right: 0; }
  @media only screen and (min-width: 800px) {
    .ribbon-box {
      top: 70px; } }

.ribbon-wrapper {
  height: 85px;
  width: 85px;
  overflow: hidden;
  position: absolute;
  right: 0px;
  top: -1px; }
  .ribbon-wrapper .ribbon {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #888;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 0.8em;
    font-weight: 800;
    left: -5px;
    line-height: 1.5em;
    padding: 2px 7px;
    position: relative;
    text-align: center;
    top: 15px;
    width: 120px; }

/* webform settings */
.webform-confirmation {
  padding: 1rem;
  padding-bottom: 0.5rem;
  background: rgba(61, 90, 123, 0.15);
  margin: 1rem 0rem; }

/* search view */
.search-result-view {
  background: white;
  padding: 1rem;
  margin-bottom: 0.5rem; }

#views-exposed-form-mazzeone-database-search-view-page .views-exposed-form .views-exposed-widget, .view-mazzeone-database-search-view .views-exposed-form .views-exposed-widget {
  padding: 0;
  float: none; }

#views-exposed-form-mazzeone-database-search-view-page .views-exposed-form .views-exposed-widget input.form-text, .view-mazzeone-database-search-view .views-exposed-form .views-exposed-widget input.form-text {
  border-radius: 0;
  width: 85%;
  display: inline-block;
  padding: 1rem;
  float: left;
  margin: 0;
  font-size: 1.1rem; }

#views-exposed-form-mazzeone-database-search-view-page .views-exposed-form .views-exposed-widget input.form-submit, .view-mazzeone-database-search-view .views-exposed-form .views-exposed-widget input.form-submit {
  border-radius: 0;
  width: 15%;
  float: right;
  margin: 0;
  padding: 1rem;
  font-size: 1.2rem; }

#views-exposed-form-mazzeone-database-search-view-page .view-filters, .view-mazzeone-database-search-view .view-filters {
  background: white;
  padding: 1rem;
  margin-bottom: 0.5rem; }

/* suchresultate */
.page-suche .main-content {
  max-width: 75em;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem; }
  .page-suche .main-content:after {
    content: "";
    display: table;
    clear: both; }

.page-suche .node-basisartikel.node-promoted {
  background: white; }

/* Reservationen */
.node .cd-faq-items ul {
  margin: 0; }

/* webform settings */
.webform-confirmation {
  padding: 1rem;
  padding-bottom: 0.5rem;
  background: rgba(61, 90, 123, 0.15);
  margin: 1rem 0rem; }

.node-webform .container-row {
  padding: 1rem 0rem; }

.node-webform .chosen-container {
  width: 5rem !important;
  font-size: 1rem; }
  @media only screen and (min-width: 800px) {
    .node-webform .chosen-container {
      width: 10rem !important; } }

/* in-page webform */
.webform-client-form .contact-form-wrapper-50-left {
  display: inline-block;
  width: 100%;
  height: 3rem; }
  @media only screen and (min-width: 800px) {
    .webform-client-form .contact-form-wrapper-50-left {
      width: 49%; } }

.webform-client-form .contact-form-wrapper-50-right {
  display: inline-block;
  width: 100%;
  float: right;
  height: 3rem; }
  @media only screen and (min-width: 800px) {
    .webform-client-form .contact-form-wrapper-50-right {
      width: 49%; } }

.webform-client-form .contact-form-wrapper-100 {
  clear: both;
  margin-top: 2rem;
  width: 100%;
  margin-top: 2rem;
  float: left;
  margin-bottom: 1rem; }

.webform-client-form select {
  width: 100%;
  height: 2.5rem;
  color: #333;
  border: 1px #ccc solid;
  border-radius: 2px;
  padding: 0.3rem; }

.webform-client-form .form-item {
  margin: 0;
  padding-top: 1rem; }

.webform-client-form .form-item.form-type-radio {
  margin: 0;
  padding-top: 0rem; }

.webform-client-form .form-actions {
  margin: 1rem 0rem;
  padding: 0;
  background-color: #f6f6f6; }

.chosen-container-single .chosen-single {
  height: 28px; }

.form-actions {
  margin-top: 2rem;
  border-top: 1px #eee solid;
  padding: 1rem;
  background: rgba(61, 90, 123, 0.15); }

.form-item div.error {
  color: #444; }

.chosen-container.error .chosen-single {
  border: 2px #d49500 solid; }

/* events */
.event-liste {
  display: table;
  width: 100%; }

.event-liste {
  padding: 0.9rem 0.5rem; }

.event-liste div {
  display: table;
  width: 50%;
  float: left; }
  @media only screen and (min-width: 800px) {
    .event-liste div {
      width: 20%;
      float: left; } }

.event-liste .event-link-detail {
  margin-top: 1rem; }
  @media only screen and (min-width: 800px) {
    .event-liste .event-link-detail {
      text-align: right;
      margin-top: 0; } }

.event-liste .event-link-detail a {
  background: #3d5a7b;
  text-align: center;
  padding: 0.5rem 1rem;
  color: rgba(61, 90, 123, 0.15);
  border-radius: 3px; }

.event-liste .event-link-detail a:hover {
  background: #013150;
  color: white; }

.view-id-mazze_veranstaltungsuebersicht h3 {
  margin-top: 3rem; }

.view-id-mazze_veranstaltungsuebersicht .views-row-odd {
  background: rgba(61, 90, 123, 0.15); }

.view-id-mazze_veranstaltungsuebersicht .views-row-even {
  background: white; }

/* codyfilter */
.mix_item.mix {
  background: white;
  width: 100%; }
  @media only screen and (min-width: 800px) {
    .mix_item.mix {
      width: 33%;
      height: 20rem; } }
  @media only screen and (min-width: 1100px) {
    .mix_item.mix {
      width: 24.5%;
      height: 20rem; } }
  .mix_item.mix h2 {
    margin: 0;
    padding: 0;
    font-size: 1rem;
    padding: 0.5rem; }
    @media only screen and (min-width: 800px) {
      .mix_item.mix h2 {
        font-size: 1.2rem; } }
  .mix_item.mix p {
    font-size: 0.9rem;
    padding: 0.5rem; }

.mix_item.mix:hover {
  cursor: pointer; }

.view-codyfilter-view {
  padding: 1rem; }

.mixitup_views_filter label {
  background: #4d8dde;
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 3px; }

.mixitup_views_filter label:hover {
  background: #3d5a7b; }

.mixitup_views_filter input {
  display: none; }

#mixitup-views-filters-form a#reset {
  background: white;
  padding: 0.5rem 1rem;
  border-radius: 3px;
  margin-bottom: 2rem;
  display: block; }

/* BVA 210 */
.layout-210 {
  max-width: 75em;
  margin-left: auto;
  margin-right: auto;
  padding: 0.5rem; }
  .layout-210:after {
    content: "";
    display: table;
    clear: both; }
  @media only screen and (min-width: 800px) {
    .layout-210 {
      padding: 1rem; } }
  .layout-210 .linkespalte {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    padding: 0.5rem;
    display: none; }
    .layout-210 .linkespalte:last-child {
      margin-right: 0; }
    @media only screen and (min-width: 800px) {
      .layout-210 .linkespalte {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%;
        padding: 0em 0em;
        display: block; }
        .layout-210 .linkespalte:last-child {
          margin-right: 0; } }
    @media only screen and (min-width: 1100px) {
      .layout-210 .linkespalte {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 14.70196%;
        padding: 0em 0em;
        display: block; }
        .layout-210 .linkespalte:last-child {
          margin-right: 0; } }
  .layout-210 .hauptspalte {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    background: white; }
    .layout-210 .hauptspalte:last-child {
      margin-right: 0; }
    @media only screen and (min-width: 800px) {
      .layout-210 .hauptspalte {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 74.41059%; }
        .layout-210 .hauptspalte:last-child {
          margin-right: 0; } }
    @media only screen and (min-width: 1100px) {
      .layout-210 .hauptspalte {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 82.94039%; }
        .layout-210 .hauptspalte:last-child {
          margin-right: 0; } }
    .layout-210 .hauptspalte .hauptspalte-text-wrapper {
      padding: 0.5rem; }
      @media only screen and (min-width: 800px) {
        .layout-210 .hauptspalte .hauptspalte-text-wrapper {
          padding: 1rem; } }
      @media only screen and (min-width: 1100px) {
        .layout-210 .hauptspalte .hauptspalte-text-wrapper {
          padding: 1rem; } }
  .layout-210 .rechtespalte {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    padding: 2rem 0.5rem; }
    .layout-210 .rechtespalte:last-child {
      margin-right: 0; }
    @media only screen and (min-width: 800px) {
      .layout-210 .rechtespalte {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%;
        padding: 0em 0em; }
        .layout-210 .rechtespalte:last-child {
          margin-right: 0; } }
    @media only screen and (min-width: 1100px) {
      .layout-210 .rechtespalte {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%;
        padding: 0rem 0rem; }
        .layout-210 .rechtespalte:last-child {
          margin-right: 0; } }

/* BVA 273 */
.layout-273 {
  max-width: 75em;
  margin-left: auto;
  margin-right: auto;
  padding: 0.5rem; }
  .layout-273:after {
    content: "";
    display: table;
    clear: both; }
  @media only screen and (min-width: 800px) {
    .layout-273 {
      padding: 1rem; } }
  @media only screen and (min-width: 1100px) {
    .layout-273 {
      padding: 1rem 0rem; } }
  .layout-273 .linkespalte {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    padding: 0.5rem;
    display: none; }
    .layout-273 .linkespalte:last-child {
      margin-right: 0; }
    @media only screen and (min-width: 800px) {
      .layout-273 .linkespalte {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 14.70196%;
        padding: 0em 0em;
        display: none; }
        .layout-273 .linkespalte:last-child {
          margin-right: 0; } }
    @media only screen and (min-width: 1100px) {
      .layout-273 .linkespalte {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 14.70196%;
        padding: 0em 0em;
        display: block; }
        .layout-273 .linkespalte:last-child {
          margin-right: 0; } }
  .layout-273 .hauptspalte {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    background: white; }
    .layout-273 .hauptspalte:last-child {
      margin-right: 0; }
    @media only screen and (min-width: 800px) {
      .layout-273 .hauptspalte {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 74.41059%; }
        .layout-273 .hauptspalte:last-child {
          margin-right: 0; } }
    @media only screen and (min-width: 1100px) {
      .layout-273 .hauptspalte {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 57.35098%; }
        .layout-273 .hauptspalte:last-child {
          margin-right: 0; } }
    .layout-273 .hauptspalte .hauptspalte-text-wrapper {
      padding: 0rem; }
      @media only screen and (min-width: 800px) {
        .layout-273 .hauptspalte .hauptspalte-text-wrapper {
          padding: 0rem; } }
      @media only screen and (min-width: 1100px) {
        .layout-273 .hauptspalte .hauptspalte-text-wrapper {
          padding: 0rem; } }
  .layout-273 .rechtespalte {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    padding: 2rem 0.5rem; }
    .layout-273 .rechtespalte:last-child {
      margin-right: 0; }
    @media only screen and (min-width: 800px) {
      .layout-273 .rechtespalte {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%;
        padding: 0em 0em; }
        .layout-273 .rechtespalte:last-child {
          margin-right: 0; } }
    @media only screen and (min-width: 1100px) {
      .layout-273 .rechtespalte {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%;
        padding: 0rem 0rem; }
        .layout-273 .rechtespalte:last-child {
          margin-right: 0; } }

/* classic left sidebar */
.classic {
  max-width: 75em;
  margin-left: auto;
  margin-right: auto;
  padding: 0.5rem; }
  .classic:after {
    content: "";
    display: table;
    clear: both; }
  @media only screen and (min-width: 800px) {
    .classic {
      padding: 0rem; } }
  .classic .linkespalte {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    padding: 0.5rem;
    display: none; }
    .classic .linkespalte:last-child {
      margin-right: 0; }
    @media only screen and (min-width: 800px) {
      .classic .linkespalte {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%;
        padding: 0em 0em;
        display: none; }
        .classic .linkespalte:last-child {
          margin-right: 0; } }
    @media only screen and (min-width: 1100px) {
      .classic .linkespalte {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%;
        padding: 0em 0em;
        display: block; }
        .classic .linkespalte:last-child {
          margin-right: 0; } }
  .classic .hauptspalte {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    background: white; }
    .classic .hauptspalte:last-child {
      margin-right: 0; }
    @media only screen and (min-width: 800px) {
      .classic .hauptspalte {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 74.41059%; }
        .classic .hauptspalte:last-child {
          margin-right: 0; } }
    @media only screen and (min-width: 1100px) {
      .classic .hauptspalte {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 74.41059%; }
        .classic .hauptspalte:last-child {
          margin-right: 0; } }
    .classic .hauptspalte .hauptspalte-text-wrapper {
      padding: 0.5rem; }
      @media only screen and (min-width: 800px) {
        .classic .hauptspalte .hauptspalte-text-wrapper {
          padding: 1rem; } }
      @media only screen and (min-width: 1100px) {
        .classic .hauptspalte .hauptspalte-text-wrapper {
          padding: 1rem; } }
  .classic .rechtespalte {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    padding: 2rem 0.5rem; }
    .classic .rechtespalte:last-child {
      margin-right: 0; }
    @media only screen and (min-width: 800px) {
      .classic .rechtespalte {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%;
        padding: 0em 0em; }
        .classic .rechtespalte:last-child {
          margin-right: 0; } }
    @media only screen and (min-width: 1100px) {
      .classic .rechtespalte {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%;
        padding: 0rem 0rem; }
        .classic .rechtespalte:last-child {
          margin-right: 0; } }

.mazze-teasersmall {
  float: left;
  margin-bottom: 0rem;
  background: white;
  padding: 1rem 1rem; }
  .mazze-teasersmall .links {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%; }
    .mazze-teasersmall .links:last-child {
      margin-right: 0; }
    @media only screen and (min-width: 800px) {
      .mazze-teasersmall .links {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%; }
        .mazze-teasersmall .links:last-child {
          margin-right: 0; } }
    @media only screen and (min-width: 1100px) {
      .mazze-teasersmall .links {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 31.76157%; }
        .mazze-teasersmall .links:last-child {
          margin-right: 0; } }
  .mazze-teasersmall .rechts {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%; }
    .mazze-teasersmall .rechts:last-child {
      margin-right: 0; }
    @media only screen and (min-width: 800px) {
      .mazze-teasersmall .rechts {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 65.88078%; }
        .mazze-teasersmall .rechts:last-child {
          margin-right: 0; } }
    @media only screen and (min-width: 1100px) {
      .mazze-teasersmall .rechts {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 65.88078%; }
        .mazze-teasersmall .rechts:last-child {
          margin-right: 0; } }

.video-wrapper {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative; }
  .video-wrapper embed,
  .video-wrapper object,
  .video-wrapper iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%; }

/* sidebar digital commerce */
.digital-commerce-wrapper {
  max-width: 75em;
  margin-left: auto;
  margin-right: auto;
  padding: 0rem 1rem; }
  .digital-commerce-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  .digital-commerce-wrapper .digital-commerce-sidebar {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%;
    padding-left: 1rem; }
    .digital-commerce-wrapper .digital-commerce-sidebar:last-child {
      margin-right: 0; }
    @media only screen and (min-width: 800px) {
      .digital-commerce-wrapper .digital-commerce-sidebar {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%;
        padding-left: 0; }
        .digital-commerce-wrapper .digital-commerce-sidebar:last-child {
          margin-right: 0; } }
    @media only screen and (min-width: 1100px) {
      .digital-commerce-wrapper .digital-commerce-sidebar {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 23.23176%;
        padding-left: 0; }
        .digital-commerce-wrapper .digital-commerce-sidebar:last-child {
          margin-right: 0; } }
  .digital-commerce-wrapper .digital-commerce-main-sidebar {
    float: right;
    padding-top: 0;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%; }
    .digital-commerce-wrapper .digital-commerce-main-sidebar:last-child {
      margin-right: 0; }
    @media only screen and (min-width: 800px) {
      .digital-commerce-wrapper .digital-commerce-main-sidebar {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 74.41059%; }
        .digital-commerce-wrapper .digital-commerce-main-sidebar:last-child {
          margin-right: 0; } }
    @media only screen and (min-width: 1100px) {
      .digital-commerce-wrapper .digital-commerce-main-sidebar {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 74.41059%; }
        .digital-commerce-wrapper .digital-commerce-main-sidebar:last-child {
          margin-right: 0; } }

.layout-shopdetail {
  background: white; }

/* newsletter signup pane */
.pane-bundle-newsletter-anmeldung {
  padding: 1rem; }

/* person pane */
.card .pane-bundle-person-neu .card-header {
  padding: 0 !important; }

/* bourbon sass modal */
.modal label {
  cursor: pointer;
  margin-bottom: 0; }

.modal label img {
  border-radius: 150px;
  display: block;
  max-width: 300px; }

.modal .modal-state {
  display: none; }

.modal .modal-trigger {
  padding: 0.8em 1em; }

.modal .modal-fade-screen {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.85);
  opacity: 0;
  padding-top: 0.6em;
  text-align: left;
  transition: opacity 0.25s ease;
  visibility: hidden;
  z-index: 99999999999; }
  @media screen and (min-width: 53.75em) {
    .modal .modal-fade-screen {
      padding-top: 10em; } }
  .modal .modal-fade-screen .modal-bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer; }

.modal .modal-close {
  position: absolute;
  top: 1.5em;
  right: 1.5em;
  height: 1.5em;
  width: 1.5em;
  background: #fff;
  cursor: pointer; }
  .modal .modal-close::after, .modal .modal-close::before {
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 0;
    left: 50%;
    height: 1.5em;
    width: 0.15em;
    background: #ddd;
    content: "";
    display: block;
    margin: -3px 0 0 -1px;
    transform: rotate(45deg); }
  .modal .modal-close:hover::after, .modal .modal-close:hover::before {
    background: #c4c4c4; }
  .modal .modal-close::before {
    transform: rotate(-45deg); }

.modal .modal-inner {
  background: #fff;
  border-radius: 3px;
  margin: auto;
  margin-top: 0;
  max-height: 95%;
  overflow: auto;
  padding: 1.5em;
  position: relative;
  transition: opacity 0.25s ease;
  width: 95%; }
  @media screen and (min-width: 40em) {
    .modal .modal-inner {
      max-height: 70%;
      padding: 3em;
      width: 60%; } }
  @media screen and (min-width: 53.75em) {
    .modal .modal-inner {
      width: 50%; } }
  .modal .modal-inner h1 {
    color: #333;
    text-align: left;
    text-transform: capitalize; }
  .modal .modal-inner p {
    color: #333;
    line-height: 1.5em; }
  .modal .modal-inner .modal-intro {
    margin-bottom: 1em; }
  .modal .modal-inner .modal-content {
    color: #333; }
    @media screen and (min-width: 40em) {
      .modal .modal-inner .modal-content {
        columns: 2 8em; } }
  .modal .modal-inner a.cta {
    color: #fff;
    display: inline-block;
    margin-right: 0.5em;
    margin-top: 1em; }
    .modal .modal-inner a.cta:last-child {
      padding: 0 2em; }

.modal .modal-state:checked + .modal-fade-screen {
  opacity: 1;
  visibility: visible; }

.modal .modal-state:checked + .modal-fade-screen .modal-inner {
  top: 0.5em; }

.modal-open {
  overflow: hidden; }

select#lang-dropdown-select-language {
  margin-bottom: 0.5rem;
  margin-top: 0.3rem;
  width: 1rem;
  float: left; }

select#partner-select-menu {
  margin-bottom: 0.5rem;
  margin-top: 0.3rem;
  float: left;
  margin-left: 10px;
  display: none; }
  @media only screen and (min-width: 1100px) {
    select#partner-select-menu {
      display: block; } }

iframe {
  width: 100% !important; }

.digital-commerce-main-no-sidebar {
  padding: 0rem 0rem; }

.node-type-layoutpage .layout-3-1 {
  padding: 1rem; }

.node-type-layoutpage .main-content {
  padding: 1rem 0rem; }
  @media only screen and (min-width: 800px) {
    .node-type-layoutpage .main-content {
      padding: 1rem; } }

.page-node-submission h1 {
  padding: 1rem; }

#block-custom-general-newsletter-block form {
  padding: 0;
  margin: 0; }
  #block-custom-general-newsletter-block form label {
    color: #274d72; }

#site-wrapper {
  display: flex;
  flex-direction: column;
  height: 100vh;
  margin: 0;
  min-height: 100vh;
  width: 100%; }
  body.navbar-tray-open.navbar-vertical #site-wrapper {
    height: calc(100vh - 39px);
    min-height: calc(100vh - 39px); }
  body.navbar-tray-open #site-wrapper {
    height: calc(100vh - 80px);
    min-height: calc(100vh - 80px); }

.footer-menu-wrapper {
  flex: 0 0 auto; }

.business-standard-wrapper {
  flex: 1 0 auto; }

body {
  margin: 0;
  padding: 0; }

/*# sourceMappingURL=layouts.css.map */