/* Sudhoff GmbH - minimale Ergänzungen zum Originaldesign. Keine neuen Bilder. */
.page-navi .navi-main>li>a{overflow-wrap:normal;hyphens:none}
/* Tablet- / schmale Desktopansichten verwenden statt eines gedrängten 6-Spalten-Menüs die Mobilnavigation. */
@media (min-width:50em) and (max-width:74.999em){
 .mobile-bar{display:flex}
 .page-navi{background:#456b99;color:#fff;left:0;overflow-y:auto;position:fixed;top:3.125rem;bottom:0;transform:translateX(-100%);transition:transform .35s ease;width:24em;max-width:100%;z-index:895}
 .page-navi .navi-main{display:block}
 .page-navi .navi-main>li{display:block;border-bottom:1px solid rgba(255,255,255,.3);width:100%;font-size:1rem}
 .page-navi .navi-main>li a{display:block;padding:1rem 1.5rem;text-align:left;font-size:1rem;text-transform:none}
 .page-wrap{padding-top:3.125rem}
 .header .topBar{padding:2rem 0 1.2rem}
}
@media (min-width:75em) and (max-width:80em){.page-navi .navi-main>li a{font-size:.88rem;padding:1.15rem .55rem}}

/* Nur die untere Unterzeile des vorhandenen Original-Logos ausblenden,
   SUDHOFF GMBH und Unterstreichung bleiben unverändert. */
.header .branding img{display:block;width:357px!important;height:36px!important;max-width:100%;object-fit:cover;object-position:left top}

/* V08: kompakte, gut lesbare Leistungs- und Unternehmensseiten ohne neue Bilder. */
html{scroll-behavior:smooth}
#leistungsbereiche{scroll-margin-top:5rem}
.su-intro{font-size:1.12rem;line-height:1.6;max-width:64rem}
.su-detail-list{margin-top:1.1rem}
.su-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;padding:1.8rem 0;border-bottom:1px solid #d6dbe5;scroll-margin-top:5rem}
.su-detail h2{margin-bottom:.55rem}
.su-detail p{margin-bottom:.6rem}
main .su-detail ul{margin-bottom:0}
main .su-detail ul li{padding-top:.35rem;padding-bottom:.35rem}
.su-detail-last{border-bottom:0}
.su-legal-note{margin-top:1.1rem;padding:1rem 1.2rem;background:#f4f5f8;border-left:3px solid #2d4080}
.su-contact-box{border-top:1px solid #d6dbe5;padding-top:1.5rem;margin-top:1.4rem}
.su-contact-box h2{margin-bottom:.7rem}
.su-about-grid{margin-top:1.2rem;row-gap:1rem}
.su-about-grid h2{margin-bottom:.65rem}
.su-about-contact{margin-top:1.1rem}
@media (max-width:49.9375em){
 .su-detail{grid-template-columns:1fr;gap:.4rem;padding:1.35rem 0}
 .su-detail h2{margin-bottom:.5rem}
 .su-intro{font-size:1.02rem}
}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}

/* Testversion 09: Unterseiten ohne den Startseiten-Header-Banner.
   Nutzer sehen sofort den eigentlichen Seiteninhalt. */
body:not(.index) main.content > .paddingContainer:first-child {padding-top:2rem;}
@media (max-width:49.9375em) {
  body:not(.index) main.content > .paddingContainer:first-child {padding-top:1.5rem;}
}

/* V11: Information/Archiv und Sprüche-Suche, im bestehenden Design. */
.su-info-section-heading h2, .su-info-archive-heading h2 {margin:0 0 .65rem}
.su-info-section-heading p, .su-info-archive-heading p {margin-bottom:1.2rem}
.su-info-archive-heading {margin-top:2.2rem}
.su-current-content {width:calc(100% - 2.25rem);max-width:100%;margin:0 1.125rem}
.su-current-content p {margin-bottom:1rem}
.su-info-archive {width:calc(100% - 2.25rem);margin:0 1.125rem 1.5rem;border:1px solid #d4d8de}
.su-info-archive summary {display:block;cursor:pointer;padding:1.1rem 1.3rem;font-weight:700;color:#2d4080;background:#f2f3f5;list-style:none}
.su-info-archive summary::-webkit-details-marker {display:none}
.su-info-archive summary::after {content:'+';float:right;font-size:1.35rem;font-weight:400;line-height:1}
.su-info-archive[open] summary::after {content:'−'}
.su-info-count {font-size:.9rem;font-weight:400;color:#555;margin-left:.75rem}
.su-archive-notice {margin:1rem 1.3rem 1.3rem;font-size:.94rem;line-height:1.55;color:#555}
.su-info-archive .accHandler{width:calc(100% - 2.25rem)}
.su-quote-search {max-width:46rem;margin:1rem 0 1.9rem}
.su-quote-search label {display:block;font-weight:700;margin-bottom:.35rem}
.su-quote-search input[type="search"] {width:100%;max-width:34rem;min-height:2.75rem;padding:.65rem .85rem;border:1px solid #a8afbc;background:#fff;color:#2a2a2a;font:inherit}
.su-quote-search input[type="search"]:focus-visible {outline:2px solid #2d4080;outline-offset:2px}
.su-search-help {font-size:.9rem;color:#595959;margin:.45rem 0 .2rem}
#sprueche-suchergebnis {min-height:1.2em;font-size:.9rem;margin:0;color:#2d4080}
.su-search-hidden {display:none!important}
@media(max-width:49.9375em){.su-info-archive{margin-left:1.125rem;margin-right:1.125rem;width:calc(100% - 2.25rem)}}

/* Testversion 12: ruhige vertikale Über-uns-Struktur, Text nicht umformuliert. */
.su-about-stack{display:block;margin-top:.7rem}
.su-about-stack>.col{max-width:100%;width:100%;padding-top:1.15rem;padding-bottom:1.2rem;border-bottom:1px solid #d6dbe5}
.su-about-stack>.col:last-child{border-bottom:0}
.su-about-stack h2{color:#2d4080;margin:0 0 .8rem}
.su-about-stack p{max-width:56rem;line-height:1.7;margin-bottom:.9rem}
.su-about-contact{padding-top:.7rem}
.su-info-legal-wrap{margin-top:2rem}
.su-info-legal-wrap h2{color:#2d4080;margin-bottom:.8rem}
.su-info-legal{max-width:67rem;color:#333;line-height:1.6;font-size:.94rem;padding:1rem 1.2rem;border-left:3px solid #2d4080;background:#f4f5f8}
.su-info-archive .su-article-update{padding:.8rem 1.1rem;margin:0 1.125rem 1rem;border-left:3px solid #2d4080;background:#f5f6f8;max-width:100%;line-height:1.55;font-size:.94rem}
.su-info-archive .su-article-update strong{color:#2d4080}
.su-info-archive .su-article-update a{white-space:nowrap}
@media(max-width:49.9375em){.su-about-stack>.col{padding-top:1rem;padding-bottom:1rem}.su-info-legal{padding:.8rem 1rem}}

/* Testversion 13: freundlichere Blautöne statt schwarzer Navigations-/Bedienelemente.
   Originales Layout und alle vorhandenen Bilder bleiben unverändert. */
.page-navi {background:#456b99;color:#fff}
.page-navi .navi-main>li>a {color:#fff}
.page-navi .navi-main>li:hover>a,
.page-navi .navi-main>li.active,
.page-navi .navi-main>li.active>a,
.page-navi .navi-main>li>a:focus-visible {background:#365783;color:#fff}
.accHandler,.accHandler.closed,.accHandler.active {background:#4b719c;color:#fff}
.accHandler.closed.opened,.accHandler.active.opened,
.accHandler.closed:hover,.accHandler.active:hover,
.accHandler:focus-visible {background:#2d4080;color:#fff}
form.default label {background:#456b99;border-color:#456b99;color:#fff}
form.default button:hover,form.default button:focus,
form.default [type="submit"]:hover,form.default [type="submit"]:focus {background:#365783;color:#fff}
.backToTop,.backToTop:hover,.backToTop:focus {background:#456b99;color:#fff}
.footer {border-bottom-color:#456b99}

/* Live-Fassung: Unsichtbares Spam-Schutzfeld für das Kontaktformular. */
.su-form-trap{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}

/* Lesefreundliche AGB-Seite, ohne Änderung des vorhandenen Layouts. */
.su-agb-page {padding-bottom:30px}
.su-agb-page h1 {margin-bottom:8px}
.su-agb-page .su-agb-date {color:#586a7f;margin-bottom:28px}
.su-agb-text {max-width:940px}
.su-agb-text h2 {color:#2d4080;font-size:1.24rem;line-height:1.4;margin:28px 0 10px}
.su-agb-text p {line-height:1.75;margin:0 0 13px;hyphens:auto;overflow-wrap:break-word}
.su-agb-pdf {margin-top:30px;padding-top:14px;border-top:1px solid #d9e0e9}
@media print {.su-agb-pdf{display:none}.su-agb-text h2{break-after:avoid}}