@import url('https://fonts.googleapis.com/css?family=Quicksand|Roboto:300,400,700');
/*Standard 8 Some Sales */
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block
}
.clearL, .clearR, .clear {
  clear: both;
}
H1, H2, H3, H4, H5, H6 {
  font: 15px 'Roboto', Arial, Verdana, Sans-serif;
  line-height: 120%;
  color: #e1cfc1;
  padding: 10px 0 0;
}
H1 {
  font-size: 40px;
  color: #e1cfc1;
  font-weight: bold;
  margin-bottom: 25px;
  text-transform: uppercase;
}
H2 {
  font-size: 35px;
  color: #e1cfc1;
  font-weight: bold;
  text-transform: uppercase;
}
H3 {
  font-size: 28px;
  color: #181b26;
  text-transform: uppercase;
}
H3+hr {
  border-bottom: 1px solid #e1cfc1;
  width: 70px;
  margin: 20px 0;
  background: none;
  height: 1px;
}
H4 {
  font-size: 18px;
}
H1+H1,H1+H2,H1+H3,H1+H4,H1+H5,H2+H1,H2+H2,H2+H3,H2+H4,H2+H5,H3+H1,H3+H2,H3+H3,H3+H4,H3+H5,H4+H1,H4+H2,H4+H3,H4+H4,H4+H5,H5+H1,H5+H2,H5+H3,H5+H4,H5+H5{
  padding: 0;
}
P {
  padding: 10px 0 5px;
}
A {
  text-decoration: none;
  color: #181b26;
}
A:hover {
  text-decoration: underline;
}
/*Farbe beim Text markieren*/
::-moz-selection {
  background: #e1cfc1;
  color: #ffffff;
}
::selection {
  background: #e1cfc1;
  color: #ffffff;
}
::-moz-selection {
  background: #e1cfc1;
  color: #ffffff;
}
TEXTAREA, INPUT, BUTTON {
  resize: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -webkit-font-smoothing: inherit;
  font: 15px 'Roboto', Arial, Verdana, Sans-serif;
  color: #000;
  padding: 15px;
  border: 1px solid #e1cfc1;
  background: #FFF;
}
BUTTON {
  border: none;
  cursor: pointer;
}
INPUT[type=text], TEXTAREA, INPUT[type=password],INPUT[type=email], SELECT, BUTTON {
  width: 100%;
}
INPUT[type=text], TEXTAREA, INPUT[type=submit], INPUT[type=reset], INPUT[type=password], INPUT[type=email], INPUT[type=search], TEXTAREA, BUTTON {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
INPUT[type=radio] {
  padding: 4px;
  line-height: normal;
  vertical-align: middle;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
INPUT:-webkit-autofill, TEXTAREA:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #FFF inset;
  -webkit-text-fill-color: #000;
}
::-webkit-input-placeholder {
  color: #ccc;
}
:-moz-placeholder {
  opacity: 1;
  color: #ccc;
}
::-moz-placeholder {
  opacity: 1;
  color: #ccc;
}
:-ms-input-placeholder {
  color: #ccc;
}

/*Image Abstand*/
.allcont DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
  margin: 0;
}
#subhead DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
  margin: 0;
}

/*Blockstile*/
P.align-center, H1.align-center, H2.align-center, H3.align-center, H4.align-center, H5.align-center, A.align-center, P A.align-center {
  text-align: center;
}
P.align-right, H1.align-right, H2.align-right, H3.align-right, H4.align-right, H5.align-right, A.align-right, P A.align-right {
  text-align: right;
}
P.align-justify, H1.align-justify, H2.align-justify, H3.align-justify, H4.align-justify, H5.align-justify, A.align-justify, P A.align-justify {
  text-align: justify;
}

