@charset "UTF-8";
/*!
Theme Name: Esders
Theme URI: https://www.esders.de
Author: Christian Tost
Author URI: https://www.esders.de
Description: Die neue Theme von der Esders GmbH.
Version: 1.0
Text Domain: esders
Tags:
Dev: sass --watch sass/main.scss:./style.css --style compressed
*/
@font-face {
  font-family: "NimbusSanD";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/NimbusSanD.eot);
  /* For IE6-8 */
  src: url("fonts/NimbusSanD.woff2") format("woff2"), url("fonts/NimbusSanD.woff") format("woff"), url("fonts/NimbusSanD.ttf") format("truetype");
}
@font-face {
  font-family: "ZEROTWOS";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/ZEROTWOS.eot);
  /* For IE6-8 */
  src: url("fonts/ZEROTWOS.woff2") format("woff2"), url("fonts/ZEROTWOS.woff") format("woff"), url("fonts/ZEROTWOS.TTF") format("truetype");
}
@font-face {
  font-family: "Material Icons";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/MaterialIcons-Regular.eot);
  /* For IE6-8 */
  src: local("Material Icons"), local("MaterialIcons-Regular"), url(fonts/MaterialIcons-Regular.woff2) format("woff2"), url(fonts/MaterialIcons-Regular.woff) format("woff"), url(fonts/MaterialIcons-Regular.ttf) format("truetype");
}
.elementor-field-group input[type=radio], .elementor-field-group input[type=checkbox] {
  vertical-align: top;
}

.elementor-field-type-textarea textarea {
  margin-top: 0 !important;
}

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

html {
  position: relative;
  font-family: NimbusSanD;
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 100%;
  overflow: auto;
  scroll-behavior: smooth;
}

body {
  position: relative;
  font-family: NimbusSanD;
  font-size: 11pt;
  color: #444;
  background-color: white;
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 100%;
  overflow: auto;
  line-height: 2;
  background-position: bottom !important;
  background-size: cover !important;
  background-repeat: unset !important;
  background-attachment: fixed !important;
}

.footer-img {
  position: absolute;
  bottom: 0;
  padding-bottom: 170px;
}

.center {
  text-align: center;
}

.bottom {
  position: absolute !important;
  left: 0;
  right: 0;
  bottom: 0;
}

.top {
  position: absolute !important;
  left: 0;
  right: 0;
  top: 0;
}

.modal-open {
  overflow: hidden;
}

section div {
  min-height: 0px;
}

img {
  vertical-align: bottom;
}

.redDot i {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: red;
  position: absolute;
  top: -20px;
  right: -10px;
}
@media only screen and (max-width : 600px) {
  .redDot {
    display: none;
  }
}

#top {
  height: 0;
}

.global-btn {
  z-index: 10;
  position: fixed;
  right: -70px;
  bottom: 50px;
  height: 70px;
  width: 190px;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  transition: right 0.5s ease-in;
}
@media only screen and (max-width : 600px) {
  .global-btn {
    bottom: 100px;
    width: 160px;
  }
}
.global-btn a {
  position: relative;
  display: inline-block;
  height: 70px;
  width: 70px;
  background: rgba(68, 68, 68, 0.5);
  border-radius: 50%;
  vertical-align: bottom;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
}
.global-btn a:hover {
  background: #444;
}
.global-btn a:hover span {
  background: #e2001a;
}
.global-btn a i {
  display: block;
  position: absolute;
  left: calc(50% - 20px);
  top: calc(50% - 20px);
  font-size: 40px;
  color: white;
}
.global-btn a span {
  display: none;
  opacity: 0;
  position: absolute;
  right: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  background: rgba(226, 0, 26, 0.5);
  color: white;
  border-radius: 50%;
  text-align: center;
  transition: all 0.2s ease-in-out;
}
.global-btn #globalOfferBtn {
  display: none;
  opacity: 0;
}

.showTopIcon {
  right: 50px;
}
@media only screen and (max-width : 600px) {
  .showTopIcon {
    right: 20px;
  }
}

.elementor-image .wp-caption .wp-caption-text {
  font-size: 10pt;
}

a[scroll] {
  cursor: pointer;
}

.historyLine div:first-child div:first-child {
  margin: 0 50px 0 0;
  border-style: groove;
  border-width: 0px 1px 0px 0px;
}
.historyLine div:first-child div:first-child div {
  border: 0;
  margin: 0;
}
@media only screen and (max-width : 992px) {
  .historyLine div:first-child div:first-child {
    border-style: none;
    border: 0;
  }
}
@media only screen and (max-width : 600px) {
  .historyLine div:first-child div:first-child {
    border-style: none;
    border: 0;
    margin: 0;
  }
}

.toDay div:first-child div:first-child {
  border: 0;
}

.background {
  background: white;
}

#content {
  position: relative;
  z-index: 1;
  display: block;
  background: white;
  min-height: 500px;
}
#content h1 {
  display: none;
}

