/*
Theme Name: SKS-Germany
Theme URI: https://jom-group.com
Author: JOM com GmbH
Author URI: https://jom-group.com
Description: JOM Group Basis Theme
Version: 2.2
Text Domain: jom-sks
*/

/** 1.0 Allgemeine Styles **/
  /* 1.1 Resets und Standards */
  html {
    overflow-y:scroll !important;
  }

  html,body {
    width:100%;
    margin:0;
    min-width:320px;
    margin:0 auto;
    scroll-behavior: smooth;
    font-family:'Open Sans';
    max-width:1920px;
    -webkit-text-size-adjust:none;

  }

  * {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
  }

  p {
    line-height:1.4em
  }

  a {outline : none;}

  input:-webkit-autofill, input:-webkit-autofill:hover,
  input:-webkit-autofill:focus {
    background-color: #fff !important;
  }



  img {border : 0;}

  picture.cover img {
    object-fit: cover;
    width:100%;
    height:100%;
    display:block;
  }

  picture img {
    width:100%;
    height:auto;
    display:block;
  }

  picture.cover {
    width:100%;
    height:100%;
    display:block;
  }

  blockquote {
    margin:0;
    margin-bottom: 50px;
    border-left:2px solid #ee7202;
    padding-left: 30px;
  }

  blockquote p{
    font-size: 1.6em;
  }
  .max-width {
    margin:0 auto;
    width:100%;
    max-width:1260px;
  }

  .max-width-s {
    margin:0 auto;
    width:100%;
    max-width:900px;
  }

  .sektion {
    padding: 50px 20px;
  }

  .sektion.ohne-seitenabstand {
      padding:50px 0px;
  }

  .sektion.voller-bereich {
    padding:0;
  }

  .sektion.abstand-oben {
      padding: 20px;
      padding-top: 50px;
      padding-bottom:0;
  }

  .sektion.abstand-unten {
      padding: 20px;
      padding-top:0;
      padding-bottom:50px;
  }

  .sektion.vollbild{
    height: 100vh;
  }

  .sektion.halber-abstand {
    padding: 30px 20px;
  }

  .sektion.halber-abstand-oben {
      padding:20px;
      padding-top:30px;
      padding-bottom:0;
  }

  .sektion.halber-abstand-unten {
      padding:20px;
      padding-top:0;
      padding-bottom:30px;
  }

  .sektion.halber-abstand-oben-voller-unten {
      padding:20px;
      padding-top:30px;
      padding-bottom:50px;
  }

  .sektion.halber-abstand-unten-voller-oben {
      padding:20px;
      padding-top:50px;
      padding-bottom:30px;
  }

  .sektion.vollbild .textblock {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }

  /* 1.2 Headlines */
  h1,h2,h3,h4,h5,h6 {
    /*font-family: urw-din, sans-serif;*/
    font-family: 'Barlow', sans-serif;
    font-style: normal;
    margin:0;
    letter-spacing: 0.025em;
  }

  h1, h2 {
    font-weight:900;
    font-size:32px;
  }

  .ueberschrift h1,
  .ueberschrift h2,
  .ueberschrift h3{ text-transform: uppercase;}

  .produktbeschreibung h2 {
      font-size:24px;
  }

  h3 {
    font-weight:300;
    font-size:16px;
  }

  h1.typ-2, h2.typ-2, h3.typ-2 {
    color: #ee7202;
  }

  h1.typ-3, h2.typ-3, h3.typ-3 {
    color: #fff;
  }

  h2,
  h2.headline{ text-transform: none;}

  .headlineverbund.zentriert {
      text-align:center;
  }

  .headlineverbund.rechtsbuendig {
      text-align: right;
  }

  .headlineverbund h3,
  .textblock .headlineverbund h3 {
    margin-bottom:0;
    margin-top:0;
  }

  .headlineverbund h2,
  .textblock .headlineverbund h2{
    margin-top: 0;
    margin-bottom:30px;
  }


/* Farbschemata */

  .hell h3 {
    color:#ee7202;
  }

  .hell h2 {
    color:#fff;
  }

  .hell p{
    color:#fff;
  }


  .dunkel h3 {
    color:#fff;
  }

  .dunkel h2 {
    color:#ee7202;
  }

  span.highlight{
      color: #ee7202;

  }


  /* 1.3 Paragraphen */
  p {
    font-family: 'Open Sans', sans-serif;
    font-weight:400;
    font-size:16px;
    line-height:1.5em;
    margin-top:0;

  }


  p.typ-3 {
      color:#fff;
  }

  ul {
    font-size:16px;
  }

  .zentrierter-block {
    margin:0 auto;
  }

  .zentrierter-text {
    text-align:center;
  }

  p+.knopf {
    margin-top:30px;
  }

  /* 1.4 Knöpfe */
  .knopf, input[type="submit"]  {
    display:inline-block;
    border:4px solid;
    padding:0.7em 2.25em;
    text-transform:uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: normal;
    cursor:pointer;
    position:relative;
    text-align:center;
    text-decoration:none;
    font-size:14px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background:transparent;
  }

  .knopf.voll {
    width:100%;
  }

  .knopf.typ-1 {
    color: #222;
    border-color:#222;
  }

  .knopf.typ-2 {
    color: #ee7202;
    border-color: #ee7202;
  }

  .knopf.typ-3 {
    color: #fff;
    border-color: #fff;
  }

  .knopf.mit-pfeil:after {
    content:"";
    display:block;
    border-top:2px solid;
    border-right:2px solid;
    border-color:inherit;
    transform:rotate(45deg);
    background-color:transparent;
    width: 1em;
    height:1em;
    position:absolute;
    right:1.75em;
    top:50%;
    margin-top:-0.5em;
    transition: all 0.3s;
  }

  .knopf.mit-pfeil {
    padding-right:3.95em;
  }


  .knopf.mit-icon {
    padding-left:3em;
  }

  .knopf.mit-icon svg {
    width:1.4em !important;
    height: auto !important;
    display:block;
  }

  .knopf.mit-icon.typ-1 svg path {
    fill:#222;
  }

  .knopf.mit-icon.typ-2 svg path {
    fill:#ee7202;
  }

  .knopf.mit-icon.typ-3 svg path {
    fill:#fff;
  }

  .knopf.mit-icon .icon-gruppe {
    position:absolute;
    height:100%;
    width:2em;
    top:0;
    display:flex;
    margin-left: -2em;
    align-items: center;
    justify-content: center;
  }

  /* 1.5 Kopfzeile */
  .customize-support .kopfzeile {
    top:46px;
  }

  @media(min-width:783px) {
    .customize-support .kopfzeile {
      top:32px;
    }
  }

  .kopfzeile {
    width:100%;
    height:50px;
    position:fixed;
    top:0;
    left:0;
    z-index:9001;
  }

  .kopfzeilen-gruppe {
    height:50px;
    margin:0 auto;
    display:flex;
    background-color:rgba(0,0,0,0.7);
    max-width:1920px;
    margin:0 auto;
  }

  #logo-gruppe,#sprachwahl, #menue-button {
    display:flex;
  }

  #logo-gruppe {
    flex-basis: 100px;
    padding:10px;
    z-index:1;
  }

  #link-gruppe {
    display:none;
  }

  #sprachwahl {
    flex-basis:calc(100% - 100px);
    justify-content:flex-end;
    align-items:center;
    padding:0 20px;
  }

  #menue-button {
    flex-basis:50px;
    justify-content:flex-end;
    height:100%;
    z-index:1;
  }

  /* 1.6 Navigationsmenü Komplett */

  #menue {
    display:block;
    position:fixed;
    top:0px;
    left:0;
    padding-top:50px;
    background:#000;
    width:100%;
    height:100vh;
    transform:translateX(100%);
    transition: all 0.3s ease-out;
    pointer-events:none;
    z-index:9000;
    color:#fff;
    overflow:auto;
  }

  .customize-support #menue{
      padding-top:96px;
  }

  #menue.aktiv {
    transform:translateX(0);
    pointer-events:auto;
  }

  #menue-gruppe {


  }

/*
  #menue-gruppe .spalte:first-child {
    padding-top:0px;
  } */

  #menue-gruppe .spalte:last-child {

  }

  #menue-gruppe .spalte ul {
      list-style:none;
      font-size:16px;
      padding:0;
      margin:0;
  }


  #menue-gruppe .spalte > ul > li {
      border-bottom:1px solid #a7a7a7;
      position:relative;

  }