/*Textstile*/
.button,
.button-scrollto {
  display: inline-block;
  background: transparent;
  color: #e1cfc1;
  padding: 20px 50px;
  border: 1px solid #e1cfc1;
  margin-top: 40px;
}
.button:hover,
.button-scrollto:hover {
  background: #e1cfc1;
  text-decoration: none;
  color: #303030;
}
.grossertext {
  font: 40px 'Roboto', Arial, Verdana, Sans-serif;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  margin-bottom: 30px;
  display: block;
}
.kleinertext {
  font: 24px 'Roboto', Arial, Verdana, Sans-serif;
  font-weight: 100;
  color: #e1cfc1;
}
.telefon {
  color: #e1cfc1;
  padding-left: 20px;
}
.xing {
  background: url(../img/xing.png) no-repeat left top;
  padding: 30px;
  width: 40px;
  height: 40px;
}

.twitter {
  padding: 30px;
  width: 40px;
  height: 40px;
  background: url(../img/twitter.png) no-repeat left top;
}

.mail {
  padding: 30px;
  width: 40px;
  height: 40px;
  background: url(../img/mail.png) no-repeat left top;
}
.facebook {
  padding: 30px;
  width: 40px;
  height: 40px;
  background: url(../img/facebook.png) no-repeat left top;
}

.button a, a.button,
.button-scrollto a, a.button-scrollto,
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_submit INPUT.powermail_submit {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

HR {
  background: url(/fileadmin/system/8somesales/img/hr.png) no-repeat center center;
  border: 0 solid #e1cfc1;
  height: 60px;
  padding: 0;
  margin: 60px 0;
}

.item p+hr {
  border-bottom: 1px solid #e1cfc1;
  width: 960px;
  margin: 20px 0;
  background: none;
  height: 1px;
}
.divider {
  position: relative;
  overflow: hidden;
}
.divider:before,
.divider:after {
  content: " ";
  width:43%;
  height: 1px;
  background: #e1cfc1;
  position: absolute;
  left: 0;
  top: 50%;
}
.divider:after {
  left: inherit;
  right: 0
}

/*Beide aktivieren wenn der Footer unten sitzen soll*/
HTML, BODY, #site {
  /*height: 100%;*/
}
BODY > #site {
  /*height: auto;*/
  /*min-height: 100%;*/
}

/*Template*/
BODY {
  font: 16px 'Quicksand', Arial, Verdana, Sans-serif;
  line-height: 28px;
  color: #555;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}
#site {

}

/*Head*/
.head {
  position: relative;
  background: #f0e7e0;
  padding: 10px 0;
}

.lang-switch LI {
  float: left;
  width: 18px;
  height: 13px;
  margin: 0px 0px 0px 10px;
  display: inline;
  cursor: pointer;
  opacity: 0.5;
}

ul.lang-switch {
  width: 10%;
  float: right;
  margin-top: 37px;
}

.lang-switch LI A {
    display: block;
    width: 100%;
    height: 100%;
}

li.lang-en {
    border-left: 1px solid #ccc;
}

LI.lang-de {
    background: url(../img/de.png) no-repeat left top;
}
LI.lang-en {
    background: url(../img/en.png) no-repeat left top;
}

.lang-switch LI.act {
    opacity: 1;
}
.lang-switch LI SPAN {
    display: none;
}



/*Logo*/
#logo {
  background: url(../img/logo.svg) no-repeat center / contain;
  width: 277px;
  height: 83px;
  float: left;
}
#logo A {
  display: block;
  width: 100%;
  height: 100%;
}
#logo A SPAN {
  display: none;
}
/*.bel3 #subhead {
  max-height: 700px;
}*/
#subhead .item * {
  float: none;
  right: auto;
  overflow: visible;
  position: static;
}

#subhead p {
  font: 18px 'Roboto', Arial, Verdana, Sans-serif;
  color: #e1cfc1;
  font-weight: 100;
}
#subhead {
  background: #181b26;
}