.content {
  background: white;
  min-height: calc(100vh - 552px);
}
.content h3 {
  font-size: 20pt;
}
@media only screen and (max-width : 600px) {
  .content h3 {
    font-size: 18pt;
  }
}
.content h2 {
  font-size: 20pt;
}
.content h1 {
  font-size: 20pt;
}
.content * {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.content > h1 {
  display: none;
}

.cardShadow {
  width: calc(50% - 30px) !important;
  margin: 15px;
  transition: 0.2 ease-in;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width : 600px) {
  .cardShadow {
    width: calc(100% - 30px) !important;
  }
}
.cardShadow:hover {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 6px 2px -4px rgba(0, 0, 0, 0.12), 0 2px 10px 0 rgba(0, 0, 0, 0.2);
}

.likeProduktPage {
  width: calc(25% - 20px) !important;
  margin-left: 10px;
  margin-right: 10px;
}
@media only screen and (max-width : 992px) {
  .likeProduktPage {
    width: calc(50% - 20px) !important;
  }
}
@media only screen and (max-width : 600px) {
  .likeProduktPage {
    width: calc(100% - 20px) !important;
  }
}

.seminarTable table {
  width: 250px;
  margin: 0 auto;
  line-height: 1;
  border-spacing: 0;
}
.seminarTable table tbody tr:first-child td[colspan="2"] {
  border: 0;
}
.seminarTable table tbody tr td {
  border-top: 1px solid #444;
  text-align: center;
}
.seminarTable table tbody tr td:first-child {
  text-align: left;
}
.seminarTable table tbody tr td[colspan="2"] {
  font-weight: bold;
  padding-top: 10px;
}

.hide {
  display: none;
}

.hideH h1, .hideH h2, .hideH h3, .hideH h4, .hideH h5, .hideH h6 {
  display: none;
}

.big {
  font-size: 13pt;
  font-weight: bold;
}

.link a {
  color: #444;
  text-decoration: underline !important;
  transition: color 0.2s ease-in;
}
.link a:hover {
  color: #e2001a !important;
}
.link a:hover .material-icons {
  color: #e2001a !important;
}
.link a .material-icons {
  text-decoration: none !important;
  font-size: 30pt;
  vertical-align: bottom;
}

.elementor-column-wrap {
  padding: 0 !important;
}

.hoverable {
  transition: box-shadow 0.2s ease-in;
}
.hoverable:hover {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.elementor-text-editor a {
  color: #444;
  text-decoration: underline !important;
  transition: color 0.2s ease-in;
}
.elementor-text-editor a:hover {
  color: #e2001a;
}

/*********************
    Animationen
**********************/
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes blurIn {
  0% {
    filter: blur(100px);
  }
  100% {
    filter: blur(0px);
  }
}
/*********************
  Media Query Classes
**********************/
@media only screen and (max-width : 600px) {
  .hide-on-small-only, .hide-on-small-and-down {
    display: none !important;
  }
}

@media only screen and (max-width : 992px) {
  .hide-on-med-and-down {
    display: none !important;
  }
}

@media only screen and (min-width : 601px) {
  .hide-on-med-and-up {
    display: none !important;
  }
}

@media only screen and (min-width: 600px) and (max-width: 992px) {
  .hide-on-med-only {
    display: none !important;
  }
}

@media only screen and (min-width : 993px) {
  .hide-on-large-only {
    display: none !important;
  }
}

@media only screen and (min-width : 1201px) {
  .hide-on-extra-large-only {
    display: none !important;
  }
}

@media only screen and (min-width : 1201px) {
  .show-on-extra-large {
    display: block !important;
  }
}

@media only screen and (min-width : 993px) {
  .show-on-large {
    display: block !important;
  }
}

@media only screen and (min-width: 600px) and (max-width: 992px) {
  .show-on-medium {
    display: block !important;
  }
}

@media only screen and (max-width : 600px) {
  .show-on-small {
    display: block !important;
  }
}

@media only screen and (min-width : 601px) {
  .show-on-medium-and-up {
    display: block !important;
  }
}

@media only screen and (max-width : 992px) {
  .show-on-medium-and-down {
    display: block !important;
  }
}

@media only screen and (max-width : 600px) {
  .center-on-small-only {
    text-align: center;
  }
}

.linkIcon {
  color: #444;
  transition: 0.2s ease-in-out color;
}
.linkIcon:hover {
  color: #e2001a;
}
.linkIcon:hover i {
  color: #e2001a;
}
.linkIcon i {
  vertical-align: top;
  color: #444;
  transition: 0.2s ease-in-out color;
}

.wpcf7 form div {
  position: relative;
  margin: 20px 10px;
}
.wpcf7 form div span input[type=text], .wpcf7 form div span input[type=email], .wpcf7 form div span input[type=tel], .wpcf7 form div span input[type=date] {
  padding: 20px 10px 10px 10px;
  width: 280px;
  border: 0;
  border-bottom: 1px solid #efefef;
  transition: all 0.2s ease-in-out;
  background: #efefef;
}
.wpcf7 form div label {
  position: absolute;
  top: 16px;
  left: 10px;
  transition: all 0.2s ease-in-out;
  line-height: 1;
}
.wpcf7 form div .aktiv {
  top: 5px;
  left: 10px;
  font-size: 10pt;
}

.esders-lang-pl .cookieQuestion {
  height: 280px;
}
@media only screen and (max-width : 600px) {
  .esders-lang-pl .cookieQuestion {
    height: 320px;
  }
}
.esders-lang-pl .cookieQuestion h3 {
  font-family: "Arial Black", Gadget, sans-serif;
}
.esders-lang-pl .produkte-slider .produkte-group h1 {
  font-family: "Arial Black", Gadget, sans-serif;
}

/*Slider position Top*/
.n2-ss-slide-background-image {
  background-position: center top !important;
}

/*Header von Wordpress wird angepasst (nur im Edit Mode)*/
.logged-in .header .fixedMenue {
  top: 32px;
}
.logged-in .mobileButton {
  top: 40px;
}

.elementor-editor-active .header .fixedMenue {
  top: 0;
}

#wpadminbar {
  position: fixed !important;
}

.mobileButton {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 11;
  padding-top: 10px;
  line-height: 1;
  padding-bottom: 10px;
}
.mobileButton div {
  padding-right: 10px;
  display: flex;
  align-items: center;
}
.mobileButton div a {
  cursor: pointer;
  color: #444;
  text-decoration: none;
}
.mobileButton div a i {
  font-size: 50px;
}

.mobileMenue {
  z-index: 100;
  line-height: 1;
  transition: ease-in-out width 0.5s;
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 0px;
  overflow-y: auto;
  background: rgba(0, 0, 0, 0.8);
  opacity: 0;
}
.mobileMenue .title {
  transition: ease-in-out color 0.2s;
  font-family: "ZEROTWOS";
  text-transform: uppercase;
  font-size: 30pt;
  color: rgba(255, 255, 255, 0);
  text-align: center;
  margin: 10px 0;
}
.mobileMenue ul {
  transition: 0.3s;
  padding-left: 0;
}
.mobileMenue ul li {
  height: 100%;
  width: 100%;
  list-style-type: none;
}
.mobileMenue ul li div:hover > a {
  background-color: #e2001a;
}
.mobileMenue ul li a {
  display: block;
  width: calc(100% - 45px);
  padding: 15px;
  padding-left: 30px;
  color: rgba(255, 255, 255, 0);
  text-decoration: none;
  transition: ease-in-out color 0.2s;
}
.mobileMenue ul li a:hover {
  background-color: #e2001a;
}
.mobileMenue ul li svg {
  width: auto;
  height: 15px;
  padding-right: 5px;
  vertical-align: bottom;
  opacity: 0;
  transition: ease-in-out opacity 0.2s;
}
.mobileMenue ul li i {
  color: rgba(255, 255, 255, 0);
  transition: ease-in-out color 0.2s;
}
.mobileMenue ul li ul li a {
  width: calc(100% - 60px);
  padding-left: 45px;
}
.mobileMenue ul li ul li a:hover {
  background-color: #e2001a;
}
.mobileMenue ul li ul li a i {
  font-size: 24px;
  margin: -5px 0;
  vertical-align: bottom;
  position: relative;
}
.mobileMenue ul li ul li a .countOffers {
  position: absolute;
  right: 10px;
  top: 10px;
}
.mobileMenue ul li ul li ul li a {
  width: calc(100% - 75px);
  padding-left: 60px;
}
.mobileMenue ul li ul li ul li a:hover {
  background-color: #e2001a;
}
.mobileMenue ul li .dropdown {
  position: absolute;
  right: 0px;
  top: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 12px;
  height: 37px;
}
.mobileMenue ul li .dropdown .rotate {
  font-size: 20pt;
  color: white;
  cursor: pointer;
  transition: all 100ms linear;
}
.mobileMenue ul li .dropdown .rotate.down {
  transform: rotate(90deg);
}

.mobileBackground {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 99;
}

.firmen_logo {
  display: none;
  position: absolute;
  z-index: 99;
  width: 100%;
}
@media only screen and (max-width : 992px) {
  .firmen_logo {
    display: flex;
  }
}
.firmen_logo img {
  position: absolute;
  top: 10px;
  width: 200px;
  height: auto;
  left: 10px;
}

.header {
  position: relative;
  line-height: 1;
  background: white;
  z-index: 10;
}
.header .menue {
  z-index: 10;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  background: #efefef;
  white-space: nowrap;
  font-size: 14pt;
}
.header .menue div:nth-child(1) ul {
  display: flex;
  height: 100%;
  padding: 0;
  margin: 0;
}
.header .menue div:nth-child(1) ul li {
  position: relative;
  height: 100%;
  padding: 0;
  text-align: center;
  list-style-type: none;
  transition: background 500ms;
}
.header .menue div:nth-child(1) ul li a {
  display: flex;
  align-items: center;
  height: calc(100% - 50px);
  width: calc(100% - 40px);
  padding: 25px 20px;
  color: #444;
  text-transform: uppercase;
  text-decoration: none;
}
.header .menue div:nth-child(1) ul li a:hover {
  color: #e2001a;
}
.header .menue div:nth-child(1) ul li:hover {
  border-bottom: 1px solid #e2001a;
}
.header .menue div:nth-child(1) ul li:hover ul {
  display: block;
}
.header .menue div:nth-child(1) ul li:hover ul li {
  display: list-item;
}
.header .menue div:nth-child(1) ul li i {
  width: 100%;
}
.header .menue div:nth-child(1) ul li ul {
  min-width: -webkit-fill-available;
  margin-top: 1px;
  transition: background 500ms;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  justify-content: center;
}
.header .menue div:nth-child(1) ul li ul li {
  transition: background 500ms;
  display: none;
  list-style-type: none;
  width: 100%;
  height: 50px;
  background-color: #efefef;
  text-align: left;
}
.header .menue div:nth-child(1) ul li ul li:hover {
  border-bottom: 1px solid #e2001a;
  height: 49px;
}
.header .menue div:nth-child(1) ul li ul li:hover a {
  color: #e2001a;
}
.header .menue div:nth-child(1) ul li ul li a {
  height: 20px;
  padding: 15px;
}
.header .fixedMenue {
  position: fixed;
}
.header .bottomPagging {
  padding-bottom: 78px;
}
.header .moveHeader {
  position: relative;
  height: 70px;
  display: flex;
}
.header .moveHeader h1 {
  color: #444;
  padding: 15px 0 15px 15%;
  margin: 0;
  font-size: 30px;
  font-weight: 400;
}
.header .moveHeader .links {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 55%;
  line-height: 1;
  height: 100%;
}
@media only screen and (max-width : 992px) {
  .header .moveHeader .links {
    display: none;
  }
}
.header .moveHeader .links a {
  margin: 0 auto;
  color: #444;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
}
@media only screen and (min-width : 1201px) {
  .header .moveHeader .links a {
    margin: 0 25px;
  }
}
.header .moveHeader .links a:hover span {
  text-decoration: underline;
}
.header .moveHeader .links a:hover i {
  color: #e2001a;
}
.header .moveHeader .links a i {
  font-size: 25pt;
  vertical-align: middle;
  transition: color 0.2s ease-in-out;
}
.header .moveHeader .links a span {
  padding-left: 10px;
}
.header .moveHeader .links ul {
  margin: 0 auto;
  position: relative;
  padding: 0 10px;
  text-align: center;
  list-style-type: none;
}
@media only screen and (min-width : 1201px) {
  .header .moveHeader .links ul {
    margin: 0 25px;
  }
}
.header .moveHeader .links ul li {
  white-space: nowrap;
}
.header .moveHeader .links ul li:hover {
  background: #efefef;
}
.header .moveHeader .links ul li:hover ul {
  display: block;
}
.header .moveHeader .links ul li:hover i {
  transform: rotateX(180deg);
}
.header .moveHeader .links ul li a {
  display: inline-block;
  margin: 0;
  height: 20px;
  padding: 10px;
}
.header .moveHeader .links ul li i {
  margin: -5px;
  font-size: 30px;
  margin-left: -25px;
  padding: 10px;
  vertical-align: bottom;
  cursor: default;
  transition: 0.2s ease-in-out transform;
}
.header .moveHeader .links ul li svg {
  width: auto;
  height: 20px;
  padding-right: 5px;
  vertical-align: middle;
}
.header .moveHeader .links ul li ul {
  padding: 0;
  margin: 0;
  display: none;
  text-align: left;
  position: absolute;
  top: 40px;
  z-index: 100;
  background: white;
}
.header .moveHeader .links ul li ul li a {
  display: block;
}
.header img {
  vertical-align: middle;
}

.cookieQuestion {
  position: fixed;
  left: calc(50% - 200px);
  top: calc(50vh - 150px);
  display: none;
  height: auto;
  width: 400px;
  z-index: 100;
  background: white;
  padding: 20px;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width : 600px) {
  .cookieQuestion {
    left: calc(50% - 150px);
    top: calc(50vh - 160px);
    height: 320px;
    width: 280px;
    padding: 10px;
  }
}
.cookieQuestion h3 {
  color: #e2001a;
  font-family: "Arial Black", Gadget, sans-serif;
  text-transform: uppercase;
  margin: 0;
  text-align: center;
  font-size: 20pt;
  margin-bottom: 20px;
  line-height: 1;
}
.cookieQuestion .cookieText {
  color: #444;
}
.cookieQuestion .btnCookieAllow {
  display: block;
  background-color: #e2001a;
  color: white;
  text-decoration: none;
  padding: 10px 20px;
  margin: 40px 0 10px 0;
  cursor: pointer;
}
.cookieQuestion .btnCookieNeeded {
  display: block;
  text-decoration: underline;
  color: #c4c4c4;
  cursor: pointer;
}

.dialog-background {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 11;
  background-color: rgba(0, 0, 0, 0.5);
}

.container {
  margin: 0 auto;
  max-width: 1280px;
  width: 90%;
}

@media only screen and (min-width : 601px) {
  .container {
    width: 85%;
  }
}
@media only screen and (min-width : 993px) {
  .container {
    width: 70%;
  }
}
.col .row {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

.section {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.section.no-pad {
  padding: 0;
}
.section.no-pad-bot {
  padding-bottom: 0;
}
.section.no-pad-top {
  padding-top: 0;
}

.row {
  margin-left: auto;
  margin-right: auto;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
.row .col {
  float: left;
  box-sizing: border-box;
  padding: 0 0.75rem;
  min-height: 1px;
}
.row .col[class*=push-], .row .col[class*=pull-] {
  position: relative;
}
.row .col.s1 {
  width: 8.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s2 {
  width: 16.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s3 {
  width: 25%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s4 {
  width: 33.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s5 {
  width: 41.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s6 {
  width: 50%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s7 {
  width: 58.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s8 {
  width: 66.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s9 {
  width: 75%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s10 {
  width: 83.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s11 {
  width: 91.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.s12 {
  width: 100%;
  margin-left: auto;
  left: auto;
  right: auto;
}
.row .col.offset-s1 {
  margin-left: 8.3333333333%;
}
.row .col.pull-s1 {
  right: 8.3333333333%;
}
.row .col.push-s1 {
  left: 8.3333333333%;
}
.row .col.offset-s2 {
  margin-left: 16.6666666667%;
}
.row .col.pull-s2 {
  right: 16.6666666667%;
}
.row .col.push-s2 {
  left: 16.6666666667%;
}
.row .col.offset-s3 {
  margin-left: 25%;
}
.row .col.pull-s3 {
  right: 25%;
}
.row .col.push-s3 {
  left: 25%;
}
.row .col.offset-s4 {
  margin-left: 33.3333333333%;
}
.row .col.pull-s4 {
  right: 33.3333333333%;
}
.row .col.push-s4 {
  left: 33.3333333333%;
}
.row .col.offset-s5 {
  margin-left: 41.6666666667%;
}
.row .col.pull-s5 {
  right: 41.6666666667%;
}
.row .col.push-s5 {
  left: 41.6666666667%;
}
.row .col.offset-s6 {
  margin-left: 50%;
}
.row .col.pull-s6 {
  right: 50%;
}
.row .col.push-s6 {
  left: 50%;
}
.row .col.offset-s7 {
  margin-left: 58.3333333333%;
}
.row .col.pull-s7 {
  right: 58.3333333333%;
}
.row .col.push-s7 {
  left: 58.3333333333%;
}
.row .col.offset-s8 {
  margin-left: 66.6666666667%;
}
.row .col.pull-s8 {
  right: 66.6666666667%;
}
.row .col.push-s8 {
  left: 66.6666666667%;
}
.row .col.offset-s9 {
  margin-left: 75%;
}
.row .col.pull-s9 {
  right: 75%;
}
.row .col.push-s9 {
  left: 75%;
}
.row .col.offset-s10 {
  margin-left: 83.3333333333%;
}
.row .col.pull-s10 {
  right: 83.3333333333%;
}
.row .col.push-s10 {
  left: 83.3333333333%;
}
.row .col.offset-s11 {
  margin-left: 91.6666666667%;
}
.row .col.pull-s11 {
  right: 91.6666666667%;
}
.row .col.push-s11 {
  left: 91.6666666667%;
}
.row .col.offset-s12 {
  margin-left: 100%;
}
.row .col.pull-s12 {
  right: 100%;
}
.row .col.push-s12 {
  left: 100%;
}
@media only screen and (min-width : 601px) {
  .row .col.m1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.m12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.offset-m1 {
    margin-left: 8.3333333333%;
  }
  .row .col.pull-m1 {
    right: 8.3333333333%;
  }
  .row .col.push-m1 {
    left: 8.3333333333%;
  }
  .row .col.offset-m2 {
    margin-left: 16.6666666667%;
  }
  .row .col.pull-m2 {
    right: 16.6666666667%;
  }
  .row .col.push-m2 {
    left: 16.6666666667%;
  }
  .row .col.offset-m3 {
    margin-left: 25%;
  }
  .row .col.pull-m3 {
    right: 25%;
  }
  .row .col.push-m3 {
    left: 25%;
  }
  .row .col.offset-m4 {
    margin-left: 33.3333333333%;
  }
  .row .col.pull-m4 {
    right: 33.3333333333%;
  }
  .row .col.push-m4 {
    left: 33.3333333333%;
  }
  .row .col.offset-m5 {
    margin-left: 41.6666666667%;
  }
  .row .col.pull-m5 {
    right: 41.6666666667%;
  }
  .row .col.push-m5 {
    left: 41.6666666667%;
  }
  .row .col.offset-m6 {
    margin-left: 50%;
  }
  .row .col.pull-m6 {
    right: 50%;
  }
  .row .col.push-m6 {
    left: 50%;
  }
  .row .col.offset-m7 {
    margin-left: 58.3333333333%;
  }
  .row .col.pull-m7 {
    right: 58.3333333333%;
  }
  .row .col.push-m7 {
    left: 58.3333333333%;
  }
  .row .col.offset-m8 {
    margin-left: 66.6666666667%;
  }
  .row .col.pull-m8 {
    right: 66.6666666667%;
  }
  .row .col.push-m8 {
    left: 66.6666666667%;
  }
  .row .col.offset-m9 {
    margin-left: 75%;
  }
  .row .col.pull-m9 {
    right: 75%;
  }
  .row .col.push-m9 {
    left: 75%;
  }
  .row .col.offset-m10 {
    margin-left: 83.3333333333%;
  }
  .row .col.pull-m10 {
    right: 83.3333333333%;
  }
  .row .col.push-m10 {
    left: 83.3333333333%;
  }
  .row .col.offset-m11 {
    margin-left: 91.6666666667%;
  }
  .row .col.pull-m11 {
    right: 91.6666666667%;
  }
  .row .col.push-m11 {
    left: 91.6666666667%;
  }
  .row .col.offset-m12 {
    margin-left: 100%;
  }
  .row .col.pull-m12 {
    right: 100%;
  }
  .row .col.push-m12 {
    left: 100%;
  }
}
@media only screen and (min-width : 993px) {
  .row .col.l1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.offset-l1 {
    margin-left: 8.3333333333%;
  }
  .row .col.pull-l1 {
    right: 8.3333333333%;
  }
  .row .col.push-l1 {
    left: 8.3333333333%;
  }
  .row .col.offset-l2 {
    margin-left: 16.6666666667%;
  }
  .row .col.pull-l2 {
    right: 16.6666666667%;
  }
  .row .col.push-l2 {
    left: 16.6666666667%;
  }
  .row .col.offset-l3 {
    margin-left: 25%;
  }
  .row .col.pull-l3 {
    right: 25%;
  }
  .row .col.push-l3 {
    left: 25%;
  }
  .row .col.offset-l4 {
    margin-left: 33.3333333333%;
  }
  .row .col.pull-l4 {
    right: 33.3333333333%;
  }
  .row .col.push-l4 {
    left: 33.3333333333%;
  }
  .row .col.offset-l5 {
    margin-left: 41.6666666667%;
  }
  .row .col.pull-l5 {
    right: 41.6666666667%;
  }
  .row .col.push-l5 {
    left: 41.6666666667%;
  }
  .row .col.offset-l6 {
    margin-left: 50%;
  }
  .row .col.pull-l6 {
    right: 50%;
  }
  .row .col.push-l6 {
    left: 50%;
  }
  .row .col.offset-l7 {
    margin-left: 58.3333333333%;
  }
  .row .col.pull-l7 {
    right: 58.3333333333%;
  }
  .row .col.push-l7 {
    left: 58.3333333333%;
  }
  .row .col.offset-l8 {
    margin-left: 66.6666666667%;
  }
  .row .col.pull-l8 {
    right: 66.6666666667%;
  }
  .row .col.push-l8 {
    left: 66.6666666667%;
  }
  .row .col.offset-l9 {
    margin-left: 75%;
  }
  .row .col.pull-l9 {
    right: 75%;
  }
  .row .col.push-l9 {
    left: 75%;
  }
  .row .col.offset-l10 {
    margin-left: 83.3333333333%;
  }
  .row .col.pull-l10 {
    right: 83.3333333333%;
  }
  .row .col.push-l10 {
    left: 83.3333333333%;
  }
  .row .col.offset-l11 {
    margin-left: 91.6666666667%;
  }
  .row .col.pull-l11 {
    right: 91.6666666667%;
  }
  .row .col.push-l11 {
    left: 91.6666666667%;
  }
  .row .col.offset-l12 {
    margin-left: 100%;
  }
  .row .col.pull-l12 {
    right: 100%;
  }
  .row .col.push-l12 {
    left: 100%;
  }
}
@media only screen and (min-width : 1201px) {
  .row .col.xl1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.offset-xl1 {
    margin-left: 8.3333333333%;
  }
  .row .col.pull-xl1 {
    right: 8.3333333333%;
  }
  .row .col.push-xl1 {
    left: 8.3333333333%;
  }
  .row .col.offset-xl2 {
    margin-left: 16.6666666667%;
  }
  .row .col.pull-xl2 {
    right: 16.6666666667%;
  }
  .row .col.push-xl2 {
    left: 16.6666666667%;
  }
  .row .col.offset-xl3 {
    margin-left: 25%;
  }
  .row .col.pull-xl3 {
    right: 25%;
  }
  .row .col.push-xl3 {
    left: 25%;
  }
  .row .col.offset-xl4 {
    margin-left: 33.3333333333%;
  }
  .row .col.pull-xl4 {
    right: 33.3333333333%;
  }
  .row .col.push-xl4 {
    left: 33.3333333333%;
  }
  .row .col.offset-xl5 {
    margin-left: 41.6666666667%;
  }
  .row .col.pull-xl5 {
    right: 41.6666666667%;
  }
  .row .col.push-xl5 {
    left: 41.6666666667%;
  }
  .row .col.offset-xl6 {
    margin-left: 50%;
  }
  .row .col.pull-xl6 {
    right: 50%;
  }
  .row .col.push-xl6 {
    left: 50%;
  }
  .row .col.offset-xl7 {
    margin-left: 58.3333333333%;
  }
  .row .col.pull-xl7 {
    right: 58.3333333333%;
  }
  .row .col.push-xl7 {
    left: 58.3333333333%;
  }
  .row .col.offset-xl8 {
    margin-left: 66.6666666667%;
  }
  .row .col.pull-xl8 {
    right: 66.6666666667%;
  }
  .row .col.push-xl8 {
    left: 66.6666666667%;
  }
  .row .col.offset-xl9 {
    margin-left: 75%;
  }
  .row .col.pull-xl9 {
    right: 75%;
  }
  .row .col.push-xl9 {
    left: 75%;
  }
  .row .col.offset-xl10 {
    margin-left: 83.3333333333%;
  }
  .row .col.pull-xl10 {
    right: 83.3333333333%;
  }
  .row .col.push-xl10 {
    left: 83.3333333333%;
  }
  .row .col.offset-xl11 {
    margin-left: 91.6666666667%;
  }
  .row .col.pull-xl11 {
    right: 91.6666666667%;
  }
  .row .col.push-xl11 {
    left: 91.6666666667%;
  }
  .row .col.offset-xl12 {
    margin-left: 100%;
  }
  .row .col.pull-xl12 {
    right: 100%;
  }
  .row .col.push-xl12 {
    left: 100%;
  }
}

.slideshow {
  z-index: 5;
}

.suchform {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 5;
  background-color: rgba(232, 232, 232, 0.8);
  height: 100px !important;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.suchform .searchText {
  color: #444;
  padding-right: 10px;
  font-size: 15pt;
  padding-right: 10px;
}
@media only screen and (max-width : 992px) {
  .suchform .searchText {
    padding-right: 0px;
    text-align: center;
    width: 100%;
    align-self: flex-end;
    padding-bottom: 5px;
  }
}
@media only screen and (max-width : 600px) {
  .suchform .searchText {
    font-size: 13pt;
  }
}
.suchform .autocomplete {
  position: relative;
}
@media only screen and (max-width : 992px) {
  .suchform .autocomplete {
    align-self: flex-start;
  }
}
.suchform .autocomplete .autocomplete-items {
  position: absolute;
  width: 100%;
  background-color: white;
  box-shadow: 0px 2px 0px 2px #efefef;
}
.suchform .autocomplete .autocomplete-items > div {
  padding: 0px 20px;
}
.suchform .autocomplete .autocomplete-items > div:hover {
  background-color: #efefef;
}
.suchform .autocomplete .autocomplete-items .autocomplete-active {
  background-color: #efefef;
}
.suchform .autocomplete input[type=text] {
  z-index: 6;
  width: 400px;
  display: inline-block;
  box-sizing: content-box;
  padding: 10px 20px;
  border: none;
  text-overflow: clip;
  background: white;
  border-radius: 0px;
}
@media only screen and (max-width : 992px) {
  .suchform .autocomplete input[type=text] {
    align-self: flex-start;
    width: 220px;
  }
}
.suchform .autocomplete a {
  display: inline-block;
  vertical-align: bottom;
  line-height: 1;
  z-index: 6;
  cursor: pointer;
  background: #e2001a;
  border: 0;
}
@media only screen and (max-width : 992px) {
  .suchform .autocomplete a {
    align-self: flex-start;
  }
}
.suchform .autocomplete a .material-icons {
  padding: 5px 6px 6px 6px;
  color: white;
}

.search div .vorschaubild img {
  width: 100%;
  height: auto;
}

.searchErrorText {
  text-align: center;
  margin: 50px 0;
  font-size: 18pt;
  font-weight: bold;
}

.suchergebnis {
  max-width: 1000px;
  margin-bottom: 30px;
}
.suchergebnis .suchinfo div:first-child {
  text-align: right;
}
.suchergebnis .vorschau {
  display: block;
  border-radius: 2px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
  height: 310px;
  width: 100%;
  margin: 10px 0;
  cursor: pointer;
  padding: 0 5px;
  color: #444;
  text-decoration: none;
}
.suchergebnis .vorschau:hover {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 6px 2px -4px rgba(0, 0, 0, 0.12), 0 2px 10px 0 rgba(0, 0, 0, 0.2);
}
.suchergebnis .vorschau .title {
  font-size: 16pt;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.suchergebnis .vorschau .image {
  height: 150px;
  width: 150px;
  object-fit: contain;
  object-position: center center;
}
.suchergebnis .vorschau .text {
  max-width: 250px;
  margin: auto;
  line-height: normal;
  font-size: 11pt !important;
  height: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.suchergebnis .vorschau .text p {
  margin: 0;
}
.suchergebnis .vorschau .text ul {
  text-align: left;
  margin: 0;
  padding-left: 20px;
}

.tp-thumb-title {
  display: none !important;
}

.background-close {
  height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.5);
}

.admin-bar .post-blog .fixedBlogMenue {
  top: 112px !important;
}

@media only screen and (max-width : 992px) {
  .newsSlider {
    height: 20px;
    display: none;
  }
  .newsSlider rs-module-wrap {
    display: none;
  }
}

.lightBoxImage {
  position: fixed;
  top: 50%;
  left: calc(50% - 70px);
  transform: translateY(-50%) translateX(-50%);
  z-index: 11;
  margin: 0 70px;
  max-width: calc(100% - 140px);
  max-height: 100%;
}
@media only screen and (max-width : 992px) {
  .lightBoxImage {
    left: 50%;
    margin: 0;
    max-width: 100%;
  }
}
.lightBoxImage img {
  max-width: calc(100vw - 140px);
  max-height: 100vh;
}
@media only screen and (max-width : 992px) {
  .lightBoxImage img {
    max-width: 100vw;
  }
}
.lightBoxImage .arrow {
  z-index: 13;
  display: block;
  margin: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.lightBoxImage .arrow .material-icons {
  color: white;
  font-size: 40pt;
  transition: color 1s;
}
.lightBoxImage .arrow .material-icons:hover {
  color: #e2001a;
}
.lightBoxImage .lightBoxClose {
  top: 20pt;
  right: 0;
  height: 40pt;
  width: 40pt;
}
@media only screen and (min-width : 993px) {
  .lightBoxImage .lightBoxClose {
    right: -70px;
  }
}
.lightBoxImage .aleft {
  left: 0;
}
@media only screen and (min-width : 993px) {
  .lightBoxImage .aleft {
    left: -70px;
  }
}
.lightBoxImage .aright {
  right: 0;
}
@media only screen and (min-width : 993px) {
  .lightBoxImage .aright {
    right: -70px;
  }
}

.singlePage {
  position: relative;
  z-index: 1;
  padding-top: 20px;
  padding-bottom: 20px;
  min-height: 450px;
  background: #FFF;
}
.singlePage .post .postText {
  font-size: 13pt;
  background: white;
  width: 100%;
  padding-bottom: 50px;
}
.singlePage .post .postText .postContent {
  margin-left: auto;
  margin-right: auto;
  padding: 10px 10px 10px;
}
@media only screen and (max-width : 992px) {
  .singlePage .post .postText .postContent {
    width: calc(100% - 20px);
  }
}
@media only screen and (min-width : 993px) {
  .singlePage .post .postText .postContent {
    width: 700px;
  }
}
.singlePage .post .postText .postContent img {
  cursor: pointer;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 600px;
}
.singlePage .post .postText .postContent .triggerLightBox {
  cursor: pointer;
}
.singlePage .post .postText .postTitle {
  line-height: normal;
  padding: 0;
  width: 100%;
  margin: 0;
}
.singlePage .post .postText .postTitle p {
  margin: 0;
}
.singlePage .post .postText .postTitle h1 {
  display: block;
  margin: 0;
  white-space: normal;
  font-size: 25pt;
}

@media only screen and (min-width : 993px) {
  .single-post-news {
    margin-left: auto;
    margin-right: auto;
    width: 700px;
  }
}

.single-post-pager {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
  margin-bottom: 10px;
}
@media only screen and (max-width : 992px) {
  .single-post-pager {
    width: calc(100% - 20px);
    margin: 0 10px;
  }
}
.single-post-pager div a {
  display: block;
  padding: 10px 20px;
  color: #444;
  background: #efefef;
  text-decoration: none;
  transition: 0.2s ease-in-out all;
}
.single-post-pager div a:hover {
  color: #ffffff;
  background: #e2001a;
}
.single-post-pager div a i {
  font-size: 30pt;
  vertical-align: middle;
}
@media only screen and (max-width : 600px) {
  .single-post-pager div a span {
    display: none;
  }
}

.navigation {
  margin-top: 30px;
  margin-bottom: 30px;
}
.navigation h2 {
  display: none;
}
.navigation .nav-links {
  text-align: center;
}
.navigation .page-numbers {
  background-color: #efefef;
  display: inline-block;
  font-size: 18pt !important;
  vertical-align: top;
  text-align: center;
  padding: 0px 15px;
  color: #444;
  text-decoration: none;
  transition: color 0.2s, background-color 0.2s;
  margin: 0 5px;
}
.navigation .page-numbers:hover {
  color: white;
  background-color: #e2001a;
}
.navigation .page-numbers i {
  vertical-align: middle;
}
.navigation .current {
  text-decoration: underline;
}

.post-blog {
  display: flex;
  background: white;
  position: relative;
}
.post-blog h1 {
  display: none;
}
.post-blog .post-menue {
  z-index: 2;
  background: white;
  width: 300px;
  min-width: 300px;
  overflow: auto;
  padding-bottom: 1px;
}
@media only screen and (max-width : 992px) {
  .post-blog .post-menue {
    display: none;
  }
}
.post-blog .post-menue .categories {
  overflow-y: auto;
  padding: 0px;
  margin: 0px;
  width: 100%;
  list-style: none;
}
.post-blog .post-menue .categories li:nth-child(1) {
  animation: fadeIn 1000ms ease;
}
.post-blog .post-menue .categories li:nth-child(2) {
  animation: fadeIn 1500ms ease;
}
.post-blog .post-menue .categories li:nth-child(3) {
  animation: fadeIn 2000ms ease;
}
.post-blog .post-menue .categories li:nth-child(4) {
  animation: fadeIn 2500ms ease;
}
.post-blog .post-menue .categories li:nth-child(5) {
  animation: fadeIn 3000ms ease;
}
.post-blog .post-menue .categories li:nth-child(6) {
  animation: fadeIn 3500ms ease;
}
.post-blog .post-menue .categories li:nth-child(7) {
  animation: fadeIn 4000ms ease;
}
.post-blog .post-menue .categories li:nth-child(8) {
  animation: fadeIn 4500ms ease;
}
.post-blog .post-menue .categories li:nth-child(9) {
  animation: fadeIn 5000ms ease;
}
.post-blog .post-menue .categories li:nth-child(10) {
  animation: fadeIn 5500ms ease;
}
.post-blog .post-menue .categories .cat-item {
  opacity: 1;
  font-size: 14pt;
}
.post-blog .post-menue .categories .cat-item a {
  text-decoration: none;
  line-height: normal;
  display: inline-block;
  color: #444;
  width: calc(100% - 50px);
  padding: 10px 0 10px 30px;
}
.post-blog .post-menue .categories .cat-item a:hover {
  color: #e2001a;
}
.post-blog .post-menue .post-suche .search {
  position: relative;
  min-width: 280px;
}
.post-blog .post-menue .post-suche .search input {
  width: calc(100% - 42px);
  display: inline-block;
  box-sizing: content-box;
  padding: 20px;
  text-overflow: clip;
  border: 1px solid #efefef;
}
.post-blog .post-menue .post-suche .search a {
  position: absolute;
  top: 15px;
  right: 10px;
}
.post-blog .post-menue .post-suche .categories {
  list-style: none;
  padding: 0;
  display: flex;
}
.post-blog .post-menue .post-suche .categories li a {
  height: 20px;
  background: #efefef;
  padding: 10px 20px;
  margin: 0 10px;
  border-radius: 2px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  transition: 0.2s ease-in;
  color: #444;
  text-decoration: none;
  vertical-align: middle;
}
.post-blog .post-menue .post-suche .categories li a:hover {
  box-shadow: 0 5px 4px 0 rgba(0, 0, 0, 0.14), 0 6px 2px -4px rgba(0, 0, 0, 0.12), 0 2px 10px 0 rgba(0, 0, 0, 0.2);
}
.post-blog .post-menue .post-suche .categories .current-cat a {
  background: #cacaca;
  font-weight: bold;
}
.post-blog .post-menue .post-suche .categories .cat-item-none {
  display: none !important;
}
.post-blog .fixedBlogMenue {
  position: fixed;
  left: 0;
  top: 80px;
  height: calc(100vh - 80px);
}
.post-blog .blog-list {
  z-index: 1;
  background: white;
  width: 100%;
  display: block;
  padding-bottom: 20px;
  min-height: calc(100vh - 100px);
}
.post-blog .blog-list .row {
  max-width: 800px;
  width: 100%;
}
@media only screen and (min-width : 993px) {
  .post-blog .blog-list .row {
    transform: translateX(-150px);
  }
}
@media only screen and (max-width : 992px) {
  .post-blog .blog-list .row {
    transform: translateX(0px) !important;
  }
}
.post-blog .blog-list .row .postTitle {
  position: relative;
  margin: 10px 0 45px 0;
}
.post-blog .blog-list .row .postTitle > p {
  position: absolute;
  bottom: -20px;
  margin: 0;
  font-style: italic;
}
.post-blog .blog-list .row .postTitle > p:first-child {
  right: 0px;
}
.post-blog .blog-list .row .postTitle > p:nth-child(2) {
  left: 0px;
}
.post-blog .blog-list .row .postTitle .allThisCategory {
  position: absolute;
  left: 0;
  bottom: -40px;
}
.post-blog .blog-list .row .postTitle .allThisCategory a {
  color: #444;
  text-decoration: none;
}
.post-blog .blog-list .row .postTitle .allThisCategory a:hover {
  text-decoration: underline;
}
.post-blog .blog-list .row .postTitle h1 {
  display: block;
  margin: 0;
  font-size: 30pt;
  text-align: left;
}
@media only screen and (max-width : 600px) {
  .post-blog .blog-list .row .postTitle h1 {
    font-size: 20pt;
  }
}
.post-blog .blog-list .row .postTitle h1 p {
  margin: 0;
  padding-bottom: 20px;
  line-height: 1;
}
.post-blog .blog-list .row .postThumbnail img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width : 992px) {
  .post-blog .blog-list .row .postThumbnail img {
    margin: 0 -20px;
    width: calc(100% + 40px);
  }
}
.post-blog .blog-list .row .post-vorschau {
  width: calc(50% - 20px);
  height: 415px;
  margin: 10px;
  background: white;
  opacity: 0;
  padding: 0;
  line-height: normal;
  cursor: pointer;
  border-radius: 2px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  transition: box-shadow 0.2s ease-in-out, opacity 0.5s ease-in;
}
.post-blog .blog-list .row .post-vorschau:hover {
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 4px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px 0 rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width : 600px) {
  .post-blog .blog-list .row .post-vorschau {
    margin: 10px 0;
    width: 100%;
  }
}
.post-blog .blog-list .row .post-vorschau a {
  display: block;
  text-decoration: inherit;
  color: inherit;
  border-radius: 2px;
  transition: margin-bottom, border-bottom 0.2s linear;
  border-bottom: 2px solid white;
}
.post-blog .blog-list .row .post-vorschau a:hover {
  border-bottom: 2px solid #e2001a;
}
.post-blog .blog-list .row .post-vorschau a:hover .post-thumbnail img {
  transform: scale(1.01);
}
.post-blog .blog-list .row .post-vorschau a .post-thumbnail {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.post-blog .blog-list .row .post-vorschau a .post-thumbnail img {
  width: 100%;
  height: 125px;
  object-fit: cover;
  object-position: center center;
  border-radius: 2px 2px 0px 0px;
  transition: transform 0.2s;
}
@media only screen and (max-width : 600px) {
  .post-blog .blog-list .row .post-vorschau a .post-thumbnail img {
    width: 100%;
    max-height: none;
  }
}
.post-blog .blog-list .row .post-vorschau a .entry-content {
  position: relative;
  width: calc(100% - 40px);
  height: 250px;
  padding: 20px 20px 18px 20px;
  font-size: 12pt;
  line-height: 1.5;
}
.post-blog .blog-list .row .post-vorschau a .entry-content .posttitle {
  font-size: 18pt;
  margin: 0 0 10px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.post-blog .blog-list .row .post-vorschau a .entry-content .vorschau-text {
  overflow: hidden;
  line-height: 1.5;
  text-overflow: ellipsis;
  height: 170px;
}
.post-blog .blog-list .row .post-vorschau a .entry-content .date {
  position: absolute;
  left: 20px;
  bottom: 20px;
  font-style: italic;
  text-align: right;
  font-size: 10pt;
}
.post-blog .blog-list .row .post-vorschau a .entry-content .author {
  position: absolute;
  right: 20px;
  bottom: 20px;
  font-style: italic;
  text-align: right;
  font-size: 10pt;
}
@media only screen and (min-width : 601px) {
  .post-blog .blog-list .row .post-first-vorschau {
    width: calc(100% - 20px);
  }
  .post-blog .blog-list .row .post-first-vorschau a .post-thumbnail img {
    height: 250px;
  }
  .post-blog .blog-list .row .post-first-vorschau a .entry-content {
    line-height: normal;
    height: 125px;
  }
  .post-blog .blog-list .row .post-first-vorschau a .entry-content .vorschau-text {
    line-height: 1.5;
    height: 70px;
  }
}
@media only screen and (min-width : 601px) and (min-width : 993px) {
  .post-blog .blog-list .row .post-first-vorschau a .entry-content .author {
    display: flex;
  }
}
@media only screen and (min-width : 601px) {
  .post-blog .blog-list .row .post-first-vorschau a .entry-content .author div:nth-child(2) {
    padding-left: 20px;
  }
}
.post-blog .blog-list .singlePage {
  max-width: 800px;
  width: calc(100% - 40px);
  padding: 20px;
}
.post-blog .blog-list .singlePage .shareButtons {
  max-width: 400px;
  width: 100%;
  margin: 10px auto;
  vertical-align: bottom;
  text-align: center;
  display: flex;
  justify-content: space-around;
}
.post-blog .blog-list .singlePage .shareButtons a {
  display: block;
}
.post-blog .blog-list .singlePage .shareButtons a:hover svg {
  transform: scale(1.1);
}
.post-blog .blog-list .singlePage .shareButtons a svg {
  height: 30px;
  width: 30px;
  vertical-align: bottom;
  transition: 0.2s ease-in;
}
.post-blog .blog-list .singlePage .shareButtons a svg path {
  transition: 0.2s ease-in;
}
.post-blog .blog-list .singlePage .shareButtons .shareEmail i {
  margin: -8px -4px;
  vertical-align: bottom;
  display: inline-block;
  font-size: 46px;
  color: #444;
  transition: 0.2s ease-in;
}
.post-blog .blog-list .singlePage .shareButtons .shareEmail i:hover {
  transform: scale(1.1);
  color: #e2001a;
}
.post-blog .blog-list .singlePage .shareButtons .shareFacebook svg:hover path:nth-child(1) {
  fill: #3c5a99;
}
.post-blog .blog-list .singlePage .shareButtons .shareFacebook svg path:nth-child(1) {
  fill: #444;
}
.post-blog .blog-list .singlePage .shareButtons .shareFacebook svg path:nth-child(2) {
  fill: white;
}
.post-blog .blog-list .singlePage .shareButtons .shareLinkedIn svg:hover path:nth-child(2) {
  fill: #225982;
}
.post-blog .blog-list .singlePage .shareButtons .shareLinkedIn svg path:nth-child(1) {
  fill: white;
}
.post-blog .blog-list .singlePage .shareButtons .shareLinkedIn svg path:nth-child(2) {
  fill: #444;
}
.post-blog .blog-list .singlePage .shareButtons .shareXing svg:hover path:nth-child(1) {
  fill: #005a5f;
}
.post-blog .blog-list .singlePage .shareButtons .shareXing svg:hover path:nth-child(2) {
  fill: #d4d600;
}
.post-blog .blog-list .singlePage .shareButtons .shareXing svg path {
  fill: #444;
}
.post-blog .fixedBlogContent {
  margin-left: 300px;
}

.post-list {
  width: 100%;
  max-width: 700px;
  margin: 20px auto;
  line-height: normal;
  padding: 0;
  cursor: pointer;
  border-radius: 2px;
  transition: 0.2s ease-in;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.post-list:hover {
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 4px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px 0 rgba(0, 0, 0, 0.2);
}
.post-list:hover a .post-thumbnail img {
  transform: scale(1.01);
}
.post-list a {
  text-decoration: inherit;
  color: inherit;
  display: flex;
}
@media only screen and (max-width : 600px) {
  .post-list a {
    flex-direction: column;
  }
}
.post-list a .post-thumbnail {
  overflow: hidden;
}
.post-list a .post-thumbnail img {
  width: 200px;
  height: 100%;
  min-height: 200px;
  object-fit: cover;
  object-position: center center;
  border-radius: 2px 0px 0px 2px;
  transition: 0.2s ease-in;
}
@media only screen and (max-width : 600px) {
  .post-list a .post-thumbnail img {
    width: 100%;
    max-height: none;
  }
}
@media only screen and (max-width : 600px) {
  .post-list a .post-thumbnail {
    padding: 0;
  }
}
.post-list a .entry-content {
  width: calc(100% - 240px);
  padding: 20px;
}
@media only screen and (max-width : 600px) {
  .post-list a .entry-content {
    width: calc(100% - 40px);
  }
}
.post-list a .entry-content .posttitle {
  font-size: 18pt;
  margin: 10px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.newPosts {
  line-height: normal;
}
.newPosts .category-posts-internal {
  padding: 0;
  list-style: none;
  display: flex;
  width: 100%;
}
.newPosts .category-posts-internal li {
  display: flex;
  width: 50%;
  height: 200px;
  overflow: hidden;
  margin: 10px;
}
.newPosts .category-posts-internal li a {
  color: inherit;
  text-decoration: inherit;
  display: flex;
  width: 100%;
}
.newPosts .category-posts-internal li a > div {
  color: black;
}
.newPosts .category-posts-internal li a > div:first-child {
  width: 200px;
  overflow: hidden;
}
@media only screen and (max-width : 600px) {
  .newPosts .category-posts-internal li a > div:first-child {
    width: 100px !important;
  }
}
.newPosts .category-posts-internal li a > div:first-child img {
  height: 200px;
  width: 200px;
  object-fit: cover;
}
.newPosts .category-posts-internal li a > div:nth-child(2) {
  padding: 10px;
  width: calc(100% - 200px);
}
.newPosts .category-posts-internal li a > div:nth-child(2) .cat-post-title {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 10px 0 10px 0;
  font-weight: bold;
  font-size: 18pt;
}
.newPosts .category-posts-internal li a > div:nth-child(2) p {
  margin: 0;
}
.newPosts .category-posts-internal li a > div:nth-child(2) p:nth-child(3) {
  height: 110px;
  overflow: hidden;
}
@media only screen and (max-width : 992px) {
  .newPosts .category-posts-internal {
    display: block;
  }
  .newPosts .category-posts-internal li {
    width: calc(100% - 20px);
  }
  .newPosts .category-posts-internal li a > div:first-child img {
    height: 200px !important;
    width: 200px !important;
  }
}
@media only screen and (max-width : 992px) and (max-width : 600px) {
  .newPosts .category-posts-internal li a > div:first-child img {
    width: 100px !important;
  }
}
@media only screen and (max-width : 992px) {
  .newPosts .category-posts-internal li a > div:nth-child(2) {
    width: calc(100% - 200px);
  }
}
@media only screen and (max-width : 992px) and (max-width : 600px) {
  .newPosts .category-posts-internal li a > div:nth-child(2) {
    width: calc(100% - 100px);
  }
}

.ueberschrift {
  font-family: "ZEROTWOS" !important;
  text-transform: uppercase;
}
.ueberschrift h2 {
  color: #444 !important;
}
.ueberschrift h3 {
  color: #444 !important;
}

.vertrieb-bilder .elementor-row {
  flex-wrap: nowrap;
}

.kontakt-daten a {
  color: #e2001a;
  font-size: 35pt;
}
.kontakt-daten a:hover {
  color: #960011;
}
.kontakt-daten table tr td {
  padding: 5px 10px 5px 0;
}
.kontakt-daten table tr td:nth-child(1) {
  min-width: 50px;
}

.kontakt .kontakt-list {
  line-height: normal;
}
.kontakt .kontakt-list h3 {
  color: #444;
}
@media only screen and (max-width : 992px) {
  .kontakt .kontakt-list table {
    float: left;
  }
}
.kontakt .kontakt-list ul {
  padding: 0;
  list-style: none;
}
.kontakt .kontakt-list ul li {
  padding: 10px 0;
}
@media only screen and (max-width : 992px) {
  .kontakt .kontakt-list ul li {
    text-align: center;
  }
}
.kontakt .kontakt-list .name {
  font-size: 16pt;
  font-weight: 600;
  color: #444;
}
.kontakt .kontakt-list .title {
  padding-top: 0;
}
.kontakt .left {
  text-align: right;
}
.kontakt .left table {
  float: right;
}
@media only screen and (max-width : 992px) {
  .kontakt .left table {
    float: left;
  }
}
.kontakt .kontakt-images .elementor-column {
  width: 50%;
}
.kontakt a {
  color: #444;
  text-decoration: underline !important;
  transition: color 0.3s ease-in;
}
.kontakt a:hover {
  color: #e2001a;
}

.land-btn .btn {
  overflow: hidden;
  cursor: pointer;
  float: left;
  margin: 5px;
  padding: 5px 0;
  width: calc(25% - 10px);
  border-radius: 0px;
  text-align: center;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  transition: 0.2s ease-in;
  background: white;
}
.land-btn .btn:hover {
  color: white;
  background: #e2001a;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 6px 2px -4px rgba(0, 0, 0, 0.12), 0 2px 10px 0 rgba(0, 0, 0, 0.2);
}

.vertrieb-cards {
  width: calc(50% - 30px) !important;
  margin: 15px;
  padding: 20px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width : 600px) {
  .vertrieb-cards {
    width: calc(100% - 30px) !important;
  }
}
.vertrieb-cards:hover {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 6px 2px -4px rgba(0, 0, 0, 0.12), 0 2px 10px 0 rgba(0, 0, 0, 0.2);
}
.vertrieb-cards .profilbild img {
  height: 150px !important;
  width: auto;
  object-fit: contain;
}
.vertrieb-cards .karte img {
  max-height: 230px;
  object-fit: contain;
  width: 100%;
}
.vertrieb-cards img {
  height: 150px;
  width: auto;
  object-fit: contain;
}

.partner-cards img {
  height: 70px !important;
}

.linkGroup {
  text-align: left;
  width: 100%;
}
.linkGroup .col {
  height: 36px;
}
.linkGroup .address {
  height: 65px;
}
.linkGroup .address .icon {
  margin-top: 10px;
}
.linkGroup .linkIcon {
  line-height: normal;
  display: inline-block;
}
.linkGroup .linkIcon .icon {
  float: left;
  width: 30px;
}
.linkGroup .linkIcon .icon .material-icons {
  vertical-align: bottom;
  transition: 0.2s ease-in;
  color: #444;
  font-size: 20pt;
}
.linkGroup .linkIcon .text {
  white-space: nowrap;
  text-align: left;
  float: left;
  transition: 0.2s ease-in;
  color: #444;
  transform: translate(0, 2px);
  width: calc(100% - 30px);
}
.linkGroup .linkIcon .map {
  transform: translate(0, 0);
  text-align: left;
}
.linkGroup .linkIcon:hover .text {
  text-decoration: underline;
}
.linkGroup .linkIcon:hover .material-icons {
  color: #e2001a;
}
.linkGroup .linkIcon .clear {
  clear: both;
}

.kontakt_allgemein .col {
  text-align: left;
  padding: 25px;
}
.kontakt_allgemein .col .text {
  transform: translate(0, 10px);
  width: calc(100% - 40px);
}
.kontakt_allgemein .col .map {
  transform: translate(0, 2px);
}
.kontakt_allgemein .col .icon {
  width: 40px !important;
}
.kontakt_allgemein .col .icon .material-icons {
  font-size: 30pt !important;
}

.partner {
  width: 100%;
}
.partner .partner-header {
  background: #ddd;
  position: relative;
  width: 100%;
  height: 100px;
}
.partner .partner-header .icon {
  height: 100px;
  width: 100px;
  float: left;
  text-align: center;
}
.partner .partner-header .icon i {
  margin-top: 23px;
  font-size: 40pt;
}
.partner .partner-header .title {
  float: left;
  padding-top: 30px;
  font-size: 25pt;
  font-weight: bold;
}
.partner .partner-header .image {
  float: right;
}
@media only screen and (max-width : 992px) {
  .partner .partner-header .image {
    display: none;
  }
}
.partner .partner-header .image img {
  margin: 5px;
  height: 90px;
  width: auto;
}
.partner .partner-body {
  padding: 20px;
  background: #eee;
  display: none;
}
.partner .partner-body .left {
  width: calc(100% - 310px);
  min-width: 300px;
  float: left;
}
@media only screen and (max-width : 992px) {
  .partner .partner-body .left {
    width: 100%;
  }
}
.partner .partner-body .right {
  width: 300px;
  float: left;
}
.partner .partner-body .right table {
  width: 300px;
}
.partner .partner-body .right table td:nth-child(2) {
  text-align: right;
}
.partner .partner-body .image {
  float: right;
  display: none;
}
@media only screen and (max-width : 992px) {
  .partner .partner-body .image {
    display: block;
  }
}

.partner-vorschau {
  padding: 20px;
  margin: 0px 5px;
  border-radius: 2px;
  cursor: pointer;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  transition: 0.2s ease-in;
}
.partner-vorschau img {
  height: 100px;
}
.partner-vorschau h3 {
  margin: 10px;
  text-align: center;
}
.partner-vorschau p {
  margin: 0;
  text-align: center;
}
.partner-vorschau:hover {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.14), 0 6px 2px -4px rgba(0, 0, 0, 0.12), 0 2px 10px 0 rgba(0, 0, 0, 0.2);
}
.partner-vorschau .dialog-partner {
  overflow-y: auto;
  max-height: 90vh;
  display: none;
  z-index: 12;
  position: fixed;
  border-radius: 4px;
  top: 5vh;
  background: white;
  max-width: 800px;
  min-width: 300px;
  width: 80%;
  left: 50%;
  transform: translateX(-50%);
}
.partner-vorschau .dialog-partner .dialog-header {
  background-color: #e2001a;
  padding: 20px;
}
.partner-vorschau .dialog-partner .dialog-header .title {
  float: left;
  vertical-align: bottom;
  font-size: 20pt;
  color: white;
}
.partner-vorschau .dialog-partner .dialog-header .close {
  float: right;
}
.partner-vorschau .dialog-partner .dialog-header .close i {
  border-radius: 15pt;
  font-size: 30pt;
  color: white;
}
.partner-vorschau .dialog-partner .dialog-header .close i:hover {
  background-color: white;
  color: #e2001a;
}
.partner-vorschau .dialog-partner .dialog-body {
  padding: 20px;
}
.partner-vorschau .dialog-partner .dialog-body .text {
  float: left;
  width: calc(100% - 300px);
}
@media only screen and (max-width : 992px) {
  .partner-vorschau .dialog-partner .dialog-body .text {
    width: 100%;
  }
}
.partner-vorschau .dialog-partner .dialog-body .text p {
  text-align: left;
}
.partner-vorschau .dialog-partner .dialog-body .image {
  float: right;
  width: 300px;
}
@media only screen and (max-width : 992px) {
  .partner-vorschau .dialog-partner .dialog-body .image {
    width: 100%;
  }
}
.partner-vorschau .dialog-partner .dialog-body .info {
  float: right;
  width: 300px;
}
@media only screen and (max-width : 992px) {
  .partner-vorschau .dialog-partner .dialog-body .info {
    width: 100%;
  }
}

.selectMultiple {
  position: relative;
  margin: 20px 0;
}
.selectMultiple .outputField {
  width: 100%;
  position: relative;
  border: 1px solid #efefef;
  height: 40px;
  line-height: 1;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.14);
  cursor: pointer;
  transition: 0.2s ease-in-out all;
}
.selectMultiple .outputField .output-label {
  position: absolute;
  top: 12px;
  left: 12px;
  font-size: 11pt;
  transition: 0.2s ease-in-out all;
}
.selectMultiple .outputField .output-label-checked {
  top: 0px;
  left: 2px;
  font-size: 9pt;
}
.selectMultiple .outputField .output-content {
  position: absolute;
  top: 12px;
  left: 12px;
  width: calc(100% - 48px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: 0.2s ease-in-out opacity;
  opacity: 1;
}
.selectMultiple .outputField .output-icon {
  position: absolute;
  top: 8px;
  right: 8px;
  transition: 0.2s ease-in-out all;
}
.selectMultiple .outputField .output-icon i {
  vertical-align: bottom;
}
.selectMultiple .outputField .output-icon-down {
  transform: rotate(180deg);
}
.selectMultiple .activeMultiSelect {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.selectMultiple .showList {
  display: block;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.selectMultiple ul {
  position: absolute;
  z-index: 10;
  width: 100%;
  padding: 0;
  list-style: none;
  margin: 0;
  line-height: 1;
  border: 1px solid #efefef;
  display: none;
  overflow: hidden;
  transition: 0.2s ease-in all;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.14);
  cursor: pointer;
}
.selectMultiple ul li {
  padding: 5px 12px;
  background: white;
  transition: 0.2s ease-in-out all;
}
.selectMultiple ul li:hover {
  background: #efefef;
}
.selectMultiple ul li:hover input:after {
  background-color: #960011 !important;
  border-color: #960011 !important;
}
.selectMultiple ul li input {
  margin: 0;
  height: 20px;
  width: 20px;
  vertical-align: bottom;
}
.selectMultiple ul li input:after {
  height: 20px;
  width: 20px;
  line-height: 20px;
  background-position: 0 20px;
  background-size: 20px 20px;
}

.filter {
  width: 100%;
  max-width: 1200px;
  margin: 10px;
  position: relative;
}

.hesperiden.tparrows {
  border-radius: 50%;
}
.hesperiden.tparrows:hover {
  background: #000;
}
.hesperiden.tparrows:before {
  font-size: 20px;
}
.hesperiden.tparrows.tp-leftarrow:before {
  content: "";
  margin-left: -3px;
}
.hesperiden.tparrows.tp-rightarrow:before {
  content: "";
  margin-right: -3px;
}

.fixedProdukteMenue {
  position: fixed !important;
  top: 80px;
  left: 0;
  width: 300px;
}

.fixedProdukteContent {
  margin-left: 300px;
}

.logged-in .fixedProdukteMenue {
  top: 110px;
}

.produkte-slider {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 400px;
  position: relative;
  overflow: hidden;
  background-attachment: fixed;
  /*
  @media only screen and (max-width : 992px) {
      background-attachment: scroll;
  }*/
  /*
  @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
      background-attachment: scroll;
  }*/
}
@supports (-webkit-overflow-scrolling: touch) {
  .produkte-slider {
    background-attachment: scroll;
  }
}
@media only screen and (max-width : 600px) {
  .produkte-slider {
    display: none;
  }
}
.produkte-slider .produkte-group {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  animation: blurIn ease-in 1.5s;
  transform: translate(-50%, -50%);
  filter: blur(0px);
}
.produkte-slider .produkte-group h1 {
  display: block !important;
  font-family: "ZEROTWOS";
  text-transform: uppercase;
  font-size: 60pt;
  line-height: normal;
  color: #ffffff;
  text-shadow: 2px 2px #444;
  margin: 10px;
}
@media only screen and (max-width : 992px) {
  .produkte-slider .produkte-group h1 {
    font-size: 45pt;
  }
}
@media only screen and (max-width : 600px) {
  .produkte-slider .produkte-group h1 {
    font-size: 30pt;
  }
}

.produkte {
  background: white;
  display: flex;
}
.produkte .produkte-menue {
  z-index: 1;
  background: white;
  width: 300px;
  min-width: 300px;
  overflow: auto;
}
@media only screen and (max-width : 992px) {
  .produkte .produkte-menue {
    display: none;
  }
}
.produkte .produkte-menue ul {
  overflow-y: auto;
  padding: 0px;
  margin: 0px;
  width: 100%;
  list-style: none;
}
.produkte .produkte-menue ul .li-1 {
  animation: fadeIn 600ms ease;
}
.produkte .produkte-menue ul .li-2 {
  animation: fadeIn 700ms ease;
}
.produkte .produkte-menue ul .li-3 {
  animation: fadeIn 800ms ease;
}
.produkte .produkte-menue ul .li-4 {
  animation: fadeIn 900ms ease;
}
.produkte .produkte-menue ul .li-5 {
  animation: fadeIn 1000ms ease;
}
.produkte .produkte-menue ul .li-6 {
  animation: fadeIn 1100ms ease;
}
.produkte .produkte-menue ul .li-7 {
  animation: fadeIn 1200ms ease;
}
.produkte .produkte-menue ul .li-8 {
  animation: fadeIn 1300ms ease;
}
.produkte .produkte-menue ul .li-9 {
  animation: fadeIn 1400ms ease;
}
.produkte .produkte-menue ul .li-10 {
  animation: fadeIn 1500ms ease;
}
.produkte .produkte-menue ul li {
  opacity: 1;
  font-size: 14pt;
}
.produkte .produkte-menue ul li a {
  line-height: normal;
  text-decoration: none;
  display: inline-block;
  color: #444;
  width: calc(100% - 50px);
  padding: 10px 0 10px 30px;
  position: relative;
}
.produkte .produkte-menue ul li a:hover {
  color: #e2001a;
}
.produkte .produkte-menue ul li a .countOffers {
  position: absolute;
  right: -25px;
}
.produkte .produkte-menue ul li .arrow {
  display: inline-block;
  height: 30px;
  width: 30px;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
}
.produkte .produkte-menue ul li .arrow .down {
  transform: rotate(90deg);
}
.produkte .produkte-menue ul li .arrow .material-icons {
  transition: 0.1s ease-in;
}
.produkte .produkte-menue ul li ul {
  padding-left: 30px;
  overflow: hidden;
}
.produkte .produkte-menue ul li ul li {
  display: list-item;
  height: 0px;
  line-height: normal;
  transition: 0.2s ease-in;
}
.produkte .produkte-menue ul li ul li a {
  width: 100%;
  color: #999999;
}
.produkte .produkte-menue ul li ul li a:hover {
  color: #e2001a;
}
.produkte .produkte-menue ul li ul .show {
  height: 33px;
}
.produkte .produkte-menue ul li .shopping_cart i {
  vertical-align: bottom;
  position: relative;
}
.produkte .produkte-menue ul .thisGroup > a {
  color: #e2001a;
}
.produkte .produkte-menue .thisMenuePoint {
  color: #e2001a;
}
.produkte .produkte-menue .suchform-produkte {
  position: relative;
  min-width: 280px;
}
.produkte .produkte-menue .suchform-produkte input {
  width: calc(100% - 42px);
  display: inline-block;
  box-sizing: content-box;
  padding: 20px;
  text-overflow: clip;
  border: 1px solid #efefef;
}
.produkte .produkte-menue .suchform-produkte a {
  position: absolute;
  top: 15px;
  right: 10px;
}
.produkte .produkte-menue .suchform-produkte .autocomplete-items {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  width: calc(100% - 1px);
  background: white;
  position: absolute;
  z-index: 1;
}
.produkte .produkte-menue .suchform-produkte .autocomplete-items > div {
  padding-left: 20px;
}
.produkte .produkte-menue .suchform-produkte .autocomplete-items > div:hover {
  background: #efefef;
}
.produkte .produkte-menue .suchform-produkte .autocomplete-items .autocomplete-active {
  background: #efefef;
}
.produkte .produkte-content {
  min-height: 100vh;
  background: white;
  width: 100%;
}
@media only screen and (max-width : 992px) {
  .produkte .produkte-content {
    margin-left: 0px;
  }
}
.produkte .produkte-content img {
  width: auto;
}
.produkte .produkte-content .titletext {
  max-width: 1200px;
  margin: 20px;
  font-size: 12pt;
}
.produkte .produkte-content .groups {
  max-width: 1200px;
  margin: 10px;
  padding: 0;
}
.produkte .produkte-content .groups .single-group {
  padding: 0.75rem;
}
.produkte .produkte-content .groups .single-group a {
  text-decoration: none;
  padding: 10px;
  display: block;
  height: 285px;
}
.produkte .produkte-content .groups .single-group a .thumbnail {
  height: 100px;
  max-height: 100px;
  padding: 0;
  text-align: center;
}
.produkte .produkte-content .groups .single-group a .thumbnail img {
  width: 100px;
  height: 100px;
  object-fit: contain;
  object-position: center center;
}
.produkte .produkte-content .groups .single-group a .previewtext {
  line-height: 1.05;
  color: #444;
  text-align: left;
}
.produkte .produkte-content .groups .single-group a .previewtext .groupname {
  height: 60px;
}
.produkte .produkte-content .groups .single-group a .previewtext .groupname h2 {
  text-align: center;
  margin: auto -10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  max-height: 52px;
}
.produkte .produkte-content .groups .single-group a .previewtext .text {
  text-align: center;
  height: 45px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.produkte .produkte-content .groups .single-group a .biggerimg {
  height: 150px;
  max-height: 150px;
}
.produkte .produkte-content .groups .single-group a .biggerimg img {
  width: 150px;
  height: 150px;
  object-fit: contain;
  object-position: center center;
}
.produkte .produkte-content .groups .single-group .smallerGroup {
  height: 220px;
}
.produkte .produkte-content .artikel {
  line-height: 2;
  position: relative;
  margin-bottom: 20px;
}
.produkte .produkte-content .artikel .artikelHeader {
  margin-top: 20px;
  max-width: 1300px;
  display: flex;
}
@media only screen and (max-width : 600px) {
  .produkte .produkte-content .artikel .artikelHeader {
    display: block;
  }
}
.produkte .produkte-content .artikel .artikelMenue {
  position: absolute;
  top: -100px;
  left: 0;
}
.produkte .produkte-content .artikel .angebotBtn {
  margin: 10px;
  padding: 10px 30px;
}
.produkte .produkte-content .artikel .rev_slider iframe {
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 999;
}
.produkte .produkte-content .artikel .rev_slider_wrapper {
  min-width: 300px;
  min-height: 300px;
  width: 60%;
  overflow: visible;
}
@media only screen and (max-width : 600px) {
  .produkte .produkte-content .artikel .rev_slider_wrapper {
    width: 100%;
    min-width: unset;
  }
}
.produkte .produkte-content .artikel .artikelContainer {
  position: relative;
}
.produkte .produkte-content .artikel ul {
  list-style: disc;
  padding-left: 30px;
  line-height: 2;
}
.produkte .produkte-content .artikel ul li {
  display: list-item;
  vertical-align: middle;
}
.produkte .produkte-content .artikel .artikelContent {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  grid-template-areas: " column-1 column-2 ";
}
.produkte .produkte-content .artikel .artikelContent .col1 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-area: column-1;
}
.produkte .produkte-content .artikel .artikelContent .col2 {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-area: column-2;
}
@media only screen and (max-width : 600px) {
  .produkte .produkte-content .artikel .artikelContent {
    grid-template-columns: 100% 100%;
    grid-template-areas: "column-1 " " column-2";
  }
}
@media only screen and (max-width : 600px) {
  .produkte .produkte-content .artikel .artikelContent .hide_mobil {
    display: none;
  }
}
.produkte .produkte-content .artikel .artikelContent .artikelImage {
  width: 100%;
  height: initial;
  text-align: center;
}
.produkte .produkte-content .artikel .artikelContent .artikelImage img {
  height: 100%;
  max-width: 100%;
  object-fit: cover;
  object-position: center center;
  width: 100%;
}
.produkte .produkte-content .artikel .artikelContent .video-container-wrapper {
  width: 100%;
  padding: 30px 0px;
}
.produkte .produkte-content .artikel .artikelContent .video-container-wrapper .video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.produkte .produkte-content .artikel .artikelContent .video-container-wrapper .video-container iframe, .produkte .produkte-content .artikel .artikelContent .video-container-wrapper .video-container object, .produkte .produkte-content .artikel .artikelContent .video-container-wrapper .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.produkte .produkte-content .artikel .artikelContent .artikelText {
  width: calc(100% - 40px);
  margin: auto 20px;
}
.produkte .produkte-content .artikel .artikelContent .artikelText .artikelTextContnent {
  padding: 10px 0;
}
.produkte .produkte-content .artikel .artikelContent .artikelText .artikelTextContnent h2 {
  padding: 0px;
  margin: 0px;
}
.produkte .produkte-content .artikel .artikelContent .artikelText .artikelTextContnent a {
  transition: 0.2s;
  color: #444;
  text-decoration: underline;
}
.produkte .produkte-content .artikel .artikelContent .artikelText .artikelTextContnent a:hover {
  color: #e2001a;
}
.produkte .produkte-content .artikel .artikelContent .artikelText .artikelTextContnent .downloads {
  margin: 0;
  padding: 0;
  list-style: none;
}
.produkte .produkte-content .artikel .artikelContent .artikelText .artikelTextContnent .downloads li {
  padding: 5px;
}
.produkte .produkte-content .artikel .artikelContent .artikelText .artikelTextContnent .downloads li a {
  transition: 1s;
  color: #444;
}
.produkte .produkte-content .artikel .artikelContent .artikelText .artikelTextContnent .downloads li a img {
  margin-right: 10px;
  height: 35px;
}
.produkte .produkte-content .artikel .artikelContent .artikelText .artikelTextContnent .downloads li a:hover {
  color: #e2001a;
}
.produkte .produkte-content .artikel .artikelContent .artikelText .artikelTextContnent .artikelZubehoer > a {
  display: block;
  margin: 10px 20px;
  width: 200px;
}
.produkte .produkte-content .artikel .artikelContent .artikelText .artikelTextContnent .artikelZubehoer > a:hover h4 {
  color: #e2001a;
}
.produkte .produkte-content .artikel .artikelContent .artikelText .artikelTextContnent .artikelZubehoer > a h4 {
  transition: color 0.5s;
  color: #444;
  margin-bottom: 0;
  text-decoration: underline;
}
.produkte .produkte-content .artikel .artikelContent .artikelText .artikelTextContnent .artikelZubehoer > a .artikelKurz {
  color: #444;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.produkte .produkte-content .artikel .artikelContent .artikelNoImage {
  width: calc(100% - 40px);
}
.produkte .produkte-content .artikel .artikelContent table {
  max-width: 800px;
  margin: 0px;
  border-spacing: 0px;
  border-collapse: separate;
  border-top: 1px solid #ccc;
  overflow: auto;
  display: inline-block;
}
@media only screen and (max-width : 992px) {
  .produkte .produkte-content .artikel .artikelContent table {
    max-width: calc(100% + 40px);
  }
}
@media only screen and (max-width : 600px) {
  .produkte .produkte-content .artikel .artikelContent table {
    margin: 0px -20px;
  }
}
.produkte .produkte-content .artikel .artikelContent table th {
  vertical-align: top;
  width: 200px;
  padding: 5px;
  border-bottom: 1px solid #ccc;
  text-align: left;
}
@media only screen and (max-width : 600px) {
  .produkte .produkte-content .artikel .artikelContent table th {
    width: 100px;
  }
}
.produkte .produkte-content .artikel .artikelContent table td {
  padding: 5px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.produkte .produkte-content .artikel .artikelContent .ohneth td:first-child {
  padding: 5px;
  border-bottom: 1px solid #ccc;
  border-left: 0px;
}
.produkte .produkte-content .artikel .col-both {
  display: block;
  max-width: 800px;
}
@media only screen and (max-width : 600px) {
  .produkte .produkte-content .artikel .reverse {
    grid-template-areas: "column-2 " " column-1";
  }
}
.produkte .produkte-content .artikel .sideMenue {
  position: relative;
  margin: 0 20px;
  text-align: left;
  height: 100%;
}
@media only screen and (max-width : 600px) {
  .produkte .produkte-content .artikel .sideMenue {
    margin: 20px;
    width: calc(100% - 20px);
  }
}
.produkte .produkte-content .artikel .sideMenue h1 {
  font-size: 25pt;
  display: block !important;
  margin: 0 0 10px 0;
  line-height: normal;
}
.produkte .produkte-content .artikel .sideMenue .downloads .download-title {
  font-weight: bold;
  font-size: 15pt;
}
.produkte .produkte-content .artikel .sideMenue .downloads .download-content {
  list-style: none;
  padding-left: 50px;
}
.produkte .produkte-content .artikel .sideMenue .downloads .download-content a {
  text-decoration: none;
  height: 50px;
  display: flex;
  align-items: center;
  color: #444;
  padding: 5px;
  line-height: normal;
  transition: 0.2s ease-in;
}
.produkte .produkte-content .artikel .sideMenue .downloads .download-content a:hover {
  color: #e2001a;
}
.produkte .produkte-content .artikel .sideMenue .downloads .download-content a:hover svg path {
  fill: #e2001a;
}
.produkte .produkte-content .artikel .sideMenue .downloads .download-content a svg {
  margin-left: -20px;
  margin-right: 5px;
  vertical-align: bottom;
  width: 20px;
  height: auto;
}
.produkte .produkte-content .artikel .sideMenue .downloads .download-content a svg path {
  transition: 0.2s ease-in;
  fill: #444;
}
.produkte .produkte-content .artikel .sideMenue .sideMenueAnfrageBtn .offerbtn {
  padding-left: 50px;
}
.produkte .produkte-content .artikel .sideMenue .sideMenueAnfrageBtn .offerbtn .material-icons {
  left: 20px;
  right: auto;
}
.produkte .produkte-content .artikel .sideMenue .sideMenueAnfrageBtn .scrollToOffer {
  text-decoration: none;
  display: inline-block;
  border: 1px solid #e2001a;
  background: #e2001a;
  color: #fff;
  font-weight: bold;
  font-size: 14pt;
  position: relative;
  padding: 10px 20px 10px 50px;
  cursor: pointer;
  transition: all 0.2s ease-in;
  line-height: 1;
}
.produkte .produkte-content .artikel .sideMenue .sideMenueAnfrageBtn .scrollToOffer .material-icons {
  position: absolute;
  top: calc(50% - 12px);
  left: 20px;
  right: auto;
  height: 24px;
}
.produkte .produkte-content .artikel .sideMenue .sideMenueTitle {
  font-weight: bold;
  font-size: 15pt;
}
.produkte .produkte-content .artikel .sideMenue .sideMenueContent ul {
  list-style: none;
}
.produkte .produkte-content .artikel .sideMenue .sideMenueContent ul li {
  padding: 5px;
  display: list-item;
}
.produkte .produkte-content .artikel .sideMenue .sideMenueContent ul li a {
  text-decoration: none;
  color: #444;
  transition: color 0.2s;
}
.produkte .produkte-content .artikel .sideMenue .sideMenueContent ul li a:hover {
  color: #e2001a;
}
.produkte .produkte-content .offer {
  padding: 20px;
  max-width: 1000px;
  display: none;
}
.produkte .produkte-content .offer .offer-text {
  font-size: 14pt;
}
.produkte .produkte-content .offer .nooffer {
  display: none;
  font-size: 14pt;
}
.produkte .produkte-content .offer .nooffer .backToMainLink {
  display: inline-block;
  margin: 40px auto;
  color: #444;
  text-decoration: underline;
  transition: color 0.2s ease-in;
}
.produkte .produkte-content .offer .nooffer .backToMainLink:hover {
  color: #e2001a;
}
.produkte .produkte-content .offer .list-offer {
  height: 100px;
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: 20px 0;
  position: relative;
  opacity: 1;
  transition: all 0.2s ease-in-out;
}
@media only screen and (max-width : 600px) {
  .produkte .produkte-content .offer .list-offer {
    height: 140px;
  }
}
.produkte .produkte-content .offer .list-offer input {
  display: none;
}
.produkte .produkte-content .offer .list-offer .offer-info {
  display: flex;
  width: calc(50% - 25px);
  text-decoration: none;
  color: #444;
}
@media only screen and (max-width : 600px) {
  .produkte .produkte-content .offer .list-offer .offer-info {
    height: 50px;
  }
}
.produkte .produkte-content .offer .list-offer .offer-info .offer-thumbnail {
  width: 100px;
  height: 100px;
  overflow: hidden;
}
.produkte .produkte-content .offer .list-offer .offer-info .offer-thumbnail img {
  height: 100%;
  object-fit: contain;
  object-position: center center;
}
@media only screen and (max-width : 600px) {
  .produkte .produkte-content .offer .list-offer .offer-info .offer-thumbnail {
    width: 50px;
    height: 50px;
  }
}
.produkte .produkte-content .offer .list-offer .offer-info .offer-infotext {
  width: calc(100% - 120px);
  padding: 5px 20px;
  line-height: 1;
  overflow: hidden;
}
@media only screen and (max-width : 600px) {
  .produkte .produkte-content .offer .list-offer .offer-info .offer-infotext {
    padding: 5px;
  }
}
.produkte .produkte-content .offer .list-offer .offer-info .offer-infotext .produkt {
  font-size: 14pt;
  font-weight: bold;
  margin-bottom: 5px;
}
@media only screen and (max-width : 600px) {
  .produkte .produkte-content .offer .list-offer .offer-info .offer-infotext .produkt {
    margin: 0;
    font-size: 12pt;
  }
}
.produkte .produkte-content .offer .list-offer .offer-info .offer-infotext .beschreibung {
  line-height: 1;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 55px;
}
@media only screen and (max-width : 600px) {
  .produkte .produkte-content .offer .list-offer .offer-info .offer-infotext .beschreibung {
    -webkit-line-clamp: 2;
    height: 25px;
  }
}
@media only screen and (max-width : 600px) {
  .produkte .produkte-content .offer .list-offer .offer-info .offer-infotext {
    width: calc(100% - 0px);
  }
}
@media only screen and (max-width : 600px) {
  .produkte .produkte-content .offer .list-offer .offer-info {
    width: calc(100% - 40px);
  }
}
.produkte .produkte-content .offer .list-offer .bemerkung {
  width: calc(50% - 25px);
  position: relative;
}
@media only screen and (max-width : 600px) {
  .produkte .produkte-content .offer .list-offer .bemerkung {
    position: absolute;
    top: 60px;
    width: 100%;
    height: 80px;
  }
}
.produkte .produkte-content .offer .list-offer .remove-offer {
  width: 50px;
  height: 30px;
  text-align: right;
  vertical-align: top;
}
.produkte .produkte-content .offer .list-offer .remove-offer .material-icons {
  color: #aaa;
  transition: color 0.3s;
  cursor: pointer;
}
.produkte .produkte-content .offer .list-offer .remove-offer .material-icons:hover {
  color: #444;
}
@media only screen and (max-width : 600px) {
  .produkte .produkte-content .offer .list-offer .remove-offer {
    width: 30px;
  }
}
.produkte .produkte-content .offer .list-article-offer .list-offer {
  max-width: 650px;
}
@media only screen and (max-width : 600px) {
  .produkte .produkte-content .offer .list-article-offer .list-offer {
    flex-direction: column;
    width: 100%;
    height: 325px;
  }
}
.produkte .produkte-content .offer .list-article-offer .list-offer .offer-info {
  width: calc(100% - 25px);
}
@media only screen and (max-width : 600px) {
  .produkte .produkte-content .offer .list-article-offer .list-offer .offer-info {
    width: 100%;
    height: 225px;
    flex-direction: column;
  }
}
.produkte .produkte-content .offer .list-article-offer .list-offer .offer-info .offer-thumbnail {
  text-align: center;
}
@media only screen and (max-width : 600px) {
  .produkte .produkte-content .offer .list-article-offer .list-offer .offer-info .offer-thumbnail {
    width: 100%;
    height: 100px;
  }
}
.produkte .produkte-content .offer .list-article-offer .list-offer .offer-info .offer-infotext {
  line-height: 1.2;
  max-width: 525px;
}
@media only screen and (max-width : 600px) {
  .produkte .produkte-content .offer .list-article-offer .list-offer .offer-info .offer-infotext {
    width: 100%;
    height: 110px;
  }
}
.produkte .produkte-content .offer .list-article-offer .list-offer .offer-info .offer-infotext .artikel-id {
  padding: 0 0 8px 0;
}
@media only screen and (max-width : 600px) {
  .produkte .produkte-content .offer .list-article-offer .list-offer .offer-info .offer-infotext .beschreibung {
    height: 42px;
  }
}
@media only screen and (max-width : 600px) {
  .produkte .produkte-content .offer .list-article-offer .list-offer .accessory-offer {
    margin: 0px auto;
  }
}
.produkte .produkte-content .offer .list-article-offer .list-offer .accessory-offer input {
  display: inline-block;
}
.produkte .produkte-content .offer .contact-form {
  margin: 50px auto;
  max-width: 400px;
  width: 100%;
}
.produkte .produkte-content .offer .contact-form .offerbtn {
  padding: 10px 50px 10px 20px;
}

textarea {
  width: 100%;
  outline: none;
  resize: none;
  overflow: auto;
  height: calc(100% - 25px);
  padding: 5px 5px 5px 5px;
  color: #333;
  box-sizing: border-box;
  letter-spacing: 1px;
  z-index: 10;
  cursor: text;
  border: 1px solid #efefef;
  border-top: 0;
  margin-top: 25px;
  white-space: pre-wrap;
  word-wrap: break-word;
}

textarea ~ .focus-border {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #e2001a;
  transition: 0.4s;
}

textarea:focus ~ .focus-border {
  width: 100%;
  transition: 0.4s;
}

textarea ~ label {
  position: absolute;
  left: 0px;
  width: 100%;
  top: 0px;
  color: #aaa;
  cursor: text;
  z-index: 9;
  letter-spacing: 0.5px;
  border: 1px solid #efefef;
  border-bottom: 0;
  padding-left: 5px;
  transition: 0.3s;
}

textarea:focus ~ label {
  color: #444;
  transition: 0.3s;
}

.checkBox {
  display: flex;
  margin: 25px 0;
}
.checkBox input {
  vertical-align: middle;
}
.checkBox label {
  width: calc(100% - 40px);
  vertical-align: middle;
  line-height: 1.1;
  margin: auto;
}
.checkBox label a {
  color: #444;
  text-decoration: underline;
  transition: color 0.2s ease-in;
}
.checkBox label a:hover {
  color: #e2001a;
}

.inputOneRow {
  display: flex;
}

.textField {
  margin-top: 20px;
  position: relative;
  height: 100px;
}

.inputField {
  margin-top: 20px;
  width: 100%;
  position: relative;
}
.inputField input {
  width: 100%;
  color: #333;
  width: 100%;
  box-sizing: border-box;
  letter-spacing: 1px;
  z-index: 10;
  cursor: text;
  height: 35px;
}
.inputField input:focus {
  outline: none;
}
.inputField .effect-1 {
  border: 0;
  padding: 4px 0;
  border-bottom: 1px solid #ccc;
  background-color: transparent;
}
.inputField .effect-1 ~ .focus-border {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: #e2001a;
  transition: 0.4s;
}
.inputField .effect-1:focus ~ .focus-border {
  width: 100%;
  transition: 0.4s;
}
.inputField .effect-1 ~ label {
  position: absolute;
  left: 0;
  width: 100%;
  top: 9px;
  color: #aaa;
  cursor: text;
  transition: 0.3s;
  z-index: 9;
  letter-spacing: 0.5px;
}
.inputField .effect-1:focus ~ label, .inputField .has-content.effect-1 ~ label {
  top: -16px;
  font-size: 12px;
  color: #444;
  transition: 0.3s;
}
.inputField .has-content.effect-1 ~ label {
  color: #aaa;
}

.offerbtn {
  display: block;
  border: 1px solid #e2001a;
  background: #e2001a;
  color: white;
  font-weight: bold;
  font-size: 12pt;
  position: relative;
  vertical-align: middle;
  padding: 10px 20px 10px 20px;
  cursor: pointer;
  transition: all 0.2s ease-in;
}
.offerbtn:hover {
  color: white;
  background: #960011;
}
.offerbtn .material-icons {
  position: absolute;
  top: calc(50% - 12px);
  right: 20px;
  height: 24px;
}

.accordion .accordion-kopf {
  background: #efefef;
  cursor: pointer;
  padding: 5px 0;
  transition: 0.2s ease-in-out;
}
.accordion .accordion-kopf:hover {
  background: #d6d6d6;
}
.accordion .accordion-kopf h3 {
  display: flex;
  margin: 0 20px;
  font-weight: bold;
  font-size: 14pt;
}
@media only screen and (max-width : 992px) {
  .accordion .accordion-kopf h3 {
    margin: 0 10px;
  }
}
.accordion .accordion-kopf h3 .material-icons {
  align-self: center;
  transition: transform 0.3s ease-in;
  vertical-align: middle;
  font-size: 25pt;
  margin-right: 10px;
  height: 25pt;
}
.accordion .accordion-body {
  border-left: 4px solid #efefef;
  border-right: 4px solid #efefef;
  display: none;
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
}

#offerTopBtn {
  height: 50px;
  transition: 0.2s ease height;
}
@media only screen and (max-width : 600px) {
  #offerTopBtn {
    height: 30px;
  }
  #offerTopBtn[offeractive=true] {
    height: 70px;
  }
}

a .countOffers {
  width: 25px;
  height: 25px;
  line-height: 25px;
  background: rgba(226, 0, 26, 0.5);
  color: #fff;
  border-radius: 50%;
  text-align: center;
  display: none;
  opacity: 0;
  font-size: 12pt;
  transition: all 0.2s ease-in-out;
}
a:hover .countOffers {
  background: #e2001a;
}

.accessory-offer {
  align-self: flex-start;
  margin: 10px 10px 0 0;
  line-height: 1;
  width: 65px;
}
@media only screen and (max-width : 600px) {
  .accessory-offer {
    width: 100px;
    margin: 20px auto;
  }
}
.accessory-offer .accessory-shopping-cart {
  width: 65px;
  text-align: center;
  position: relative;
  height: 25px;
}
@media only screen and (max-width : 600px) {
  .accessory-offer .accessory-shopping-cart {
    width: 100px;
    margin-bottom: 10px;
  }
}
.accessory-offer .accessory-shopping-cart i {
  position: absolute;
  left: 20px;
  transition: 0.2s opacity linear;
}
@media only screen and (max-width : 600px) {
  .accessory-offer .accessory-shopping-cart i {
    left: 38px;
  }
}
.accessory-offer .accessory-shopping-cart .shopping-cart {
  display: none;
  opacity: 0;
  cursor: default;
}
.accessory-offer .accessory-shopping-cart .shopping-cart-add {
  display: block;
  cursor: pointer;
}
.accessory-offer .accessory-shopping-cart .shopping-cart-add:hover {
  color: #e2001a;
}
.accessory-offer .offer-functions {
  display: none;
  opacity: 0;
  transition: 0.2s opacity ease-in-out;
  justify-content: space-between;
  align-items: center;
}
.accessory-offer .offer-functions a i {
  cursor: pointer;
  font-size: 20px;
  transition: 0.2s all linear;
}
@media only screen and (max-width : 600px) {
  .accessory-offer .offer-functions a i {
    font-size: 25px;
  }
}
.accessory-offer .offer-functions a i:hover {
  color: #e2001a;
}
.accessory-offer .offer-functions a i:active {
  transform: translateY(2px);
}
.accessory-offer .offer-functions input {
  width: 25px;
  height: 25px;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #a2a2a2;
  border-radius: 2px;
}
@media only screen and (max-width : 600px) {
  .accessory-offer .offer-functions input {
    width: 35px;
    height: 35px;
    font-size: 25px;
  }
}
.accessory-offer .offer-functions input:focus {
  border: 1px solid #444;
}
.accessory-offer .offer-functions input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.accessorys {
  margin-top: 50px;
  width: 50%;
  min-width: 600px;
}
@media only screen and (max-width : 992px) {
  .accessorys {
    width: 100%;
    min-width: unset;
  }
}
@media only screen and (max-width : 600px) {
  .accessorys .option-block, .accessorys .accessory-block, .accessorys .replacemant-block {
    padding: 10px 0;
  }
}
.accessorys .main-article .accordion-kopf h3 {
  line-height: 1.2;
  padding: 5px 0;
  align-items: center;
}
.accessorys .accessorys-title {
  background: #efefef;
}
.accessorys .accessorys-title h2 {
  margin: 0 20px;
  font-weight: bold;
  font-size: 20pt;
}
.accessorys .accessory {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  border-bottom: 4px solid #efefef;
  color: #444;
  /*.accessory-add-offer{
      align-self: flex-start;
      vertical-align: middle;
      text-align: center;
      white-space: nowrap;
      a{
          display: inline-block;
          cursor: pointer;
          line-height: 1;
          padding: 5px 10px;
          margin: 10px 10px 0 0;
          transition: .2s color ease-in-out;
          i{
              vertical-align: middle;
              font-size: 20px;
          }
          &:hover{
              color: $primary-color;
          }
      }
  }*/
}
@media only screen and (max-width : 600px) {
  .accessorys .accessory {
    display: block;
  }
}
.accessorys .accessory .accessory-image {
  width: 120px;
  padding: 10px;
  text-align: center;
  align-self: flex-start;
}
@media only screen and (max-width : 600px) {
  .accessorys .accessory .accessory-image {
    width: 100%;
  }
}
.accessorys .accessory .accessory-image img {
  opacity: 0;
  max-width: 100px;
  height: auto;
  max-height: 100px;
  transition: opacity 0.2s ease-in-out;
}
.accessorys .accessory .accessory-textblock {
  min-height: 100%;
  width: calc(100% - 140px);
  line-height: 1.5;
  padding: 10px;
}
@media only screen and (max-width : 600px) {
  .accessorys .accessory .accessory-textblock {
    width: 100%;
  }
}
.accessorys .accessory .accessory-textblock .accessory-title {
  font-weight: bold;
  font-size: 14pt;
}
.accessorys .accessory .accessory-textblock .accessory-article {
  font-weight: bold;
}
.accessorys .accessory .accessory-textblock .accessory-desc {
  /*max-height: 90px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;*/
}
.accessorys .accessory .accessory-textblock .accessory-show {
  -webkit-line-clamp: unset;
  max-height: none;
  overflow: unset;
}
.accessorys .accessory .accessory-textblock .link-product-page {
  display: inline-block;
  text-decoration: none;
  margin-top: 10px;
  padding: 10px 15px;
  background-color: #444;
  color: #ffffff;
  transition: all 0.2s ease-in-out;
}
.accessorys .accessory .accessory-textblock .link-product-page:hover {
  background-color: #e2001a;
}
.accessorys .accessory .accessory-textblock .accessory-more {
  display: inline-block;
  margin-top: 10px;
  text-decoration: underline;
  color: #444;
  transition: all 0.2s ease-in-out;
}
.accessorys .accessory .accessory-textblock .accessory-more:hover {
  color: #e2001a;
}

.accessory-page {
  display: flex;
  align-items: center;
  flex-direction: row;
}
@media only screen and (max-width : 600px) {
  .accessory-page {
    flex-direction: column;
  }
}
.accessory-page .accessory-image {
  width: 50%;
  text-align: center;
}
@media only screen and (max-width : 600px) {
  .accessory-page .accessory-image {
    width: 100%;
  }
}
.accessory-page .accessory-image img {
  max-height: 600px;
  max-width: 100%;
  padding: 20px;
}
@media only screen and (max-width : 600px) {
  .accessory-page .accessory-image img {
    max-height: 320px;
  }
}
.accessory-page .accessory-info {
  width: 50%;
}
@media only screen and (max-width : 600px) {
  .accessory-page .accessory-info {
    width: 100%;
    padding: 0 10px;
  }
}
.accessory-page .accessory-info h1 {
  display: block !important;
  line-height: 1.2;
}
.accessory-page .accessory-info .anfrageBtn button {
  padding-left: 50px;
}
.accessory-page .accessory-info .anfrageBtn button i {
  left: 20px;
  right: auto;
}
.accessory-page .accessory-info p {
  line-height: 1.5;
}

input[type=checkbox], input[type=radio] {
  max-width: none !important;
  height: 25px;
  width: 25px;
  position: relative;
  overflow: hidden;
}
input[type=checkbox]:after, input[type=radio]:after {
  content: "×" !important;
  display: block;
  background: #efefef;
  background-image: url("images/check_icon.png");
  pointer-events: none;
  font-size: 25px;
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  color: transparent;
  transition: 0.25s all ease-in-out;
  border-radius: 0px;
  line-height: 25px;
  background-position: 0 25px;
  background-repeat: no-repeat;
  background-size: 25px 25px;
  border-width: 2px;
  border-style: solid;
  border-color: #444;
}

input[type=checkbox]:checked:after, input[type=radio]:checked:after {
  overflow: hidden;
  background-color: #e2001a;
  background-position: 0 0;
  border-color: #e2001a;
}

input[type=checkbox]:hover:after, input[type=radio]:hover:after {
  overflow: hidden;
}
@media only screen and (min-width : 993px) {
  input[type=checkbox]:hover:after, input[type=radio]:hover:after {
    background-color: #960011;
    border-color: #960011;
  }
}

.newsletter-allgemein {
  padding: 10px;
  min-height: 150px;
  font-size: 15pt;
}
@media only screen and (max-width : 600px) {
  .newsletter-allgemein {
    min-height: calc(100vh - 650px);
  }
}
.newsletter-allgemein a {
  transition: color 1s;
  color: #444;
  text-decoration: underline !important;
}
.newsletter-allgemein a:hover {
  color: #e2001a;
}

.newsletter-edit form label {
  font-size: 15pt !important;
}
.newsletter-edit form label span {
  vertical-align: super;
}
.newsletter-edit form .tnp-email {
  width: 100%;
}
.newsletter-edit form input[type=checkbox] {
  max-width: none !important;
}
.newsletter-edit form .tnp-field-privacy a {
  text-decoration: underline;
  color: #444;
}
.newsletter-edit form .tnp-field-privacy a:hover {
  color: #e2001a;
}
.newsletter-edit form input[type=submit] {
  display: block !important;
  font-size: 15pt !important;
  border: 1px !important;
  margin: 20px auto !important;
  padding: 10px 20px !important;
  background: #e2001a !important;
  color: white;
  transition: background 1s;
}
.newsletter-edit form input[type=submit]:hover {
  background: #960011 !important;
}

.newsletter-sign-in > a {
  text-decoration: underline !important;
  color: #444;
  transition: color 1s;
}
.newsletter-sign-in > a:hover {
  color: #e2001a;
}
.newsletter-sign-in div {
  margin: 15px 0;
}
.newsletter-sign-in div > label {
  display: flex;
  align-items: center;
  font-size: 20pt;
}
.newsletter-sign-in div input[type=email], .newsletter-sign-in div input[type=text] {
  width: 100%;
  height: 50px;
  padding: 10px;
  display: block;
  background-color: #f4f4f4;
  background-image: none;
  text-shadow: none;
  color: #444;
  font-size: 14px;
  margin: 0;
  line-height: normal;
  box-sizing: border-box;
  border: 1px solid #888;
}
.newsletter-sign-in div input[type=email]:focus, .newsletter-sign-in div input[type=text]:focus {
  outline: 1px solid #e2001a;
  outline-offset: -1px;
}
.newsletter-sign-in div p span {
  vertical-align: super;
}
.newsletter-sign-in .tnp-field-list {
  display: block;
}
.newsletter-sign-in .tnp-field-list > label {
  font-size: 15pt;
}
.newsletter-sign-in .tnp-field-privacy {
  display: inline-block;
}
.newsletter-sign-in .tnp-field-button input {
  display: block;
  border: 1px;
  font-size: 15pt;
  margin: 20px auto;
  padding: 10px 20px;
  background: #e2001a;
  color: white;
  transition: background 1s;
}
.newsletter-sign-in .tnp-field-button input:hover {
  background: #960011;
}

.footerLine {
  position: relative;
  z-index: 6;
  width: 100%;
  height: 2px;
  margin-bottom: 349px;
  background: #e2001a;
}
@media only screen and (max-width : 600px) {
  .footerLine {
    margin-bottom: 600px;
  }
}

.esders-footer {
  line-height: 1;
  position: fixed;
  bottom: 0;
  z-index: 0;
  width: 100%;
  background-color: #333;
  height: 350px;
}
@media only screen and (max-width : 600px) {
  .esders-footer {
    height: 600px;
  }
}
.esders-footer .socialmedia {
  margin: 10px 0 10px 0;
  text-align: center;
}
.esders-footer .socialmedia a {
  display: inline-block;
  margin: 5px 10px 0 10px;
}
.esders-footer .socialmedia a img {
  height: 25px;
  padding: 0 20px 0 20px;
}
.esders-footer .socialmedia a svg {
  height: 30px !important;
  width: 40px !important;
  transition: opacity 0.2s ease-in, fill 0.2s ease-in;
}
.esders-footer .socialmedia a svg path {
  transition: opacity 0.2s ease-in, fill 0.2s ease-in;
}
.esders-footer .socialmedia a .instagram:hover .background path {
  opacity: 1;
}
.esders-footer .socialmedia a .instagram .background path {
  transition: opacity 0.2s ease-in;
  opacity: 0;
}
.esders-footer .socialmedia a .youtubesvg .youtubesvgcenter {
  fill: #ffffff !important;
  opacity: 0;
}
.esders-footer .socialmedia a .youtubesvg:hover .youtubesvgback {
  fill: #ff0000 !important;
}
.esders-footer .socialmedia a .youtubesvg:hover .youtubesvgcenter {
  opacity: 1 !important;
}
.esders-footer .socialmedia a .xingsvg:hover .xinglinks {
  fill: #005a5f !important;
}
.esders-footer .socialmedia a .xingsvg:hover .xingrechts {
  fill: #d4d600 !important;
}
.esders-footer .socialmedia a .xingsvg:hover path {
  fill: #ffffff !important;
}
.esders-footer .socialmedia a .linkedin .linkedinbackground {
  fill: #225982 !important;
  opacity: 0;
}
.esders-footer .socialmedia a .linkedin .linkedinbackground path {
  fill: #ffffff !important;
}
.esders-footer .socialmedia a .linkedin:hover .linkedinbackground {
  opacity: 1 !important;
}
.esders-footer .socialmedia a .facebooksvg .facebooksvgback {
  fill: #3c5a99 !important;
  opacity: 0;
}
.esders-footer .socialmedia a .facebooksvg:hover .facebooksvgback {
  opacity: 1 !important;
}
.esders-footer .socialmedia a .youkusvg {
  height: 30px !important;
  width: auto !important;
}
.esders-footer .socialmedia a .youkusvg:hover .youkufirst {
  fill: #fd517e !important;
}
.esders-footer .socialmedia a .youkusvg:hover .youkulast {
  fill: #3faefb !important;
}
.esders-footer .socialmedia a .youkusvg .youkufirst {
  fill: #ffffff !important;
}
.esders-footer .socialmedia a .youkusvg .youkulast {
  fill: #ffffff !important;
}
.esders-footer .socialmedia a .wechatsvg {
  width: auto !important;
}
.esders-footer .socialmedia a .wechatsvg:hover .wechaticon {
  fill: #ffffff !important;
}
.esders-footer .socialmedia a .wechatsvg:hover .wechatbackground {
  fill: #03dc6b !important;
}
.esders-footer .socialmedia a .wechatsvg .wechaticon {
  fill: #333 !important;
}
.esders-footer .socialmedia a .wechatsvg .wechatbackground {
  fill: #ffffff !important;
}
.esders-footer .socialmedia p {
  display: flex;
  justify-content: center;
  color: white;
  font-size: 15pt;
}
.esders-footer .socialmedia .newsletter {
  margin-top: 30px;
}
.esders-footer .socialmedia .newsletter a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  padding: 10px;
  margin: auto;
  width: 180px;
  background: white;
  vertical-align: middle;
  color: #333;
  text-decoration: none;
  transition: 0.2s ease-in;
}
.esders-footer .socialmedia .newsletter a:hover {
  color: #fff;
  background: #e2001a;
}
.esders-footer .socialmedia .copyright {
  margin-top: 40px;
  font-size: 15pt;
  text-align: center;
}
.esders-footer .copyright {
  color: white;
  font-size: 10pt;
  text-align: left;
  vertical-align: bottom;
  margin-top: 10px;
}
@media only screen and (max-width : 992px) {
  .esders-footer .kontaktdaten {
    text-align: center;
  }
}
.esders-footer .kontaktdaten svg {
  margin: 20px 0;
  padding: 0;
  width: 300px;
  height: 70px;
}
.esders-footer .kontaktdaten svg path {
  transition: 0.2s ease-in;
}
.esders-footer .kontaktdaten ul {
  padding: 0;
  margin: 0px;
}
@media only screen and (max-width : 992px) {
  .esders-footer .kontaktdaten ul {
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
    text-align: left;
  }
}
.esders-footer .kontaktdaten ul li {
  padding: 5px 0;
  list-style-type: none;
}
.esders-footer .kontaktdaten ul li a {
  max-width: max-content;
  max-width: -moz-max-content;
  max-width: -webkit-max-content;
  max-width: -o-max-content;
  max-width: -ms-max-content;
  text-decoration: none;
  display: flex;
  color: white;
  align-items: center;
}
.esders-footer .kontaktdaten ul li a:hover i {
  color: #e2001a;
}
.esders-footer .kontaktdaten ul li a:hover span {
  text-decoration: underline;
}
.esders-footer .kontaktdaten ul li a i {
  color: white;
  transition: color 0.2s ease-in;
  font-size: 25pt;
}
.esders-footer .kontaktdaten ul li a span {
  padding-left: 20px;
}
.esders-footer .footerMenu {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 75px;
  background-color: #282828;
}
.esders-footer .footerMenu ul {
  padding: 0;
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 30px auto;
}
.esders-footer .footerMenu ul li {
  display: inline;
  padding: 0 5px;
  list-style-type: none;
}
.esders-footer .footerMenu ul li a {
  text-decoration: none;
  color: white;
}
.esders-footer .footerMenu ul li a:hover {
  text-decoration: underline;
}

.pipeline .firmen_logo img, .pipeline .header nav div ul li a img {
  top: 5px;
  width: auto;
  height: 60px;
}
@media only screen and (max-width : 600px) {
  .pipeline .footerLine {
    margin-bottom: 550px;
  }
}
@media only screen and (max-width : 600px) {
  .pipeline .esders-footer {
    height: 550px;
  }
}
@media only screen and (min-width : 601px) {
  .pipeline .esders-footer .kontaktdaten:nth-child(2) svg {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width : 600px) {
  .pipeline .esders-footer .kontaktdaten {
    padding: 15px 0;
  }
}
.pipeline .esders-footer .kontaktdaten .copyright {
  display: inline-block;
  margin-top: 0px;
}
@media only screen and (max-width : 600px) {
  .pipeline .esders-footer .kontaktdaten .copyright {
    display: block;
    text-align: center;
    margin-top: 10px;
  }
}
.pipeline .esders-footer .kontaktdaten svg {
  width: 220px;
  height: auto;
}
@media only screen and (max-width : 600px) {
  .pipeline .esders-footer .kontaktdaten svg {
    display: block;
    margin: 0px auto;
  }
}

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