#menue-gruppe .spalte ul li.menu-item-has-children:after {
    content:"";
    display:block;
    border-top:2px solid;
    border-right:2px solid;
    border-color:inherit;
    transform:rotate(45deg);
    background-color:transparent;
    width: 1em;
    height:1em;
    position:absolute;
    right: 20px;
    top:25px;
    margin-top:-0.5em;
    transition: all 0.3s;
  }

  #menue-gruppe .spalte ul li.menu-item-has-children.aktiv:after {
    transform:rotate(135deg);
    right:17px;
  }

  #menue-gruppe .spalte ul li > a {
      text-transform:uppercase;
      text-decoration:none;
      color:#ee7202;
      padding:  15px;
      display:inline-block;
  }

  #menue-gruppe .spalte ul.sub-menu li > a {
      text-transform:uppercase;
      text-decoration:none;
      color:#eaeaea;
      margin-top:0;
      padding:0;
      padding-left:40px;
      padding-bottom:15px;
  }




  #menue-gruppe .spalte ul.sub-menu {
      height:0px;
      overflow:hidden;
  }







  /* 1.7 Logo */
  .logo {
    height:100%;
  }

  .logo a {
    display:block;
    height:100%;
  }

  .logo img {
    height:100%;
    display:block;
  }

  /* 1.8 Hamburger-Menü Button */
  .hamburger-menue {
    background:transparent;
    border:none;
    outline:none;
    margin:0;
    display:flex;
    font-family: inherit;
    font-size: 100%;
    height:100%;
    background-color: #000;
    justify-content:flex-end;
    align-items:center;
    padding:10px;
  }

  .hamburger-icon {
    width:30px;
    height:30px;
    position:relative;
    cursor:pointer;
  }

  .hamburger-icon .line, .hamburger-icon:before, .hamburger-icon:after {
    width:100%;
    background-color:#fff;
    border-radius:2px;
    height:4px;
    position:absolute;
    transition: all 0.3s;
  }

  .hamburger-icon:before, .hamburger-icon:after {
    content:"";
    display:block;
  }

  .hamburger-icon .line {
    display:block;
    top:13px;
  }

  .hamburger-icon:before {
    top:5px;
  }

  .hamburger-icon:after {
    top:21px;
  }


  .aktiv .hamburger-icon .line {
      display:none;
  }

  .aktiv .hamburger-icon:before{
      transform:rotate(45deg);
      top:15px;
  }

  .aktiv .hamburger-icon:after{
      transform:rotate(-45deg);
      top:15px;
  }

  /* 1.9 Hauptlinks in Kopfzeile */
  #hauptlinks ul.menu {
    list-style:none;
    padding:0;
    margin:0;
    height:100%;
    display:flex;
    flex-wrap:wrap;
  }

  #hauptlinks ul.menu li {
    display:flex;
  }

  #hauptlinks ul.menu li a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 0 20px;
    text-decoration:none;
    color:#fff;
    text-transform:uppercase;
  }


  /* 1.10 Sprachwahl-Dropdown */
  #sprach-selektor {
    position:relative;
    cursor:pointer;
  }

  #sprach-selektor .sprachen {
    list-style:none;
    padding:0;
    margin:0;
    position:absolute;
    background:#fff;
    width:70px;
    text-align:center;
    top: 45px;
    opacity:0;
    display:none;
    border-radius:4px;

    margin-left:-35px;
    left:50%;
    transition: all 1s ease-out;
    z-index:10;
  }

  #sprach-selektor .sprachen:before {
    content:"";
    display:block;
  	width: 0;
  	height: 0;
  	position: absolute;
  	border-left: 8px solid transparent;
  	border-right: 8px solid transparent;
  	border-bottom: 8px solid white;
  	top: -8px;
  	left: 50%;
  	margin-left: -8px;

  }


  #selektiert {
    width:40px;
    height:40px;
    color:#fff;
    border-radius:50%;
    background:#000;
    line-height:40px;
    font-size:16px;
    text-align:center;
    text-transform:uppercase;
  }

  #sprach-selektor .sprachen.aktiv {
    top:50px;
    opacity:1;
    display:block;
  }

  #sprach-selektor .sprachen .sprache a {
    text-decoration:none;
    color: #666;
    font-weight:600;
    padding:5px 15px;
    padding-top:0;

    border-bottom: 1px solid #fff;
    display:block;
    text-transform:uppercase;

  }

  #sprach-selektor .sprachen .sprache:first-child a {
      padding-top:15px;
  }

  #sprach-selektor .sprachen .sprache:last-child a {
      padding-bottom:15px;
      border-radius:4px;

  }

  /* 1.11 Icons für spezielle Links */
  i.icon {
      margin-right:10px;
  }

  i.icon.icon-suche {
     width:28px;
     height:28px;
     display:inline-block;
     background:url('img/icons/lupe.svg');
     background-size:100% 100%;
     background-position:center;
  }


  #extralinks .suche.aktuelle-seite .icon-suche, #extralinks .suche.aktiv .icon-suche, .suche.aktiv.mobile .icon-suche  {
      background-image:url('img/icons/lupe_aktiv.svg');
  }

  #extralinks .spalte.link.aktiv a {
      color:#ee7202;
  }

  i.icon.icon-geo {
     width:28px;
     height:28px;
     display:inline-block;
     background:url('img/icons/geo.svg');
     background-size:100% 100%;
     background-position:center;
  }

  .spalte.link.aktiv   i.icon.icon-geo {
    background:url('img/icons/geo_aktiv.svg');
  }

  .spalte.suche.aktuelle-seite label {
      color:#ee7202;
  }

  .spalte.suche {
     cursor:pointer;
  }

  .suche.mobile .icon-suche {
      margin-top:4px;
  }




  /* 1.12 Footer */
  .footer {
    background-color:#e5e5e5;
    min-height:330px;
    border-top: 5px solid #a7a7a7;
    position:relative;
    color: #a5a5a5;
  }

  .footer .logo-gruppe {
    height:50px;
    width:100%;
    position:absolute;
    top:-25px;
    z-index:1000;
  }

  .footer .logo-gruppe img {
    display:inline-block;
    width:50px;
    height:51px;
  }

  .footer .logo-gruppe {
    text-align:center;
  }

  .footer-inhalt {
    padding: 50px 0;
  }


  .footer .menu {
    list-style:none;
    padding:0;
    margin:0;
  }

  .footer .menu li {
    display:inline-block;
  }

  .footer .menu li a {
    text-decoration:none;
    display:inline-block;
    padding:15px;
    margin:0;
    text-transform:uppercase;
    color: #a5a5a5;
  }

  .footer .social-icon a {

      width:50px;
      height:50px;
      overflow:hidden;
      text-indent: -9999px;
      background-size:100% auto;
      background-position:center;
      top: 18px;
      position: relative;


  }

  .footer .social-icon.facebook a {
      background-image:url('img/icons/social-icon-fb.svg');
  }

  .footer .social-icon.instagram a {
      background-image:url('img/icons/social-icon-insta.svg');
  }
  .footer .social-icon.youtube a {
      background-image:url('img/icons/social-icon-yt.svg');
  }



  /* 1.13. Seiteninhalt */
  #seiten-inhalt {
      min-height:calc(100vh - 350px);
  }

  /* 1.14. Accordeon */
  .accordeon-eintrag-inhalt {
      height:0px;
      overflow:hidden;
  }

  .accordeon-eintrag-inhalt p img {
        max-width:100%;
        display:block;
        height:auto;
        margin:0 auto;
  }

  .accordeon-eintrag {
      margin-bottom:20px;
  }

  .accordeon-eintrag.aktiv .accordeon-eintrag-inhalt {
  }

  .accordeon-eintrag.aktiv .knopf.mit-pfeil:after {
      transform:rotate(135deg);
      margin-top:-0.8em;
  }

  .accordeon-eintrag-inhalt p {
     max-width:none;
  }

  .accordeon-eintrag-typ-1  .accordeon-eintrag-knopf > .knopf, .accordeon-eintrag-typ-1  .accordeon-eintrag-knopf-disabled > .knopf  {
      background-color:#4d4a40;
      border-color:#4d4a40;
      color:#fff;
      text-align:left;
      display:flex;
      align-items:center;
      padding-left:0;
      flex-basis:90%;
  }

  .accordeon-eintrag-typ-1  .accordeon-eintrag-knopf > .knopf .icon, .accordeon-eintrag-typ-1  .accordeon-eintrag-knopf-disabled > .knopf .icon {
      padding:0 1em;
      flex-basis:10%;
  }

    .accordeon-eintrag-typ-1  .accordeon-eintrag-knopf > .knopf .icon img, .accordeon-eintrag-typ-1  .accordeon-eintrag-knopf-disabled > .knopf .icon img {
        width:100%;
        display:block;
        height:auto;
        min-width:50px;
    }

  .accordeon-eintrag-typ-1 .accordeon-eintrag-knopf .knopf.mit-pfeil:after, .accordeon-eintrag-typ-1 .accordeon-eintrag-knopf-disabled .knopf.mit-pfeil:after {
      border-color:#fff;
  }
  .accordeon-eintrag-typ-1.aktiv .accordeon-eintrag-knopf > .knopf,   .accordeon-eintrag-typ-1.aktiv .accordeon-eintrag-knopf-disabled > .knopf  {
      border-color:#ee7202;
      background-color:#ee7202;
  }

  .accordeon-eintrag-inhalt a.produktschaltflaeche{
    position: relative;
    display: block;
    width: 100%;
    border: 2px solid #222222;
    padding: 7px 12px;
    font-size: 1.1em;
    color: #222222;
    background-color: #ffffff;
    text-decoration: none;
    font-weight: 600;
    margin-top: 20px;
    transition: 0.5s all;
    -webkit-column-break-inside:avoid;
    -moz-column-break-inside:avoid;
    -o-column-break-inside:avoid;
    -ms-column-break-inside:avoid;
    column-break-inside:avoid;
  }

  .accordeon-eintrag-inhalt a.produktschaltflaeche:hover{
    color: #ffffff;
    background-color: #222222;
  }

  .accordeon-eintrag-inhalt a.produktschaltflaeche:first-of-type{
    margin-top: 0;
  }

  @media screen and (min-width: 992px){
    .accordeon-inhaltstyp-2 .text,
    .accordeon-inhaltstyp-3 .text{
      columns: 2;
      column-gap: 20px;
      -webkit-column-break-inside:avoid;
      -moz-column-break-inside:avoid;
      -o-column-break-inside:avoid;
      -ms-column-break-inside:avoid;
      column-break-inside:avoid;
    }

    .accordeon-inhaltstyp-3 .text{
      columns: 3;

    }

    .accordeon-inhaltstyp-2 p,
    .accordeon-inhaltstyp-3 p{

    }
  }

  /* 1.15. Spezielle Hintergründe */
  .hg-grid {
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }

  .hg-grid .spalte-1 {
    grid-column: 1/2;
  }

  .hg-grid .spalte-2 {
    grid-column: 2/3;
  }

  .hg-grid .spalte-3 {
    grid-column: 3/4;
  }

  .hg-grid .spalte-4 {
    grid-column: 4/5;
  }

  .hg-grid .spalte-5 {
    grid-column: 5/6;
  }

  .hg-grid .spalte-6 {
    grid-column: 7/8;
  }

  .hg-grid .spalte {
    border-right: 1px solid rgba(255,255,255,0.07)
  }

  .sks-icon-bg {
    position:absolute;
    z-index:0;
    right:4%;
    top:250px;
    pointer-events:none;
  }

  .hg-animation {
    opacity:0;
    transition:all 0.2s ease;
  }

  .hg-typ-0 {
    background: none;
  }

  .hg-typ-1 {
    background: rgb(17,17,17);
    background: linear-gradient(0deg, rgba(17,17,17,1) 0%, rgba(34,34,34,1) 100%);
  }

  .hg-typ-2 {
    background-image: url(img/hintergruende/sks-erfolgsspur.svg);
    background-color: #f7f7f7;
    background-repeat: no-repeat;
    background-position: 50% 5%;
  }

  .hg-typ-3 {
    background-color: #f7f7f7;
    background-repeat: no-repeat;
    background-position: 50% 5%;
    background-size: cover;
  }

  .hg-typ-4 {
  }

  /* 1.16 Suchformular */
  #suchformular {
    display:block;
    position:fixed;
    top:0px;
    left:0;

    width:100%;
    min-height:200px;
    transform:translateY(-100%);
    transition: all 0.3s ease-out;
    pointer-events:none;
    z-index:8999;
    color:#fff;
    opacity:0;

  }

  #suchformular.suchseite {
      position:relative;
      transform:translateY(0);
      opacity:1;
      pointer-events:auto;
  }

  #suchformular.suchseite.aktiv {
      transform:translateY(0);
  }

  .suchformular-gruppe {
      max-width:1920px;
      margin:0 auto;
      min-height:200px;
      background:rgba(0,0,0,0.7);
      color:#fff;
      padding-top:50px;
  }


  .customize-support #suchformular.aktiv {
        transform:translateY(32px);
  }

  .customize-support #suchformular.suchseite.aktiv {
        transform:translateY(0px);
  }

  #suchformular.aktiv {
    transform:translateY(0);
    pointer-events:auto;
    opacity:1;
  }

  .suchformular {
    display:flex;
    align-items: center;
    padding:15px 10px;
    flex-wrap:wrap;
  }

  .suchformular .textfeld {
      flex-basis:100%;
      margin-bottom:15px;
  }

  .suchformular .knopf {
      flex-basis:100%;

  }

  .suchformular .label {
    font-size:20px;
    text-transform:uppercase;
	/*font-family: urw-din, sans-serif;*/
    font-family: 'Barlow', sans-serif;
    font-weight:600;
    flex-basis:100%;
    margin-bottom:8px;
    display:inline-block;
	letter-spacing: 0.025em;
  }

  /* 1.17 Allgemeine Inputs */
  input[type="text"],input[type="email"],textarea, select  {
    background:#eaeaea;
    border:none;
    border-bottom:4px solid #ee7202;
    padding:0.5rem;
    padding-top:0;
    font-size:16px;
    outline:none;
    font-family:'Open Sans';
    padding-top: 1.5em;
    border-radius:0;
    -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
  }

  input[type="submit"] {
      background:none;
      outline:none;
      font-family:'Open Sans';
  }

  input[type="submit"]

  input[type="submit"]:focus {
      outline:none;
  }

  .absenden-knopf.mit-pfeil {
    display:inline-block;
    border:4px solid;
    padding:0.7em 2.25em;
    text-transform:uppercase;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: normal;
    cursor:pointer;
    position:relative;
    text-align:center;
    text-decoration:none;
    font-size:22px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding-right:3.95em;
    background-color:transparent;
  }

  .absenden-knopf.mit-pfeil input[type="submit"] {
      border:none;
      padding:0;
  }

  .absenden-knopf.mit-pfeil:after {
    content:"";
    display:block;
    border-top:2px solid;
    border-right:2px solid;
    border-color:inherit;
    transform:rotate(45deg);
    background-color:transparent;
    width: 1em;
    height:1em;
    position:absolute;
    right:1.75em;
    top:50%;
    margin-top:-0.5em;
    transition: all 0.3s;
  }

  .textfeld, .selectfeld {
      display:inline-block;
      margin-bottom:20px;
      position:relative;
      z-index:1;
  }

  .textfeld input {
      width:100%;
  }

  .textfeld label, .selectfeld label {
      display:block;
      color:#222;
      font-size:12px;
      padding:0.5rem;
      padding-top:0.26rem;
      padding-bottom:0;
      position:absolute;
      z-index:1;
  }


