@font-face {
    font-family: 'Roboto Light';
    src: url('../fonts/roboto/Roboto-Light.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Roboto Regular';
    src: url('../fonts/roboto/Roboto-Regular.ttf') format('truetype');
    font-display: swap;
}
@font-face {
    font-family: 'Roboto Bold';
    src: url('../fonts/roboto/Roboto-Bold.ttf') format('truetype');
    font-display: swap;
}

.object-contain {
  object-fit: contain;
}

.object-cover {
  object-fit: cover;
}

html, body, .mm-slideout {height: 100%;}
#mainsite { height: 100% !important;}
#wrap { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -230px;}
#main { padding-bottom: 230px; overflow: none;height: 100%;}

body {
  font-family: 'Arial', sans-serif;
  font-size: 1.125rem;
  line-height: 1.6; 
  -webkit-font-smoothing: antialiased;
  color: #4a4a49;
  background: #f2f2f2
	/*overflow-x: hidden;*/
}

body p.align-center, .ce-headline-center { text-align: center;}

.text-klein {font-size: 0.875rem; line-height: 1.1rem;}

.csc-frame-rulerBefore { border-top:1px solid #fff; margin-top:30px; padding-top:20px;}

.table-scrollable {
  width: 100%;
  overflow-y: hidden;
  margin-bottom: 1rem;
}
.table-scrollable::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
}
.table-scrollable::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 1px solid #fff;
  background-color: #b61f29;
}
table p {margin: 0;}

tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: none;
    border-width: 0;
}
th, .ce-table td {border: 1px solid #f2f2f2; padding: 0.5rem 1.5rem;}
.ce-table th, .ce-table td {border: 1px solid #f2f2f2;}
.tabelle .ce-table {width: auto;}
.tabelle.center .ce-table { margin: 0 auto;}
.tabelle.th tr:first-child { font-weight: bold; color: #ad1228; background: #f2f2f2; text-transform: uppercase;}

video.video-embed-item {
    width: 100%;
    min-height: 250px;
    object-fit: cover;
}

h1, h2, h3, h4, .h4 {
    margin: 0px;
    font-weight: normal;
}

h1 { color:#4a4a49; font-size:3rem; padding-bottom: 2rem; margin: 0; line-height: 1.2;font-family: 'Roboto Regular', sans-serif; text-transform: uppercase;}
h2 { color:#4a4a49; font-size: 2rem; padding-bottom: 2rem; margin: 0; line-height: 1.2;font-family: 'Roboto Regular', sans-serif; text-transform: uppercase;}
h3 { color:#4a4a49; font-size: 1.5rem; padding-bottom: 1rem; margin: 0; line-height: 1.2;letter-spacing: 3px;font-family: 'Roboto Regular', sans-serif; text-transform: uppercase;}
h4 { color:#4a4a49; margin: 0; padding-bottom: 15px;font-size: 1.3rem;line-height: 24px; font-family: 'Roboto Regular', sans-serif;}

h2.klein { color:#b61f29; font-size: 1.875rem; padding-bottom: 1rem; margin: 0; line-height: 1.2;font-family: 'Roboto Regular', sans-serif;}

/*h1, h2{ -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;} */

h1 + h2 {margin-top: -1rem; font-size: 2rem;}
h2 + h3 { margin-top: 0rem; padding-bottom: 1rem;}

b, strong {font-weight: bold; color: #ad1228;}

p + h2 {padding-top: 2rem;}
p + h3 {padding-top: 1rem;}
.justify-content-between {
    --bs-gutter-x: 5rem;
    --bs-gutter-y: 2rem;
}

.text-info {
  font-size: 0.875rem;
  line-height: 1.2;
  margin-top: 20px;
  margin-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: 2px;
  list-icon-spacing: 0.3;
  list-icon-size: 0.8;
  font-weight: 400;
  color: #9b9b9b !important;
  font-weight: bold;
}

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

.text-blau {color: #b61f29;}

a, .gaOptout {color: #b61f29; text-decoration:none; transition: all 0.2s ease-in-out; position: relative;}
a:focus, .gaOptout:focus { outline: none; outline-offset: 0; color:#4a4a49; transition: all 0.2s ease-in-out; text-decoration:none;}
a:hover, .gaOptout:hover {color:#4a4a49; transition: all 0.2s ease-in-out;text-decoration:none; cursor: pointer;}

a.next {
    position: relative;
    padding-right: 2.3rem;
    margin: 0;
    display: inline-flex;
    align-items: center;
}
a.next:before {
    font-family: 'Font Awesome\ 6 Pro';
    content: '\f101';
    font-size: 1rem;
    line-height: 1;
    opacity: 1;
    color: #cbd90d;
    font-weight: 800;
    position: absolute;
    right: 1.2rem;
    transition: all 0.2s ease-in-out;
    margin-top: 1px;
}

blockquote {border-left: 3px solid #b61f29;padding: 1rem;color: #b61f29; margin: 2rem 0;font-size: 1.2rem;background: #eee;}
blockquote p {margin: 0;}

.clearer {clear: both; float: none;}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0;
    outline-offset: 0px;
    box-shadow: none;
    color: #fff;
}

.ce-border img {border: 1px solid #b61f29;}

::-moz-selection { color:#fff; background:#b61f29; text-shadow: none; }
::selection { color:#fff; background:#b61f29; text-shadow: none; }

.frame-space-before-extra-small {padding-top: 1rem; margin-top: 0;}
.frame-space-before-small {padding-top: 2rem;margin-top: 0;}
.frame-space-before-medium  {padding-top: 3rem;margin-top: 0;}
.frame-space-before-large {padding-top: 4rem;margin-top: 0;}
.frame-space-before-extra-large {padding-top: 5rem;margin-top: 0;}
.frame-space-after-extra-small {padding-bottom: 1rem;margin: 0;}
.frame-space-after-small {padding-bottom: 2rem;margin-bottom: 0;}
.frame-space-after-medium  {padding-bottom: 3rem;margin-bottom: 0;}
.frame-space-after-large {padding-bottom: 4rem;margin-bottom: 0;}
.frame-space-after-extra-large {padding-bottom: 5rem;margin-bottom: 0;}

.content .frame-layout-0 {background: transparent;}
.content .frame-layout-1 {background: #f2f2f2;}
.content .frame-layout-2 {background: #4a4a49; color: #fff;}
.content .frame-layout-2 a {color: #fff;}
.content .frame-layout-2 h2 {color: #fff;}
.content .frame-layout-3 {background: #293033; color: #fff;}
.content .frame-layout-3 h2 {color: #fff;}

.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: #b61f29;
    border: 2px solid #b61f29;
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    border-radius:0rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-weight: bold;
    text-transform: uppercase;
}
.btn.btn-primary {background-color: #b61f29; color: #fff;}
.btn:hover {color: #fff; background: #363636;}

.btn-outline {
  background-color: #ffffff;
  color: #b61f29;
}

.btn-outline:hover {
  background-color: #ffffff;
  color: #363636;
  border-color: #363636;
}

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

:focus { outline: none;}
button:focus { outline: none;}

.telefon, .fax, .email, .website {display: inline-flex; gap:0.5rem;}

.telefon:before { content: "\f095"; font-family: "Font Awesome\ 6 Pro"; text-decoration: inherit; list-style: none; position: relative; font-size: 1rem; line-height: 1.8; top: 0px; color: #4a4a49; padding: 0; font-weight: 300;}
.fax:before { content: "\f1ac"; font-family: "Font Awesome\ 6 Pro"; text-decoration: inherit; list-style: none; position: relative; font-size: 1rem;line-height: 1.8; top: 0px; color: #4a4a49; padding: 0; font-weight: 300;}
.email:before { content: "\f0e0"; font-family: "Font Awesome\ 6 Pro"; text-decoration: inherit; list-style: none; position: relative; font-size: 1rem;line-height: 1.8; top: 0px; color: #4a4a49; padding: 0; font-weight: 300;}
.website:before { content: "\f0ac"; font-family: "Font Awesome\ 6 Pro"; text-decoration: inherit; list-style: none; position: relative; font-size: 1rem;line-height: 1.8; top: 0px; color: #4a4a49; padding: 0; font-weight: 300;}
.extlink:after { content: "\f08e"; font-family: "Font Awesome\ 6 Pro"; text-decoration: inherit; list-style: none; position: relative;  font-size: 1rem;line-height: 1.8; top: 0px; color: #4a4a49; padding: 0; font-weight: 300;transition: all 0.2s ease-in-out;}
.extlink:hover:after { color: #005a63;transition: all 0.2s ease-in-out;}
.intlink:before { content: "\f0da"; font-family: "Font Awesome\ 6 Pro"; text-decoration: inherit; list-style: none; position: absolute; margin-top: 1px; margin-right: 0px; font-size: 1.2rem1; margin-left: -10px; color: #fff; padding: 0; font-weight: 600;transition: all 0.2s ease-in-out; text-decoration: none;}
.extlink {text-decoration: none !important;}
.intlink:hover:before { color: #fff;transition: all 0.2s ease-in-out;text-decoration: none;}
.intlink {margin-left: 10px;}

.clearer {float: none; clear: both;}

#header {
    font-size: 1rem;
    position: fixed;
    top: 0;
    z-index: 10;
    width: 100%;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%);
    background: #b61f29;
    padding: 0;
}
#header .suche {
    margin-left: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
#header input#tx-indexedsearch-searchbox-button-submit {
    background: transparent;
    border: none;
    position: absolute;
    width: 30px;
    line-height: 1.7;
    padding: 0;
}
#header .tx-indexedsearch-search-submit i:before {color: #fff; font-weight: 500; font-size: 1.4rem;}

#tx_indexedsearch fieldset {display: flex; align-items: center;}
#tx_indexedsearch .tx-indexedsearch-search-submit {
    display: flex;
    align-items: center;
    position: relative;
    background: transparent;
    border: none;
    z-index: 2;
}
#tx_indexedsearch input#tx-indexedsearch-searchbox-button-submit {
    background: transparent;
    border: none;
    width: 30px;
    height: 30px;
    position: relative;
    z-index: 2;
    font-size: 0;
}
#tx_indexedsearch i.fal.fa-search {
    position: absolute;
    margin-left: 10px;
    z-index: 0;
}
#tx_indexedsearch input#tx-indexedsearch-searchbox-sword {
    padding: 2px 10px;
    border: 1px solid #b9b9b9;
}
.tx-indexedsearch-res {border-bottom: 1px solid #ccc; margin-bottom: 1rem; background: #fff; padding: 1.5rem;}
.tx-indexedsearch-res:last-child {border-bottom: none;}
.content ul.tx-indexedsearch-browsebox {padding: 0;display: flex; justify-content: center; gap: 1rem;}
ul.tx-indexedsearch-browsebox li:before {display: none;}
.tx-indexedsearch-browsebox p {margin-bottom: 2rem;}
.tx-indexedsearch-res .h3 { font-size: 1.2rem;font-family: 'SourceSans Bold', sans-serif;}
.tx-indexedsearch-icon, .tx-indexedsearch-percent {display: none;}
.tx-indexedsearch-info-sword {
    float: left;
    margin-right: 0.5rem;
}
#tab {margin: 1rem 0;}
.tx-indexedsearch-info {font-size: 0.8rem;}
span#siteCount {
    float: left;
    margin-right: 0.5rem;
}

.logo {position: relative; z-index: 3;}
.logo img {width: 150px; height: auto;position: absolute;top: -2rem;}
.logo a {display: inline-block;width: 150px;}
.logo a:after {
  content: "";
  transform: rotate(135deg);
  background: #b61f29;
  width: 150px;
  height: 150px;
  display: block;
  position: absolute;
  bottom: -100px;
  z-index: -1;
  left: 0;
}

.headernav {position: relative;}
.dropdown {position: inherit;}
#navbar .nav-link {padding: 1.5rem 0;color: #fff; font-size: 1rem; text-transform: uppercase; font-weight: bold;}
#navbar .nav {gap:3rem;}
#navbar ul.sub {
    position: absolute;
    list-style: none;
    display: none;
    padding: 0;
    list-style: none;
    left: 0;
    z-index: 2;
    background: #fff;
    width: 100%;
}
#navbar ul.sub > .container {
    position: relative;
    padding: 0 0.75rem;
}
#navbar ul.sub .container_inner>ul {display: block;}
li.nav_box.nav-item.col {
    margin-bottom: 1rem;
}
li.nav_box.nav-item.col:last-child{margin-bottom: 0;}
#navbar ul.sub a.nav-link {
    margin-right: 0;
    padding: 0;
    display: block; 
    color: #4a4a49; 
    border-radius: 0; 
    white-space: nowrap;
    text-transform: none;
    font-size: 1rem;
    text-transform: uppercase;
    white-space: normal;
    display: flex;
    gap: 1rem;
    align-items: center;
}
#navbar .nav-item:hover>a, #navbar .active a.nav-link {color: #bbb;}
#navbar ul.sub a.nav-link:hover, #navbar ul.sub .active a.nav-link, #navbar ul.sub .nav-link.active {background: transparent; color: #b61f29;}

#navbar .dropdown> a:after {
    content: "\f107"; 
    font-family: "Font Awesome\ 6 Pro";
    color: #bbb;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}
ul.sub .container>ul li.nav_box {width: 100%;}

.subsub-navi .subsub {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  width: 100%;
  list-style: none;
  align-items: center;
}
.subsub-container.is-active .subsub-navi .subsub {display: flex; gap: 1rem 0;}
.subsub-container.is-active, .subsub-navi {
    position: relative;
}
#navbar .subsub-container .subsub-navi .subsub-outer{
    height: 100%;
}
.subsub-navi, .sub-right  {
    position: relative;
    height: 100%;
}
.subsub-container {
    display: none;
    height: auto;
}
.subsub-container.is-active {
    display: block;
    height: 100%;
}
.subsub-outer .pic { width: 80px; height: 80px; display: block;}
.subsub-outer .pic img {width: 100%; height: 100%; object-fit: cover;}
#navbar ul.subsub.row.row-cols-2 .col>a {display: flex; gap: 1rem;align-items: center;}

.langMenu {
  position: relative;
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 1.4rem;
  margin-left: 1.5rem;
}
.langugageMenu {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  background: #b61f29;
  right: -50%;
  font-size: 1rem;
  top: 4rem;
  height: 0;
  overflow: hidden;
}
.langMenu i:hover {cursor: pointer;}
.langMenu:hover .langugageMenu {opacity: 1;transition: all 0.3s ease-in-out; height: auto; padding: 0.8rem;}
.langugageMenu .disabled {display: none;}
.langugageMenu a {color: #fff;}
.langugageMenu a:hover {color: #fff;}
.langugageMenu .active a {color: #ccc; cursor: default;pointer-events: none;}

#maincontent {position: relative; overflow: hidden;}
#maincontent.simple {padding-top: 75px;}
div#maintrailer {
    min-height: 120px;
    overflow: hidden;
    position: relative;
    margin-top: 65px;
}
#maintrailer .frame-layout-2 {background: #4a4a49;}
div#maintrailer .ce-center .ce-outer {
    position: relative;
    float: none;
    right: 0;
}
div#maintrailer .ce-center .ce-inner {
    position: relative;
    float: none;
    right: 0;
}
div#maintrailer .ce-gallery .ce-row {
    display: block;
    gap: 0;
}
div#maintrailer .ce-column {float: none;}
div#maintrailer .ce-gallery figure {
    display: block;
    margin: 0;
}
div#maintrailer img {height: 100%; object-fit: cover; object-position: center;}
div#maintrailer .headerbild img {width: 100%; height: auto;}
.startseite div#maintrailer img {height:70vh; min-height: 250px;}
div#maintrailer .headertext {
    position: absolute;
    z-index: 1;
    top: 0;
    color: #fff;
    width: 100%;
    height: 100%;
    font-size: 2rem;
}
div#maintrailer .headertext .container {display: flex; align-items: center; height: 100%;}
div#maintrailer .headertext .container .container_inner {width: 50%;}

.ce-gallery[data-ce-columns="5"] .ce-row {display: flex; gap: 5rem;}
.ce-gallery[data-ce-columns="7"] .ce-row {display: flex; gap: 3rem;}
.ce-gallery[data-ce-columns="7"] .ce-column {margin: 0;}

.dunkelgrau {background: #4a4a49; color: #fff; text-transform: uppercase; padding: 2rem;}
.dunkelgrau p:last-child {margin: 0; font-size: 0.875rem;letter-spacing: 3px; font-weight: bold;}

.slick-slide img {
    height: auto;
    width: 100%;
    max-height: 600px;
    object-fit: cover;
}
.slick-slide figcaption {position: absolute; z-index: 2; bottom: 3rem; color: #fff; width: 100%; text-align: center; font-size: 1.5rem;font-family: 'SourceSans Bold', sans-serif; opacity: 0;transition: all .15s ease-in-out;}
.slick-slide figure {position: relative; display: block !important; height: 100%;}
.slick-slide figure:hover figcaption { opacity: 1;transition: all .15s ease-in-out;}
.slick-slide figure a:after {
  content: "";
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  transition: all .15s ease-in-out;
  opacity: 0;
}
.slick-slide figure a:hover:after {
  opacity: 1;
  transition: all .15s ease-in-out;
}
.slick-prev, .slick-next {
  z-index: 2;
  height: 50px;
  width: 30px;
}
#maintrailer .slick-prev, #maintrailer .slick-next {
  z-index: 2;
  height: 50px;
  width: 30px;
  top: auto;
  bottom: -1.5rem;
}
.slick-prev:before, .slick-next:before {
  font-family: 'Font Awesome\ 6 Pro';
  content: '\f054';
    font-size: 2rem;
    line-height: 1;
    opacity: 1;
    color: #b61f29;
    transition: all 0.2s ease-in-out;
}
.slick-prev:before {content: '\f053';}
.slick-dots li button:before {display: none;}
.slick-dots li button {
  background: #b61f29;
  border-radius: 50%;
  width: 0.75rem;
  height: 0.75rem;
  opacity: 0.5;
}
.slick-dots li {width: 0.75rem;height: 0.75rem;}
.slick-dots li.slick-active button {opacity: 1;}
.slick-dotted.slick-slider {
    margin-bottom: 0;
}

.klickpfad {background: #b61f29; color: #fff; font-size: 0.9rem; padding: 0.25rem 0; display: flex;align-items: center; min-height: 33px;}
.klickpfad a {color: #fff;}
.klickpfad li {margin-right: 0.7rem;}
.klickpfad li:first-child:before {display: none;}
.klickpfad li:before {
    content: "\f054";
    font-family: "Font Awesome\ 6 Pro";
    text-decoration: inherit;
    list-style: none;
    position: relative;
    font-size: 0.7rem;
    color: #fff;
    padding: 0;
    font-weight: 400;
    margin-left: -5px;
    margin-right: 7px;
    top: -1px;
}

.katalog {margin-top: 2rem; position: relative; padding-bottom: 12rem;}
.katalog .ce-right .ce-gallery {
    float: right;
    width: 50%;
}
.katalog img {width: 100%; height: auto;}
.katalog h2 {margin-top: 3rem;}
.katalogbild {
    position: absolute;
    bottom: 0;
    text-align: center;
}
.katalogbild img {width: 80%;}

.dokumente {background: #fff;}
.dokumente .dokumente_titel { background: #333333; color: #fff; padding: 0.5rem; text-align: center; font-size:0.875rem;font-family: 'Roboto Bold', sans-serif; letter-spacing: 3px; margin-bottom: .5rem;}
.dokumente_inner img {width: 100%; height: 100%; object-fit: cover;}
.dokumente_inner {padding: 1rem;}
.dokumente_inner>a {display: block; color: #4a4a49;}
.dokumente_inner>a:hover {color: #b61f29;}
.dokumente_inner .beschreibung {font-size: 1rem; text-align: center; margin-top: 1rem; display: block;}
.dokumente_inner img {border:1px solid #eee;}
.dokumente .g-5 { gap: 3.5rem 0;}

.dokumente .nav.nav-tabs {padding: 1rem 1.5rem; border-bottom: 0;}
.dokumente .nav.nav-tabs li:before {display: none;}
.dokumente .tab-content_logo {float: left; margin-right: 3rem;}
.dokumente .tab-content {padding: 2rem 1.5rem}
.dokumente .nav-tabs .nav-item { margin-left: -1px;}
.dokumente .nav-tabs .nav-link {
    margin-bottom: -1px;
    background: 0 0;
    border: none;
    border: 1px solid #b61f29;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 100%;
    color: #b61f29;
}
.dokumente .nav-tabs .nav-item.show .nav-link, .dokumente .nav-tabs .nav-link.active, .dokumente .nav-tabs .nav-link:hover {
    color: #fff;
    background-color: #b61f29;
    border-color: #b61f29;
    width: 100%;
}
.dokumente a.download {
    display: flex;
    gap: 0.5rem;
    color: #4a4a49;
}
.dokumente a.download:hover {color: #b61f29;}
.dokumente a.download i {font-size: 1.8rem; color: #b61f29;}

ul.ce-uploads.bild {padding: 0 1rem; margin-top: 0;}
ul.ce-uploads.bild li:before { display: none;}
ul.ce-uploads.bild li {
  display: flex;
  flex-direction: column;
  text-align: center;
}
ul.ce-uploads.bild li img {float: none; padding-right: 0;width: 100%;height: auto;border: 1px solid #eee;}
ul.ce-uploads.bild .bildtext {font-size: 1rem;;padding: 0.75rem 0 0 0; display: block;}
ul.ce-uploads.bild a {color: #111; }
.content .frame-type-uploads {background: #fff;}
.frame-type-uploads header h2 {
  background: #333333;
  color: #fff;
  padding: 0.5rem;
  text-align: center;
  font-size: 0.875rem;
  font-family: 'Roboto Bold', sans-serif;
  letter-spacing: 3px;
  margin-bottom: .5rem;
}

.frame-type-ce_tabs .tabpanel {background: #fff !important;}
.frame-type-ce_tabs header h2 { background: #333333; color: #fff; padding: 0.5rem; text-align: center; font-size:0.875rem;font-family: 'Roboto Bold', sans-serif; letter-spacing: 3px; margin-bottom: 0;}
.tab-navigation, .tab-content {padding: 1rem 1.5rem; }
.frame-type-ce_tabs .ce-uploads {
  grid-template-columns: repeat(2, 1fr);
  display: grid;
  column-gap: 1.5rem;
  padding: 0;
}
.frame-type-ce_tabs .nav-tabs {   
    border-bottom: none;
    display: flex;
}
.nav-tabs .nav-item.show .nav-link span, .nav-tabs .nav-link.active span {
  color: #fff;
  background-color: #b61f29;
  border-color: #b61f29;
}
.nav-tabs .nav-link {
  flex: 1 1 auto !important;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border: none;
  padding: 0;
}
.nav-tabs .nav-link span {
    background: 0 0;
    border: none;
    border: 1px solid #b61f29;
    color: #b61f29;
    display: block;
    padding: .5rem 1rem;
}
.nav-tabs .nav-item.show .nav-link span, .nav-tabs .nav-link.active span, .nav-tabs .nav-link:hover span {
    color: #fff;
    background-color: #b61f29;
    border-color: #b61f29;
}
.frame-type-ce_tabs .ce-uploads li {
    list-style: none outside none;
    margin: 0.75em 0;
    display: flex;
    gap: 0.5rem;
}
.frame-type-ce_tabs .nav-tabs .nav-link span {
    margin-left: -1px;
}
.frame-type-ce_tabs .ce-uploads li a {color: #4a4a49;}
.frame-type-ce_tabs .ce-uploads li a:hover {color: #b61f29;}
.content .frame-type-ce_tabs .ce-uploads li:before {
    content: "\f33d";
    font-family: "Font Awesome\ 6 Pro";
    color: #b61f29;
    font-size: 1.8rem;
    font-weight: 300;
    position: relative;
    left: 0;
    line-height: 1.1;
}

.ce-gallery[data-ce-columns="3"] .ce-row {
  grid-template-columns: repeat(3, 1fr);
  display: grid;
  column-gap: 1.5rem;
  place-self: center;
}
.ce-gallery[data-ce-columns="3"] .ce-row .ce-column {
    float: none;
    margin: 0;
    display: grid;
    place-self: center;
}

.no-bullet li:before {display: none;}

form.search-wrap {
    display: flex;
    align-items: flex-start;
    gap: 1.5rem;
}
.search-wrap-inner {
    display: flex;
    align-items: center;
    gap: 2rem;
    background: #4a4a49;
    padding: 1rem 1.5rem;
    color: #fff;
    width: 93%;
}
form.search-wrap>* {flex: 1 1 auto !important;}
.search-wrap-inner>*{flex: 1 1 auto !important;}
form.search-wrap label {text-transform: uppercase; letter-spacing: 1px; font-size: 1rem;font-family: 'Roboto Bold', sans-serif; white-space: nowrap;}
input#search-btn {
    position: absolute;
    background: transparent;
    font-size: 0;
    border: none;
    z-index: 1;
    width: 90px;
    height: 90px; 
}    
.search-btn-wrap i.fal.fa-search {
  background: #b61f29;
  padding: 1rem;
  font-size: 2.8rem;
  height: 90px;
  width: 90px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search-btn-wrap { position: relative;}
.search-wrap-inner>div {display: flex; align-items: center; gap: 1rem;}
.search-wrap-inner select, .search-wrap-inner input {
    word-wrap: normal;
    width: 100%;
    padding: 0.5rem;
    height: 40px;
}
.result-main {
    margin: 1.5rem 0;
}
.result-main>.row { gap: 1.5rem 0;}
#result-list ul {padding: 0; margin: 0;}
#result-list li:before {display: none;}
div#result-list {
    overflow: auto;
    height: auto;
    margin-bottom: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
div#stores {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
.store-location {
    padding: 1rem;
    display: flex;
    gap: 1.5rem;
    align-items: center;
    background: #fff;
}
.store-location ul {width: 40%;}
.store-location i { font-size: 4rem; color:#b61f29;}
.store-location strong {
    color: #4a4a49;
}
button.search-btn.submit-dist {
    border: none;
    padding: 0;
}
.dist-map {height: 100%;}
.dist-map iframe { width: 100%; height: auto; min-height: 200px;}
.dist-title {font-size: 2rem;font-family: 'Roboto Regular', sans-serif;}
.dist-distance span {display: flex; gap: 0.3rem;}
.dist-distance span:before {
  content: "\f124";
  font-family: "Font Awesome\ 6 Pro";
  color: #4a4a49;
  font-size: 1.2rem;
  font-weight: 600;
  position: relative;
  left: 0;
  line-height: 1.6;
}

.produkte .image {margin: 0; position: relative;}
.produkte .image a {display: block;}
.produkte .image img {width: 100%; height: 200px; object-fit: cover;}
.produkte .image-caption {
    position: absolute;
    z-index: 8;
    bottom: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    text-align: center;
    opacity: 1;
    font-size: 1rem;
    hyphens: auto;
    color: #fff;
    text-transform: uppercase;
    border: 3px solid transparent;
}
.produkte .image-caption:hover, .produkte a:focus .image-caption {border: 3px solid #b61f29;}
.produkte .image:after {
    content: "";
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all 0.3s ease-in-out;
}
.produkte .select {margin: 1.5rem 0;}
.produkte select {
  width: 100%;
  border: 2px solid #bbb;
  height: 45px;
  padding: 0.5rem;
  color: #ccc;
  border-radius: 0;
  -webkit-appearance: none;
}

.produkte select.has-options {
  color: #555;
}

.produkte select:focus,
.produkte select.filter-selected {
    color: #b61f29;border: 2px solid #b61f29;
}

#productList .subtitle span:not(:first-child)::before {
  content: " - ";
}

.detail {margin-top: 3rem;}
.din {display: flex; gap: 1.5rem;}
.klassifizierungsschluessel {margin-top: 1.5rem; font-size: 1.6rem;}
.klassifizierungsschluessel table td {border: 1px solid #4a4a49; padding: 0 0.5rem;}
.norm, .schutzklasse {font-size: 1rem;}
.produktslider_inner {
  text-align: center;
  height: 400px;
  overflow: hidden;
  border: 1px solid #ccc;
}

.produktslider .slick-list,
.produktslider .slick-slide > div,
.produktslider .slick-track {
  height: 100%;
}

.produktslider_inner img {    
  height: 100%;
  width: 100%;
  background-color: #FFF;
  object-fit: contain;
}
.produktslider_vorschau {margin-top: 2rem;}
.produktslider_vorschau img {height: 100px; width: 100%; object-fit: contain;border: 1px solid #ccc;background-color: #FFF;}

.produktslider .slider-nav .slick-track {
  margin: 0;
}

.produktslider_vorschau .slick-slide:not(:first-child) > div {
  margin-left: 0.5rem;
}

#tx-cokediproducts #anfrage h2 {
  display: none;
}

.accordion-item {
    background-color: #fff;
    border: none;
    margin-bottom: 0.5rem;
}
.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    color: #fff;
    text-align: left;
    background-color: #4a4a49;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    font-family: 'Roboto Bold', sans-serif;
    text-transform: uppercase;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
}
.accordion-item:first-of-type .accordion-button {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
}
.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.accordion-button:not(.collapsed) {
   color: #fff;
   background-color: #4a4a49;
   box-shadow: none;
}
.accordion-button:focus {
    z-index: 3;
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}
.accordion-button::after {
    flex-shrink: 0;
    margin-left: auto;
    width: auto;
    height: auto;
    background-image: none;
    content: "";
    transition: transform .2s ease-in-out;
    font-family: 'Font Awesome\ 6 Pro';
    content: '\f078';
    font-size: 1.2rem;
}
.accordion-button:not(.collapsed)::after {
    background-image: none;
    transform: rotate(-180deg);
    font-family: 'Font Awesome\ 6 Pro';
    content: '\f078';
}
 
.galerie {position: relative;}
.galerie:before {
  content: "";
  background: #b61f29;
  height: 60%;
  width: 100%;
  position: absolute; 
  bottom: calc(60% - 40%);
}
.galerie_inner {padding: 3rem 10rem;}
.galerie_inner .py-3 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}
.galerie .image>a {color: #fff; font-family: 'Roboto Regular', sans-serif; display: block;}
.galerie .image-caption p {margin: 0;}
.galerie .image-caption {
    position: absolute;
    z-index: 8;
    bottom: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: end;
    justify-content: center;
    padding: 1.5rem;
    text-align: center;
    transition: all 0.3s ease-in-out;
    opacity: 0;
    font-size: 1.2rem;
    hyphens: auto;
}
.galerie .image {position: relative;ransition: all 0.3s ease-in-out;}
.galerie .image:after {
    content: "";
    background: rgba(0, 0, 0, 0);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all 0.3s ease-in-out;
}
.galerie .image:hover:after {
  transition: all 0.3s ease-in-out;  
  background: rgba(0, 0, 0, 0);
}
.galerie .image img {height: 100%; object-fit: cover;transition: all 0.3s ease-in-out;}
.galerie .image:hover img { transform: scale(1.1); transition: all 0.3s ease-in-out;}

.galerie .image:hover .image-caption {opacity: 1; transition: all 0.3s ease-in-out;}
.galerie .ce-center .ce-outer {
    position: relative;
    float: none;
    right: 0;
}
.galerie .ce-center .ce-inner {
    position: relative;
    float: none;
    right: 0;
}
.galerie .ce-gallery figure {
    display: block;
    margin: 0;
}
.galerie .ce-gallery .ce-row {display: block;}
.galerie .ce-column {float: none;}

.galerie .frame-type-text {
  color: #fff;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #b61f29;
  position: relative;
  padding: 2rem;
  font-family: 'Roboto Regular', sans-serif;
  text-transform: uppercase;
  font-size: 2rem;
}
.galerie .frame-type-text p {margin: 0;}

.timeline_element {position: relative;}
.timeline_element:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 100%;
  left: calc(50% - 2px);
  background: #ccc;
}
.timeline_jahr { display: flex; align-items: center; justify-content: center;position: relative;}
.timeline .timeline_ereignis h2 {font-size: 1.2rem; margin: 0; padding: 0.5rem 1rem; color: #fff; background: #b61f29; font-weight: bold;}
.timeline .timeline_ereignis .frame {margin: 2rem 0;background: #fff;}
.timeline .timeline_element:last-child .timeline_ereignis .frame {margin: 2rem 0 0 0 !important;}


.timeline .timeline_element:nth-child(odd) .timeline_ereignis:nth-child(even) .frame,
.timeline .timeline_element:nth-child(even) .timeline_ereignis.rechts:nth-child(even) .frame {width: 47%;float: right; position: relative;}
.timeline .timeline_element:nth-child(odd) .timeline_ereignis:nth-child(odd) .frame,
.timeline .timeline_element:nth-child(odd) .timeline_ereignis.links:nth-child(even) .frame,
.timeline .timeline_element:nth-child(even) .timeline_ereignis.rechts:nth-child(odd) .frame {width: 47%;float: left; position: relative;}

.timeline .timeline_element:nth-child(even) .timeline_ereignis:nth-child(even) .frame {width: 47%;float: left; position: relative;}
.timeline .timeline_element:nth-child(even) .timeline_ereignis:nth-child(odd) .frame,
.timeline .timeline_element:nth-child(even) .timeline_ereignis.links:nth-child(odd) .frame,
.timeline .timeline_element:nth-child(odd) .timeline_ereignis.links:nth-child(odd) .frame {width: 47%;float: right; position: relative;}

.timeline_ereignis .frame-type-text p {padding: 1rem; margin: 0;}

.timeline_jahr p {width: 100px; height: 100px; border-radius: 50%; background: #333333; color: #fff; display: flex;justify-content: center;align-items: center; font-size: 1.6rem;}
.timeline .ce-textpic {
    --bs-gutter-x:0;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-right: calc(-.5* var(--bs-gutter-x));
    margin-left: calc(-.5* var(--bs-gutter-x));
    background: #fff;
}
.timeline .ce-textpic>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    flex: 0 0 auto;
}
.timeline .ce-gallery {margin: 0 !important; overflow: visible; height: 100%;width: 30%;}
.timeline .ce-gallery img {width: 100%; height: auto; padding: 1rem}
.timeline .ce-bodytext {font-size: 1rem; padding: 1rem 1rem 1rem 0; width: 70%;}
.timeline .ce-bodytext p:last-child {margin: 0;}
.timeline .ce-gallery figure {display: block;margin: 0;}
.timeline .ce-gallery .ce-row {display: block;height: 100%;}
.timeline .timeline_element:nth-child(odd) .timeline_ereignis .frame:before,
.timeline .timeline_element:nth-child(even) .timeline_ereignis:nth-child(odd) .frame:before,
.timeline .timeline_element:nth-child(even) .timeline_ereignis:nth-child(even) .frame:before,
.timeline .timeline_element:nth-child(even) .timeline_ereignis.rechts:nth-child(even) .frame:before,
.timeline .timeline_element:nth-child(odd) .timeline_ereignis.links:nth-child(odd) .frame:before {
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  content: '';
  border-style: solid;
  border-width: 19px;
  left: -38px;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-right-color: #b61f29;
}
.timeline .timeline_element:nth-child(even) .timeline_ereignis .frame:before, 
.timeline .timeline_element:nth-child(odd) .timeline_ereignis:nth-child(odd) .frame:before,
.timeline .timeline_element:nth-child(odd) .timeline_ereignis.links:nth-child(even) .frame:before,
.timeline .timeline_element:nth-child(even) .timeline_ereignis.rechts:nth-child(odd) .frame:before,
.timeline .timeline_element:nth-child(even) .timeline_ereignis:nth-child(even) .frame:before {
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  content: '';
  border-style: solid;
  border-width: 19px;
  right: -38px;
  left: auto;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-left-color: #b61f29;
}
.timeline .timeline_element:nth-child(odd) .timeline_ereignis .frame:after,
.timeline .timeline_element:nth-child(even) .timeline_ereignis:nth-child(odd) .frame:after,
.timeline .timeline_element:nth-child(even) .timeline_ereignis:nth-child(even) .frame:after,
.timeline .timeline_element:nth-child(even) .timeline_ereignis.rechts:nth-child(even) .frame:after,
.timeline .timeline_element:nth-child(odd) .timeline_ereignis.links:nth-child(odd) .frame:after {
  content: '';
  position: absolute;
  top: 11px;
  left: -36px;
  z-index: 200;
  width: 1rem;
  height: 1rem;
  margin-left: -11px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  box-sizing: border-box;
  -moz-border-radius: 50%;
  background: #b61f29;
}
.timeline .timeline_element:nth-child(even) .timeline_ereignis .frame:after,
.timeline .timeline_element:nth-child(odd) .timeline_ereignis:nth-child(odd) .frame:after,
.timeline .timeline_element:nth-child(odd) .timeline_ereignis.links:nth-child(even) .frame:after,
.timeline .timeline_element:nth-child(even) .timeline_ereignis.rechts:nth-child(odd) .frame:after,
.timeline .timeline_element:nth-child(even) .timeline_ereignis:nth-child(even) .frame:after {
  content: '';
  position: absolute;
  top: 11px;
  left: auto;
  right: -47px;
  z-index: 200;
  width: 1rem;
  height: 1rem;
  margin-left: -11px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  box-sizing: border-box;
  -moz-border-radius: 50%;
  background: #b61f29;
}

.fixed_buttons {
  position: fixed;
  right: 0;
  top: 20%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: end;
  z-index: 2;
}
.fixed_button {
  display: flex;
  padding: 0.75rem;
  background: #b61f29;
  color: #fff;
  align-items: center;
  font-size: 1.4rem;
}
.fixed_button .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
}
.fixed_button p {margin: 0;}
.fixed_button .text {transition: all 0.3s ease-in-out;line-height: 1; font-size: 0; padding-left: 0rem;}
.fixed_buttons .fixed_button:hover  .text {transition: all 0.3s ease-in-out; font-size: 1.2rem;padding-left: 0.5rem;}

.frame-type-ce_columns2>.row, .frame-type-ce_columns3>.row, .frame-type-ce_columns4>.row, .row-cols-1 {gap: 1.5rem 0;}
.box {position: relative; width: 100%;overflow: hidden; height: 100%;}
.box.square {height: auto;}
.box.square:before{content: "";display: block;padding-top: 100%;}
.box .box_outer {height: 100%;}
.box.square .box_outer {
  position:  absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
}
.box .box_inner {position: relative; overflow: hidden; height: 100%; text-align: center;}
.box .box_inner.bg img.bg, .box_inner.oben .bild img {width: 100%; height: 100%; object-fit: cover;filter: grayscale(100%);transition: all .15s ease-in-out;}
.box .box_outer>a:hover .box_inner.bg img.bg, .box_outer>a:hover .box_inner.oben .bild img {filter: grayscale(0%);transition: all .15s ease-in-out;}
.box_inner.oben { background: #eee;}
/*.box .box_inner.bg:after, .box_outer>a .box_inner.oben .bild:after {
  content: "";
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: all .15s ease-in-out;
}
.box .box_inner.bg:hover:after, .box_outer>a .box_inner.oben:hover .bild:after {
  content: "";
  background: rgba(0, 0, 0, 0);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: all .15s ease-in-out;
}*/
.box .box_inner.bg .text_main {
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  z-index: 1;
}
.box .box_inner.bg .text_main p {margin: 0;}
.box .box_inner.bg .text_main .header + .text {
  padding-top: 0.5rem;
  text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);
}
.box_outer>a {color: #4a4a49;}
.box_inner.oben .bild { position: relative;}
.box_inner.oben .text_main {padding: 1.5rem 1.5rem 5rem 1.5rem;}
.box_inner .text_main .header { font-size: 1.5rem; margin: 0; line-height: 1.2;letter-spacing: 3px;font-family: 'Roboto Bold', sans-serif; text-transform: uppercase;text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);}
.box .box_inner.bg .text_main {color:#fff;}
.box_inner.oben .text_main .button {position: absolute; bottom: 1.5rem; left: 0; width: 100%;}
.box-inner.weiss {background: #fff; padding: 1.5rem; margin-bottom: 1.5rem;}

.row-cols-1 .col .frame-type-text.frame-layout-1 {padding: 1.5rem; height: 100%;}
.row-cols-1 .col .frame-type-text.frame-layout-1 p:last-child {margin: 0;}
.row-cols-1 .col .frame-type-text.frame-layout-1 p + h2 { padding: 0 0 1rem 0; font-size: 1.4rem;}

.image-caption { font-weight: bold; font-size: 0.9rem; padding-top: 0.5rem;}
.image-caption p {margin: 0;}

.content ul, .check {
    list-style: none;
    position: relative;
}
.content ul {padding-left: 1.2rem;}
.content ul li:before {
    content: "\f0c8";
    font-family: "Font Awesome\ 6 Pro";
    color: #b61f29;
    font-size: 0.6rem;
    font-weight: 800;
    position: absolute;
    left: 0;
    line-height: 3;
}
.content .pfeil li {margin-bottom: 1rem;}
.content .pfeil li:before {
    content: "\f054";
    font-family: "Font Awesome\ 6 Pro";
    color: #b61f29;
    font-size: 0.8rem;
    font-weight: 800;
    position: absolute;
    left: 0;
    line-height: 2.2;
}
.content .check li {margin-bottom: 1rem;}
.content .check li:before {
    content: "\f00c";
    font-family: "Font Awesome\ 6 Pro";
    color: #b61f29;
    font-size: 1rem;
    font-weight: 800;
    position: absolute;
    left: 0;
    line-height: 1.3;
}

#footer {background: #333333; color: #fff; padding: 3rem 0; color: #fff; font-size: 1rem;}
#footer a, #footer .telefon:before, #footer .email:before {color: #fff;}
#footer a:hover {color: #fff;}
#footer h2 {font-size: 1rem;text-transform: uppercase; color: #fff;padding-bottom: 2rem;font-family: 'Arial', sans-serif; font-weight: bold;}
#footer b, #footer strong {color: #fff;}
#footer .text-center {font-size: 0.9rem; margin-bottom: 0;}
#footer .frame-type-menu_pages ul {margin: 0; padding: 0; list-style: none;}
#footer img {opacity: 0.2;}

.social {list-style: none; margin: 1.5rem 0 0 0; padding: 0 !important; display: flex; gap: 1.5rem; font-size: 2rem; justify-content: center;}
.social li:before {display: none;}
#footer .social { justify-content: flex-start;}

/* NEWS */
.news .article.newsbox .news-img-wrap {
    float: none;
    margin: 0;
    background: #fff;
}
.news .article.newsbox .news-img-wrap a {
    display: block;
    float: none;
    padding: 0;
    border: none;
    background: #fff;
}
.news .article.newsbox .news-img-wrap img {
    float: none;
    height: 300px;
    object-fit: cover;
    width: 100%;
}
.news .article .news-list-date {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    position: relative;
}
.news .article {
    padding-bottom: 0;
    margin-bottom: 0;
    height: 100%;
    position: relative;
}
.newsbox-outer, .newsbox_inner {
    height: 100%;
    position: relative;
    overflow: hidden;
    background: #fff;
}
.newsbox_text {
    background: #b61f29;
    color: #fff;
    padding: 0 1.5rem 3rem 1.5rem;
    height: 100%;
    margin-top: -2rem;
}
.newsbox_text a, .newsbox_text h2 {color: #fff;}
.newsbox_text h2 {font-size: 1.4rem; text-transform: uppercase; padding-bottom: 1.5rem;}
.newsbox_text .news-list-date {font-size: 1rem; margin-bottom: 1.5rem; position: relative; display: flex;gap: 0.5rem;}
.newsbox_text a.more {
    position: absolute;
    bottom: 1.5rem;
    font-size: 1rem;
    text-transform: uppercase;
}
.newsbox_text .header {position: relative;}
.news .article.newsbox .news-img-wrap { position: relative;z-index: -2;}
.news-list-view .row-cols-1 {gap: 0;}
.news .article.newsbox .news-img-wrap, .swiper figure {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: transparent;
}
.news .article.newsbox .news-img-wrap:before, .swiper figure:before{
    content: "";
    display: block;
    padding-top: 100%;
}
.news .article.newsbox .news-img-wrap .news-img-wrap-inner, .swiper figure picture {
    position:  absolute !important;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.news .article.newsbox .news-img-wrap:after, .swiper figure:after {
  content: "";
  transform: rotate(135deg);
  background: transparent;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  z-index: 0;
  left: 0;
  top: -35%;
  border-top: 10px solid #fff;
  border-right: 10px solid #fff;
}
.swiper figure {margin: 0;}
.news .article.newsbox .news-img-wrap {
    position: relative;
    z-index: 0;
}
.news .article.newsbox .news-img-wrap img {
    float: none;
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.news .article.newsbox .news-img-wrap .news-img-wrap-inner:before, .swiper-slide picture:before {
  content: "";
  transform: rotate(135deg);
  background: #b61f29;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  z-index: 0;
  left: -50%;
  top: 54%;
}
.news .article.newsbox .news-img-wrap .news-img-wrap-inner:after, .swiper-slide picture:after {
  content: "";
  transform: rotate(135deg);
  background: #b61f29;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  z-index: 0;
  right: -50%;
  top: 54%;
}
.news-single .article .news-img-wrap img {
    float: none;
    width: 100% !important;
}
.news-single .article .news-img-wrap a {
    display: block;
    float: none !important;
    padding: 0 !important;
    border: 1px solid #ddd;
    background: #fff;
}
.news-single .article .news-img-wrap {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
}
ul.f3-widget-paginator {
    padding: 0;
    list-style: none;
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin: 1.5rem 0;
}
ul.f3-widget-paginator li:before {display: none;}
ul.f3-widget-paginator a {color: #4a4a49;}
ul.f3-widget-paginator a:hover, ul.f3-widget-paginator .current { color: #b61f29;}
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: none;
    width: 100%;
    border-radius: 0;
}
.swiper-slide img {
    height: 100% !important;
}
.swiper-button-next, .swiper-button-prev {
    text-shadow: none !important;
}
.article.liste .header {background: #333333; color: #fff; font-size: 1.4rem;}
.article.liste .header h2 { color: #fff; font-size: 1.4rem; padding-bottom: 0;}
.article.liste .header a {padding: 0.5rem 1rem; color: #fff;font-size: 1.4rem; display: block;}
.article.liste .header h2 {float: left; line-height: 1.6;}
.article.liste .header .news-list-date {float: right;}
.article.liste .description {padding:1.5rem;}
.article.liste .news-img-wrap {padding:0;}
.news .article.liste .news-img-wrap img {
    float: none;
    height: 100%;
    width: 100%;
    max-height: 300px;
    object-fit: cover;
    object-position: top;
}
.news .article.liste .news-img-wrap a {
    display: block;
    float: none;
    padding: 0;
    border: none;
    background: #fff;
}
.news .article.liste .news-img-wrap {
    float: none;
    margin: 0;
    background: #fff;  
}
.news .article.liste {
    padding-bottom: 0rem;
    margin-bottom: 1.5rem;
    background: #fff;
}
/* NEWS ENDE */

/* KONTAKT */
.frame-type-form_formframework .form-group {margin-bottom: 1.5rem;}
.frame-type-form_formframework .input.checkbox label {display: flex; gap:0.5rem; align-items: baseline;}
.frame-type-form_formframework {color: #4a4a49;}
.frame-type-form_formframework a {color: #b61f29;}
.frame-type-form_formframework a:hover {color: #4a4a49;}
.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 0;
    margin-bottom: 0.25rem;
    font-size: 1rem;
}
.form-control {
    display: block;
    width: 100%;
    padding: 0.5rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(129,129,129,.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    transition: all .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-control:hover {transition: all .15s ease-in-out,box-shadow .15s ease-in-out;}
.form-control.btn {border-bottom: none;}
#kontakt-3-captcha-1, #bewerbung-109-captcha-1 {width: 150px;}
.form-check {
    display: flex;
    min-height: 1.5rem;
    padding-left: 0;
    margin-bottom: 0;
    font-size: inherit;
    gap: 0.5rem;
}
.form-check .form-check-input {
    float: none;
    margin-left: 0;
}
.inputs-list .form-group {display: flex; gap: 1.5rem;}

.tx-powermail .container-fluid {--bs-gutter-x: 0rem;}
.powermail_legend, .tx-powermail .powermail_fieldset .powermail-errors-list.filled {display: none;}
.control-label {margin-bottom: 0.5rem;}
.powermail_fieldwrap {margin-bottom: 1.5rem;}
.powermail_fieldwrap_type_captcha .col-sm-12 {display: flex; gap:0.5rem;}
.powermail_fieldwrap_type_captcha input {width: 150px;}
.tx-powermail .powermail_fieldset .powermail-errors-list {
    display: none;
    margin: 0;
    padding: 0;
    list-style-type: none;
    background-color: #fff;
    border: none;
    width: 100%;
    float: right;
    clear: left;
}
.powermail-errors-list li:before {display: none;}
.tx-powermail .powermail_fieldset .powermail-errors-list>li {
    color: #b61f29;
    padding: 0;
    font-size: 1rem;
}
.powermail_fieldwrap_type_captcha .powermail-errors-list { background-color: #fff !important;}
.powermail_fieldwrap_type_captcha .powermail-errors-list>li,
.powermail_fieldwrap_type_check .powermail_field_error_container .powermail-errors-list>li {padding: 0 !important;}
.powermail_fieldwrap_type_check .powermail_field_error {background-color: #fff !important;}
.powermail_fieldwrap_type_check .powermail_field_error_container .powermail-errors-list {background-color: #fff !important;}
.mandatory {color: #b61f29;}
.powermail_message.powermail_message_error h2 {display: none;}
.powermail_fieldwrap_type_file .form-control {border: 1px solid #fff; }
.powermail_fieldwrap_type_radio div.col-sm-12 {display: flex; gap: 1rem;}

.scrollToTop {
    font-size: 16px;
    cursor: pointer;
    position: fixed;
    bottom: 6rem;
    right: 1rem;
    display: block;
    border-radius: 40px;
    z-index: 10;
    height: 40px !important;
    width: 40px;
    display: none;
    background: rgba(190, 11, 32, 1);
    transition: width 0.2s ease-in-out;
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.3);
	box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.3);

}
.scrollToTop span {display: none;}
.scrollToTop a {color: #fff; display: block; }
.scrollToTop.back {
    font-size: 16px;
    cursor: pointer;
    position: fixed;
    bottom: 3rem;
    right: 15px;
    display: block;
    border-radius: 3px;
    z-index: 3;
    height: 40px !important;
    width: 40px;
    text-align: center;
    background: rgba(255, 255, 255, 0.5);
    z-index: 1;
}
.scrollToTop.back a {color: #b61f29; display: block; }
.scrollToTop i {position: relative; transition: all 0.2s ease-in-out; margin-right:0px; font-size: 32px; line-height: 40px;width: 40px; text-align: center;border-radius: 40px;background-color:#4a4a49;}

.viewslide {width: 100%; margin: 0 auto; text-align: center; position: fixed; bottom: 2rem;}

::-webkit-scrollbar { width: 12px;  background: #eee;}
::-webkit-scrollbar-thumb { border: 2px solid #eee; border-radius: 10px; background: #b61f29;}
::-webkit-scrollbar-thumb:active { background: #b61f29;}

iframe {
    border: 0;
    margin-bottom: -7px;
}

@media (max-width: 1399px) {
  .galerie .frame-type-text {font-size: 1.8rem;}
  .timeline .timeline_element:nth-child(even) .timeline_ereignis:nth-child(even) .frame, 
  .timeline .timeline_element:nth-child(odd) .timeline_ereignis:nth-child(odd) .frame,
  .timeline .timeline_element:nth-child(odd) .timeline_ereignis.links:nth-child(even) .frame,
  .timeline .timeline_element:nth-child(odd) .timeline_ereignis:nth-child(even) .frame, 
  .timeline .timeline_element:nth-child(even) .timeline_ereignis:nth-child(odd) .frame,
  .timeline .timeline_element:nth-child(even) .timeline_ereignis.rechts:nth-child(even) .frame,
  .timeline .timeline_element:nth-child(odd) .timeline_ereignis.links:nth-child(odd) .frame,
  .timeline .timeline_element:nth-child(even) .timeline_ereignis.links:nth-child(odd) .frame {width: 46.5%;}
  #navbar .nav {gap: 2rem;}

} 
@media (max-width: 1250px) {
  .galerie .frame-type-text {font-size: 1.3rem;}
  .timeline .timeline_element:nth-child(even) .timeline_ereignis:nth-child(even) .frame, 
  .timeline .timeline_element:nth-child(odd) .timeline_ereignis:nth-child(odd) .frame,
  .timeline .timeline_element:nth-child(odd) .timeline_ereignis.links:nth-child(even) .frame,
  .timeline .timeline_element:nth-child(odd) .timeline_ereignis:nth-child(even) .frame, 
  .timeline .timeline_element:nth-child(even) .timeline_ereignis:nth-child(odd) .frame,
  .timeline .timeline_element:nth-child(even) .timeline_ereignis.rechts:nth-child(even) .frame,
  .timeline .timeline_element:nth-child(odd) .timeline_ereignis.links:nth-child(odd) .frame,
  .timeline .timeline_element:nth-child(even) .timeline_ereignis.links:nth-child(odd) .frame {width: 46.5%;}
}   

@media (max-width: 1199px) {
  .galerie .frame-type-text {font-size: 1.3rem;}
  .timeline .timeline_element:nth-child(even) .timeline_ereignis:nth-child(even) .frame, 
  .timeline .timeline_element:nth-child(odd) .timeline_ereignis:nth-child(odd) .frame,
  .timeline .timeline_element:nth-child(odd) .timeline_ereignis.links:nth-child(even) .frame,
  .timeline .timeline_element:nth-child(odd) .timeline_ereignis:nth-child(even) .frame, 
  .timeline .timeline_element:nth-child(even) .timeline_ereignis:nth-child(odd) .frame,
  .timeline .timeline_element:nth-child(even) .timeline_ereignis.rechts:nth-child(even) .frame,
  .timeline .timeline_element:nth-child(odd) .timeline_ereignis.links:nth-child(odd) .frame,
  .timeline .timeline_element:nth-child(even) .timeline_ereignis.links:nth-child(odd) .frame {width: 45.9%;}
  .galerie_inner {padding: 3rem 8rem;}
  
  #header {padding: 1.2rem 0;}
  #header li, #header li a, .headermain {display: none; position: fixed; height: 0;}
  .mm-wrapper_opening #header.holdontop {border-bottom: none;}
  button#menu-button { float: right; border: none; background: transparent; margin-top: 0px; position: relative; z-index: 9; cursor: pointer;}
  .fa-align-justify:before { content: "\f039";font-size: 2rem; color: #fff;}
  #header.holdontop .fa-align-justify:before { content: "\f039"; color: #000;}
  .mm-panel {padding: 0;}
  .mm-panels { background: #fff;}
  .mm-menu_theme-white .mm-btn:after, .mm-menu_theme-white .mm-btn:before { border-color: #4a4a49; border-width: 1px;}
  .mm-btn {width: 50px;}
  .mm-btn_clear:after, .mm-btn_clear:before, .mm-btn_close:after, .mm-btn_close:before { border: 1px solid transparent; width: 10px; height: 10px;}
  .mm-btn_clear:before, .mm-btn_close:before { border-right: none; border-bottom: none; right: 11px; border-width: 1px;}
  .mm-btn_clear:after, .mm-btn_close:after { border-left: none !important; border-top: none !important; right: 25px;}
  .mm-menu_theme-white .mm-btn:hover:after, .mm-menu_theme-white .mm-btn:hover:before { border-color: #b61f29;}
  .mm-navbar {padding: 0 15px; height: 65px; border-bottom: none; background: #fff;}
  .mm-navbars_top {height: 65px; border-bottom: none; background: #b61f29;}
  .mm-navbar__title img {height: auto; margin: 0 auto; width: 150px; vertical-align: middle; margin-top: -10px;}
  .mm-panel_has-navbar { padding-top: 55px;}
  .mm-navbars_bottom {height: 50px; border-top: 1px solid #eee; background: #fff; padding-top: 5px;}
  .mm-navbars_bottom a {padding: 0;}
  .mm-listview li.active a { color: #b61f29;background: #fff;}
  a.mm-btn.mm-btn_prev.mm-navbar__btn { height: 80px;}
  a.mm-navbar__title { line-height: 40px; margin: 0 2rem;}
  .mm-menu_theme-white .mm-listview .mm-btn_next:after { border-color: #4a4a49; border-width: 1px;}
  .mm-menu_theme-white .mm-listview .mm-btn_next:hover:after { border-color: #b61f29;}
  .mm-listitem .mm-btn_next:before { border-left-width: 0;}
  .mm-menu a:hover, .mm-menu a:focus, .mm-menu a:active {color: #b61f29; background: #fff !important;}
  .mm-menu_theme-white .mm-navbar a, .mm-menu_theme-white .mm-navbar>* { color: #4a4a49; font-size: 1.2rem; padding: 0; line-height: 80px;}
  .mm-navbar a:hover {background: transparent;}
  .mm-listitem {width: 100%; padding: 0; margin-bottom: 0px; border-bottom: 1px solid #fff; font-size: 1rem; line-height: 1.4rem;}
  .mm-listitem>a { padding: 10px 15px;}
  .mm-menu_iconpanel-40 .mm-panel_iconpanel-1, .mm-menu_iconpanel-40 .mm-panel_iconpanel-1.mm-panel_opened~.mm-listview_fixeddivider {left: 0;}
  [class*=mm-menu_iconpanel-] .mm-panels>.mm-panel_opened-parent[class*=mm-panel_iconpanel-]:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0), [class*=mm-menu_iconpanel-] .mm-panels>.mm-panel_opened[class*=mm-panel_iconpanel-]:not(.mm-panel_iconpanel-first):not(.mm-panel_iconpanel-0) {border-left: none;}
  .mm-btn_next:after, .mm-btn_prev:before { width: 12px; height: 12px;}
  .mm-menu_multiline .mm-listitem>a, .mm-menu_multiline .mm-listitem>span, .mm-panel_multiline .mm-listitem>a, .mm-panel_multiline .mm-listitem>span { color:#4a4a49; }
  .mm-menu a:hover {background: transparent !important;}
  .mm-btn.mm-btn_close.mm-navbar__btn:before,.mm-btn.mm-btn_close.mm-navbar__btn:after { border-color: #fff;}
  .mm-panel_has-navbar .mm-navbar { display: block; background: #fff; height: 65px; border-bottom: 1px solid #eee;}
  .mm-listitem .mm-btn_next:not(.mm-btn_fullwidth) {border-left: 1px solid #fff;}
  .mm-listview li.active .mm-btn_next:after {border-color: #4a4a49;}
  .mm-menu_multiline .mm-listitem>a:hover { background: #fff !important; color:#b61f29;}
  .mm-navbars_bottom a {line-height: 40px !important;}
  .mm-panels>.mm-panel>.mm-listview { margin: 0 !important;}
  .mm-menu_iconpanel-40 .mm-panel_iconpanel-2, .mm-menu_iconpanel-40 .mm-panel_iconpanel-2.mm-panel_opened~.mm-listview_fixeddivider { left: 0;}
  ul.nav.navbar.mm-listview { padding: 0;}
    .mm-navbar a:not([href]):not([tabindex]), .hist-elements a:not([href]):not([tabindex]) { display: block;}
    a.mm-btn.mm-btn_close.mm-navbar__btn {right: 0;left: auto;}
    .mm-panels, .mm-panels>.mm-panel {top: 25px;}
    .mm-navbar img {vertical-align: top; margin-top: 5px;}
    .mm-navbars_bottom .fab { font-size: 1.4rem; color: #b61f29;}
    a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {color: #4a4a49;}
    
    #header .mburger {color: #fff !important; height: 30px; padding: 0;width: 35px;}
    .mburger:after {display: none;}
  #header.holdontop .mburger {color: #000;}
  .mm-wrapper_opened #header .mburger b {color: #fff;}
  .mm-wrapper_opened #header.holdontop {-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
    
    .mburger--collapse span:nth-of-type(1) {transition: bottom .2s ease,margin .2s ease,transform .2s ease;transition-delay: .2s,0s,0s;}
    .mburger span:nth-of-type(1) {bottom: calc(50% + var(--mb-bar-spacing));transition: bottom .2s ease,transform .2s ease,width .2s ease;}
    .mburger span {
      display: block;
      position: absolute;
      left: calc(var(--mb-button-size) * ((1 - var(--mb-bar-width))/ 2));
      width: calc(var(--mb-button-size) * var(--mb-bar-width));
      height: var(--mb-bar-height);
      border-radius: calc(var(--mb-bar-height)/ 2);
      background: currentColor;
      color: inherit;
      opacity: 1;
  }
  .mburger b {
      font-size: 0;
      left: 0;
      width: 35px;
  }
}

@media (max-width: 991px) {
  .search-wrap-inner.suchfeld {display: flex;flex-direction: column; margin-bottom: 2rem; gap: 1rem; padding: 1rem;}
  .search-wrap-inner {align-items: normal;}
  form.search-wrap label {width: 230px; font-size: 0.9rem;}
  form.search-wrap {gap: 1rem;}
  .search-btn-wrap i.fal.fa-search {height: 60px;width: 60px; font-size: 2rem;}
  div#result-list {height: auto; margin-bottom: 1.5rem;}
  .store-location {flex-direction: column; align-items: flex-start;}
  .store-location .col {flex: auto; width: 100%;}
  .dist-map iframe {width: 100%;}
  #result-list ul {width: 100%;}
  .search-wrap-inner>div {display: block;}
  .ce-gallery[data-ce-columns="7"] .ce-row {display: flex; gap: 2rem;}
  .logo img {width: 100px;}
  .logo a:after {width: 100px;height: 100px;bottom: -55px;}
  
  .galerie_inner .col.\34 8 {width: 100%;}
  .timeline .timeline_element:nth-child(even) .timeline_ereignis:nth-child(even) .frame, 
  .timeline .timeline_element:nth-child(odd) .timeline_ereignis:nth-child(odd) .frame,
  .timeline .timeline_element:nth-child(odd) .timeline_ereignis.links:nth-child(even) .frame,
  .timeline .timeline_element:nth-child(odd) .timeline_ereignis:nth-child(even) .frame, 
  .timeline .timeline_element:nth-child(even) .timeline_ereignis:nth-child(odd) .frame,
  .timeline .timeline_element:nth-child(even) .timeline_ereignis.rechts:nth-child(even) .frame,
  .timeline .timeline_element:nth-child(odd) .timeline_ereignis.links:nth-child(odd) .frame,
  .timeline .timeline_element:nth-child(even) .timeline_ereignis.links:nth-child(odd) .frame {width: 44.4%;}
  .footercontent .image-embed-item {width: 50%;}
  .footercontent .ce-gallery figure {display: flex;justify-content: center; margin-bottom: 2rem;}
  .ce-gallery[data-ce-columns="5"] .ce-row {display: flex; gap: 2rem;}
  .katalogbild {bottom: -30px;}
  div#maintrailer .headertext {font-size: 1.4rem;}
}
@media (max-width: 767px) {
  .logo img {width: 100px;}
  .logo a:after {width: 100px;height: 100px;bottom: -55px;}
  .klickpfad {font-size: 0.7rem;}
  h1 {font-size: 1.6rem; hyphens: auto;}
  h2 {font-size: 1.4rem; padding-bottom: 1rem; hyphens: auto;}
  .galerie_inner {padding: 3rem 2rem;}
  .galerie .image-caption {font-size: 1.1rem; line-height: 1.3;}
  .galerie .frame-type-text {padding: 1rem;}
  .dokumente .tab-content_logo {
      float: none;
      margin-right: 3rem;
      margin-bottom: 2rem;
  }
  .frame-type-ce_tabs .ce-uploads {
    grid-template-columns: repeat(1, 1fr);
    display: grid;
  }
  .ce-gallery[data-ce-columns="3"] .ce-row {
    grid-template-columns: repeat(1, 1fr);
    display: grid;
    column-gap: 1.5rem;
    place-self: center;
    row-gap: 1.5rem;
  }
  div#maintrailer .headertext {font-size: 1.2rem;}
  .startseite div#maintrailer img { height:250px;}
  .timeline_jahr {justify-content: flex-start;}
  .timeline_jahr p {
      width: 70px;
      height: 70px;
      font-size: 1.4rem;
  }
  .timeline_element:before {left: 34px;}
  .timeline .timeline_element:nth-child(even) .timeline_ereignis:nth-child(even) .frame, 
  .timeline .timeline_element:nth-child(odd) .timeline_ereignis:nth-child(odd) .frame,
  .timeline .timeline_element:nth-child(odd) .timeline_ereignis.links:nth-child(even) .frame,
  .timeline .timeline_element:nth-child(odd) .timeline_ereignis:nth-child(even) .frame, 
  .timeline .timeline_element:nth-child(even) .timeline_ereignis:nth-child(odd) .frame,
  .timeline .timeline_element:nth-child(even) .timeline_ereignis.rechts:nth-child(even) .frame,
  .timeline .timeline_element:nth-child(odd) .timeline_ereignis.links:nth-child(odd) .frame,
  .timeline .timeline_element:nth-child(even) .timeline_ereignis.links:nth-child(odd) .frame {
      width: auto;
      margin-left: 80px !important;
  }
  .timeline .timeline_element:nth-child(odd) .timeline_ereignis .frame:after, 
  .timeline .timeline_element:nth-child(even) .timeline_ereignis:nth-child(odd) .frame:after,
  .timeline .timeline_element:nth-child(odd) .timeline_ereignis.links:nth-child(even) .frame:after,
  .timeline .timeline_element:nth-child(even) .timeline_ereignis.rechts:nth-child(even) .frame:after,
  .timeline .timeline_element:nth-child(odd) .timeline_ereignis.links:nth-child(odd) .frame:after,
  .timeline .timeline_element:nth-child(even) .timeline_ereignis:nth-child(even) .frame:after {
    left: -41px;
  }
  .timeline .timeline_element:nth-child(even) .timeline_ereignis .frame:before, 
  .timeline .timeline_element:nth-child(odd) .timeline_ereignis:nth-child(odd) .frame:before,
  .timeline .timeline_element:nth-child(odd) .timeline_ereignis.links:nth-child(even) .frame:before,
  .timeline .timeline_element:nth-child(even) .timeline_ereignis:nth-child(even) .frame:before {
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    content: '';
    border-style: solid;
    border-width: 19px;
    left: -38px;
    right: auto;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: #b61f29;
  }
  .timeline .timeline_element:nth-child(even) .timeline_ereignis .frame:after, 
  .timeline .timeline_element:nth-child(odd) .timeline_ereignis:nth-child(odd) .frame:after {
    left: -41px;
  }
  .timeline .ce-textpic {flex-direction: column;}
  .timeline .ce-gallery {width: 100%;}
  .timeline .ce-bodytext {
      font-size: 1rem;
      padding: 0 1rem 1rem 1rem;
      width: 100%;
  }
  .fixed_buttons {display: none;}
  .ce-gallery[data-ce-columns="5"] .ce-row {display: flex; gap: 1rem;}
  .powermail_fieldwrap_type_captcha input {
      width: 100px;
  }
  .galerie:before {
      height: 76%;
      bottom: calc(60% - 48%);
  }
  div#maintrailer .headertext .container .container_inner {
      width: 65%;
  }
  p + h2 {
      padding-top: 1rem;
  }
  .galerie_inner .col.\34 8 {width: 100%;}
}

@media (max-width: 690px) {
}

@media (max-width: 575px) {

}
    
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{  color:transparent;opacity: 1; transition: all 0.2s ease-in-out;}
input:not(:focus)::-webkit-input-placeholder, textarea:not(:focus)::-webkit-input-placeholder { transition: color 0.4s ease-in-out; color:#4a4a49; transition: all 0.3s ease-in-out;opacity: 0.5;}

input:focus::placeholder, textarea:focus::placeholder { color:transparent; transition: all 0.3s ease-in-out;} /* FF 4-18 */
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color:transparent; transition: all 0.3s ease-in-out;} /* FF 4-18 */
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color:transparent; transition: all 0.3s ease-in-out;} /* FF 19+ */
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color:transparent; transition: all 0.3s ease-in-out;} /* IE 10+ */


.frame-type-image img {width: 100%; height: auto;}

#footer .frame-type-mindshapecookieconsent_consent {margin: 0 !important;}
.cookie-consent-container .consent-modal.open {
    height: calc(100vh - 300px) !important;
}

.cookie-consent-container .consent-modal {
    box-shadow: 1px 1px 6px rgba(127,127,127,.3) !important;
    border-radius: 0.75rem !important;
}
.frame-type-mindshapecookieconsent_consent>.container {padding: 0;}
.cookie-consent-container {font-family: 'OpenSans Regular', sans-serif !important;}
.cookie-consent-container .buttons {
    display: flex;
    gap: 1rem;
    align-items: center;
}
.cookie-consent-settings {margin-bottom: 0 !important;}
.cookie-consent-settings>button {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent;
    font-size: inherit !important;
    line-height: inherit !important;
    color: #fff !important;
    border: none !important;
    transition: all 0.2s ease-in-out;
    text-transform: none;
    font-family: 'OpenSans Regular', sans-serif;
    float: none;
    background-color: transparent !important;
    font-weight: normal !important;
}
.cookie-consent-settings>button:hover {background: transparent !important; color: #fff !important; transition: all 0.2s ease-in-out;}
.cookie-consent-container .consent-modal .cookie-headline, .cookie-consent-container {color: #000 !important;}
.cookie-consent-container a, .cookie-consent-container a:visited, .cookie-consent-container a:active, .cookie-consent-container a:focus, .cookie-consent-container a:focus:active {color: #000 !important;}
.cookie-consent-container a.show-details:after, .cookie-consent-container a:visited.show-details:after, .cookie-consent-container a:active.show-details:after, .cookie-consent-container a:focus.show-details:after, .cookie-consent-container a:focus:active.show-details:after {border-color: #000 rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) !important;}
.cookie-consent-container .label input:checked~.checkmark {
    background: #e5e5e5 !important;
}
.cookie-consent-container .buttons .btn { border-radius: 0 !important;text-transform: none !important;font-weight: normal !important; height: 40px !important;}
.cookie-consent-container .buttons .btn--secondary {
    background: #b61f29 !important;
    color: #fff !important;
    border: none !important;
    opacity:1 !important;
    letter-spacing: 0 !important;
}
.cookie-consent-container .label .checkmark {
    background: #e5e5e5!important;
    border: none !important;
}
.cookie-consent-container .label .checkmark:after {
    border: solid #b61f29  !important;
    border-width: 0 2px 2px 0 !important;
    left: 8px !important;
    top: 2px !important;
}
.cookie-consent-container .buttons .btn:hover {
    background-color: #666 !important;
}
.cookie-consent-container .buttons .btn--primary {
    background: #b61f29 !important;
    border: none !important;
    letter-spacing: 0 !important;
}
button.save.btn.btn--secondary {
    margin-bottom: 10px;
}
.cookie-consent-container .consent-modal .option-wrapper {
    background: #fff !important;
    box-shadow: 1px 1px 6px rgba(127,127,127,.3) !important;
    margin: 0.2rem 0.2rem 1.5rem 0.2rem !important;
}
.cookie-consent-container .consent-modal .option-wrapper .option-headline {color: #b61f29;}
.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail.cookie-option {background: #b61f29 !important;}
.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail.cookie-option .label { color: #fff !important;}
.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper {border-bottom: 2px solid #e5e5e5 !important;}
.cookie-consent-container .consent-modal .option-wrapper .option-detail-wrapper .option-detail {border-bottom: 1px solid #e5e5e5 !important;}
@media (max-width: 767px) {
	.cookie-consent-container .buttons {gap: 0rem;flex-direction: column;}
}

#navbar ul.sub > .container>span {
    position: relative;
    display: grid;
    grid-template-columns: 33.333% 1fr;
    padding: 7rem 4rem 4rem;
    -webkit-box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 20%);
    box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 20%);
    z-index: 20;
    background: #fff;
}
ul.sub .container .sub-close {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 20px;
  cursor: pointer;
}

ul.sub .container .sub-close:hover {
  color: #b61f29;
}

.navi-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0;
  z-index: -1;
  transition: background-color ease-in-out 0.25s;
}

.navi-overlay.sub-overlay {
  position: absolute;
  background-color: transparent;
  z-index: 10;
}

.navi-overlay.open {
  position: fixed;
  opacity: 0.6;
  z-index: 1;
  top: 0px;
}

#mainnav ul.sub {
    position: fixed;
    width: 100%;
    left: 0;
    display: none;
}
#mainnav .sub>.container>.row {display: block; position: relative;}
#mainnav .sub>.container>.row>.col>span>a {display: block; }
#mainnav span.pic { width: 80px; height: 80px;padding:0; display: block;}
#mainnav span.pic img {width: 80px;height: 80px; object-fit: cover;}

#mainnav ul.subsub a { display: flex; gap: 1rem; align-items: center;}
#mainnav ul.subsub .text {padding: 0 !important; display: block;}

#mainnav .sub li.nav_box:hover ul.subsub { display: block;}
#mainnav .subsubsub {display: none; visibility: hidden;}

ul.subsub.is-active {
  display: block;
}

#mainnav ul.sub {
  left: 0;
  background: transparent;
  box-shadow: none;
}

#mainnav .sub > .container > .row > .col {
  width: auto;
}

.subsub-empty-container {
  height: 100%
}

.subsub-container {
  display: none;
}

.subsub-container.is-active {
  display: block;
}

#mainnav .sub > .container > .row > .col > span > a {display: flex;}

/* Cokediproducts custom */

#navbar a[href^="/produkte"] + ul .sub-right .subsub-container .subsub {
  display: flex;
  gap: 1rem 0; 
}

#navbar a[href^="/produkte"] + ul .sub-right .subsub-container {
  display: block;
}

.content ul.slick-dots li:before {
  content: unset;
}

#productList .product_inner { background: #fff; padding: 1.5rem 1.5rem 4rem 1.5rem; height: 100%; position: relative;}
.product_button {
    position: absolute;
    bottom: 1.5rem;
}

.select-wrapper{
  position: relative;
}

.select-wrapper select {
  padding-right: 40px; /* Platz für das Icon */
  appearance: none; /* entfernt native Pfeile */
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: white;
}
.select-wrapper::after {
  font-family: 'Font Awesome\ 6 Pro';
  content: '\f078';
  position: absolute;
  top: 50%;
  right: 15px;
  pointer-events: none; /* Icon klickt nicht durch */
  transform: translateY(-50%);
  color: #bbb;
}
.select-boxes label {position: relative;}
.select-boxes label span {
    padding: 1rem;
    line-height: 1.1;
    display: block;
    font-size: 16px;
    color: #ffffff;
    width: 100%;
    height: 60px;
    position: absolute;
    background: rgb(51 51 51 / 85%);
}