.sliderSubhead {
  display: flex;
  flex-wrap: wrap;
}

  .sliderSubhead .csc-textpic-text {
    box-sizing: border-box;
    width: 61%;
    padding: 3vw 5vw 3vw calc((100vw - 1200px) / 2);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .sliderSubhead .subheadImg {
    width: 39%;
    position: relative;
  }
    .sliderSubhead .subheadImg * {
      width: 100%;
      height: 100%;
    }
    .sliderSubhead .subheadImg .item img {
      object-fit: cover;
      overflow: hidden !important;
    }

  @media all and (max-width: 1290px) {
    .sliderSubhead .csc-textpic-text {
      padding-left: 3vw;
    }
  }

  @media all and (max-width: 860px) {
    .sliderSubhead .csc-textpic-text {
      width: 100%;
      padding: 3vw;
      background: rgba(0,0,0, 0.4);
      text-align: center;
    }

    .sliderSubhead .subheadImg {
      position: absolute !important;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -1;
    }
  }

/*.bel3 .sliderSubhead .subheadImg:before {
  content: "";
  background: url(../img/logo-vertikal.png) no-repeat left top / contain;
  width: 145px;
  height: 547px;
  max-height: 80vh;
  -webkit-background-size: 145px 547px;
     -moz-background-size: 145px 547px;
       -o-background-size: 145px 547px;
          background-size: 145px 547px;
  display: block;
  position: absolute;
  margin-top: 40px;
  margin-left: -69px;
}*/

.bel3 .sliderSubhead .subheadImg:before {
  content: "";
  background: url(../img/logo-vertikal.png) no-repeat left top  / contain;
  width: 125px;
  height: 470px;
  max-height: 80%;
  display: block;
  position: absolute;
  margin-top: 40px;
  margin-left: -59px;
}
/*.bel3 #subhead .sliderSubhead .csc-textpic-text {
  width: 30%;
  float: left;
  top: 50%;
  -webkit-transform: translateY(35%);
     -moz-transform: translateY(35%);
      -ms-transform: translateY(35%);
       -o-transform: translateY(35%);
          transform: translateY(35%);
  left: 50%;
  position: relative;
  margin-left: -600px;
}

#subhead .sliderSubhead .csc-textpic-text {
  width: 30%;
  float: left;
  top: 50%;
  -webkit-transform: translateY(185%);
     -moz-transform: translateY(185%);
      -ms-transform: translateY(185%);
       -o-transform: translateY(185%);
          transform: translateY(185%);
  left: 50%;
  position: relative;
  margin-left: -600px;
}


.subheadImg {
  width: 39%;
  float: right!important;
}*/

.sliderSubhead p {
  padding: 0;
}
/*#subhead DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image IMG {
  width: 100%;
  height: auto;
}*/

/*@media all and (min-width: 2000px) {
  #subhead DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    width: 100%;
    left: 0;
    margin-left: 0;
  }
  #subhead DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image IMG {
    width: 100%;
    height: auto;
  }
}*/

/*Nav*/
.nav {
  list-style-type: none;
  display: block;
  float: right;
  width: 46%;
}

/* Allgemeine Stile */
/* hier nichts aendern */
.nav LI {
  position: relative;
}
.nav LI:hover > .subNav, .nav LI.over > .subNav {
  display: block;
}
.nav LI:hover > A, .nav LI.over > A, .nav LI.act > A {
  text-decoration: none;
}

/* subNav */
.subNav {
  display: none;
  position: absolute;
  z-index: 100;
  background: url(../img/trans.png) repeat left top;
  left: 0;
  top: 100%;
}
.subNav .subNav {
  left: 100%;
  top: 0;
}
.nav > UL > LI:last-child > .subNav {
  left: inherit;
  right: 0;
}
.nav > UL > LI:last-child > .subNav .subNav {
  left: inherit;
  right: 100%;
}
/* ab hier anpassen */
.nav A {
  /*font-family: Arial, sans-serif;*/
  display: block;
}
/* Ebene I / Hauptnavigation */
.nav > UL > LI {
  float: left;
}
.nav > UL > LI > A {
  color: #303030;
  padding: 30px 20px 26px;
  font: 20px 'Roboto', Arial, Verdana, Sans-serif;
  font-weight: 100;
  text-transform: uppercase;
  border-bottom: 1px solid #f0e7e0;
}

/*.nav li.last {
    border-right: 1px solid #fff;
}*/

/* hover (Ebene I) */
.nav > UL > LI:hover > A,
.nav > UL > LI.over > A {
  color: #303030;
  border-bottom: 1px solid #181b26;
}

/* active (Ebene I) */
.nav > UL > LI.act > A,
.nav > UL > LI.act:hover > A,
.nav > UL > LI.act.over > A {
  color: #303030;
  border-bottom: 1px solid #181b26;
}

.subNav > LI + LI {
  border-top: 1px solid yellow;
}
.subNav A {
  padding: 5px 20px;
  color: #fff;
  background: #e1cfc1;
}
.nav > UL:after {
  content: "";
  display: block;
  clear: both;
}
.nav > UL {
  zoom: 1;
}

/*Back to home link*/
a.home {
  display: inline-block;
  margin-top: 20px;
  margin-left: calc((100vw - 1200px) / 2);
}

  @media all and (max-width: 1290px) {
    a.home {
      margin-left: 3%;
    }
  }

/*Allcont*/
.allcont {
  padding: 140px 0 0;
}

.allcont img {
    width: 100%;
    height: auto;
}
.cont {

}
.inner,
.cont > .item,
.gridwrapper > .item {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.gridwrapper > .item .gridwrapper > .item {
  width: auto;
}

/*Foot*/
.foot {
  background: #e1cfc1;
}
.footnav A {
  color: #181b26;
  text-transform: uppercase;
  margin: 0 20px 0 0;
}
.foot P {
  padding: 0;
}

.footnav {
  width: 240px;
  float: left;
  display: inline-block;
  position: relative;
  left: 50%;
  margin-left: -250px;
    margin-top: -17px;
}
.webdesign {
  display: inline-block;
  position: relative;
  left: 50%;
  margin-left: 30px;
  padding: 10px 0;
    color: #a6a6a6;
    text-transform: uppercase;
}

.webdesign a {
  color: #a6a6a6;
}

.footnav {
  width: 250px;
  float: left;
  display: inline-block;
}

.copy {
  width: 100%;
  text-align: center;
  background: #181b26;
  padding: 10px 0;
  color: #a6a6a6;
  font-size: 12px;
}

/*Listen*/
.allcont UL {
  margin: 5px 0px 10px 40px;
  list-style-image: url(../img/haken.png);
}
.allcont UL LI {
  list-style-type: disc;
  padding: 12px 0px 15px;
  border-bottom: 1px solid #e1cfc1;
}
.allcont OL {
  margin: 5px 0px 10px 18px;
}
.allcont OL LI {
  list-style-type: decimal;
  padding: 3px 0px;
}

/*Tabelle*/
.allcont TABLE {
  margin: 10px 0px 5px;
}
.allcont TABLE TR TD {
  padding: 5px 10px 5px 0px;
}
.allcont TABLE TR TH {
  text-align: left;
  font-weight: normal;
  font-size: 15px;
  color: #fff;
  background: #e1cfc1;
  padding: 5px 15px;
  border-right: 1px solid #fff;
}
.allcont TABLE.tabelle-basic {
  width: 100%;
}
.allcont TABLE.tabelle-basic TR.even {
  background-color: #f9f9f9;
}
.allcont TABLE.tabelle-basic TR TD {
  padding: 5px 15px;
  border-right: 1px solid #fff;
}
/*ERWEITERUNGEN*/
/*Powermail*/
.powermail_fieldset {
  margin-top: 10px;
}
.tx-powermail LEGEND.powermail_legend {
  display: none;
}
.tx-powermail H3 {
  display: none;
}
.tx-powermail .powermail_form .powermail_fieldwrap {
  padding: 3px 0;
  position: relative;
}
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_input LABEL {
  display: block;
  width: 100%;
  padding: 5px 0 0;
}
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_input INPUT,
.tx-powermail .powermail_form .powermail_fieldwrap TEXTAREA {
  width: 100%;
  border: 1px solid #e1cfc1;
}
.tx-powermail .powermail_form .powermail_fieldwrap TEXTAREA {
  height: 100px;
  resize: vertical;
  display: block;
}
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_input INPUT:focus,
.tx-powermail .powermail_form .powermail_fieldwrap TEXTAREA:focus {
  background: #eee;
}

/*Checkboxen - Radiobuttons*/
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_check INPUT,
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_radio INPUT {
  margin: 0 5px 0 3px;
}
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_check LABEL,
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_radio LABEL {
  position: relative;
  top: 1px;
  cursor: pointer;
}
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_radio .radio,
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_check .checkbox {
  display: inline-block;
  /*margin-right: 2%;*/
  width: 75%;
}

/*Submit Button*/
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_submit {
  padding: 0px;
  margin: 5px 0 10px;
  float: right;
}
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_submit INPUT.powermail_submit {
  background: transparent;
  color: #e1cfc1;
  padding: 20px 50px;
  border: 1px solid #e1cfc1;
  cursor: pointer;
}
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_submit INPUT.powermail_submit:hover {
  color: #303030;
  background: #e1cfc1;
}

/*Pflichtfelder*/
.tx-powermail .powermail_fieldwrap .mandatory {
  color: #e1cfc1;
}

/*Text anzeigen*/
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_text {
  font-size: 12px;
  color: #555;
}
.tx-powermail .powermail_form .powermail_fieldwrap.powermail_fieldwrap_type_text.layout1 {
  font-size: 12px;
  color: #181b26;
  font-style: italic;
  float: left;
}

/*Selectfeld*/
.tx-powermail .powermail_form SELECT {
  width: 100%;
}

/*Fehlermeldung*/
.parsley-errors-list {
  position: absolute;
  bottom: 5px;
  right: 2px;
  margin: 0 !important;
  padding: 0;
  font-size: 11px;
  background: #181b26;
  color: #FFF;
}

.powermail_fieldwrap_datenschutzerklrung .powermail_field_error_container {
  float: right;
}
.powermail_fieldwrap_datenschutzerklrung .parsley-errors-list {
/*  position: static;
  display: inline-block;*/
}

.tx-powermail .powermail_form .powermail_fieldset .powermail_fieldwrap_textarea .parsley-errors-list {
  bottom: 11px;
}
.parsley-errors-list LI {
  list-style-type: none !important;
  list-style-image: none;
  padding: 0 10px !important;
  border-bottom: none !important;
}

.tx-powermail .powermail_form .powermail_fieldset INPUT.parsley-error,
.tx-powermail .powermail_form .powermail_fieldset TEXTAREA.parsley-error {
  border: 2px solid #181b26;
}

/*Abenden Seite*/
.tx-powermail .powermail_create DT {
  padding: 2px 0;
  font-weight: bold;
  float: left;
  clear: both;
  margin-right: 2%;
  width: 28%;
}
.tx-powermail .powermail_create DD {
  float: left;
  width: 70%;
  padding: 2px 0;
}

/*Kontaktformular*/
.powermail_fieldwrap_straenr,
.powermail_fieldwrap_telefon {
  float: left;
  width: 48%;
}
.powermail_fieldwrap_plzort,
.powermail_fieldwrap_email {
  float: right;
  width: 48%;
}
.powermail_fieldwrap_telefon,
.powermail_fieldwrap_ihrenachricht {
  clear: left;
}

/*Gridelemente*/
/*Allgemein*/
.gridrow .col {
  float: left;
  display: block;
}
.gridrow .col + .col {
  margin-left: 1%;
}

/*Boxen 50%*/
.box50 > .col {
  width: 49.5%;
  min-height: 1px;
}

/*Boxen 33%*/
.box33 > .col {
  width: 30.6%;
}

/*Boxen 25%*/
.box25 > .col {
  width: 22%;
}

/*Boxen 33%-66%*/
.box33-66 > .col.col1 {
  width: 32%;
}
.box33-66 > .col.col2 {
  width: 64%;
}

/*Boxen 66%-33%*/
.box66-33 > .col.col1 {
  width: 64%;
}
.box66-33 > .col.col2 {
  width: 32%;
}

/*Volle Breite*/
.item.b100,
.item.b101 {
  width: 100%;
}
.item.b101 > .gridrow {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}

/*Farbig*/
.item.grey {
  background-color: #f8f8f8;
  padding: 2%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.item.b100.grey {
  padding: 0;
}
.item.b100 .col + .col {
  margin-left: 0;
}
.item.b100 .box50 > .col {
  width: 50%;
}

.logoSlider .slick-current,
.logoSlider .slick-slide,
.logoSlider .slick-active {
  opacity: 0.5 !important;
}

.logoSlider {
  margin-left: -30px;
  overflow: hidden;
}

.bildText {
  width: 100%;
  position: relative;
  /*margin-bottom: 130px;*/
}

.bildText figure.csc-textpic-image.csc-textpic-last, .bildText .csc-textpic-imagewrap {
  width: 100%;
}

.bildText img {
  width: 100%;
  height: auto;
}

.bildText .text {
  position: absolute;
  top: 36%;
  width: 100%;
}
.bildText .text h2 {
  font-size: 60px;
  color: #fff;
}
.aboutBox {
  padding: 30px 20px;
  overflow: hidden;
  height: 520px;
  position: relative;
  background-color: #f0e7e0;
  margin: 50px 0 130px 0;
}

.aboutBox .bild {
  width: 400px;
}

.aboutBox .bild figure {
  bottom: 0;
  z-index: 5;
  height: 345px;
  -webkit-transition: ease-in 0.6s;
  -o-transition: ease-in 0.6s;
  -moz-transition: ease-in 0.6s;
  transition: ease-in 0.6s;
  position: absolute;
/*  filter: url(data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter i…0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale);
  filter: gray;
  -webkit-filter: grayscale(100%);*/
}

.aboutBox figure.csc-textpic-image {
  left: -165px;
}

.aboutBox img {
  width: 100%;
  height: auto;
}
.aboutBox:hover figure, .aboutBox.active figure {
  -webkit-filter: none;
          filter: none;
  left: 90px;
  -webkit-transform: translateX(10px);
     -moz-transform: translateX(10px);
      -ms-transform: translateX(10px);
       -o-transform: translateX(10px);
          transform: translateX(10px);
  -webkit-filter: grayscale(0%);
}

.aboutBox:hover .text, .aboutBox.active .text {
  opacity: 0.4;
}
.aboutBox h3 {
  font: 24px 'Roboto', Arial, Verdana, Sans-serif;
  color: #303030;
  font-weight: 100;
  text-transform: uppercase;
}
.aboutBox h2 {
  font: 30px 'Roboto', Arial, Verdana, Sans-serif;
  color: #303030;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.aboutBox .socialmedia {
  position: relative;
  z-index: 6;
}

.bx-controls-direction {
  display: none;
}

.iw-toolbar {
  background-color: #e1cfc1!important;
  color: #303030!important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.iw-toolbar h3 {
  color: #303030!important;
  margin: 0;
  padding: 10px;
}

.infoBox .iw-details span a {
  color: #303030!important;
  text-decoration: none;
}
.infoBox .iw-details span a:hover {
  color: #181b26!important;
  text-decoration: underline;
}
/*Special_ID-Anpassungen*/
#mapkit-9742 {
  height:400px;
  width:100%;
}


/* kacheln */
.kacheln {
  max-width: 900px;
    box-sizing: border-box;
}
.kacheln .gridrow {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.kacheln .gridrow .gridwrapper {
  background-color: #f7f3ef;
  width: 31.6%;
  transition: all 0.5s;
  margin-bottom: 24px;
  margin-left: 2.6%;
}
.kacheln .gridrow .gridwrapper:hover {
  background-color: #f0e7e0;
}
.kacheln .gridrow .gridwrapper:nth-of-type(3n+1) {
  margin-left: 0px;
}
/* Kachelelemente */
.kachel-wrapper .kachel {
  text-align: center;
  padding: 45px 22.5px;
  cursor: pointer;
  width: 100%;
  box-sizing: border-box;
}
.kachel-wrapper .kachel .icon {
  width: 100px;
  height: 100px;
  border: 2px solid #181b26;
  border-radius: 100%;
  margin: 0px auto 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.kachel-wrapper .kachel .icon img {
  max-width: 65%;
  max-height: 65%;
  margin: 0px auto;
  object-fit: contain;
}
.kachel-wrapper .kachel .unterschrift .item > * {
    font: 30px 'Roboto', Arial, Verdana, Sans-serif !important;
    font-weight: 400 !important;
    color: #181b26 !important;
    padding: 0px !important;
}
.kachel-wrapper .popup {
  display: none;
}
body.openPopup {
  width: 100vw;
  height: 100vh;
  overflow: hidden
}
.popup {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.85);
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: center;
}
.popup .popupInner {
  max-width: 90vw;
  max-height: 80vh;
  overflow-y: scroll;
  width: 1200px;
  margin: auto;
  background-color: #f0e7e0;
    box-shadow: 0 0 20px 3px rgba(0,0,0,0.9);
}
.popup .popupInner .header {
  width: 100%;
  height: 350px;
  overflow: hidden;
}
.popup .popupInner .header * {
  width: 101%;
  height: 350px;
  margin: 0px;
  padding: 0px;
}
.popup .popupInner .header img {
  object-fit: cover;
}
.popup .popupInner .text {
  padding: 50px 100px 75px;
  box-sizing: border-box;
}
.popup .popupInner .text button {
  width: auto;
  border: 2px solid #181b26;
  padding: 17px 30px;
  background-color: transparent;
  color: #181b26;
  text-transform: uppercase;
  margin-top: 40px;
  transition: all 0.5s;
}
.popup .popupInner .text button:hover {
  background-color: #181b26;
  color: #f0e7e0;
}

/*Cookiebot*/
#CybotCookiebotDialog {
  background: #fff !important;
  padding: 20px !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2) !important;
  box-sizing: border-box !important;
}

#CybotCookiebotDialog a#CybotCookiebotDialogBodyLevelButtonAccept,
a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
  background-color: #E3000F !important;
  color: #fff !important;
  border: none !important;
  border-radius: 15px;
  font-weight: bold;

  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  cursor: pointer;
  padding: 5px !important;
  text-decoration: none !important;
  text-shadow: none !important;
  margin-top: 10px;
  margin-right: 6px;
  margin-bottom: 6px;
}
  a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
    border: 1px solid #E3000F !important;
    background: #fff !important;
    color: #E3000F !important;
  }

/* Logo */
#CybotCookiebotDialogPoweredbyLink {
  /*width: 90px !important;
  height: 86px !important;*/
  width: 60px !important;
  height: 57px !important;
  max-height: 100%;
  margin: 0 !important;
  background: url('../img/logo-ipack.png') no-repeat left top / contain;
}

#CybotCookiebotDialogPoweredbyImage {
  display: none;
}

#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonsSelectPane {
  border: none;
}

#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelDetailsWrapper {
  background-color: transparent;
  border: none;
}

#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieTypeTable thead td,
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieTypeTable thead th {
  background-color: transparent !important; 
  padding: 5px;
}

#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieTypeTable tbody td {
  padding: 5px;
}

#CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentCookieContainerTypes,
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieContainerTypes {
  background-color: transparent;
}

#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieContainerTypesSelected {
  color: #984a25 !important;
}

#CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentCookieContainerTypeDetails,
#CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentTextAbout,
#CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentTextIAB {
  padding: 30px;
}