/** 2 JOM Blöcke **/
  /* 2.1 Block: Kopfslider */
  .slider-seitenkopf {
    position:relative;
  }

  .slick-initialized .slide {
      opacity:1;
      transition:opacity 0.3s;
  }

  .slide {
      opacity:0;
  }

  .slider-seitenkopf .hintergrund {
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    transition: opacity 1s;
    width:100%;
    height:100%;
    display:block;

  }

  .slider-seitenkopf .hintergrund.aktiv {
    opacity:1
  }

  .slider-seitenkopf .slider-container {

    margin:0 auto;
    width:100%;
    height:100%;
    display:flex;
    align-items: center;
    justify-content: center;
  }

  .slider-gruppe {
    width:100%;
  }

  .slider-seitenkopf .slider-gruppe .slider {
    height:100%;
  }

  .slider .inhalt {
    background:rgba(255,255,255,0.7);
    margin-top:10%;
    position:relative;
  }

  .slider .inhalt .text {
    padding: 5%;
    padding-top:0;
  }

  .slider .inhalt .text h3 {
    margin-top:0;
    font-size:14px;
    margin-bottom:0.5em;
    margin-top: 0.5em;
  }

  .slider .inhalt .text h2 {
    margin-top:0;
    /*font-size: 2vw;*/
    font-size:18px;
    display:inline-block;
    border-top: 4px solid #000;
    line-height:1.2em;
  }

  .slider .inhalt .text h2.nur_headline {
      border-top:none;
  }

  .slider .inhalt .text p {
/*    font-size: 1vw; */
      font-size:16px;
  }

  .slider .inhalt .text .knopf {
  /*  font-size: 1vw; */
    margin-top:1em;
    font-size:14px;

  }

  .slider-seitenkopf .slider-gruppe .slider .slide .slide-gruppe {
    position:relative;
    padding: 50px 10%;
    padding-bottom:0;
    max-width:550px;
    margin: 0 auto;
  }

  .slider-seitenkopf .slick-dots {
    position:relative;
    list-style:none;
    padding: 0 10%;
    padding-bottom:20px;
    margin:0;
    bottom:0;
    max-width:550px;
    margin:0 auto;
    text-align:left;
  }

  .slider-seitenkopf  .slick-dots li {
    width:50px;
    height:8px;
    margin-top:5px;
    overflow:hidden;
    background:rgba(255,255,255,0.7);
    text-indent:1000px;
    display:inline-block;
    margin-right:5px;
    margin-left:0;
  }

  .slider-seitenkopf  .slick-dots li.slick-active {
    background:#ee7202;
  }

  .slider-seitenkopf .slider-gruppe .slider .slide .inhalt:before {
    display:block;
    width:100%;
    content:"";
    padding-bottom:74%;
  }

  .slider-seitenkopf .slider-gruppe .slider .slide .bild {
    width:151%;
    margin-top:-7%;
    display:block;
    height:auto;
    position:absolute;
    left:50%;
    margin-left:-75.5%;
    top:0;
  }

  .slider-seitenkopf .slick-prev, .slider-seitenkopf .slick-next {
    width:10%;

    background:transparent;
    border:none;
    border-top: 2px solid #fff;
    border-right:2px solid #fff;
    position:absolute;
    padding:0;
    padding-bottom:10%;
    top:50%;
    transform:translateY(-50%);
    z-index:2;
    cursor:pointer;
    outline:none !important;
  }

  .slider-seitenkopf .slick-prev:before, .slider-seitenkopf .slick-next:before {

    padding-bottom:100%;
    background:transparent;
    border:none;
    border-top: 2px solid #000;
    border-right:2px solid #000;
    content:"";
    display:block;
  }

  .slider-seitenkopf .slick-prev {
    left:3%;
    transform:rotate(-135deg);
  }

  .slider-seitenkopf .slick-next {
    right:3%;
    transform:rotate(45deg);
  }

  /* 2.2 Block: Bildtextkombinationen */
  .bild-text-gruppe {
    display:flex;
    margin:0 auto;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    text-align:center;
  }

  .bild-text-gruppe .text,.bild-text-gruppe .bild {
    width:100%;
  }

  .bild-text .text {
    order:2
  }
  .bild-text .bild {
    order:1;
    margin-bottom:20px;
  }

  .text-unter-bild .text {
    order:2;
  }

  .text-unter-bild .bild{
    order:1;
    margin-bottom:20px;
  }

  .text-bild .text {
    order:2;

  }
  .text-bild .bild {
    order:1;
    margin-bottom:20px;
  }

  .text_ueber_bild_mobil .text {
      order:1;
  }

  .text_ueber_bild_mobil .bild {
      order:2;
  }

  .bild-text-gruppe.hell h3 {
    color:#ee7202;
  }

  .bild-text-gruppe.hell h2 {
    color:#fff;
  }

  .bild-text-gruppe.hell p{
    color:#fff;
  }

  .bild-text-gruppe.dunkel h3 {
    color:#000;
  }

  .bild-text-gruppe.dunkel h2 {
    color:#ee7202;
  }

  .bild-text-gruppe.dunkel p{
    color:#000;
  }

  /* 2.3 Block: Text */
  .text-gruppe {
      text-align:center;
  }
  .text-gruppe .text {
    max-width:670px;
  /*  margin:0 auto; */
  }

  .text-gruppe.dunkel p{
    color:#000;
  }

  .text-gruppe .buttons {
      text-align:center;
      margin-top:10px;
  }


  .text-gruppe-2-spalten .text, .text-gruppe-3-spalten .text, .text-gruppe-4-spalten .text, .text-gruppe-5-spalten .text, .text-gruppe-6-spalten .text {
    column-count: 1;
    column-gap: 50px;
  }

  .mittig {
    text-align:center;
  }

  .text-gruppe-2-spalten .knopf {
    margin-top:30px;
  }

  /* 2.4 Block: Bildergalerie */
  .bildergalerie {
    display:flex;
    flex-wrap:wrap;
    /* background-color:#ee7202; */
    background-color:#cdcdcd;
  }

  .grid.bildergalerie {

      background:none;
  }


  /* fluid 5 columns */

  .grid-item-wrap { width: 33.333%; padding:0 5px;}

  .grid-item {
    border:1px solid #cdcdcd;
    background:#fff;
  }

  .grid-item-wrap  {
    margin-bottom: 10px;
  }

  .grid img {
      width:100%;
      height:auto;
      display:block;
  }



  .bildergalerie .bild,
  .bildergalerie .bild-consented,
  .videoblock .bild-consented {
    display:block;
    height:auto;
    width:100%;
    position:relative;
    overflow:hidden;
  }

  .bild-consented.bild.hidden, .video_embed-yt.hidden {
      display:none;
  }





  .consent-info, .consent-info-maps  {
        position:fixed;
        width:90vw;
        height:calc(90vh - 120px);
        left:5vw;
        top:120px;

        display:flex;
        align-items:center;
        align-content:center;
        justify-content:center;

        z-index:999999;
        color:#fff;
  }

  .consent-info.hidden, .consent-info-maps.hidden {
        display:none;
  }

  .consent-info-inner {
        padding:20px;
        background:rgba(0,0,0,0.9);
  }

  .consent-trigger, .consent-trigger-maps {
        display:inline-block;
        background:#ee7203;
        border-radius:6px;
        padding:4px 8px;
        margin-top:8px;
        cursor:pointer;
  }

  .consent-deny, .consent-deny-maps  {
        display:inline-block;
        background:#ee7203;
        border-radius:6px;
        padding:4px 8px;
        margin-top:8px;
          cursor:pointer;
  }

  .bildergalerie .bild:after,
  .bildergalerie .bild-consented:after  {
    content:"";
    display:block;
    width:100%;
    padding-bottom:85%;
  }

  .bildergalerie .bild:before,
  .bildergalerie .bild-consented:before {
    content:"";
    display:block;
    width:100%;
    height:100%;
    background:#ee7202;
    opacity:0;
    position:absolute;
    top:0;
    left:0;
    transition:opacity 0.7s;
    z-index:2;
  }

  .bildergalerie .bild i.zoom ,
  .bildergalerie .bild-consented i.zoom {
      display:block;
      width:100%;
      height:100%;
      opacity:0;
      position:absolute;
      top:0;
      left:0;
      z-index:3;
      transition:opacity 0.7s;
      background-image:url('img/icons/zoom.svg');
      background-position:center center;
      background-repeat:no-repeat;
      background-size:40%;
  }

  .bildergalerie .bild i.play,
  .bildergalerie .bild-consented i.play,
  .videoblock .bild-consented i.play{
      display: block;
      width:100%;
      height:100%;
      opacity:1;
      position: absolute;
      top:0;
      left:0;
      z-index:3;
      transition:opacity 0.7s;
      background-image:url('img/icons/play.svg');
      background-position:center center;
      background-repeat:no-repeat;
      background-size:20%;
  }

  .bildergalerie .bild:hover picture,  .bildergalerie .bild-consented:hover picture{
    transform:scale(1.2);
  }

  .bildergalerie .bild:hover:before, .bildergalerie .bild-consented:hover:before {
    opacity:0.7;
  }

  .bildergalerie .bild i.zoom:hover, .bildergalerie .bild-consented i.zoom:hover {
    opacity:1.0;
  }

  .bildergalerie .bild picture, .bildergalerie .bild-consented picture {
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    transition:transform 0.7s;
    transform:scale(1.01)
  }

  .bildergalerie.anzahl-6 .bild,   .bildergalerie.anzahl-6 .bild-consented {
    flex-basis: 33.3333333%;
  }

  .bildergalerie.anzahl-5 .bild, .bildergalerie.anzahl-5 .bild-consented {
    flex-basis: 33.3333333%;
  }

  .bildergalerie.anzahl-4 .bild, .bildergalerie.anzahl-4 .bild-consented {
    flex-basis: 50%;
  }

  .bildergalerie.anzahl-3 .bild,   .bildergalerie.anzahl-3 .bild-consented  {
    flex-basis: 33.333333%;
  }

  .bildergalerie.anzahl-2 .bild,   .bildergalerie.anzahl-2 .bild-consented {
    flex-basis: 50%;
  }

  .gslide-desc p {
    font-size:14px;
    line-height:1.4em;
  }

  .gslide-desc {
    padding:15px;
  }

  .gslide-desc h1, gslide-desc h2, gslide-desc h3 {
    text-transform:uppercase;
    line-height:1.4em;
    margin-bottom:10px;
    font-size:16px;
  }

  /* 2.5 Block: Produktrad */
  .produktrad {
    background: radial-gradient(circle, #2d3132 19%, #161618);
    position:relative;
  }

  .produktrad .platzhalter {
    width:100%;
    height:auto;
    display:block;
  }

  .produktrad .platzhalter.hidden {
      visibility:hidden;
  }



  .produktrad .beschreibung {
    color:#a7a7a7;
    max-width:800px;
  }

  .produktrad .produktkategorie {
    display:inline-block;
    width:50px;
    cursor:pointer;
    position:relative;
    text-align:center;
  }

  .produktrad .navigation {
    max-width:720px;
    margin:0 auto;
    display:flex;
    align-items: flex-end;
    height:310px;
    white-space:nowrap;
    overflow:hidden;
  }

  .produktrad .navigation-gruppe {
      margin: 0 auto;
      display:flex;
  }

  .produktrad .navigation .produktkategorie .name {
    color:#fff;
    letter-spacing: 2px;
    font-size: 14px;
    display: inline-block;
    transform: rotate(-60deg);
    margin-bottom:5px;
    margin-left:-8px;
    transform-origin: 0 0;
    transition: .4s ease color;
    text-transform:uppercase;
    cursor:pointer;
    position:absolute; bottom:0;
  }

  .produktrad .navigation .produktkategorie.aktiv .name {
    color: orange;
  }

  .produktrad .navigation .produktkategorie:after {
    content:"";
    width:50px;
    height:3px;
    background:rgba(255,255,255,0.7);
    display:block;
    bottom:0;
  }

  .produktrad .navigation .produktkategorie.aktiv:after {
    content:"";
    width:50px;
    height:3px;
    background:orange;
    display:block;
  }

  .produktrad .rad-gruppe {
    width:100%;
    max-width:700px;
    margin:0 auto;
    position:relative;
  }

  .hervorhebungsbild {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    display:block;
    height: auto;
    display:none;
  }

  .hervorhebungsbild.aktiv {
    display:block;
  }

  .produktrad .einleitungstext {
    text-align:center;
    color:#fff;
  }

  .kategoriebeschreibungs-gruppe {
    display:none;
    max-width:1000px;
    margin:0 auto;
    margin-top:40px;
  }

  .kategoriebeschreibungs-gruppe.aktiv {
    display:flex;
    flex-direction:column;
    text-align:center;
  }

  .kategoriebeschreibung {
    margin-bottom:20px;
  }

  .produktrad a.knopf {
      font-size:14px;
  }

  /* 2.6 Block Produktübersicht */
  .produktuebersichts-grid {
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .produktuebersichts-grid .produktkategorie {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-basis: 33.33333%;
    width:33.33333%;
    color:#4b4b4b;
    position:relative;
  }

  .produktuebersichts-grid .produktkategorie.zeile-typ-1:nth-child(odd) {
    background: #e5e5e5; /*#4d4a40;*/
  }

  .produktuebersichts-grid .produktkategorie.zeile-typ-1:nth-child(even) {
    background: #f4f4f4; /*#625e52;*/
  }

  .produktuebersichts-grid .produktkategorie.zeile-typ-2:nth-child(even) {
    background: #f4f4f4;
  }

  .produktuebersichts-grid .produktkategorie.zeile-typ-2:nth-child(odd) {
    background: #e5e5e5;
  }

  .produktuebersichts-grid .produktkategorie::before {
    content:"";
    width:100%;
    padding-bottom:100%;
    display:block;
  }

  .produktuebersichts-grid .produktkategorie-gruppe {
    position:absolute;
    width:100%;
    height:100%;
    z-index:1;
  }

  .produktuebersichts-grid .produktkategorie .produktkategorie-gruppe::after {
    content:"";
    display:block;
    opacity:0;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:#ee7202;
    z-index:1;
    transition: opacity 0.3s;
  }

  .produktuebersichts-grid .produktkategorie .produktkategorie-gruppe::before {
    content:"";
    display:block;
    opacity:1;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    /*background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0.1) 0%, rgba(98,94,82,0) 100%);*/
    z-index:1;
    transition: opacity 0.3s;
  }

  .produktuebersichts-grid .produktkategorie .produktkategorie-gruppe:hover::after {
    opacity:0.7;
   }

  .produktkategorie-hintergrundbild {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:0;
    opacity:0.3;
  }

  .produktuebersichts-grid .produktkategorie .produktkategorie-gruppe:hover .produktkategorie-name {
    color: #fff;
   }
  .produktkategorie-name {
    position:absolute;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    width:100%;
    height:100%;
    top:0;
    left:0;
    color:#4b4b4b;
    text-decoration:none;
    transition: color 0.3s;
  }

  .produktuebersichts-grid .produktkategorie .produktkategorie-gruppe:hover .produktkategorie-name {
    color: #fff;
   }

  .produktkategorie-name .icon img {
    width:100%;
    height:100%;
    display:block;
    -webkit-filter: invert(0.7);
    filter: invert(0.7);
    transition: filter 0.3s;
  }

  .produktuebersichts-grid .produktkategorie .produktkategorie-gruppe:hover .produktkategorie-name .icon img {
    -webkit-filter: invert(0);
    filter: invert(0);
   }

  .produktkategorie-name .icon {
      width:38%;
      margin-top:-50%;
  }

  .produktkategorie-name .text {
    /*text-transform:uppercase;*/
    font-size: 20px;
    font-size: 3vw;
    text-align:center;
    position: absolute;
    bottom: 0px;
    height: 32%;
    display:flex;
    align-items:flex-end;
    padding-bottom:10%;
    padding-left: 10%;
    padding-right:10%;
    font-weight:300;
    line-height:1.2em;
  }

  /* 2.7 Block Slider */
  .jom-slider-block .slick-dots {
    list-style:none;
    padding: 0 18%;
    margin: 0;
    bottom:auto;
    display: none!important;
  }

  .jom-slider-block .slick-dots li {
    width:30px;
    height:40px;
    overflow:hidden;
    text-indent:1000px;
    display:inline-block;
    margin-right:5px;
  }

  .jom-slider-block .slick-dots li button {
    padding:0;
    width:30px;
    height:40px;
  }

  .jom-slider-block .slick-dots li button:before {
    content:"";
    display:block;
    width:100%;
    height:3px;
    background:rgba(255,255,255,0.7);
    position:relative;
  }



  .jom-slider-block .slick-dots li.slick-active button:before{
    content:"";
    display:block;
    width:100%;
    height:3px;
    background:#ee7202;
  }


  .jom-slider-block .slick-prev, .jom-slider-block .slick-next {
    width:20px;
    height:20px;
    background:transparent;
    border:none;
    border-top: 2px solid #fff;
    border-right:2px solid #fff;
    position:absolute;
    padding:0;
    top:auto;
    bottom:0;
    margin-top:-25px;
    z-index:2;
    cursor:pointer;
    outline:none !important;
  }

  .jom-slider-block .slick-prev:before, .jom-slider-block .slick-next:before {
    width:16px;
    height:16px;
    background:transparent;
    border:none;
    border-top: 2px solid #000;
    border-right:2px solid #000;
    content:"";
    display:block;
  }


  .jom-slider-block .slick-prev {
    left:10px;
    transform:rotate(-135deg);
    opacity:1;
  }

  .jom-slider-block .slick-next {
    right:10px;
    transform:rotate(45deg);
    opacity:1;
  }

  .jom-slider-block:hover .slick-next, .jom-slider-block:hover .slick-prev  {
      opacity:1
  }

  .jom-slider-block picture {
    width:100%;
    height:auto;
  }

  .jom-slider-block picture img {
    display:block;
    width:100%;
    height:auto;
  }

  .sliderbild.single img {
      max-width:100%;
      width:auto;
      display:block;
      margin:0 auto;
  }

  .slidergeschichte {
    background-color: #000;
    padding: 0 0 0 0!important;
  }

  .slidergeschichte .slick-dotted.slick-slider {
    margin-bottom: 0;
  }

  .slidergeschichte .max-width{
    max-width: 100%;
  }
  .slidergeschichte .headlineverbund h2,
  .slidergeschichte .headlineverbund h3,
  .slidergeschichte .text p { color: #ffffff;}

  .slidergeschichte .headlineverbund h2{
    font-size: calc(100px);
  }

  .slidergeschichte .headlineverbund h2:after{
    content: "";
    display: block;
    width: 96px;
    height: 4px;
    margin: 16px auto 0 auto;
    background: #ee7202;
  }

  .slidergeschichte .headlineverbund h3{
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 24px;
  }

  .slidergeschichte .text{
    float: left;
    max-width: 1260px;
    border: 0px solid green;
    margin: 0 auto 0 auto;
  }

  .slidergeschichte .bild{
  }

  .slidergeschichte .slick-dots {
    display: block!important;
  }

  @media screen and (min-width: 992px){
    .slidergeschichte {
      background-color: #000;
      padding: 0 0 0 100px!important;
    }

    .slidergeschichte .headlineverbund h2{
      font-size: calc(150px);
    }
    .slidergeschichte .headlineverbund h2:after{
        margin: 16px 0 40px 0;
    }
    .slidergeschichte .headlineverbund h3{
      font-size: 45px;
    }
    .slidergeschichte .bild{
      text-align: right;
      display: flex;
      align-items: flex-end;
      justify-content: flex-end;
      position: relative;
      overflow: hidden;
      width: 100%;
    }
  }

  .produktkarussell {
    height: auto;
  }

  .produktkarussell h4{
    font-size: 20px;
  }

  .produktkarussell .produkt-slide{
    display: flex;
    margin:0 auto;
    align-items: center;
    justify-content: center!important;
    flex-direction: column;
    text-align: center;
    min-height: 100vh;
    transition: 0.5s all;
  }

  .produktkarussell .produkt-slide .bild {
    position: relative;
    flex-basis: 0;
    width:80%;
    transition: 0.5s all;
  }

  .produktkarussell .produkt-slide .bild picture,
  .produktkarussell .produkt-slide .bild img{
    display: block;
    transition: 0.5s all;
  }

  .produktkarussell .produkt-slide .bild .stoerer{
    position: absolute;
    display: block;
    top: 5vh;
    left: 12vh;
    width: 8vh;
  }

  .produktkarussell .slick-current .produkt-slide .bild{
    width: 100%;
    transition: 0.5s all;
  }

  .produktkarussell .button {
    display: block;
    border: 2px solid #ee7202;
    border-radius: 10px;
    padding: 5px 10px;
    color: #ee7202;
    background-color: #ffffff;
    text-decoration: none;
    font-weight: 600;
    margin-top: 10px;
    transition: 0.5s all;
  }

  .produktkarussell .button:hover,
  .produktkarussell .button:focus{
    background-color: #ee7202;
    transition: 0.5s all;
    color: #ffffff;
  }

  @media screen and (min-width: 992px){
    .produktkarussell h4{
      font-size: 26px;
    }

    .produktkarussell .produkt-slide{
      min-height: 60vh;
    }
  }


  /* 2.8 Block Plakat */
  .overlay {
    background:linear-gradient(rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    position:absolute;
    width:100%;
    height:100%;
    z-index:2;
  }

  .bild-seitenkopf {
    position:relative;
    overflow:hidden;
    display:flex;
    align-items: center;
    justify-content: center;
  }

  .bild-seitenkopf .kopfbild {
      width:100%;
  }

  .textblock .pfeil-runter,
  .bild-seitenkopf .pfeil-runter{
    position:absolute;
    bottom:20%;
    left:50%;
    margin-left:-20px;
    animation: do-levitation 1.2s alternate ease-in-out infinite;
    z-index:3;
  }

  .textblock .pfeil-runter,
  .bild-seitenkopf .pfeil-runter {
    width:40px;
    height:40px;
    transform:rotate(135deg);
    border-right:4px solid #fff;
    border-top:4px solid #fff;
    display: block;
    overflow: hidden;
    cursor: pointer;
  }

  .textblock .pfeil-runter.dunkel,
  .bild-seitenkopf .pfeil-runter.dunkel {
    border-right:4px solid #000;
    border-top:4px solid #000;
  }

  @keyframes do-levitation {
    0% {
      transform:translateY(-20px) rotate(135deg);
    }
    100% {
      transform:translateY(0) rotate(135deg);
    }
  }

  /* 2.9 Block Kontaktformular */

  #seiten-inhalt section.kontaktformular:first-child {
      padding-top:150px;
  }

  .kontaktformular .einleitungstext {
      margin-bottom:40px;
  }

  .kontaktformular .spalten {
      display:flex;
      flex-wrap:wrap;
  }

  .kontaktformular .spalte-links, .kontaktformular .spalte-rechts {
      flex-basis:100%;
      width:100%;
      flex-wrap:wrap;
  }

  .kontaktforumlar .spalte-link {
      padding-right:0px;
  }
  .kontaktformular .spalte-rechts {
      padding-left:0px;
  }

  .kontaktformular .zeile {
      display:flex;
      flex-wrap:wrap;
      margin:0px;
  }
  .kontaktformular .halb {
      flex-basis:100%;
      width:100%;
      padding-left:0px;
      padding-right:0px;
  }

  .kontaktformular .drittel {
      flex-basis:100%;
      width:100%;
      padding-left:0px;
      padding-right:0px;
  }

  .kontaktformular .zwei-drittel {
      flex-basis:100%;
      width:100%;
      padding:0 0px;
  }

  .kontaktformular .spalten .textfeld {
      width:100%;
  }

  .kontaktformular .hinweis-text {
      color:#a5a5a5;
      font-size:12px;
  }



  .kontaktformular textarea {
      height:247px;
      width:100%;
  }

  .kontaktformular select {

      width:100%;
  }


  .kontaktformular .hell .knopf {
    color: #ee7202;
    border-color: #ee7202;
  }

  .kontaktformular .submit {
      text-align:center;
      width:100%;
  }

  .textfeld .wpcf7-not-valid {
    border-bottom-color: #a60000;
    background-color: #d29696;
    color:#a60000;
  }

  .wpcf7-not-valid-tip {
      display:none;
  }
  .wpcf7-response-output {
      background:#fff;
  }

  .kontaktformular .custom-error {
      text-transform:uppercase;
      font-weight:600;
  }

  .kontaktformular .hell .agb {
      color:#a7a7a7;
      text-align:center;
      margin-bottom:20px;
      margin-top:20px;
      width:100%;
  }

  .kontaktformular .hell .agb a {
      color:#ee7202;
  }

  .wpcf7-checkbox.wpcf7-not-valid .wpcf7-list-item-label {

      border:2px solid #a60000;
  }

  /* 2.10 Block Textakkordeon */
  .textakkordeon .textakkordeon-eintrag .textakkordeon-knopf > a {
      padding-left:20px;
  }

  .textakkordeon-inhalt .text{
      padding:20px;
  }

  /* 2.11 Block Jobliste */
  .jobliste .spalten {
      display:flex;
      flex-wrap:wrap;
      margin:0 -15px;
        padding:30px;
  }

  .jobliste .spalten .spalte {
      flex-basis:100%;
      width:100%;
      padding:0 15px;
  }

  .spalte-bild {
      order:3;
  }

  .spalte-text {
      order:1;
  }

  .spalte-sonstiges {
      order:2;
  }

  .jobliste h2 {
    font-size:20px;
    font-weight:600;
    color: #ee7202;
    margin-bottom:10px;
    text-transform:uppercase;
  }

  .jobliste .accordeon-eintrag-inhalt {
      background: #eaeaea;

  }

  .jobliste img.jobbild {
      margin-bottom:30px;
      display:none;
      width:100%;
  }



  .jobliste ul {
      padding-left:1em;
  /*    font-size:20px; */
      margin-top:0;
  }

/* 2.12 Block Händlerscuhe */
.auswahlfeld {

  display:inline-block;
  position:relative;
  background:#eaeaea;
  border-bottom: 4px solid #ee7203;
  padding: 0.5rem;
  font-size: 16px;
  outline: none;
  font-family: 'Open Sans';
  padding-top: 1.5em;
  border-radius: 0;
  margin-bottom:20px;
  width:100%;
}

.auswahlfeld label{
  position:absolute;
  top:0;
  left:0;
  display: block;
  color: #222;
  font-size: 12px;
  padding: 0.5rem;
  padding-top: 0.26rem;
  padding-bottom: 0;
  z-index: 1;
}

.auswahlfeld.radius, .auswahlfeld.ergebnisse {
    flex-basis:50%;
}


.auswahlfeld ul {
  padding:0;
  margin:0;
  list-style:none;
  position:absolute;
  display:none;
  left:0;
  width:100%;
  z-index:999999;
  max-height:300px;
  overflow-y:scroll;
}

.auswahlfeld ul li:first-child {
  border-top:4px solid #ee7203;
}

.auswahlfeld ul li {
  cursor:pointer;
  padding:0.5rem;
  border-top:1px solid #222;
}

.auswahlfeld.aktiv ul {
    display:block;
    background:#eaeaea;
    margin-top:0.5rem;
}

.auswahlfeld .auswahl {
  display:flex;
  align-items:center;

}
.auswahlfeld .auswahl:after {
    content:"";
    display:inline-block;
    width:23px;
    height:16px;
    background-image:url('img/icons/dropdown.svg');
    background-position:center;
    background-size:100%;
    margin-left:2em;
    position:absolute;
    right:1em;
 }



 #wpsl-heaendlersuche {
     position:relative;
 }

 #wpsl-wrap {
   position:absolute;
   width:100%;


   top:0;
   left:0;
   z-index:1100;

 }

 #wpsl-wrap .menue-gruppe {

     background:rgba(0,0,0,0.7);
     padding-top:50px;
 }

 .menue-gruppe-button {
    text-align:center;
    text-transform:uppercase;
    font-size:20px;
    color:#ee7203;
    padding:20px;
 }

 .menue-gruppe-button:before, .menue-gruppe-button:after {
    content: "";
    display: inline-block;
    width: 23px;
    height: 16px;
    background-image: url(img/icons/dropdown.svg);
    background-position: center;
    background-size: 100%;
    margin: 0 10px;
 }



  .menue-gruppe-button.hidden {
      display:none;
  }

 .menue-gruppe .headlineverbund h2 {
    display:inline-block;
 }


 .menue-gruppe .textfeld, .menue-gruppe .auswahlfeld {
     margin-bottom:10px;

 }


 #wpsl-gmap {
    background:url(img/platzhalter/SKS_RZ_Haendlersucher-Platzhalter.jpg);
    background-size:cover;

 }

 #wpsl-gmap.leaflet-container {
      background:#fff;
 }


 #erweiterter-filter {
    display:none;
 }

 #erweiterter-filter.aktiv {
    display:flex;
    flex-wrap:wrap;
    margin:0 -5px;
 }

 #einfacher-filter {
   display:flex;
   flex-wrap:wrap;
   align-item:flex-start;
   margin:0 -5px;

 }

 .hidden-range {
    display:none;
 }

 .unit-selector {
    margin-bottom:20px;
 }

 .custom-radio input {
    display:none;
 }

 .custom-radio {
    position:relative;
    margin-bottom:10px;
 }

 .custom-radio .checkmark {

 position: absolute;
 top: 0;
 left: 0;
 height: 20px;
 width: 20px;
 background-color: #eee;

 }

 .custom-radio .text {
    margin-left:30px;
 }

 .custom-radio .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.custom-radio input:checked + label .checkmark:after {
  display: block;
}

