body {
  font-family: -apple-system,BlinkMacSystemFont,segoe ui,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji;
}

:root {
  --container-max-width: 1024px !important;
}

/* deprecated: 14.06.2024: header background hat dann auch padding
div[data-element="main"] {
  padding: 0 10px;
}*/

.page.messages {
  margin-top: 25px;
}

h1, h2 {
  margin: 35px auto !important;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  color: #333 !important;
}

main#maincontent {
  margin-top: 25px;
  color: #333;
  font-size: 1.1rem;
  overflow: hidden !important;
}

main#maincontent .page-title-wrapper {
  margin-top: 85px;
}

div.page-main {
  margin-top: 100px;
}

strong {
  font-weight: bold !important;
}

.footer-middle {
  background-color: #222;
  color: #FFF;
}

.footer-middle .pagebuilder-column {
  border-right: 1px solid #3d3d3d;
}
.footer-middle .pagebuilder-column:nth-last-child(1) {
  border-right: none;
}

.pagebuilder-overlay.pagebuilder-poster-overlay {
  background-color: rgba(0,0,0,0.7) !important;
}

.tnecf-button-zuranfrage {background-color: #333;width: 300px;margin: 25px auto;color: #FFF !important;}

.category-description {position: relative;margin: 15px auto !important;width: 100%;max-width: var(--container-max-width);padding: var(--container-padding);}


/* PDP Top Image */
.tne-article-title-image {position:relative;display:flex;margin:auto;max-width:var(--container-max-width);flex-direction:column;}
.tne-article-title-image-placeholder__image {position:relative;width:100%;height:auto;display:block;max-width:100%;}
.tne-image-description {position:relative;justify-content:space-between;}
.tne-article-title-image-placeholder__caption {padding: 0;position:relative;font-weight:400;font-size:12px;color:#a9a9a9;text-align:left;line-height: unset !important;margin:0 !important;hyphens:auto;}
.tne-article-title-image-placeholder__author {position:absolute;right:0;top:-25px;}
.tne-article-title-image-placeholder__author-single {position:relative;font-size:10px;color:gray}

/* Aufzählungsliste, zb das wichtigste im überblick */
.tne-list-body {position:relative;box-sizing:border-box;margin:auto;/*max-width:1024px;*/display:flex;flex-wrap:wrap}
.tne-list-container {box-sizing:border-box;position:relative;width:50%;display:flex;text-align:left;margin:15px 0}
.tne-list-container:nth-child(odd) {flex-direction:row-reverse;text-align:right}
.tne-list-item-body {position:relative;text-align: justify;}
.tne-list-item {position:relative;height:100%}
.tne-list-item-pull-right,.tne-list-item-pull-left {position:relative;margin:auto 35px}
.tne-list-icon {position:relative;margin:0;padding:0;border:1px solid #000;width:75px;height:75px;border-radius:50%}
.tne-list-icon>figure {position:relative;margin:10%;padding:0;height:80%;width:80%}
.tne-list-icon>figure>img {position:relative;margin:0;padding:0;width:100%;height:100%;object-fit:contain}
.tne-list-icon>figure.no-img-child {background-position:50%;background-size:89%;background-repeat:no-repeat}
.tne-list-container-single {width:100%;flex-direction:row!important;text-align:center!important;max-width:980px;margin:auto}
@media(max-width:800px) {
  .tne-list-icon {margin:0 auto}
  .tne-list-container {width:100%;display:inline;text-align:center;}
  .tne-list-item-body {margin: 5px 0}
  .tne-list-container:nth-child(odd) {text-align:center}
}

/* Style haufig gestellte Fragen */
details {max-width:980px;margin:0 auto 15px}
details summary {list-style-type:none;background-color:#0b4287;color:#fff;padding:25px 40px 25px 0;  position:relative} 
details summary::after {content: "";margin: 0;background: url('/media/icons/down-long-solid.svg') no-repeat center center;background-size: contain;display: block;position: absolute;height: 30px;width: 30px;top: 50%;right: 15px;transform: translateY(-50%);}
details[open]>summary {background-color:#222}
details[open]>summary::after {transform:rotate(180deg);padding:0}


/* Style Container mit schrägen hintergrund */
.tne-background-up-container {position: relative;margin-top: 25px;padding:25px 0 55px 0;z-index: 1;}
.tne-background-up-container * {color:#fff !important;}
.tne-background-up-container::before {content: '';position: absolute;top: 0;left: 50%;right: 50%;margin-left: -50vw;margin-right: -50vw;height: 100%;background-image:none;border:1px solid transparent;background-color:rgba(0,0,0,.5);background-color:#0b4287;transform:skewY(-3deg);z-index: -1;}

/* Style Container horizontale Elemente nebeneinander */
.tne-layout-flex {display: flex;flex-wrap: wrap;}
.tne-block-columns {display: flex;flex-direction: row;width: 100%;}
.tne-block-column {display: flex;flex-direction: column;align-items: center;flex-basis: 0;flex-grow: 1;padding: 10px;}
.tne-block-rows {display: flex;flex-direction: row;align-items: center;flex-basis: 0;flex-grow: 1;padding:10px;}
.tne-block-image {flex: 0 0 100px;display: flex;justify-content: center;align-items: center}
.tne-filter-svg-white img {filter:invert(100%)sepia(100%)saturate(0%)hue-rotate(306deg)brightness(103%)contrast(101%)}
.tne-filter-svg-white p {color:#fff!important}
.tne-block-image .aligncenter {margin-left:auto;margin-right:auto;display:table}
.tne-text-align-left {text-align:left}
.tne-text-align-justify {text-align:justify}
.tne-text-align-center {text-align:center}
.tne-text-align-right {text-align:right}
.tne-huge-font-size {font-size:64px;font-weight:bolder}
.tne-white-color {color:#fff!important}
.tne-black-color {color:#000!important}
.tne-hand-pointer,
.tne-year,
.tne-clock-counter {position: relative;margin:auto;padding:100px 0 50px;font-size:3.5em;font-weight:bolder;}
.tne-year {padding-top: 45px;}
.tne-hand-pointer::before {
    content: '';
    display: block;
    width: 56px;
    height: 56px;
    position: absolute;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="20" width="17.5" viewBox="0 0 448 512"><path fill="%230b4287" d="M358.2 179.4c-19.5-24.8-52.7-31.9-79.9-19.1-15.1-15.7-36.2-22.5-56.6-19.6V67c0-36.9-29.7-67-66.3-67S89.1 30.1 89.1 67v161.1c-19.9-7.4-43.3-5.1-62.1 8.9-29.4 21.8-35.8 63.3-14.6 93.2l109.7 154C134.6 501.6 154.7 512 176 512h178.3c30.8 0 57.6-21.5 64.6-51.8l27.4-119A67.9 67.9 0 0 0 448 326v-84c0-46.8-46.6-79.3-89.8-62.6zM81 279.7l27.1 38.1c9 12.6 29 6.3 29-9.3V67c0-25.1 36.6-25.2 36.6 0v175c0 8.8 7.2 16 16 16h6.9c8.8 0 16-7.2 16-16v-35c0-25.1 36.6-25.2 36.6 0v35c0 8.8 7.2 16 16 16H272c8.8 0 16-7.2 16-16v-21c0-25.1 36.6-25.2 36.6 0v21c0 8.8 7.2 16 16 16h6.9c8.8 0 16-7.2 16-16 0-25.1 36.6-25.2 36.6 0v84c0 1.5-.2 3-.5 4.4l-27.4 119c-2 8.6-9.3 14.6-17.8 14.6H176c-5.8 0-11.3-2.9-14.7-7.7l-109.7-154c-14.4-20.2 15-42.8 29.4-22.6zM176.1 400v-96c0-8.8 6.3-16 14-16h6c7.7 0 14 7.2 14 16v96c0 8.8-6.3 16-14 16h-6c-7.7 0-14-7.2-14-16zm75.4 0v-96c0-8.8 6.3-16 14-16h6c7.7 0 14 7.2 14 16v96c0 8.8-6.3 16-14 16h-6c-7.7 0-14-7.2-14-16zM327 400v-96c0-8.8 6.3-16 14-16h6c7.7 0 14 7.2 14 16v96c0 8.8-6.3 16-14 16h-6c-7.7 0-14-7.2-14-16z"/></svg>');
    background-repeat: no-repeat;
    background-position: center center;
    background-size:  contain;
    transform: scale(-1);
    top: 20px;
    right: calc( 50% - 28px );
}
.tne-timeline {position:relative;margin:15px auto 0 auto;width:4px;min-height:100px;background:#0b4287;background:linear-gradient(0,#0b4287 0%,#0b4287 40%,transparent 100%)}
.tne-timeline>figure {position:absolute;background-color:#0b4287;border:1px solid #0b4287;height:12px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;width:12px;bottom:0;left:-5px;margin:auto}

/* Partner Logos */ 
#home-partners-container {display: grid;grid-template-columns: repeat(1, 256px);justify-content: center;gap: 20px;width: fit-content;margin: 0 auto;}
.logo {display: flex;justify-content: center;align-items: center;max-height: 256px;max-width: 256px;overflow: hidden;transition: transform 0.3s ease;}
.logo:hover {transform: scale(1.2) !important;transition: transform 0.3s ease !important;}
.logo img {max-width: 90%;max-height: 90%;display: block;}
@media (min-width: 512px) {#home-partners-container {grid-template-columns: repeat(2, 256px); /* Definiert 2 Spalten */}}
@media (min-width: 768px) {#home-partners-container {grid-template-columns: repeat(3, 256px); /* Definiert 3 Spalten */}}
@media (min-width: 1024px) {#home-partners-container {grid-template-columns: repeat(4, 256px); /* Definiert 4 Spalten */}}

/* Product Link Container */
div.tne-product-link-container {margin:15px auto;display:flex;flex-direction:column;align-items:center;justify-content:center;width:300px;height:300px}
a.tne-product-link {display:flex;flex-direction:column;align-items:center;justify-content:center;width:300px;height:300px;text-decoration:none;background-repeat:no-repeat;background-position:50% 0;background-size:cover;background-color:#0b4287;box-shadow:2px 5px 5px rgba(0,0,0,.5)}
a.tne-product-link:hover {background-color:rgba(0,0,0,.5)}
a.tne-product-link>img {max-width:100%;max-height:70%;object-fit:contain;object-position:center}
a.tne-product-link>.tne-product-link-title {margin-top:10px;text-align:center;color:#fff}

/* Contact Form */
.tnecf-button-zuranfrage {position:relative;display:block;box-sizing:border-box;margin:15px;padding:0;border:transparent;color:#fff;height:40px;line-height:40px;font-size:1em;text-decoration:none;letter-spacing:2px;text-align:center;background-color:#0b4287}
.tnecf-button-zuranfrage:hover {background-color:rgba(0,0,0,.5)}
.tnecf-button-zuranfrage-grau {position:relative;display:block;box-sizing:border-box;margin:15px;padding:0;border:transparent;color:#fff;height:40px;line-height:40px;font-size:1em;text-decoration:none;letter-spacing:2px;text-align:center;background-color:#555}
.tnecf-button-zuranfrage-grau:hover {background-color:rgba(0,0,0,.5)}

section#tnecf {position:relative;display:block;margin:auto;font-size: 1.1rem;color: #333;border-bottom:1px solid #222;background:linear-gradient(to bottom,#fff 50%,#222222 50%)}
.tnecf-container {position:relative;margin:50px auto;box-sizing:border-box;background:#fff;padding:0;text-align:center;box-shadow:0 0 20px #0000006b;background-color:#0b4287;max-width:980px}
.tnecf-container h3 {text-align:center}
.tnecf-content {position:relative;box-sizing:border-box}
.tnecf-content>form>div {position:relative;box-sizing:border-box}
.tnecf-container-left {position:relative;box-sizing:border-box;margin:0;padding:15px;left:0;display:inline-block;width:calc( 100% - 300px );background-color:#fff}
.tnecf-input {position:relative;display:block;box-sizing:border-box;margin:15px auto;padding-top:15px;padding-left:50px;box-sizing:border-box;line-height:30px;width:100%;border:1px solid #0b4287}
.tne-contact-form-container-right {box-sizing:border-box;float:right;margin:0;padding:15px;display:inline-block;width:300px}
.tne-contact-form-container-right * {color:#fff;}
.tnecf-error {display:block;position:absolute;line-height:0;margin:0;margin-top:0;height:0;padding:0!important;font-size:10px!important;z-index:90;margin-top:12px;right:15px;color:#dc0000;pointer-events:none;opacity:0;transition:all .3s ease}
.tnecf-input:focus+label {top:20px;color:#0b4287;-webkit-transform:scale(.7,.7);-moz-transform:scale(.7,.7);transform:scale(.7,.7)}
.tnecf-label {top:15px;font-family:Helvetica,Arial,sans-serif;line-height:0;font-weight:400;height:0;left:14px;color:#0b4287;font-size:15px;-webkit-transform-origin:0 -35px 0;-moz-transform-origin:0 -35px 0;transform-origin:0 -35px 0;position:absolute;pointer-events:none;z-index:3;-webkit-transition:all 120ms;-moz-transition:all 120ms;transition:all 120ms}
label {display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700;padding-left:15px}
.tnecf-address-item {position:relative;margin:25px 0;padding:0;display:flex;flex-wrap:wrap}
.tnecf-address a {display:block;color:#fff;margin-bottom:15px;text-decoration:none}
.tnecf-address-item>div {position:relative;margin:0;padding:0;box-sizing:border-box}
.tnecf-address-item>.tnecf-address-icon {position:relative;margin:0;padding:0;box-sizing:border-box;width:32px}
/*.tnecf-address-item>.tnecf-address-icon>i {position:relative;margin:0;padding:5px;display:block;text-align:center;margin:auto}*/
.tnecf-address-item>.tnecf-address-text {box-sizing:border-box}
.tnecf-submit {border:none;color:#fff;height:40px;width:100%;font-size:1em;letter-spacing:2px;background-color:#0b4287 !important;}
.tnecf-submit:hover {background-color: rgba(0,0,0,0.7) !important;}
.tnecf-button-zuranfrage {position:relative;display:block;box-sizing:border-box;margin:15px;padding:0;border:transparent;color:#fff;height:40px;line-height:40px;font-size:1em;text-decoration:none;letter-spacing:2px;text-align:center;background-color:#0b4287}
.tnecf-button-zuranfrage:hover {background-color:rgba(0,0,0,.5)}
.tnecf-button-zuranfrage-grau {position:relative;display:block;box-sizing:border-box;margin:15px;padding:0;border:transparent;color:#fff;height:40px;line-height:40px;font-size:1em;text-decoration:none;letter-spacing:2px;text-align:center;background-color:#555}
.tnecf-button-zuranfrage-grau:hover {background-color:rgba(0,0,0,.5)}
.tnecf-close-btn {position:absolute;top:2px;right:2px;background:0 0;transition:background-color .5s,color .5s;border:1px solid #fff;font-size:26px;line-height:26px;cursor:pointer;color:#fff;display:none;z-index:10}
.tnecf-close-btn:hover {color:#0b4287;background-color:#fff}
@media(max-width:1000px) {
.tne-contact-form-container-right {float:none}
.tnecf-container-left {width:100%}
.tne-contact-form-container-right {width:100%}
.tnecf-address {justify-content:center}
.tnecf-address-item-phone,.tnecf-address-item-mail,.tnecf-address-item-location {display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:15px 0 10px}
.tne-footer-content-location,.tne-footer-content-phone,.tne-footer-content-mail {display:none}
}

/* Kategorieseiten Styles */
.page-main h1#page-title-heading.subtitle em {display:block;font-style:normal;font-weight:700;font-size:2rem;}
.page-main h1#page-title-heading.subtitle {font-style: italic;font-weight: 400;font-size: 1em;}
.page-main .max-width-680 {margin: 0 auto;max-width: 680px;}



/* TNE-Animationen */

.tneanimate.tnezoomin {transform:scale(.5);opacity:0;transition:transform 2s ease,opacity 1s ease}
.tneanimate.tnezoomin.tnedoanimate {transform:scale(1);opacity:1}

.tneanimate.tneslide-from-left.tnedoanimate,.tneanimate.tneslide-from-right.tnedoanimate {opacity: 1;transform: translateX(0);transition: opacity 1s ease, transform 1s ease;}
.tneanimate.tneslide-from-left {transform: translateX(-200%);}
.tneanimate.tneslide-from-right {transform: translateX(200%);}

/* header styles */
div.header.content {
  all: unset;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; /* Platzierung der Blöcke mit gleichmäßigem Abstand */
  align-items: center;
  padding: 0 15px;
}

div.header.content > .logo {
  all: unset;
}

div.header.content > .header-panel-info {
  all: unset;
}

div.header.content > .block-search {
  all: unset;
  justify-content: right;
}
div.header.content > .block-search label {
  padding-left: 0;
}

div.header.content > .switcher {
  display: flex !important;
  justify-content: right;
}





/* Standardbreite für die Blöcke */
div.header.content > .logo,
div.header.content > .header-panel-info,
div.header.content > .block-search,
div.header.content > .switcher {
    flex: 1 1 auto;
    margin: 0 10px;
}
div.header.content > .block-search > .block-content {flex: 1 1 auto;}
div.header.content > .block-search > .block-content > #search_mini_form {flex: 1 1 auto;}
div.header.content > .block-search > .block-content > #search_mini_form > .field.search {flex: 1 1 auto;}
div.header.content > .block-search > .block-content > #search_mini_form > .field.search > .control {flex: 1 1 auto;}

/* Block-Search und Switcher sollen immer zusammenbleiben */
div.header.content > .block-search,
div.header.content > .switcher {
    display: flex; /* Flexbox für gemeinsame Layout-Definition */
    flex-wrap: nowrap; /* Kein Umbruch zwischen diesen beiden Blöcken */
    align-items: center;
}

div.block.block-search * {display: flex;}
div.block.block-search #search_mini_form >.search > .control > .input-text {min-width: 340px;}
div.block.block-search #search_mini_form > .actions > .action.search::before {background-color: gray;}
div.login-container {
  box-shadow: none !important;
  background: unset;
  border: none !important;
  border-radius: unset;
}
div.login-container > .block-customer-login, 
div.login-container > .block-new-customer {
    background:#fff;
    padding:15px;
    text-align:center;
    box-shadow:0 0 20px #0000006b;
    /*background-color:#0b4287;*/
}

div.login-container div.control > input.input-nagel {
  position:relative;
  display:block;
  box-sizing:border-box;
  margin:15px auto;
  padding-top:15px;
  padding-left:50px;
  box-sizing:border-box;
  line-height:30px;
  width:100%;
  border:1px solid #0b4287
}

div.login-container div.control > input.input-nagel:focus+label {
  color:#0b4287;
  -webkit-transform:scale(.7,.7);
  -moz-transform:scale(.7,.7);
  transform:scale(.7,.7)
}
div.login-container div.control > label {
  top:23px;
  font-family:Helvetica,Arial,sans-serif;
  line-height:0;
  font-weight:400;
  height:0;
  left:14px;
  color:#0b4287;
  font-size:15px;
  -webkit-transform-origin:0 -35px 0;
  -moz-transform-origin:0 -35px 0;
  transform-origin:0 -35px 0;
  position:absolute;
  pointer-events:none;
  z-index:3;
  -webkit-transition:all 120ms;
  -moz-transition:all 120ms;
  transition:all 120ms
}
div.login-container div.control > label {
  display:inline-block;
  max-width:100%;
  margin-bottom:5px;
  font-weight:700;
  padding-left:15px
}
div.login-container div.actions-toolbar > div.primary > button.action {
  background-color: #0b4287;
}

a.nagel-dropdown-action,div.nagel-dropdown-links {display: flex;flex-direction: column;}
div.nagel-dropdown-links span {display: flex;position: relative;width: 100%;}
div.nagel-dropdown-links span.account {font-weight: bold;}
div.nagel-dropdown-switcher {display: flex;position: absolute;right: 0;width: unset !important;min-width: 200px;color: #333;box-shadow:0 0 20px #0000006b;}
div.nagel-dropdown-switcher > div.block-customer-login {min-width: 300px;}
div.nagel-dropdown-switcher > ul {flex-direction: column;gap:5px !important;}
div.nagel-dropdown-switcher > ul > li > a {padding: 10px 15px;width: 100%;}
div.nagel-dropdown-switcher > ul > li > a:hover {background-color:#0b4287;color: #FFF;}
div.nagel-dropdown-switcher > div.block-customer-login div.control > input.input-nagel {position:relative;display:block;box-sizing:border-box;margin:15px auto;padding-top:15px;padding-left:50px;box-sizing:border-box;line-height:30px;width:100%;border:1px solid #0b4287}
div.nagel-dropdown-switcher > div.block-customer-login div.control > input.input-nagel:focus+label {color:#0b4287;-webkit-transform:scale(.7,.7);-moz-transform:scale(.7,.7);transform:scale(.7,.7)}
div.nagel-dropdown-switcher > div.block-customer-login div.control > label {all: unset;top:23px;font-family:Helvetica,Arial,sans-serif;line-height:0;font-weight:400;height:0;left:14px;color:#0b4287;font-size:15px;-webkit-transform-origin:0 -35px 0;-moz-transform-origin:0 -35px 0;transform-origin:0 -35px 0;position:absolute;pointer-events:none;z-index:3;-webkit-transition:all 120ms;-moz-transition:all 120ms;transition:all 120ms}
div.nagel-dropdown-switcher > div.block-customer-login button.action {background-color: #0b4287;}
div.nagel-dropdown-switcher > div.block-customer-login button.action:hover {background-color: #333;}
div.nagel-dropdown-switcher > div.block-customer-login a.action {color: #0b4287;text-decoration: underline;}
div.nagel-dropdown-switcher > div.block-customer-login a.action:hover {color: #333;}



address.browser {
  position: fixed;
  display: flex;
  flex-direction: column;

  background-color:#0b4287;
  height:300px;
  width:270px;
  right: 0px;
  top: 350px;
  
  color:#fff;
  border-radius:15px 0 0 15px;
  box-shadow:0 5px 5px rgba(0,0,0,.5);

  z-index: 10;
}

address.browser * {
  display: flex;
}

address.browser > div.open-times-company {
  padding: 15px 5px 0;
  font-size: 1.5rem;
  font-weight: 700;
  justify-content: center;
}
address.browser > div.open-times {
  flex-direction: column;
  padding: 15px;
}
address.browser > div.open-times > p {
  font-size: smaller;
}

address.browser > a {
  padding: 0 0 0 15px;
  color:#fff;
  font-weight:700;
  text-align:left;
  margin-top:15px;
}

address.browser > a > svg {
  margin-right: 5px;
}


address.browser.closed {
  right: -220px;
}

address.browser.closed > a,
address.browser.closed > .open-times,
address.browser.closed > .open-times-company {
  display: none;
}

address.browser > button {
  margin-top: 15px;  
  background-color: transparent;
  color: #FFF;
  font-size: 1.1rem;
  text-decoration: underline !important;
}

address.browser.closed > button {
  position: absolute;
  left: -55px;
  top: 120px;
  transform: rotate(-90deg);
  height: 25px;
  background-color: transparent;
  color: #FFF;
  font-size: 1.1rem;
  text-decoration: underline !important;
}


/* Media Query für kleinere Bildschirme */
@media screen and (max-width: 768px) {
  address.browser {
    position: fixed;
    border-radius:15px 15px 0 0;
    top: unset !important;
    right: unset;
    left: unset;
    left: 50%;
    transform: translate(-50%);    

    bottom: 0;
    width:270px;
    height: 290px;
    border-top: 1px solid lightgray;
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
  }
  
  address.browser.closed {
    right: unset;
    left: unset;
    left: 50%;
    transform: translate(-50%);    
    bottom: -240px;
  }
  
  address.browser.closed > button {
    transform: unset;
    left: unset;
    top: unset;
    width: 100%;
  }

  .footer-middle {
    padding-bottom: 75px;
  }
  
}
















.startseite_header_top_logo * {
  position: relative;
  display: flex;
  justify-content: center;
  font-family: 'Carlito', serif;
  font-weight: 400;
  font-style: normal;
}
.startseite_header_top_logo {
  width: 100%;
  /*margin-top: -50px;*/
}

.startseite_header_top_logo > div {
  width: 100%;
  height: 680px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.startseite_header_top_logo > div > .overlayed {
  flex-direction: column;
  color: white;
  width: 100%;
  background-color: rgba(1,1,1,0.75);
  
}

.startseite_header_top_logo > div > .overlayed > strong {
  line-height: 2em;
  font-weight: normal;
  font-style: normal; 
  letter-spacing: 0.15em;
  font-size: 48pt;
}

.startseite_header_top_logo > div > .overlayed > em {
  font-size: 24pt;
  line-height: 2em;
  font-style: normal;
  
}

@media(max-width:640px) {
  .startseite_header_top_logo > div {height: 480px;}
  .startseite_header_top_logo > div > .overlayed > strong {font-size: 36pt;}
  .startseite_header_top_logo > div > .overlayed > em {font-size: 16pt;}
}

@media(max-width:540px) {
  .startseite_header_top_logo > div {height: 280px;}
  .startseite_header_top_logo > div > .overlayed > strong {font-size: 24pt;}
  .startseite_header_top_logo > div > .overlayed > em {font-size: 12pt;}
}

div.footer-middle a {color: #FFF;}

.minicart-wrapper > .action.showcart {
  background-image: url(../images/anfrageliste.webp) !important;
  background-position: center center;
  background-size: 35px 40px;
  background-repeat: no-repeat;
}


.minicart-wrapper > .action.showcart:before {
-webkit-mask:unset !important;
background-color: unset !important;
}

.minicart-wrapper > .action.showcart > .counter.qty {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: unset !important;
right: unset !important;
bottom: -5px !important;
left: -5px !important;
background-color: #0b4287 !important;
color: #fff !important;
border-radius: 50% !important;
font-size: .8em !important;
width: 20px !important;
height: 20px !important;
line-height: 10px !important;
font-size: 9pt !important;
box-shadow: 0 4px 8px rgba(0,0,0,.5) !important;
}

.minicart-wrapper > .action.showcart > .counter.qty > .counter-number {
display: flex !important;
}



.turbolinks-progress-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  background-color: rgba(0, 0, 0, 0.8); /* halbtransparentes Overlay */
  z-index: 99999999999;
  display: flex;
  justify-content: center;
  align-items: center;
}

.turbolinks-progress-bar::after {
  content: '';
  width: 100px;
  height: 100px;
  border: 10px solid #FFF;
  border-radius: 50%;
  border-top: 10px solid transparent;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.disclaimer_telefon {
  background-image: url(../images/telefon-icon.webp);
  width:164px;
  display:block;
  background-position:50% 0;
  background-size:65px;
  background-repeat:no-repeat;
  margin:auto;
  cursor:pointer;
  text-align:center;
  padding-top:70px;
  text-decoration:none !important;
  color:#000 !important;
  font-weight:700;
  font-size:1.2em;
  margin:25px auto;
}

.modal-footer > button.action.primary {
  margin: auto;
  border-radius:4px;
  cursor:pointer;
  color:#fff;
  background-color:#0b4287;
  border:none;
  transition:background-color .3s ease;
  margin-top:15px;
}

/* Checkout */
#checkout.checkout-container {
  display: flex;
  position: relative;
  margin: 50px auto;
  box-sizing: border-box;
  background: #fff;
  background-color: rgb(255, 255, 255);
  padding: 0;
  text-align: center;
  box-shadow: 0 0 20px #0000006b;
  background-color: #0b4287;
  max-width: 980px;
}

#checkout.nagel-checkout-container > .nagel-checkout-container-left {
  display: flex;
  flex-direction: column;
  width: calc( 100% - 300px );
  background-color: #fff;  
}

#checkout.nagel-checkout-container > .nagel-checkout-container-left > .authentication-wrapper {
  display: flex;
  display: none;
}

#checkout.nagel-checkout-container > .nagel-checkout-container-left > .messages {
  display: flex;
  display: none;
}

#checkout.nagel-checkout-container > .nagel-checkout-container-left > .opc-estimated-wrapper {
  display: flex;
  display: none;
}

#checkout.nagel-checkout-container > .nagel-checkout-container-left >.opc-wrapper {
  width: 100%;
}

#checkout.nagel-checkout-container > aside.opc-summary-wrapper  {
  display: flex;
  background-color: transparent;
}

#checkout.nagel-checkout-container #shipping-method-buttons-container > .primary > button[data-role="opc-continue"],
#checkout.nagel-checkout-container #checkout-shipping-method-load {
  display: none;
}

#checkout.nagel-checkout-container > aside.opc-summary-wrapper > .modal-inner-wrap {
  display: flex;
  height: 100%;
  background-color: transparent;
}

#checkout.nagel-checkout-container > aside.opc-summary-wrapper > .modal-inner-wrap * {
  background-color: transparent;
  color: white;
}

#checkout.nagel-checkout-container > aside.opc-summary-wrapper > .modal-inner-wrap > .modal-content {
  display: flex;
  
}

#checkout.nagel-checkout-container > aside.opc-summary-wrapper > .modal-inner-wrap > .modal-content > #opc-sidebar > .opc-block-summary > .items-in-cart > .minicart-items {
  display: flex;
  background-color: white;
  box-shadow:0 20px 20px #0000006b;
  color: black;
}

#checkout.nagel-checkout-container > aside.opc-summary-wrapper > .modal-inner-wrap > .modal-content .minicart-items > .product-item {
  display: flex;
}

#checkout.nagel-checkout-container > aside.opc-summary-wrapper > .modal-inner-wrap > .modal-content .minicart-items > .product-item * {
  color: black;
}

#checkout.nagel-checkout-container > aside.opc-summary-wrapper > .modal-inner-wrap > .modal-content .minicart-items > .product-item .details-qty {
  display: flex;
  align-items: center;
  justify-content: center;
}

#checkout.nagel-checkout-container > aside.opc-summary-wrapper > .modal-inner-wrap > .modal-content .minicart-items > .product-item .details-qty * {
  display: flex;
}

#checkout.nagel-checkout-container > aside.opc-summary-wrapper > .modal-inner-wrap > .modal-content .minicart-items > .product-item .cart-price {
  display: none;
}

#checkout.nagel-checkout-container > aside.opc-summary-wrapper > .anschrift * {
  color: white;
}

@media(max-width:1000px) {
  #checkout.checkout-container {
    flex-direction: column;
  }

  #checkout.nagel-checkout-container > .nagel-checkout-container-left,
  #checkout.nagel-checkout-container > aside.opc-summary-wrapper {
    width: 100%;
  }
}