.custom-radio .checkmark:after {
  top: 5px;
  left: 5px;
  width: 10px;
  height: 10px;

  background: #000;
}

.rangeslider {
  #padding: 0 10px;
}

.range-wrap {
  padding: 0 10px;
}

 #erweiterte-suche,#einfache-suche {
    display:none;
 }

 #erweiterte-suche.aktiv,#einfache-suche.aktiv {
   display:inline-block;
 }

 .headline-button {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    margin-bottom:20px;
 }

 .headline-button h2{
    margin-bottom:0;
    margin-right:20px;
 }

 .headline-button a {
    font-size:13px;
    margin-top:5px;
 }

.feld {
    padding:0 5px;
}

.feld .textfeld {
    width:100%;
}

 .feld.land, .feld.stadt, .feld.radius, .feld.ergebnisse {
    flex-basis:50%;
    width:50%;
 }

 .feld.plz, .feld.strasse {
    flex-basis:50%;
    width:50%;
 }

 .feld.kreis {
   flex-basis:100%;
    width:100%;
 }

 .feld.senden-desktop {
    display:none;
 }

 #wpsl-wrap .menue-gruppe .menue-gruppe-inhalt {
   padding: 20px;
 }

 #wpsl-wrap .menue-gruppe .menue-gruppe-inhalt.hidden {
     display:none;
  }

 #wpsl-gmap {
     width:100%;
     height:calc(80vh - 50px );
 }

 #wpsl-search-btn {
   width:100%;
 }

 .leaflet-popup-content-wrapper {
   border-radius:0!important;
   font-size:16px;
 }

 .store-header {
     margin-bottom:20px;
 }
 .store-header h2{
     font-size:16px;
     margin-bottom:4px;
 }

 .store-header .adress, .store-header .city {
     display:block;
 }

 .contact-details .phone, .contact-details .fax, .store-links .mail, .store-links .wpsl-link {
     display:block;
 }

 .contact-details {
     margin-bottom:20px;
 }

 .store-links a {
     text-decoration:none;
     color:#ee7203 !important;
     margin-bottom:20px;
     text-transform:uppercase;
 }

 .store-links a:after {
     content:" >";
 }

 #adressfehler-container {
     position:fixed;
     top:0;
     left:0;
     z-index:99999;
     background:rgba(0,0,0,0.8);
     display:none;
     width:100%;
     height:100%;


 }

 #adressfehler-container.aktiv {
     display:flex;
     align-items:center;
     justify-content:center;
 }

 #adressfehler {
     background:#fff;
     padding:20px;
 }



/* 2.13 Block Text */
.textblock h2{
  font-size:20px;
  margin-bottom:20px;
}

.textblock h3 {
  margin-bottom:16px;
  font-weight:600;
}

.textblock .headlineverbund {
  display: block;
  width: 100%;
}

.textblock .headlineverbund h2 {
  font-size: 60px;
}

.textblock .headlineverbund h3 {
  font-weight:300;
}

.textblock h4 {
  margin-bottom:14px;
  font-size:20px;
}

.textblock a {
    color:#ee7203;
    font-weight:700;
    white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.textblock ul {
    font-size:14px;
}

.textblock.dunkel h3 {
  color:#000;
}

.textblock.dunkel h2 {
  color:#ee7202;
}

.textblock.linksbuendig{
  align-items: flex-start!important;
}

.textblock.rechtsbuendig{
  align-items: flex-end!important;
}
.textblock.rechtsbuendig h1,
.textblock.rechtsbuendig h2,
.textblock.rechtsbuendig h3,
.textblock.rechtsbuendig h4,
.textblock.rechtsbuendig h5{
  text-align: right;
}

.textblock.zentriert{
  align-items: center!important;
}
.textblock.zentriert h1,
.textblock.zentriert h2,
.textblock.zentriert h3,
.textblock.zentriert h4,
.textblock.zentriert h5{
  text-align: center;
}


/* 2.14 Block Textspalten */
.textspaltenblock .spalten {
  display:flex;
  flex-wrap:wrap;

}

.textspaltenblock .spalten .spalte-2, .textspaltenblock .spalten .spalte-3,
.textspaltenblock .spalten .spalte-4, .textspaltenblock .spalten .spalte-5,
.textspaltenblock .spalten .spalte-6   {
  flex-basis:100%;
  width:100%;
  padding:0 20px;
}

.textspaltenblock .spalten img{
    max-width:100%;
    display:block;
    margin:0 auto;
    margin-bottom:15px;

}


/* 2.15 Block Bild */
.bildblock .bild img {
    max-width:100%;
    display:block;
    height:auto;
}

.bildblock.mittig .bild img {
    margin:0 auto;
}


/* 2.16 Block Newsletteranmeldung */
#seiten-inhalt > .sektion.newsletterformular:first-child {
    padding-top:150px;
}

.rmBase__section, .rmBase__container {
    display:flex;
   width:100%;
    flex-wrap:wrap;
}

.popup .rmBase__container, .popup .rmBase__section {
    width:100%;
    margin:0;
}

.rmBase__section {
    margin:0 -10px;
}

.newsletterformular .textfeld.halb {
    width:100%;
    flex-basis:100%;
    padding:0 10px;

}

.newsletterformular .textfeld.halb .knopf {
    width:100%;
}

.newsletterformular .rmBase__body.rmSubscription {
    color: #a7a7a7;

}

.rmBase__el--heading,.rmSubscription .rmBase__comp--text {
    text-align:center;
    width:100%;
}


#rmOrganism .hidden {
	display: none!important
}

#rmOrganism .rmBase__comp--checkbox .vFormCheckbox,
#rmOrganism .rmBase__comp--radio .vFormCheckbox {
	align-items: flex-start;
	display: inline-flex
}

.vFormCheckbox__label {
    color:#a7a7a7;
}

.rmBase__el--consent {
    padding:0 10px;
}

.rmBase__compError {
    display:none;
}

.rmBase__el--has-error .rmBase__compError {
  color: #dc3232;
  font-size: 1em;
  font-weight: normal;
  display: block;
}

.textfeld.rmBase__el--has-error input {
  border-bottom-color: #a60000;
    background-color: #d29696;
    color: #a60000;
}



/* Customize the label (the container) */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #ee7202;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* 2.16 Block Newsletteranmeldung POPUP */

.popup {
      position:fixed;
      max-width:600px;
      width:80%;
      height:auto;
      left:50%;
      top:50%;
      transform:translate( -50%, -50% );
      z-index:9999999999;
      background:#fff;
      padding:20px;
      display:none;


}

.popup h2 {
      font-size:24px;
      margin-bottom:10px;
}

.popup p {
    font-size:16px;
}

.popup.newsletterformular .textfeld.halb {
      width:100%;
      flex-basis:100%;
}

.popup-bg {
      width:100%;
      height:100%;
      background:rgba(0,0,0,0.8);
      top:0;
      left:0;
      position:fixed;
      display:none;
      cursor:pointer;
      z-index:9;

}

.popup-inner {
    position:relative;
    overflow-y: auto;
    max-height:80vh;
}

#popup-close-btn {
    width:30px;
    height:30px;
    border-radius:50%;
    border:2px solid #000;
    position:absolute;
    top:-15px;
    right:-15px;
    background:#fff;
    text-align:center;
    cursor:pointer;
    background-image:url( 'img/icons/close.svg');
    background-size:80%;
    background-position:center;
    background-repeat:no-repeat;
}

.popup .rmBase__el--consent, .popup .halb {
    padding:0 !important;
}

.popup .vFormCheckbox__label {
    color:#222;
}




/* 2.17 Block YOuTube Video */
.video iframe {

position:absolute;
top:0;
left:0;
width:100%;
height:100%;

}

.video  {
position:relative;
padding-bottom:56.25%;

height:0;
overflow:hidden;
}

.video .poster {
    width:100%;
    height:100%;
    background:red;
    position:absolute;
    z-index:2;
}

.videogruppe {
}


/* 2.18 - interaktive Bilder */

.sektion.interaktiver-bildblock{
  position: relative;
  padding: 0!imortant;
}

.sektion.interaktiver-bildblock .imgl-map{
  position: relative;
  width: 100%;
  height: auto;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
}

.imgl-infobox{ display: none!important;}
.imgl-pin:hover { cursor: pointer};

/* 3.0 Spezielle Seiten */
  /* 3.1 Produktseiten allgemein */
    .sektion#produkt {
        min-height:600px;
    }

    /* 3.1.1 Produktseitenkopf */
    .produktseitenkopf {
         position:relative;
         overflow:hidden;
         height:320px;
     }

     .produktseitenkopf:before {
        content:"";
        display:block;
        width:100%;
        height:100%;
        position:absolute;
        background: rgba(0,0,0, 0);
background: linear-gradient(180deg, rgba(0,0,0,0) 70%, rgba(0,0,0,0.4) 100%);
z-index:1;
     }

     .produktseitenkopf.produkt .kopfbild img {
        opacity:0.7;
     }

     .produktseitenkopf-gruppe {
         width:100%;
         height:100%;
         position:absolute;
         top:0;
         left:0;
         padding: 0 20px;
         z-index:2;

     }

     .produktseitenkopf-inhalt {
           max-width:1260px;
           width:100%;
           height:100%;
           margin:0 auto;
           position:relative;
     }

     .produktseitenkopf-elemente {
         position:absolute;
         bottom:0;
         width:100%;


     }



     .produktseitenkopf-inhalt .ueberschrift h3  {
           margin-top:15px;
           margin-bottom:15px;
           font-size:15px;
           color:#fff;


     }

     .produktseitenkopf-inhalt .ueberschrift h2 {
         margin:0;
         color:#fff;
         line-height:24px;
         font-size:30px;

     }

     .produktseitenkopf-inhalt .ueberschrift.medium h2 {
        line-height:32px;
        font-size:30px;
        margin-bottom:-5px;

     }


     .breadcrumb {


        color:#333;
        background-color:#ee7202;
        position:relative;
        font-size:14px;
        text-transform:uppercase;
        padding-right:15px;
        color:#fff;
        display:inline-block;
      /*  min-width:32%; */
        max-width:100%;
        padding:10px 0;
        padding-right:10px;


     }

     .breadcrumb  span {
          display:inline-flex;
          align-items: center;
     }


     .hide-child > a {
        display:none !important;
     }

     .breadcrumb a {
         color:#fff;
         text-decoration:none;
         width:10px;
         text-overflow: ellipsis;
         display:inline-block;
         overflow:hidden;

         text-indent:-9999;

         white-space: nowrap;



     }
     .breadcrumb a:after {
          content:" // ";
     }

    .breadcrumb a+.crumb-1 a::before { content:" // "; }
    .breadcrumb .crumb-1 a:before { content:""; }


     .crumb-1 a {
       margin-right:5px;
       margin-left:5px;
        overflow:hidden;
        width:auto;
     }

/*
     .crumb-2 a:before { content:""; display:none; }
     .crumb-2 a {

        overflow:auto;
        width:auto;
     }
     */

     .breadcrumb_last {
        margin-left:5px;
     }

     .breadcrumb a:before {
        content:"..";
     }


     .breadcrumb_last {
        color:#000;
     }



     .breadcrumb:before {
         content:"";
         display:block;
         width:100vw;
           background-color:#ee7202;
         position:absolute;
         left:-100vw;
         height:100%;
         top:0;
     }




  /* 3.2 Produktdetailseite */
    /* 3.2.1 Produktbild und Beschreibung */
     .produktgruppe {
        display:flex;
        flex-wrap:wrap;
     }

     .produktgruppe .produkt {
        flex-basis:100%;
        width:100%;
        padding-right:0%;
        order:2;

     }

     .produktgruppe .produktbild-gruppe {
        flex-basis:100%;
        width:100%;
        padding-left:0%;
        position:relative;
        order:1;
        margin-bottom:20px;

     }

     .produktbild-gruppe.lmd-produkt:after {
          content:"";
          width:80px;
          height:80px;
          background:url('img/icons/icon-3d-produkt.png');
          display:block;
          background-size:100%;
          background-position:center;
          background-repeat:no-repeat;
          position:absolute;
          top:10px;
          right:10px;
          z-index:200;


     }

      .produktbild-gruppe.lmd-produkt.en:after {

        background-image:url('img/icons/icon-3d-produkt_en.png');
      }

      .produktbild-gruppe.lmd-produkt.nl:after {
          background-image:url('img/icons/icon-3d-produkt_en.png');
      }

     .produktgruppe .produktbeschreibung {
        margin-bottom:50px;
     }

     .produktgruppe .produktbeschreibung p:last-child {
        margin-bottom:0;
     }





    /* 3.2.2 Bilder und Videogalerie */
     #produktgalerie .bilder-video-gruppe {
        display:flex;
        flex-wrap:wrap;
     }
     #produktgalerie .bilder-gruppe {
          flex-basis:100%;
          width:100%;
     }

     #produktgalerie .video-gruppe {
        flex-basis:100%;
        width:100%;
     }

     #produktgalerie .bildergalerie .bild {
       flex-basis: 33.33333%;
     }

     #produktgalerie .bildergalerie.bilder-4 .bild {
       flex-basis: 50%;
     }

     #produktgalerie .bildergalerie.video-gruppe .bild {
        flex-basis:100%;
     }

     #produktgalerie .bildergalerie.video-gruppe .bild::after {
          padding-bottom:30%;

     }



    /* 3.2.3 Produktdetails */
     .produkttabelle {
        padding:20px 0;
     }
     .produkttabelle table tr td:first-child {
        font-weight:600;
        padding-right:40px;
     }

     .produktdetails {
        width:100%;
     }

     .produktdetails .accordeon-gruppe {
        margin-bottom:15px;
     }




    /* 3.2.4 Downloads */
    .produktgruppe .downloads {
        display:flex;
        margin:0 -7.5px;
        flex-wrap:wrap;
     }

    .produktgruppe .download {
        flex-basis:100%;
        width:100%;
        padding:0 7.5px;
        margin-bottom:15px;
     }


    /* 3.2.5 Zubehörslider */
  #zubehoer-slider {
    opacity:0;
  }

  .zubehoer-gruppe {
      padding:0px;
  }

  #zubehoer-slider.slick-initialized {
    opacity:1;
  }

  #zubehoer-slider .slide {
      width:14.28%;

  }

  #zubehoer-slider .slide {
        border:none;

  }

  #zubehoer-slider {
      width:100%;
  }

  #zubehoer .beschreibung {
      margin-bottom:65px;
  }

  #zubehoer-slider .produkt-gruppe {
      padding:0 20px;
  }

  #zubehoer-slider .produkt {

      display:block;
      outline:none;
      text-decoration:none;
      color:#000;
      position:relative;

  }

    #zubehoer .produkt .titel {
        text-transform:uppercase;
        font-weight:600;
        text-align:center;
        font-size:20px;
        margin-top:10px;
    }


#zubehoer .slick-prev:before,#zubehoer .slick-next:before {
    display:none;
}

#zubehoer .slick-prev,#zubehoer .slick-next {
      width:25px;
      background:transparent;
      border:none;
      border-top: 2px solid #000;
      border-right:2px solid #000;
      position:absolute;
      padding:0;
      padding-bottom:25px;
      top:50%;
      z-index:2;
      cursor:pointer;
      outline:none !important;
    }

    #zubehoer .slick-prev {
      left:-12.5px;
      transform:translateY(-90%) rotate(-135deg);
    }

    #zubehoer .slick-next {
      right:-12.5px;
      transform:translateY(-90%) rotate(45deg);
    }

    #zubehoer .produkt-gruppe .produkt.lmd-produkt .titel:after {

      content:"";
      width:60px;
      height:60px;
      background:url('img/icons/icon-3d-produkt.png');
      display:block;
      background-size:100%;
      background-position:center;
      background-repeat:no-repeat;
      position:absolute;
      top:-65px;
      right:0px;
      z-index:200;

    }

    #zubehoer .produkt-gruppe .produkt.lmd-produkt .titel {
        position:relative;
    }

    #zubehoer .produkt-gruppe .produkt.lmd-produkt.en .titel:after {
      background-image:url('img/icons/icon-3d-produkt_en.png');
    }

    #zubehoer .produkt-gruppe .produkt.lmd-produkt.nl .titel:after {
        background-image:url('img/icons/icon-3d-produkt_en.png');
    }



  /* 3.2.6 Shop-Link */
  .shop-link {
      margin-bottom:15px;
  }






/* 3.3 Produktkategorie-Seite */
  /* 3.3.1 Produktauflistung */
  .produktlisten-grid {
      display:flex;
      flex-wrap: wrap;
      margin: 0 -10px;
  }

  .produktliste .produkt {
      flex-basis:50%;
      width:50%;
      padding:0 10px;
      margin-bottom:35px;
      position:relative;

  }

  .produktliste .produkt.lmd-produkt:after {
      content:"";
      width:80px;
      height:80px;
      background:url('img/icons/icon-3d-produkt.png');
      display:block;
      background-size:100%;
      background-position:center;
      background-repeat:no-repeat;
      position:absolute;
      top:10px;
      right:10px;
      z-index:200;

  }

    .produktliste .produkt.lmd-produkt.en:after {

          background-image:url('img/icons/icon-3d-produkt_en.png');
    }

    .produktliste .produkt.lmd-produkt.nl:after {

          background.image:url('img/icons/icon-3d-produkt_en.png');
    }



  .produktliste .produkt a {
      text-decoration:none;
      color:#000;
      display:block;
      border-bottom:6px solid #ee7202;
      padding:10px;
      transition:all 0.3s;
  }

  .produktliste .produkt a:hover {
      background:#ee7202;
      color:#fff;
  }

  .produktliste .produkt .produktbild {

  }

  .produktliste .produkt .produktbild img {
      width:100%;
      height:auto;
      display:block;
  }

  .produkttitel {
      height:80px;
      display:flex;
      align-items:flex-start;
      justify-content:center;
      text-transform:uppercase;
      font-size:20px;
      font-weight:600;
      /*font-family: urw-din, sans-serif;*/
      font-family: 'Barlow', sans-serif;
      padding: 10px;
      text-align:center;
      line-height:1em;
	  letter-spacing: 0.025em;
  }

  .neu-icon {
      width:30%;

      position:absolute;
      left:10px;
      top:10%;
      z-index:100;
      background-image:url('img/icons/neu_en.svg');
      padding-bottom:20%;
      background-repeat:no-repeat;
      background-size:100%;
  }

  .neu-icon.de {
      background-image:url('img/icons/neu.svg');
  }

  .neu-icon.nl {
      background-image:url('img/icons/neu_nl_v2.png');
      width:40%;
  }

    .neu-icon img {
        display:block;
        width:100%;
        height:auto;
    }

  /* 3.3.2 Filter */
  #produktfilter {
    background: #625e52;
    padding:0 20px;
  }

  .produktfilter-bezeichnung {
    text-transform:uppercase;
    color:#fff;
    /*font-family: urw-din, sans-serif;*/
    font-family: 'Barlow', sans-serif;
    margin-right:50px;
    font-size:20px;
    display:inline-block;
	letter-spacing: 0.025em;
  }

  .produktfilter-button-gruppe .icon {
    display:inline;
    max-width:40px;
    margin-left:-5px;
  }



  .produktfilter-button-gruppe .pfeil {
    display:inline-block;
    width:15px;
    height:15px;
    position:absolute;
    right:7px;
    border-top:2px solid #fff;
    border-left:2px solid #fff;
    transform:rotate(135deg);
    transition: all 0.3s;

  }

  .produktfilter-button-gruppe.aktiv .pfeil {
      transform:rotate(225deg);
      margin-top:-10px;
  }

  .produktfilter-button {
    background:#4d4a40;
    display:flex;
    align-items:center;
    margin:0 -20px;
    padding:0 20px;
  }

  .filter-reset.desktop {
    display:none;
  }

  .filter-reset.mobile {
      width:100%;
  }

  #filter-button {
      width:100%;
      margin-bottom:20px;
  }

  .produktfilter-button-gruppe {
    display:flex;
    align-items:center;
    cursor:pointer;
    position:relative;
  }

  .produktfilter-gruppe {
    height:1px;
    overflow:hidden;

  }

  .produktfilter-spalten {
    display:flex;
    flex-wrap: wrap;
    padding: 20px 0;
    color:#fff;
  }

  .filterspalte {
    flex-basis: 100%;
    width:100%;
    padding:20px;
    border-bottom:2px solid #ee7203;
    margin-bottom:20px;
  }

  .produktfilter-aktivierung {
    text-align:center;
    margin-bottom:25px;
  }

  .filter ul {
    list-style:none;
    padding:0;
    margin:0;
  }

  .filter .filter-ueberschrift {
    text-transform: uppercase;
    margin-bottom: 15px;
	margin-top: 50px;
  }

  .filter:first-child .filter-ueberschrift {
	margin-top:0px;
  }

  .rangeslider input {font-size: 16px;
    padding-top: 0em;
    display: inline-block;
    width: 70px;
    margin-bottom: 20px;
    padding:0 10px;
  }



/* Ladebildschirm */

#loader-screen{
  width:100%;
  height:100%;
  background:rgba(255,255,255,0.6);
  position:fixed;
  z-index:2;
  display:block;
  top:0;
  left:0;
  display:none;
}

#loader.loading {
 display: block;
 position:absolute;
 top:50%;margin-top:-25px ;
 margin-left:-25px;left:50%;
 border-width: 5px;
 border-radius: 50%;
 -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
      -o-animation: spin 1s linear infinite;
         animation: spin 1s linear infinite;
 }


#loader.circle {
 border-style: solid;
 border-color: #000 #EE7203 #EE7203;
 width:50px;
 height:50px;
 }

@-webkit-keyframes spin { 100% { -webkit-transform: rotate(359deg); } }
@-moz-keyframes spin { 100% { -moz-transform: rotate(359deg); } }
@-o-keyframes spin { 100% { -moz-transform: rotate(359deg); } }
@keyframes spin { 100% {  transform: rotate(359deg); } }


/* 3.4 Suchergebnis-Seite */
.suchergebnisliste {
    display:flex;
    flex-wrap:wrap;
    flex-direction:column;

}

.suchergebnis {
  flex-basis:100%;
  width:100%;
  padding:0 10px;
  margin-bottom:30px;
  max-width:480px;
  margin-left:auto;
  margin-right:auto;


}

.suchergebnis-box {
    border-bottom:5px solid #ee7202;
    min-height:100%;
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);
    padding: 15px;
}

.suchergebnis-box h2 {
   color: #ee7202;
   font-size:16px;
}

.suchergebnis-box p {
    line-height:1em;
}

.suchergebnis-box .bild {
    margin-bottom:15px;
}

.suchergebnis-box .bild img {
    width:100%;
    margin:0 auto;
    display:block;
    height:auto;
}

.suchergebnis a {
    text-decoration:none;
    display:block;
    color:#222;
}
.excerpt_part {
    font-size:14px;
}

/* 3.5 Download-Seiten */
.downloads-container {
    display:flex;
    flex-wrap:wrap;
    margin:0 -20px;
}

.download-kategorie {
    flex-basis:100%;
    width:100%;
    padding:0 20px;
}

ul.downloads {
    list-style:none;
    padding:0;
    margin:0;
}

.download-kategorie h2 {
    margin-bottom:20px;
    font-size:30px;
    color:#222;
}

.download-kategorie ul li.download {

}

.download-kategorie ul li a {
    margin-bottom:20px;
    display:flex;
    flex-wrap:wrap;
}

.download-knopf {
  display: block;
  /* border: 4px solid #000; */
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-style: normal;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  font-size: 14px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color:#eaeaea;
  color:#222;
}

.download-knopf .prefix, .download-knopf .dateiname {
      padding: 0.7em 2.25em;
      display:inline-block;
}

.download-knopf .prefix {
    background-color:#ee7203;
    color:#fff;
    width:100%;
    display:flex;
    align-items:center;
}

.download-knopf .prefix:after {
    content:"";
    display:inline-block;
    background-image:url('img/icons/download-xs.png');
    width:18px;
    height:18px;
    background-size:100%;
    background-position:center;
    background-repeat:no-repeat;
    position: relative;
    min-width:18px;
    margin-left: 10px;
}

.download-knopf .prefix.image img{

    width:20px;
    height:20px;
    display:inline-block;
    margin-left: 5px;

}
.download-knopf .prefix.image:after {
    display:none;
}



.knopf.downloadKategorieLink {
    font-size:14px;
    margin-bottom:40px;
    margin-top:20px;
}

#download-formular form {
    margin-bottom:50px;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    border-bottom:4px solid #dadada;
    padding-bottom:40px;
}

#download-formular form > label {
    font-size:20px;
    text-transform:uppercase;
    /*font-family: urw-din, sans-serif;*/
    font-family: 'Barlow', sans-serif;
    font-weight:600;
    flex-basis:100%;
    margin-bottom:8px;
	letter-spacing: 0.025em;
}

#download-formular form .textfeld {
    margin-bottom:20px;
    width:100%;



}

#download-formular .absenden-knopf {
    width:100%;
      font-size:16px;

}

.icon.icon-suche.schwarz {
    background:url('img/icons/lupe_schwarz.svg');
    width:20px;
    height:20px;
    position:relative;
    top:3px;
}

.download-kategorie.catview {
    width:100%;
    flex-basis:100%;
}

.download-kategorie.suchergebnisse {
  width:100%;
  flex-basis:100%;
}

h2.suchergebnis-headline {
    font-size:30px;
    margin-bottom:30px;
}

.error-404 {
    width:100%;
    height:100%;
    background:url('img/hintergruende/404.jpg');
    background-size:cover;
    min-height: calc(100vh - 350px);
    display:flex;
    justify-content:center;
    align-items:center;
}

.error-text {

}

.fb3d-h-500 {
  height: calc(100vh - 200px) !important;
}


figure.alignleft {
    float:left;
    margin-left:0;

}

figure.wp-block-image {
    margin:0;
}


/* Events */
.events-link {
    text-decoration:none;
    font-weight:bold;
    color: #ee7202;
    margin-top:20px;
    display:block;
}


/* 360Grad Produktansicht */

#produkt360{
  padding: 0px 20px 50px 20px;
}

.produkt360_container{
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
}

.produkt360_container h3{
  font-size: 1.6em;
  font-weight: 600;
  color: #ee7202;
}

.produkt360_iframe{
    width: 100%;
    max-width: 1260px;
    height: 60vh;
    border: none;
    border-top: 7px solid #ee7202;
}