/*
Theme Name: Sachthemen Magazin 5.45
Theme URI: https://sachthemen.blog
Author: Sachthemen-Blog
Description: Block-Theme mit Website-Editor, echtem WYSIWYG für dynamische Startseitenmodule und dem bewährten Design der Version 4.4.
Version: 5.46
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: sachthemen-magazin-5-7-1
*/

:root{--st-navy:#073663;--st-navy-dark:#042442;--st-blue:#087fc5;--st-cyan:#36b7e9;--st-pale:#edf8ff;--st-pale2:#f7fbfe;--st-line:#d6e7f2;--st-text:#152b3f;--st-muted:#607488;--st-orange:#ef9135;--st-red:#dc5a49;--st-violet:#7759a7;--st-green:#4fa677;--st-white:#fff;--st-badge-blue:#087fc5;--st-badge-red:#b54e54;--st-badge-navy:#315b7d;--st-badge-turquoise:#3d7977;--st-badge-green:#50785b;--st-badge-orange:#a75b2b;--st-badge-gold:#866c2e;--st-badge-violet:#7c659b;--st-badge-gray:#65717a;--st-badge-anthracite:#59636b;--st-radius:22px;--st-shadow:0 20px 55px rgba(5,45,85,.10);--st-container:1460px;--st-font-body:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--st-font-head:system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--st-text);background:#fff;font-family:var(--st-font-body);line-height:1.62}img{max-width:100%;height:auto}a{color:var(--st-blue);text-decoration:none}a:hover{color:var(--st-navy)}button,input,select,textarea{font:inherit}.st-container{width:min(var(--st-container),calc(100% - 56px));margin-inline:auto}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.st-header{background:rgba(255,255,255,.98);border-bottom:1px solid var(--st-line)}.st-header-top{min-height:132px;display:grid;grid-template-columns:minmax(300px,1fr) auto;align-items:center;gap:36px}.st-brand{display:flex;align-items:center;min-width:0;gap:24px}.custom-logo-link{display:flex;align-items:center;min-width:0}.custom-logo{display:block;width:auto!important;height:auto!important;max-width:min(560px,46vw);max-height:104px;object-fit:contain!important;object-position:left center}.st-wordmark{min-width:0;border-left:1px solid var(--st-line);padding-left:24px}.st-wordmark strong{display:block;color:var(--st-navy);font:700 clamp(1.7rem,2.4vw,2.6rem)/1 var(--st-font-head);white-space:nowrap}.st-wordmark small{display:block;margin-top:8px;color:var(--st-blue);font-size:.72rem;font-weight:800;letter-spacing:.15em}.st-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:11px;flex-wrap:wrap}.st-quick{padding:.58rem .78rem;color:var(--st-navy);font-weight:800;border-radius:999px}.st-quick:hover{background:var(--st-pale)}.st-quick--karikaturen{box-shadow:inset 0 -2px var(--st-orange)}.st-quick--maklerhits{box-shadow:inset 0 -2px var(--st-violet)}.st-search{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--st-line);border-radius:50%;color:var(--st-navy);font-size:1.2rem}.st-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:.8rem 1.25rem;background:linear-gradient(135deg,var(--st-blue),#075b9f);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 8px 22px rgba(8,127,197,.18)}.st-btn:hover{background:var(--st-navy);color:#fff}.st-btn--outline{background:#fff;color:var(--st-blue);border:1px solid var(--st-blue);box-shadow:none}
.st-nav{position:relative;z-index:50;background:linear-gradient(90deg,var(--st-navy),var(--st-navy-dark))}.st-nav:after{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--st-blue),var(--st-cyan),var(--st-green),var(--st-orange),var(--st-red),var(--st-violet))}.st-menu{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}.st-menu>li{position:relative}.st-menu a{display:block;padding:.95rem 1.08rem;color:#fff;font-weight:750;font-size:.93rem}.st-menu>li>a:hover,.st-menu .current-menu-item>a,.st-menu .current-menu-ancestor>a{background:rgba(255,255,255,.12)}.st-menu .menu-item-has-children>a:after{content:"⌄";margin-left:.45rem;font-size:.85em}.st-menu .sub-menu{display:none;position:absolute;left:0;top:100%;min-width:300px;max-width:390px;list-style:none;margin:0;padding:10px;background:#fff;border:1px solid var(--st-line);border-radius:0 0 16px 16px;box-shadow:var(--st-shadow)}.st-menu li:hover>.sub-menu,.st-menu li:focus-within>.sub-menu{display:block}.st-menu .sub-menu a{padding:.72rem .86rem;color:var(--st-navy);font-weight:700;border-radius:9px}.st-menu .sub-menu a:hover{background:var(--st-pale)}
.st-main{position:relative;overflow:hidden;padding:42px 0 74px;background:linear-gradient(180deg,#fff 0,#fbfdff 46%,#fff 100%)}.st-main:before{content:"";position:absolute;right:-300px;top:-185px;width:660px;height:660px;border:6px solid rgba(54,183,233,.045);border-radius:50%;box-shadow:inset 0 0 0 105px rgba(54,183,233,.015),inset 0 0 0 220px rgba(119,89,167,.009);pointer-events:none}
.st-slider{position:relative;min-height:520px;overflow:hidden;border:1px solid var(--st-line);border-radius:26px;background:#fff;box-shadow:var(--st-shadow)}.st-slide{display:none;grid-template-columns:minmax(0,1.34fr) minmax(360px,.86fr);min-height:520px}.st-slide.is-active{display:grid}.st-slide-media{display:flex;align-items:center;justify-content:center;min-width:0;padding:18px;background:linear-gradient(135deg,#e8f6ff,#fff);overflow:hidden}.st-slide-media img{display:block;width:100%;height:100%;max-height:560px;object-fit:contain;object-position:center;border-radius:15px}.st-slide-placeholder{width:100%;height:100%;min-height:484px;background:linear-gradient(135deg,#deeffb,#fdfefe)}.st-slide-copy{display:flex;flex-direction:column;justify-content:center;padding:44px 46px 78px;background:linear-gradient(145deg,#fff,#f1f9fe)}.st-kicker{display:inline-flex;width:max-content;max-width:100%;padding:.34rem .68rem;border-radius:7px;background:var(--st-blue);color:#fff;font-size:.68rem;font-weight:900;letter-spacing:.075em;text-transform:uppercase}.st-slide-title{margin:17px 0 15px;color:var(--st-navy);font:700 clamp(2rem,3vw,3.45rem)/1.03 var(--st-font-head);overflow-wrap:anywhere;hyphens:auto}.st-slide-title.long{font-size:clamp(1.72rem,2.55vw,2.85rem)}.st-slide-title.very-long{font-size:clamp(1.45rem,2.08vw,2.35rem);line-height:1.1}.st-slide-title a{color:inherit}.st-slide-excerpt{font-size:1rem;color:#3f566b}.st-meta{margin-top:15px;color:var(--st-muted);font-size:.82rem}.st-read-more{margin-top:19px;font-weight:850}.st-slider-controls{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;gap:11px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px)}.st-arrow{width:38px;height:38px;border:1px solid var(--st-line);border-radius:50%;background:#fff;color:var(--st-navy);cursor:pointer}.st-dots{display:flex;gap:8px}.st-dots button{width:9px;height:9px;border:0;border-radius:50%;padding:0;background:#a9c1d4;cursor:pointer}.st-dots button.is-active{background:var(--st-blue);transform:scale(1.3)}
.st-section{margin-top:58px}.st-section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.st-section-head h2{margin:0;color:var(--st-navy);font:700 clamp(1.9rem,2.6vw,2.8rem)/1.08 var(--st-font-head)}.st-section-head p{margin:.4rem 0 0;color:var(--st-muted)}.st-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.st-card{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(0,1.1fr);min-height:300px;overflow:hidden;border:1px solid var(--st-line);border-radius:22px;background:#fff;box-shadow:0 10px 32px rgba(4,39,77,.065);transition:transform .2s,box-shadow .2s}.st-card:hover{transform:translateY(-4px);box-shadow:var(--st-shadow)}.st-card-media{display:block;min-height:100%;overflow:hidden;background:var(--st-pale)}.st-card-media img{width:100%;height:100%;object-fit:cover}.st-card-placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,#dfF2ff,#fff)}.st-card-body{padding:26px}.st-card h3{margin:12px 0 12px;color:var(--st-navy);font:700 clamp(1.28rem,1.62vw,1.62rem)/1.17 var(--st-font-head);overflow-wrap:anywhere}.st-card h3 a{color:inherit}.st-card p{margin:0;color:#455d72}.st-card .st-meta{margin-top:16px}.st-load-wrap{text-align:center;margin-top:34px}.st-load-more[disabled]{opacity:.55;cursor:default}
.st-subscriptions{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:68px}.st-subscription{position:relative;overflow:hidden;padding:38px;border:1px solid #afd7f1;border-radius:24px;background:linear-gradient(135deg,#eaf7ff,#fff)}.st-subscription:before{content:"";position:absolute;width:130px;height:130px;right:-42px;top:-42px;border-radius:50%;background:rgba(54,183,233,.10)}.st-subscription h2{margin:0 0 10px;color:var(--st-navy);font:700 1.9rem var(--st-font-head)}.st-subscription p{max-width:620px;color:#455d72}.st-subscription:nth-child(2){border-color:transparent;background:linear-gradient(135deg,#0a5598,#052d5b);color:#fff}.st-subscription:nth-child(2):before{background:rgba(239,145,53,.16)}.st-subscription:nth-child(2) h2,.st-subscription:nth-child(2) p{color:#fff}.st-subscription:nth-child(2) .st-btn{background:#fff;color:var(--st-navy)}
.st-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:38px}.st-article-head,.st-archive-head{padding:42px;border:1px solid var(--st-line);border-radius:24px;background:linear-gradient(145deg,#eef8ff,#fff)}.st-page-title{margin:.45rem 0 1rem;color:var(--st-navy);font:700 clamp(2.4rem,5vw,4.75rem)/1.01 var(--st-font-head);overflow-wrap:anywhere}.st-deck{font-size:1.17rem;color:#3f566b}.st-authorline{display:flex;align-items:center;gap:12px;margin-top:24px}.st-authorline img{width:50px;height:50px;border-radius:50%}.st-hero{margin:30px 0}.st-hero img{display:block;width:100%;height:auto;border-radius:20px}.st-entry{font-family:var(--st-font-head);font-size:1.08rem;line-height:1.82}.st-entry h2,.st-entry h3{color:var(--st-navy)}.st-entry blockquote{margin:1.8rem 0;padding:24px 28px;background:var(--st-pale);border-left:5px solid var(--st-cyan);font-style:italic}.st-sidebar .widget{margin-bottom:22px;padding:22px;border:1px solid var(--st-line);border-radius:16px;background:#fff}.st-tags,.st-share{display:flex;gap:9px;flex-wrap:wrap;margin:26px 0}.st-tags a,.st-share a{padding:.44rem .78rem;border:1px solid var(--st-line);border-radius:999px;font-size:.81rem}
.st-footer{padding:42px 0 18px;background:linear-gradient(90deg,var(--st-navy),var(--st-navy-dark));color:#fff}.st-footer-main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(220px,.55fr);align-items:start;gap:70px}.st-footer-brand{font:700 1.65rem var(--st-font-head)}.st-footer-brand-wrap p{max-width:620px;margin:.65rem 0 0;color:rgba(255,255,255,.78)}.st-footer-links{display:flex;flex-direction:column;gap:10px}.st-footer-links strong{margin-bottom:2px}.st-footer a{color:#fff}.st-footer-bottom{margin-top:28px;padding-top:17px;border-top:1px solid rgba(255,255,255,.18);opacity:.78;font-size:.86rem}
@media(max-width:1280px){.st-slider,.st-slide{min-height:480px}.st-slide{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr)}.st-slide-media img{max-height:515px}.st-slide-placeholder{min-height:444px}.st-slide-copy{padding:38px 38px 72px}.st-slide-title{font-size:clamp(1.8rem,2.7vw,3rem)}.st-slide-title.long{font-size:clamp(1.58rem,2.3vw,2.5rem)}.st-slide-title.very-long{font-size:clamp(1.36rem,1.95vw,2.1rem)}}
@media(max-width:1080px){.st-header-top{grid-template-columns:1fr}.st-header-actions{justify-content:flex-start;padding-bottom:18px}.st-slide{grid-template-columns:1fr;min-height:0}.st-slider{min-height:0}.st-slide-media{min-height:330px}.st-slide-media img{height:auto;max-height:390px}.st-slide-placeholder{min-height:330px}.st-slide-copy{padding:34px 38px 76px}.st-card{grid-template-columns:1fr}.st-card-media{aspect-ratio:16/9}.st-content-layout{grid-template-columns:1fr}.st-sidebar{display:none}.st-footer-main{grid-template-columns:minmax(0,1.4fr) minmax(210px,.6fr);gap:42px}}
@media(max-width:820px){.st-container{width:min(100% - 30px,var(--st-container))}.st-card-grid,.st-subscriptions{grid-template-columns:1fr}.st-slide-media{min-height:300px}.st-slide-media img{max-height:350px}.st-slide-copy{padding:31px 30px 72px}.st-slide-title{font-size:2.35rem}.st-slide-title.long{font-size:2rem}.st-slide-title.very-long{font-size:1.72rem}.st-footer-main{grid-template-columns:1fr}.st-footer-links{display:grid;grid-template-columns:repeat(3,max-content);gap:10px 24px}.st-footer-links strong{grid-column:1/-1}}
@media(max-width:600px){.st-container{width:min(100% - 22px,var(--st-container))}.st-header-top{min-height:auto;padding:16px 0}.st-brand{gap:11px}.custom-logo{max-height:68px;max-width:66vw}.st-wordmark{padding-left:11px}.st-wordmark strong{font-size:1.2rem}.st-wordmark small{font-size:.52rem}.st-header-actions{gap:4px}.st-header-actions .st-search,.st-header-actions .st-btn{display:none}.st-quick{font-size:.74rem;padding:.4rem .48rem}.st-nav{overflow-x:auto}.st-menu{min-width:max-content}.st-menu a{padding:.72rem .78rem;font-size:.8rem}.st-menu .sub-menu{position:fixed;left:11px;right:11px;top:auto;max-width:none}.st-main{padding-top:18px}.st-slide-media{min-height:220px;padding:9px}.st-slide-media img{max-height:260px}.st-slide-placeholder{min-height:220px}.st-slide-copy{padding:24px 21px 68px}.st-slide-title{font-size:1.9rem}.st-slide-title.long{font-size:1.62rem}.st-slide-title.very-long{font-size:1.4rem}.st-card{min-height:0}.st-section{margin-top:38px}.st-page-title{font-size:2.35rem}.st-article-head,.st-archive-head{padding:23px}.st-footer{padding-top:34px}.st-footer-links{grid-template-columns:1fr;gap:8px}.st-footer-links strong{grid-column:auto}}
@media(max-width:900px) and (orientation:landscape){.st-slide{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)}.st-slide-media{min-height:300px}.st-slide-media img{max-height:330px}.st-slide-copy{padding:26px 28px 62px}.st-slide-title{font-size:1.9rem}.st-slide-title.long{font-size:1.62rem}.st-slide-title.very-long{font-size:1.4rem}.st-slider-controls{bottom:13px}}

/* Jetpack Newsletter integration */
.st-jetpack-note{display:flex;flex-direction:column;gap:4px;margin-top:20px;padding:16px 18px;border:1px solid rgba(8,127,197,.22);border-radius:14px;background:rgba(255,255,255,.72);color:#284b67}.st-jetpack-note strong{color:var(--st-navy)}.st-subscription:nth-child(2) .st-jetpack-note{color:#fff}.st-jetpack-form{margin-top:20px}.st-jetpack-form form{display:flex;gap:10px;flex-wrap:wrap}.st-jetpack-form input[type=email]{min-width:240px;flex:1;padding:.85rem 1rem;border:1px solid #9fcce8;border-radius:999px;background:#fff}.st-jetpack-form input[type=submit],.st-jetpack-form button{border:0;border-radius:999px;padding:.85rem 1.25rem;background:linear-gradient(135deg,var(--st-blue),#075b9f);color:#fff;font-weight:800;cursor:pointer}

.st-share-title{margin:2rem 0 .4rem;color:var(--st-navy);font:700 1.35rem var(--st-font-head)}


/* WordPress comments */
.st-comments{margin-top:48px;padding-top:34px;border-top:1px solid var(--st-line)}
.st-comments-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}
.st-comments-head h2{margin:0;color:var(--st-navy);font:700 clamp(1.75rem,2.4vw,2.35rem)/1.1 var(--st-font-head)}
.st-comments-count{display:inline-flex;padding:.42rem .75rem;border-radius:999px;background:var(--st-pale);color:var(--st-blue);font-size:.82rem;font-weight:800}
.st-comment-list,.st-comment-list .children{list-style:none;margin:0;padding:0}
.st-comment-list .children{margin:18px 0 0 38px;padding-left:20px;border-left:2px solid var(--st-line)}
.st-comment-item{margin:0 0 18px}
.st-comment-card{padding:24px;border:1px solid var(--st-line);border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(4,39,77,.055)}
.st-comment-meta{display:flex;align-items:center;gap:13px;margin-bottom:16px}
.st-comment-avatar img{display:block;width:52px;height:52px;border-radius:50%}
.st-comment-author{color:var(--st-navy)}
.st-comment-date,.st-comment-date a{color:var(--st-muted);font-size:.8rem}
.st-comment-content{font:1rem/1.72 var(--st-font-body)}
.st-comment-content p:last-child{margin-bottom:0}
.st-comment-awaiting{padding:10px 12px;border-radius:10px;background:#fff6df;color:#72500b;font-size:.9rem}
.st-comment-actions{display:flex;gap:14px;margin-top:16px;font-size:.83rem;font-weight:800}
.st-comment-form-wrap{margin-top:30px;padding:30px;border:1px solid #afd7f1;border-radius:22px;background:linear-gradient(145deg,#eef8ff,#fff)}
.comment-reply-title{margin:0 0 12px;color:var(--st-navy);font:700 1.75rem var(--st-font-head)}
.st-comment-note,.comment-notes,.logged-in-as{color:var(--st-muted);font-size:.9rem}
.comment-form p{margin:0 0 17px}
.comment-form label{display:block;margin-bottom:6px;color:var(--st-navy);font-weight:800}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;padding:.9rem 1rem;border:1px solid #b7d5e9;border-radius:12px;background:#fff;color:var(--st-text)}
.comment-form textarea{min-height:170px;resize:vertical}
.comment-form-cookies-consent{display:flex;align-items:flex-start;gap:9px}
.comment-form-cookies-consent label{font-weight:400}
.st-comment-submit{display:inline-flex;border:0;border-radius:999px;padding:.86rem 1.35rem;background:linear-gradient(135deg,var(--st-blue),#075b9f);color:#fff;font-weight:800;cursor:pointer}
.st-comment-submit:hover{background:var(--st-navy)}
.st-comments-closed{padding:16px 18px;border-radius:14px;background:var(--st-pale);color:var(--st-muted)}
.comment-navigation{display:flex;justify-content:space-between;margin:18px 0}
@media(max-width:760px){.st-comments-head{align-items:flex-start;flex-direction:column}.st-comment-list .children{margin-left:12px;padding-left:12px}.st-comment-form-wrap{padding:22px}.st-comment-card{padding:19px}}

/* Block-Theme integration */
.wp-site-blocks{padding:0}.wp-block-template-part{margin:0}.st-block-shell{width:min(var(--st-container),calc(100% - 56px));margin-inline:auto}.editor-styles-wrapper .st-slider,.editor-styles-wrapper .st-card-grid,.editor-styles-wrapper .st-subscriptions{pointer-events:none}.editor-styles-wrapper .st-slide{display:none}.editor-styles-wrapper .st-slide:first-child{display:grid}.editor-styles-wrapper .st-main{padding-top:32px}.st-primary-menu ul{list-style:none;margin:0;padding:0}.st-primary-menu .menu{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}.st-primary-menu .menu>li{position:relative}.st-primary-menu .menu a{display:block;padding:.95rem 1.08rem;color:#fff;font-weight:750;font-size:.93rem}.st-primary-menu .sub-menu{display:none;position:absolute;left:0;top:100%;min-width:300px;max-width:390px;list-style:none;margin:0;padding:10px;background:#fff;border:1px solid var(--st-line);border-radius:0 0 16px 16px;box-shadow:var(--st-shadow);z-index:99}.st-primary-menu li:hover>.sub-menu,.st-primary-menu li:focus-within>.sub-menu{display:block}.st-primary-menu .sub-menu a{padding:.72rem .86rem;color:var(--st-navy);font-weight:700;border-radius:9px}.st-primary-menu .sub-menu a:hover{background:var(--st-pale)}

/* 5.2: Design-Fidelity zur Linie 4.3/4.4 – keine Gutenberg-Verengung */
.st-container > .wp-block-sachthemen-slider,
.st-container > .wp-block-sachthemen-latest,
.st-container > .wp-block-sachthemen-subscriptions,
.editor-styles-wrapper .st-container > [class*="wp-block-sachthemen-"]{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
.editor-styles-wrapper .st-container,
.block-editor-block-list__layout .st-container{
  width:min(var(--st-container),calc(100% - 56px))!important;
  max-width:none!important;
  margin-inline:auto!important;
}
.editor-styles-wrapper .st-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.editor-styles-wrapper .st-card{grid-template-columns:minmax(250px,.9fr) minmax(0,1.1fr)!important;min-height:300px!important}
.editor-styles-wrapper .st-card-media{min-width:0!important;width:100%!important}
.editor-styles-wrapper .st-card-media img{width:100%!important;height:100%!important;object-fit:cover!important}
.editor-styles-wrapper .st-slider{width:100%!important;max-width:none!important}
.editor-styles-wrapper .st-slide:first-child{display:grid!important;grid-template-columns:minmax(0,1.34fr) minmax(360px,.86fr)!important}

/* Kompakter Slider entsprechend der zuletzt akzeptierten Korrektur */
.st-slider{min-height:500px}
.st-slide{min-height:500px;grid-template-columns:minmax(0,1.32fr) minmax(350px,.88fr)}
.st-slide-media{padding:16px}
.st-slide-media img{max-height:535px}
.st-slide-copy{padding:40px 44px 72px}

@media (max-width:1100px){
 .st-container,.st-block-shell{width:min(100% - 36px,var(--st-container))}
 .st-slide{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);min-height:460px}
 .st-slider{min-height:460px}
 .st-slide-copy{padding:34px 34px 68px}
 .st-card{grid-template-columns:minmax(190px,.8fr) minmax(0,1.2fr)}
}
@media (max-width:820px){
 .st-slide,.editor-styles-wrapper .st-slide:first-child{grid-template-columns:1fr!important}
 .st-slider,.st-slide{min-height:0}
 .st-slide-media{min-height:300px}
 .st-slide-media img{height:auto;max-height:430px;object-fit:contain}
 .st-slide-copy{padding:30px 28px 76px}
 .st-card-grid,.editor-styles-wrapper .st-card-grid{grid-template-columns:1fr!important}
 .st-card,.editor-styles-wrapper .st-card{grid-template-columns:minmax(210px,.75fr) minmax(0,1.25fr)!important}
}
@media (max-width:600px){
 .st-container,.st-block-shell,.editor-styles-wrapper .st-container{width:min(100% - 24px,var(--st-container))!important}
 .st-card,.editor-styles-wrapper .st-card{grid-template-columns:1fr!important}
 .st-card-media{min-height:220px}
 .st-subscriptions{grid-template-columns:1fr}
 .st-slide-title{font-size:clamp(1.8rem,9vw,2.65rem)}
}


/* 5.2.1: Feinschliff nach Designabnahme */
.st-wordmark{position:relative;overflow:hidden;border-left:1px solid var(--st-line);padding:20px 24px 18px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.98));isolation:isolate}

.st-wordmark strong,.st-page-title,.st-section-head h2,.st-slide-title,.st-card h3,.st-subscription h2,.comment-reply-title{font-family:var(--st-font-body)!important;letter-spacing:-.02em}
.st-wordmark strong{font-size:clamp(1.85rem,2.55vw,2.85rem);font-weight:800}
.st-wordmark small{font-size:.88rem;letter-spacing:.04em;line-height:1.45;max-width:58ch;text-transform:none}
.st-card-media{display:flex;align-items:center;justify-content:center;padding:12px;background:linear-gradient(135deg,#edf8ff,#ffffff)}
.st-card-media img{width:100%;height:100%;max-height:260px;object-fit:contain;object-position:center;border-radius:12px}
.st-card{grid-template-columns:minmax(290px,.98fr) minmax(0,1.02fr)}
.st-primary-menu .st-menu-cats>a:after{content:"⌄";margin-left:.45rem;font-size:.85em}
.st-primary-menu .st-menu-cats{position:relative}
.st-primary-menu .st-menu-cats>.sub-menu{display:none;position:absolute;left:0;top:100%;min-width:280px;max-width:390px;list-style:none;margin:0;padding:10px;background:#fff;border:1px solid var(--st-line);border-radius:0 0 16px 16px;box-shadow:var(--st-shadow);z-index:99}
.st-primary-menu .st-menu-cats:hover>.sub-menu,.st-primary-menu .st-menu-cats:focus-within>.sub-menu{display:block}
.st-primary-menu .st-menu-cats>.sub-menu a{display:block;padding:.72rem .86rem;color:var(--st-navy);font-weight:700;border-radius:9px}
.st-primary-menu .st-menu-cats>.sub-menu a:hover{background:var(--st-pale)}
.st-primary-menu .st-menu-cats .count{display:none}
@media (max-width:1100px){.st-card{grid-template-columns:minmax(220px,.9fr) minmax(0,1.1fr)}.st-card-media img{max-height:220px}}
@media (max-width:820px){.st-wordmark{padding:16px 18px}.st-card,.editor-styles-wrapper .st-card{grid-template-columns:minmax(220px,.82fr) minmax(0,1.18fr)!important}.st-card-media img{max-height:210px}}
@media (max-width:600px){.st-card,.editor-styles-wrapper .st-card{grid-template-columns:1fr!important}.st-card-media{padding:16px}.st-card-media img{max-height:260px}.st-wordmark small{font-size:.82rem}}


/* 5.3.0 – verbindliche Typografie und vollständige Kartenbilder */
body,button,input,select,textarea,
.wp-site-blocks,.editor-styles-wrapper,
h1,h2,h3,h4,h5,h6,
.wp-block-heading,.wp-block-post-title,.wp-block-site-title,
.st-wordmark,.st-wordmark strong,.st-wordmark h1,.st-wordmark p,
.st-page-title,.st-section-head h2,.st-slide-title,.st-card h3,
.st-subscription h2,.st-footer-brand,.comment-reply-title{
 font-family:var(--st-font-body)!important;
}
h1,h2,h3,h4,h5,h6,.wp-block-heading,.wp-block-post-title,.wp-block-site-title{font-weight:800;letter-spacing:-.025em}
.st-card-media{position:relative;display:flex!important;align-items:center!important;justify-content:center!important;aspect-ratio:16/10;min-height:0!important;height:auto!important;padding:14px!important;background:linear-gradient(135deg,#edf8ff,#fff)!important;overflow:hidden}
.st-card-media img{display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;object-position:center!important;border-radius:12px!important}
.st-card{align-items:stretch}
.editor-styles-wrapper .st-card-media{aspect-ratio:16/10!important;height:auto!important;min-height:0!important}
.editor-styles-wrapper .st-card-media img{object-fit:contain!important;max-height:none!important}
@media(max-width:820px){.st-card-media{aspect-ratio:16/10}.st-card-media img{max-height:none!important}}
@media(max-width:600px){.st-card-media{aspect-ratio:16/10;min-height:0!important}.st-card-media img{max-height:none!important}}


/* 5.3.1 – gültige Editorblöcke und breites Kategorien-Dropdown */
.st-primary-menu .st-menu-cats{position:relative}
.st-primary-menu .st-menu-cats>.sub-menu{
 display:none;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:4px 18px;
 width:min(940px,calc(100vw - 72px));
 max-width:none;
 max-height:min(68vh,620px);
 overflow:auto;
 left:0;
 padding:20px;
 border-radius:0 0 20px 20px;
}
.st-primary-menu .st-menu-cats:hover>.sub-menu,
.st-primary-menu .st-menu-cats:focus-within>.sub-menu,
.st-primary-menu .st-menu-cats.is-open>.sub-menu{display:grid}
.st-primary-menu .st-menu-cats>.sub-menu>li{min-width:0}
.st-primary-menu .st-menu-cats>.sub-menu a{height:100%;padding:.72rem .82rem;line-height:1.3}
.st-primary-menu .st-menu-cats>a{display:flex;align-items:center;gap:.38rem}
@media(max-width:900px){
 .st-primary-menu .st-menu-cats>.sub-menu{grid-template-columns:repeat(2,minmax(0,1fr));width:min(680px,calc(100vw - 36px));max-height:70vh}
}
@media(max-width:620px){
 .st-primary-menu .st-menu-cats>.sub-menu{position:fixed;left:12px;right:12px;top:auto;width:auto;grid-template-columns:1fr;max-height:72vh;border-radius:16px;padding:14px}
}


/* 5.3.4 – fließende Welle im Mittelteil und neuer Claim */
.st-wordmark{min-height:126px;padding:16px 24px 54px;background:transparent;border-left:1px solid var(--st-line);isolation:isolate}
.st-wordmark::before{content:"";position:absolute;left:-8%;right:-8%;bottom:0;height:94px;z-index:-1;opacity:.68;background-image:url("assets/images/header-wave.png");background-repeat:no-repeat;background-position:center bottom;background-size:cover;pointer-events:none;mask-image:linear-gradient(90deg,transparent 0%, rgba(0,0,0,.3) 10%, rgba(0,0,0,.95) 28%, #000 50%, rgba(0,0,0,.95) 72%, rgba(0,0,0,.3) 90%, transparent 100%),linear-gradient(180deg, transparent 0%, rgba(0,0,0,.15) 18%, rgba(0,0,0,.88) 48%, #000 100%);mask-repeat:no-repeat;mask-size:100% 100%,100% 100%;-webkit-mask-image:linear-gradient(90deg,transparent 0%, rgba(0,0,0,.3) 10%, rgba(0,0,0,.95) 28%, #000 50%, rgba(0,0,0,.95) 72%, rgba(0,0,0,.3) 90%, transparent 100%),linear-gradient(180deg, transparent 0%, rgba(0,0,0,.15) 18%, rgba(0,0,0,.88) 48%, #000 100%);-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%,100% 100%}
.st-wordmark::after{content:"";position:absolute;left:-10%;right:-10%;bottom:42px;height:44px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,0));opacity:.92}
.st-wordmark .wp-block-heading,.st-wordmark-title,.st-wordmark strong{position:relative;z-index:2;margin:0;color:var(--st-navy)}
.st-wordmark p,.st-wordmark small{position:relative;z-index:2;display:block;margin:10px 0 0;max-width:64ch;color:var(--st-navy);font-size:.96rem;font-weight:700;letter-spacing:0;line-height:1.45;text-wrap:balance}
@media (max-width:820px){.st-wordmark{padding:14px 18px 48px;min-height:114px}.st-wordmark::before{left:-12%;right:-12%;height:78px;opacity:.62}.st-wordmark::after{bottom:34px;height:36px}.st-wordmark p{font-size:.88rem}}
@media (max-width:600px){.st-wordmark{padding:12px 12px 40px;min-height:104px}.st-wordmark::before{left:-18%;right:-18%;height:64px;opacity:.56}.st-wordmark::after{bottom:28px;height:28px}.st-wordmark p{font-size:.82rem;max-width:none}}

/* 5.3.5 – größerer Markenbereich ohne Quick-Buttons */
.st-header-top{grid-template-columns:1fr!important;gap:18px!important;min-height:144px}.st-brand{gap:28px;align-items:center}.custom-logo{max-width:min(760px,54vw)!important;max-height:132px!important}.st-wordmark{flex:1;min-width:0;padding-left:28px!important;padding-right:10px}.st-wordmark .wp-block-heading,.st-wordmark-title{font-size:clamp(2.1rem,3vw,3.2rem)!important}.st-wordmark p{font-size:1rem!important;max-width:74ch!important}.st-header-actions{display:none!important}.st-header{padding-top:8px}.st-wordmark::before{left:-10%;right:-6%}.st-wordmark::after{left:-12%;right:-8%}.st-footer-brand-wrap p{max-width:680px}
@media(max-width:1080px){.st-header-top{min-height:132px;grid-template-columns:1fr!important}.custom-logo{max-height:118px!important;max-width:min(640px,62vw)!important}.st-wordmark .wp-block-heading,.st-wordmark-title{font-size:clamp(1.95rem,4.2vw,2.8rem)!important}}
@media(max-width:600px){.st-brand{gap:14px;align-items:flex-start}.custom-logo{max-height:84px!important;max-width:36vw!important}.st-wordmark{padding-left:14px!important;padding-right:0}.st-wordmark .wp-block-heading,.st-wordmark-title{font-size:1.55rem!important}.st-wordmark p{font-size:.84rem!important}}

/* 5.3.6 – Welle weiter nach rechts, unter dem Claim dezenter */
.st-wordmark{padding-bottom:60px!important;overflow:visible}.st-wordmark::before{left:-4%!important;right:-24%!important;bottom:-2px!important;height:104px!important;opacity:.62!important;background-position:78% bottom!important;background-size:118% auto!important;mask-image:linear-gradient(90deg,transparent 0%, rgba(0,0,0,.18) 10%, rgba(0,0,0,.75) 28%, rgba(0,0,0,.92) 54%, rgba(0,0,0,.96) 70%, rgba(0,0,0,.62) 86%, transparent 100%),linear-gradient(180deg, transparent 0%, rgba(0,0,0,.06) 22%, rgba(0,0,0,.48) 52%, rgba(0,0,0,.90) 78%, #000 100%)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%, rgba(0,0,0,.18) 10%, rgba(0,0,0,.75) 28%, rgba(0,0,0,.92) 54%, rgba(0,0,0,.96) 70%, rgba(0,0,0,.62) 86%, transparent 100%),linear-gradient(180deg, transparent 0%, rgba(0,0,0,.06) 22%, rgba(0,0,0,.48) 52%, rgba(0,0,0,.90) 78%, #000 100%)!important}.st-wordmark::after{left:-8%!important;right:-18%!important;bottom:44px!important;height:62px!important;background:linear-gradient(180deg,rgba(255,255,255,.995) 0%, rgba(255,255,255,.975) 28%, rgba(255,255,255,.88) 60%, rgba(255,255,255,0) 100%)!important;opacity:1!important}.st-wordmark p{position:relative;z-index:3;text-shadow:0 1px 0 rgba(255,255,255,.72)}
@media(max-width:1080px){.st-wordmark::before{right:-18%!important;height:94px!important;background-position:72% bottom!important;background-size:124% auto!important}.st-wordmark::after{right:-12%!important;height:54px!important}}
@media(max-width:600px){.st-wordmark{padding-bottom:48px!important}.st-wordmark::before{right:-14%!important;left:-8%!important;height:76px!important;background-position:70% bottom!important;background-size:140% auto!important;opacity:.56!important}.st-wordmark::after{right:-8%!important;left:-4%!important;bottom:34px!important;height:42px!important}.st-wordmark p{font-size:.82rem!important}}

/* 5.3.7 – einheitliche Seitenvorlagen mit zentralem Header und Footer */
.st-page-shell{width:min(1120px,calc(100% - 56px));margin-inline:auto}
.st-page-shell--wide{width:min(var(--st-container),calc(100% - 56px));margin-inline:auto}
.st-page-content{padding:44px 0 72px}
.st-page-content .st-page-title{margin-top:0}
@media(max-width:600px){.st-page-shell,.st-page-shell--wide{width:calc(100% - 24px)}.st-page-content{padding:28px 0 50px}}

/* 5.3.9 – Header aus einem Guss */
.st-header-top{padding:10px 0 6px!important;min-height:176px!important}
.st-brand{position:relative;display:grid!important;grid-template-columns:minmax(180px,232px) minmax(0,1fr);align-items:center;column-gap:34px;row-gap:0;width:100%}
.st-brand::after{content:"";position:absolute;left:2%;right:-14%;bottom:8px;height:138px;z-index:0;pointer-events:none;background-image:url("assets/images/header-wave.png");background-repeat:no-repeat;background-position:34% 100%;background-size:122% auto;opacity:.82;mask-image:linear-gradient(90deg,transparent 0%, rgba(0,0,0,.22) 8%, rgba(0,0,0,.66) 16%, rgba(0,0,0,.86) 28%, rgba(0,0,0,.94) 54%, rgba(0,0,0,.9) 74%, rgba(0,0,0,.56) 90%, transparent 100%),linear-gradient(180deg, transparent 0%, rgba(0,0,0,.12) 22%, rgba(0,0,0,.62) 56%, rgba(0,0,0,.92) 86%, #000 100%);mask-repeat:no-repeat;mask-size:100% 100%,100% 100%;-webkit-mask-image:linear-gradient(90deg,transparent 0%, rgba(0,0,0,.22) 8%, rgba(0,0,0,.66) 16%, rgba(0,0,0,.86) 28%, rgba(0,0,0,.94) 54%, rgba(0,0,0,.9) 74%, rgba(0,0,0,.56) 90%, transparent 100%),linear-gradient(180deg, transparent 0%, rgba(0,0,0,.12) 22%, rgba(0,0,0,.62) 56%, rgba(0,0,0,.92) 86%, #000 100%);-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%,100% 100%}
.st-brand::before{content:"";position:absolute;left:22%;right:10%;top:0;bottom:54px;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.96) 0%, rgba(255,255,255,.98) 18%, rgba(255,255,255,.94) 44%, rgba(255,255,255,.80) 72%, rgba(255,255,255,.38) 100%);border-left:1px solid var(--st-line);border-top-left-radius:20px;border-bottom-left-radius:20px}
.custom-logo-link{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;align-self:stretch;padding:8px 4px 0}
.custom-logo{max-width:100%!important;max-height:162px!important;width:auto!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 10px 18px rgba(8,127,197,.10))}
.st-wordmark{position:relative;z-index:2;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-start;min-height:162px;padding:18px 18px 56px 36px!important;background:transparent!important;border-left:0!important;border-radius:0!important;overflow:visible!important;isolation:auto!important}
.st-wordmark::before,.st-wordmark::after{content:none!important}
.st-wordmark .wp-block-heading,.st-wordmark-title{font-size:clamp(2.3rem,3.15vw,3.4rem)!important;line-height:1.02!important;letter-spacing:-.03em;margin:0 0 12px!important;text-wrap:balance}
.st-wordmark p,.st-wordmark small{position:relative;z-index:2;max-width:60ch!important;font-size:1.02rem!important;line-height:1.46!important;font-weight:800;color:var(--st-navy)!important;text-shadow:0 1px 0 rgba(255,255,255,.72)}
@media(max-width:1180px){.st-brand{grid-template-columns:minmax(160px,210px) minmax(0,1fr);column-gap:24px}.st-brand::before{left:20%;right:4%}.st-brand::after{left:0;right:-10%;height:126px;background-size:132% auto;background-position:38% 100%}.custom-logo{max-height:148px!important}.st-wordmark{min-height:150px;padding:16px 8px 50px 30px!important}.st-wordmark .wp-block-heading,.st-wordmark-title{font-size:clamp(2rem,3.6vw,3rem)!important}.st-wordmark p{max-width:56ch!important}}
@media(max-width:860px){.st-header-top{min-height:auto!important}.st-brand{grid-template-columns:minmax(128px,166px) minmax(0,1fr);column-gap:18px}.st-brand::before{left:18%;right:0;bottom:46px}.st-brand::after{left:-2%;right:-6%;height:106px;background-size:146% auto;background-position:42% 100%;opacity:.72}.custom-logo{max-height:126px!important}.st-wordmark{min-height:128px;padding:12px 4px 46px 20px!important}.st-wordmark .wp-block-heading,.st-wordmark-title{font-size:clamp(1.7rem,4.4vw,2.4rem)!important}.st-wordmark p{font-size:.92rem!important;max-width:46ch!important}}
@media(max-width:600px){.st-brand{grid-template-columns:96px minmax(0,1fr);column-gap:12px;align-items:flex-start}.st-brand::before{left:84px;right:-2%;top:2px;bottom:38px;border-top-left-radius:16px;border-bottom-left-radius:16px}.st-brand::after{left:-10%;right:-12%;bottom:2px;height:82px;background-size:185% auto;background-position:46% 100%;opacity:.68}.custom-logo-link{padding-top:10px}.custom-logo{max-height:96px!important}.st-wordmark{min-height:104px;padding:10px 0 36px 14px!important}.st-wordmark .wp-block-heading,.st-wordmark-title{font-size:1.46rem!important;margin-bottom:8px!important}.st-wordmark p{font-size:.8rem!important;max-width:none!important;line-height:1.38!important}}

/* 5.4.0 – Header-Grafik */
.st-header{background:rgba(255,255,255,.98);border-bottom:1px solid var(--st-line);padding-top:8px}
.st-header-top{display:block!important;min-height:auto!important;padding:0 0 12px!important}
.st-banner-wrap{display:block;width:100%}
.st-banner-link{display:block;text-decoration:none}
.st-banner-image{display:block;width:100%;height:auto;max-width:100%;border-radius:18px;box-shadow:0 10px 26px rgba(10,32,76,.08);border:1px solid rgba(8,127,197,.08)}
.st-brand,.st-header-top .custom-logo-link,.st-header-top .custom-logo,.st-wordmark,.st-header-actions{all:unset}
@media (max-width:900px){.st-banner-image{border-radius:14px}}
@media (max-width:600px){.st-header{padding-top:4px}.st-header-top{padding-bottom:8px!important}.st-banner-image{border-radius:12px}}

/* 5.4.1 – valider Header ohne Bildblock */
.st-header-top{display:block!important;min-height:auto!important;padding:0 0 12px!important}
.st-header-graphic{display:block;position:relative;width:100%;aspect-ratio:4/1;min-height:180px;border-radius:18px;overflow:hidden;background-image:url("assets/images/header-banner.png");background-position:center center;background-size:cover;background-repeat:no-repeat;box-shadow:0 10px 26px rgba(10,32,76,.08);border:1px solid rgba(8,127,197,.08)}
.st-header-graphic .screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:900px){.st-header-graphic{aspect-ratio:3/1;min-height:170px;background-position:center center;border-radius:14px}}
@media(max-width:600px){.st-header{padding-top:4px}.st-header-top{padding-bottom:8px!important}.st-header-graphic{aspect-ratio:16/9;min-height:180px;background-position:34% center;border-radius:12px}}


/* 5.4.2 – Kategorien auf Beitragsseiten und ausgewogene Titelgröße */
.st-article-head .st-kicker,
.st-archive-head .st-kicker,
.editor-styles-wrapper .st-article-head .st-kicker{
 display:inline-flex!important;
 align-items:center;
 flex-wrap:wrap;
 width:max-content!important;
 max-width:100%;
 min-height:0;
 padding:.42rem .78rem!important;
 background:var(--st-blue)!important;
 border-radius:8px!important;
 color:#fff!important;
 font-size:.72rem!important;
 font-weight:900!important;
 letter-spacing:.06em!important;
 line-height:1.25!important;
 text-transform:uppercase;
}
.st-article-head .st-kicker a,
.st-archive-head .st-kicker a,
.editor-styles-wrapper .st-article-head .st-kicker a{
 color:#fff!important;
 text-decoration:none!important;
 opacity:1!important;
}
.st-article-head .st-kicker a:hover,
.st-archive-head .st-kicker a:hover{color:#fff!important;text-decoration:underline!important}
.st-article-head .st-kicker .wp-block-post-terms__separator,
.st-archive-head .st-kicker .wp-block-post-terms__separator{color:rgba(255,255,255,.78)!important;margin:0 .28rem}
.st-article-head .st-page-title,
.editor-styles-wrapper .st-article-head .st-page-title{
 margin:.8rem 0 1rem!important;
 font-size:clamp(2.15rem,4vw,3.85rem)!important;
 line-height:1.04!important;
 letter-spacing:-.035em!important;
 overflow-wrap:normal!important;
 word-break:normal!important;
 hyphens:auto;
 text-wrap:balance;
}
@media(max-width:1100px){
 .st-article-head .st-page-title,.editor-styles-wrapper .st-article-head .st-page-title{font-size:clamp(2rem,5vw,3.2rem)!important}
}
@media(max-width:600px){
 .st-article-head .st-page-title,.editor-styles-wrapper .st-article-head .st-page-title{font-size:clamp(1.75rem,8vw,2.45rem)!important;line-height:1.08!important}
 .st-article-head .st-kicker,.editor-styles-wrapper .st-article-head .st-kicker{font-size:.64rem!important;padding:.36rem .62rem!important}
}


/* 5.5.0 – Full-width header banner */
.st-header{padding-top:0!important;border-bottom:1px solid var(--st-line)!important}
.st-header-top.alignfull,.st-header-top{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.st-header-top{min-height:0!important;display:block!important}
.st-header-graphic{display:block;position:relative;width:100%!important;max-width:none!important;aspect-ratio:3/1;min-height:220px;border-radius:0!important;overflow:hidden;background-image:url("assets/images/header-banner.png");background-position:center center;background-size:cover;background-repeat:no-repeat;box-shadow:none!important;border:0!important}
@media(min-width:1280px){.st-header-graphic{min-height:320px;background-size:cover;background-position:center center}}
@media(max-width:1100px){.st-header-graphic{aspect-ratio:3/1;min-height:240px;background-position:35% center}}
@media(max-width:800px){.st-header-graphic{aspect-ratio:16/7;min-height:210px;background-position:28% center}}
@media(max-width:600px){.st-header-graphic{aspect-ratio:16/9;min-height:180px;background-position:24% center}}

/* 5.5.0 – start page category badge can use dedicated preview category */
.st-kicker{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}


/* 5.5.1 – Header flacher */
.st-header-graphic{aspect-ratio:5/1!important;min-height:170px!important;background-size:cover!important;background-position:center center!important}
@media(min-width:1280px){.st-header-graphic{min-height:220px!important}}
@media(max-width:1100px){.st-header-graphic{aspect-ratio:4.8/1!important;min-height:180px!important;background-position:36% center!important}}
@media(max-width:800px){.st-header-graphic{aspect-ratio:16/5!important;min-height:160px!important;background-position:30% center!important}}
@media(max-width:600px){.st-header-graphic{aspect-ratio:16/6!important;min-height:135px!important;background-position:24% center!important}}


/* 5.5.3 – redaktionelle Suche */
.st-nav .st-container{display:flex;align-items:center;justify-content:space-between;gap:24px}
.st-primary-menu{min-width:0;flex:1}
.st-search-form{display:flex;align-items:center;gap:8px;flex:0 1 390px;margin:8px 0}
.st-search-form label{flex:1;min-width:0}
.st-search-input{width:100%;min-height:42px;padding:.64rem .9rem;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(255,255,255,.98);color:var(--st-text);box-shadow:inset 0 1px 2px rgba(4,39,77,.06)}
.st-search-input::placeholder{color:#71879a}
.st-search-input:focus{outline:3px solid rgba(54,183,233,.38);outline-offset:1px;border-color:var(--st-cyan)}
.st-search-submit{min-height:42px;padding:.62rem 1rem;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:var(--st-cyan);color:var(--st-navy-dark);font-weight:900;cursor:pointer}
.st-search-submit:hover{background:#fff;color:var(--st-navy)}
.st-search-head{margin-bottom:28px;padding:30px 34px;border:1px solid var(--st-line);border-radius:22px;background:linear-gradient(145deg,#eef8ff,#fff)}
.st-search-head .st-page-title{margin:0;font-size:clamp(2rem,3.6vw,3.6rem)}
.st-search-head p{margin:.65rem 0 0;color:var(--st-muted)}
.st-search-results .wp-block-post-template{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin:0;padding:0;list-style:none}
.st-search-result{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.15fr);overflow:hidden;border:1px solid var(--st-line);border-radius:22px;background:#fff;box-shadow:0 10px 32px rgba(4,39,77,.065)}
.st-search-result .wp-block-post-featured-image{display:flex;align-items:center;justify-content:center;margin:0;padding:14px;aspect-ratio:16/10;background:linear-gradient(135deg,#edf8ff,#fff)}
.st-search-result .wp-block-post-featured-image img{width:100%;height:100%;object-fit:contain;border-radius:12px}
.st-search-result-body{padding:24px}
.st-search-result .wp-block-post-title{margin:0 0 12px;color:var(--st-navy);font-size:clamp(1.25rem,1.55vw,1.65rem);line-height:1.18}
.st-search-result .wp-block-post-excerpt{margin:0;color:#455d72}
.st-search-result .wp-block-post-date{display:block;margin-top:16px;color:var(--st-muted);font-size:.84rem}
.st-search-results mark{padding:0 .12em;background:#fff2a8;color:inherit;border-radius:2px}
.st-search-results .wp-block-query-pagination{display:flex;justify-content:center;gap:12px;margin-top:34px}
@media(max-width:1080px){.st-nav .st-container{align-items:flex-start;flex-direction:column;gap:0}.st-search-form{width:100%;max-width:620px;flex-basis:auto;margin:0 0 12px}.st-search-results .wp-block-post-template{grid-template-columns:1fr}}
@media(max-width:700px){.st-search-form{display:grid;grid-template-columns:1fr auto}.st-search-result{grid-template-columns:1fr}.st-search-result .wp-block-post-featured-image{min-height:210px}.st-search-head{padding:22px}.st-search-submit{padding-inline:.85rem}}


/* 5.5.5 – Navigation schließt bündig an den Header an */
.st-header-top{padding-bottom:0!important;margin-bottom:0!important}
.st-header-graphic{margin-bottom:0!important}
.st-nav{margin-top:-30px!important}
@media(max-width:1100px){.st-nav{margin-top:-22px!important}}
@media(max-width:600px){.st-nav{margin-top:-14px!important}}


/* 5.5.6 – Header und sichtbarer Startseiten-Link */
.st-header-graphic{isolation:isolate}
.st-header-home-link{position:absolute!important;inset:0!important;z-index:5!important;margin:0!important;padding:0!important}
.st-header-home-link>a{display:block!important;width:100%!important;height:100%!important;cursor:pointer}
.st-home-nav{flex:0 0 auto;margin:0!important;white-space:nowrap}
.st-home-nav a{display:flex;align-items:center;gap:.45rem;padding:.95rem 1.08rem;color:#fff!important;font-size:.93rem;font-weight:800;line-height:1;text-decoration:none;border-right:1px solid rgba(255,255,255,.16)}
.st-home-nav a:hover,.st-home-nav a:focus-visible{background:rgba(255,255,255,.12);color:#fff!important}
.st-home-icon{font-size:1.18em;line-height:1;transform:translateY(-.02em)}
.st-nav .st-container>.wp-block-sachthemen-primary-nav{flex:1 1 auto;min-width:0}
@media(max-width:1080px){.st-home-nav{width:100%}.st-home-nav a{width:max-content;border-right:0;padding:.78rem .9rem}.st-nav .st-container>.wp-block-sachthemen-primary-nav{width:100%}}
@media(max-width:600px){.st-home-nav a{padding:.7rem .78rem;font-size:.82rem}}


/* 5.5.7 – Startseite und Kategorien exakt mittig ausrichten */
.st-nav .st-container{align-items:center!important}
.st-nav .st-container > *{margin-top:0!important;margin-bottom:0!important;align-self:center!important}
.st-primary-menu{display:flex;align-items:center;min-height:100%}
.st-primary-menu .st-menu{display:flex;align-items:center;min-height:100%}
.st-primary-menu .st-menu>li,.st-home-nav{display:flex;align-items:center}
.st-primary-menu .st-menu>li>a,.st-home-nav a{display:flex;align-items:center;min-height:58px;line-height:1}
.st-menu .menu-item-has-children>a:after{position:relative;top:0}
@media(max-width:1080px){
  .st-nav .st-container{flex-direction:row!important;align-items:center!important}
  .st-nav .st-container>.wp-block-sachthemen-primary-nav{width:auto!important}
  .st-search-form{margin:0 0 0 auto!important}
}
@media(max-width:760px){
  .st-nav .st-container{flex-wrap:wrap;gap:10px 18px!important}
  .st-search-form{width:100%;max-width:none;flex-basis:100%;margin:0 0 10px!important;order:3}
}


/* 5.5.8 – Abstand zwischen Navigation und Slider halbiert */
.st-main{padding-top:21px!important}
.editor-styles-wrapper .st-main{padding-top:16px!important}
@media(max-width:600px){.st-main{padding-top:9px!important}}


/* 5.6.0 – alle Kategorien in den Startseitenkarten */
.st-card-categories{
 display:inline-flex;
 flex-wrap:wrap;
 align-items:center;
 width:fit-content;
 max-width:100%;
 padding:.34rem .66rem;
 border-radius:7px;
 background:var(--st-blue);
 color:#fff;
 font-size:.59rem;
 font-weight:900;
 line-height:1.35;
 letter-spacing:.045em;
 text-transform:uppercase;
}
.st-card-categories a{color:#fff!important;text-decoration:none}
.st-card-categories a:hover{text-decoration:underline}
.st-card-category-separator{margin:0 .3rem;color:rgba(255,255,255,.72)}

/* 5.6.0 – Wochennewsletter auf Einzelbeiträgen */
.st-weekly-inline{
 position:relative;
 overflow:hidden;
 margin:30px 0 24px;
 padding:30px 34px;
 border-radius:22px;
 background:linear-gradient(135deg,#0a5598,#052d5b);
 color:#fff;
 box-shadow:0 12px 32px rgba(4,39,77,.12);
}
.st-weekly-inline:before{content:"";position:absolute;width:150px;height:150px;right:-50px;top:-55px;border-radius:50%;background:rgba(239,145,53,.14)}
.st-weekly-inline h2{position:relative;margin:0 0 8px;color:#fff;font-size:clamp(1.45rem,2.1vw,1.9rem);line-height:1.12}
.st-weekly-inline p{position:relative;margin:0 0 18px;max-width:760px;color:rgba(255,255,255,.9)}
.st-weekly-inline .st-btn{position:relative;background:#fff;color:var(--st-navy);box-shadow:none}
.st-weekly-inline .st-btn:hover{background:var(--st-cyan);color:var(--st-navy-dark)}
@media(max-width:600px){.st-weekly-inline{padding:24px 22px}.st-card-categories{font-size:.56rem}}


/* 5.6.2 – Jetpack-Abonnement im Sachthemen-Design */
.st-subscription--posts{
  border-color:#b9dff5;
  background:linear-gradient(135deg,#eaf7ff 0%,#f8fcff 72%,#fff 100%);
}
.st-subscription--weekly{
  border-color:transparent!important;
  background:linear-gradient(135deg,#0a5598,#052d5b)!important;
  color:#fff;
}
.st-subscription--weekly h2,.st-subscription--weekly p{color:#fff!important}
.st-subscription--weekly .st-btn{background:#fff;color:var(--st-navy);box-shadow:none}
.st-jetpack-form{position:relative;z-index:2;margin-top:20px}
.st-jetpack-form form,
.st-jetpack-form .wp-block-jetpack-subscriptions__form,
.st-jetpack-form .wp-block-jetpack-subscriptions__container{
  display:flex!important;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:0!important;
}
.st-jetpack-form input[type="email"]{
  flex:1 1 240px;
  min-width:0;
  min-height:46px;
  padding:.78rem 1rem!important;
  border:1px solid #9fcce8!important;
  border-radius:999px!important;
  background:#fff!important;
  color:var(--st-text)!important;
  box-shadow:inset 0 1px 2px rgba(4,39,77,.06);
}
.st-jetpack-form input[type="submit"],
.st-jetpack-form button,
.st-jetpack-form .wp-block-button__link{
  min-height:46px;
  padding:.78rem 1.25rem!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,var(--st-blue),#075b9f)!important;
  color:#fff!important;
  font-weight:850!important;
  box-shadow:0 8px 20px rgba(8,127,197,.18)!important;
  cursor:pointer;
}
.st-jetpack-form input[type="submit"]:hover,
.st-jetpack-form button:hover,
.st-jetpack-form .wp-block-button__link:hover{background:var(--st-navy)!important;color:#fff!important}
.st-jetpack-admin-note{margin:0;color:var(--st-muted);font-size:.86rem}

/* Von Jetpack automatisch am Beitragsende ausgegebener Bereich */
.st-entry .wp-block-jetpack-subscriptions,
.st-entry .wp-block-jetpack-subscriptions__supports-newline,
.st-entry .jetpack-subscribe-modal,
.st-entry div[class*="jetpack-subscribe"],
.st-entry div[class*="wp-block-jetpack-subscriptions"]{
  position:relative;
  overflow:hidden;
  margin:30px 0 24px!important;
  padding:30px 34px!important;
  border:1px solid #b9dff5!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#eaf7ff 0%,#f8fcff 72%,#fff 100%)!important;
  color:var(--st-text)!important;
  box-shadow:0 12px 32px rgba(4,39,77,.08)!important;
}
.st-entry .wp-block-jetpack-subscriptions h2,
.st-entry .wp-block-jetpack-subscriptions h3,
.st-entry div[class*="jetpack-subscribe"] h2,
.st-entry div[class*="jetpack-subscribe"] h3{color:var(--st-navy)!important}
.st-entry .wp-block-jetpack-subscriptions input[type="email"],
.st-entry div[class*="jetpack-subscribe"] input[type="email"]{
  min-height:46px!important;
  padding:.78rem 1rem!important;
  border:1px solid #9fcce8!important;
  border-radius:999px!important;
  background:#fff!important;
}
.st-entry .wp-block-jetpack-subscriptions button,
.st-entry .wp-block-jetpack-subscriptions input[type="submit"],
.st-entry div[class*="jetpack-subscribe"] button,
.st-entry div[class*="jetpack-subscribe"] input[type="submit"]{
  min-height:46px!important;
  padding:.78rem 1.25rem!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,var(--st-blue),#075b9f)!important;
  color:#fff!important;
  font-weight:850!important;
}
@media(max-width:600px){
  .st-jetpack-form form,.st-jetpack-form .wp-block-jetpack-subscriptions__form{align-items:stretch;flex-direction:column}
  .st-jetpack-form input[type="email"],.st-jetpack-form input[type="submit"],.st-jetpack-form button{width:100%!important;flex-basis:auto}
  .st-entry .wp-block-jetpack-subscriptions,.st-entry div[class*="jetpack-subscribe"]{padding:24px 22px!important}
}


/* 5.6.3 – Jetpack-Abobereich auf Einzelbeiträgen robuster stylen */
body.single-post .wp-block-jetpack-subscriptions,
body.single-post .wp-block-jetpack-subscriptions__supports-newline,
body.single-post .jetpack-subscribe-modal,
body.single-post div[class*="jetpack-subscribe"],
body.single-post div[class*="wp-block-jetpack-subscriptions"],
body.single-post .entry-content .wp-block-jetpack-subscriptions,
body.single-post .entry-content div[class*="jetpack-subscribe"],
body.single-post .wp-site-blocks .wp-block-jetpack-subscriptions{
  position:relative;
  overflow:hidden;
  max-width:100%;
  margin:30px 0 24px!important;
  padding:30px 34px!important;
  border:1px solid #b9dff5!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,#eaf7ff 0%,#f8fcff 72%,#fff 100%)!important;
  color:var(--st-text)!important;
  box-shadow:0 12px 32px rgba(4,39,77,.08)!important;
}
body.single-post .wp-block-jetpack-subscriptions h2,
body.single-post .wp-block-jetpack-subscriptions h3,
body.single-post div[class*="jetpack-subscribe"] h2,
body.single-post div[class*="jetpack-subscribe"] h3,
body.single-post div[class*="wp-block-jetpack-subscriptions"] h2,
body.single-post div[class*="wp-block-jetpack-subscriptions"] h3{
  color:var(--st-navy)!important;
  margin-top:0!important;
}
body.single-post .wp-block-jetpack-subscriptions p,
body.single-post div[class*="jetpack-subscribe"] p,
body.single-post div[class*="wp-block-jetpack-subscriptions"] p{
  color:var(--st-text)!important;
}
body.single-post .wp-block-jetpack-subscriptions form,
body.single-post div[class*="jetpack-subscribe"] form,
body.single-post div[class*="wp-block-jetpack-subscriptions"] form,
body.single-post .wp-block-jetpack-subscriptions__form,
body.single-post .wp-block-jetpack-subscriptions__container{
  display:flex!important;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:0!important;
}
body.single-post .wp-block-jetpack-subscriptions input[type="email"],
body.single-post div[class*="jetpack-subscribe"] input[type="email"],
body.single-post div[class*="wp-block-jetpack-subscriptions"] input[type="email"]{
  flex:1 1 240px;
  min-width:0;
  min-height:46px!important;
  padding:.78rem 1rem!important;
  border:1px solid #9fcce8!important;
  border-radius:999px!important;
  background:#fff!important;
  color:var(--st-text)!important;
  box-shadow:inset 0 1px 2px rgba(4,39,77,.06);
}
body.single-post .wp-block-jetpack-subscriptions button,
body.single-post .wp-block-jetpack-subscriptions input[type="submit"],
body.single-post div[class*="jetpack-subscribe"] button,
body.single-post div[class*="jetpack-subscribe"] input[type="submit"],
body.single-post div[class*="wp-block-jetpack-subscriptions"] button,
body.single-post div[class*="wp-block-jetpack-subscriptions"] input[type="submit"],
body.single-post .wp-block-jetpack-subscriptions .wp-block-button__link{
  min-height:46px!important;
  padding:.78rem 1.25rem!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,var(--st-blue),#075b9f)!important;
  color:#fff!important;
  font-weight:850!important;
  box-shadow:0 8px 20px rgba(8,127,197,.18)!important;
}
body.single-post .wp-block-jetpack-subscriptions button:hover,
body.single-post .wp-block-jetpack-subscriptions input[type="submit"]:hover,
body.single-post div[class*="jetpack-subscribe"] button:hover,
body.single-post div[class*="jetpack-subscribe"] input[type="submit"]:hover,
body.single-post .wp-block-jetpack-subscriptions .wp-block-button__link:hover{background:var(--st-navy)!important;color:#fff!important}
@media(max-width:600px){
  body.single-post .wp-block-jetpack-subscriptions,
  body.single-post div[class*="jetpack-subscribe"],
  body.single-post div[class*="wp-block-jetpack-subscriptions"]{padding:24px 22px!important}
  body.single-post .wp-block-jetpack-subscriptions form,
  body.single-post div[class*="jetpack-subscribe"] form,
  body.single-post .wp-block-jetpack-subscriptions__form{align-items:stretch;flex-direction:column}
  body.single-post .wp-block-jetpack-subscriptions input[type="email"],
  body.single-post .wp-block-jetpack-subscriptions input[type="submit"],
  body.single-post .wp-block-jetpack-subscriptions button,
  body.single-post div[class*="jetpack-subscribe"] input[type="email"],
  body.single-post div[class*="jetpack-subscribe"] input[type="submit"]{width:100%!important;flex-basis:auto}
}


/* 5.6.4 – Kommentarbereich als hellblauer Sachthemen-Kasten */
.st-comments{
  position:relative;
  overflow:hidden;
  margin-top:48px!important;
  padding:34px 38px 38px!important;
  border:1px solid #b9dff5!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#eaf7ff 0%,#f8fcff 70%,#fff 100%)!important;
  box-shadow:0 14px 36px rgba(4,39,77,.09)!important;
}
.st-comments:before{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  right:-70px;
  top:-80px;
  border-radius:50%;
  background:rgba(54,183,233,.09);
  pointer-events:none;
}
.st-comments > *{position:relative;z-index:1}
.st-comments .wp-block-comments > .wp-block-heading,
.st-comments .wp-block-comments-title{
  color:var(--st-navy)!important;
}
.st-comments .wp-block-comments > .wp-block-heading{
  margin-top:0!important;
  margin-bottom:10px!important;
  font-size:clamp(1.8rem,2.5vw,2.5rem)!important;
}
.st-comments .wp-block-comments-title{
  margin-top:0!important;
  margin-bottom:24px!important;
  font-size:clamp(1.1rem,1.45vw,1.35rem)!important;
}
.st-comments .wp-block-comment-template{
  margin-top:24px;
}
.st-comments .wp-block-comment-template > li,
.st-comments .wp-block-comment-template .wp-block-group{
  border-color:rgba(8,127,197,.14);
}
.st-comments .comment-respond,
.st-comments .wp-block-post-comments-form{
  margin-top:30px;
  padding:26px 28px;
  border:1px solid rgba(8,127,197,.18);
  border-radius:18px;
  background:rgba(255,255,255,.76);
}
.st-comments input[type="text"],
.st-comments input[type="email"],
.st-comments input[type="url"],
.st-comments textarea{
  border:1px solid #9fcce8!important;
  border-radius:12px!important;
  background:#fff!important;
}
.st-comments input[type="submit"],
.st-comments button[type="submit"]{
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,var(--st-blue),#075b9f)!important;
  color:#fff!important;
  font-weight:850!important;
  box-shadow:0 8px 20px rgba(8,127,197,.18)!important;
}

/* 5.6.4 – dezentes Globus-Wasserzeichen im Hauptbereich */
.st-main{
  isolation:isolate;
}
.st-main:after{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  background-image:url("assets/images/globe-watermark.png");
  background-repeat:repeat-y;
  background-position:right 4vw top 120px;
  background-size:min(470px,36vw) auto;
  opacity:.055;
  filter:saturate(.72) contrast(.92);
}
.st-main > *{
  position:relative;
  z-index:1;
}
@media(max-width:900px){
  .st-main:after{
    background-size:360px auto;
    background-position:right -90px top 100px;
    opacity:.042;
  }
}
@media(max-width:600px){
  .st-comments{padding:26px 20px 28px!important;border-radius:20px!important}
  .st-comments .comment-respond,
  .st-comments .wp-block-post-comments-form{padding:21px 18px}
  .st-main:after{
    background-size:280px auto;
    background-position:right -105px top 90px;
    opacity:.034;
  }
}


/* 5.6.5 – Startseite im Footer teilen */
.st-footer-share{margin:24px 0 20px;padding-top:22px;border-top:1px solid rgba(255,255,255,.18)}
.st-footer-share>strong{display:block;margin-bottom:12px;color:#fff;font-size:.92rem;font-weight:850;letter-spacing:.015em}
.st-footer-share-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.st-footer-share-link{display:inline-flex;align-items:center;gap:.42rem;min-height:36px;padding:.42rem .72rem;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.075);color:#fff!important;font-size:.78rem;font-weight:750;line-height:1;transition:background .18s,border-color .18s,transform .18s}
.st-footer-share-link:hover,.st-footer-share-link:focus-visible{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.48);color:#fff!important;transform:translateY(-1px)}
.st-footer-share-symbol{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.14);font-size:.68rem;font-weight:900}
@media(max-width:600px){.st-footer-share-links{gap:7px}.st-footer-share-link{padding:.42rem .62rem;font-size:.74rem}}


/* 5.6.10.2 – Wasserzeichen vollständig entfernt */
.st-main{
  isolation:isolate!important;
  background-image:none!important;
}
.st-main:after{
  content:none!important;
  display:none!important;
  background-image:none!important;
}
.st-main > *{
  position:relative;
  z-index:1;
}


/* 5.6.10.3 – vereinfachte Oberkategorien mit Unterstruktur */
.st-primary-menu .sub-menu .sub-menu{left:100%;top:-10px;border-radius:14px;min-width:260px}
.st-primary-menu .sub-menu .menu-item-has-children>a:after{content:"›";float:right;margin-left:12px;color:var(--st-blue);font-weight:900}
.st-top-categories{display:flex;flex-wrap:wrap;gap:.15rem .28rem}
@media(max-width:900px){.st-primary-menu .sub-menu .sub-menu{position:static;display:block;box-shadow:none;border:0;border-left:2px solid var(--st-pale);margin:2px 0 5px 12px;padding:2px 0 2px 8px;min-width:0}.st-primary-menu .sub-menu .menu-item-has-children>a:after{content:""}}


/* Kategorienstruktur 5.7.0: sieben Oberkategorien mit übersichtlichen Fachbereichen */
.st-card-categories,.st-top-categories{white-space:normal}
.st-card-categories a,.st-top-categories a{color:inherit}
.st-primary-menu .st-menu-cats>.st-category-mega{
  grid-template-columns:repeat(3,minmax(210px,1fr));
  width:min(920px,calc(100vw - 40px));
  max-width:none;
  max-height:76vh;
  overflow:auto;
  gap:12px;
  padding:16px;
}
.st-primary-menu .st-category-group{min-width:0;padding:8px;border:1px solid var(--st-line);border-radius:12px;background:#fff}
.st-primary-menu .st-category-parent{padding:.58rem .65rem!important;background:var(--st-pale);color:var(--st-navy)!important;font-weight:900!important}
.st-primary-menu .st-category-parent:after{content:none!important}
.st-primary-menu .st-category-children{display:block!important;position:static!important;min-width:0!important;max-width:none!important;margin:6px 0 0!important;padding:0!important;list-style:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
.st-primary-menu .st-category-children a{padding:.48rem .65rem!important;font-size:.86rem!important;font-weight:700!important}
@media(max-width:920px){.st-primary-menu .st-menu-cats>.st-category-mega{grid-template-columns:repeat(2,minmax(200px,1fr));width:min(680px,calc(100vw - 28px))}}
@media(max-width:600px){.st-primary-menu .st-menu-cats>.st-category-mega{grid-template-columns:1fr;left:11px;right:11px;width:auto;max-height:76vh}.st-primary-menu .st-category-group{padding:6px}}


/* 5.7.2 – kompakte Kategoriennavigation, kein Megamenü */
.st-primary-menu .st-menu{
  display:flex;
  align-items:center;
  flex-wrap:nowrap;
  gap:0;
}
.st-primary-menu .st-category-top{
  position:relative;
  display:flex;
  align-items:stretch;
}
.st-primary-menu .st-category-top>a{
  display:flex;
  align-items:center;
  min-height:58px;
  padding:.82rem .72rem;
  color:#fff;
  font-size:.82rem;
  font-weight:800;
  line-height:1.1;
  white-space:nowrap;
}
.st-primary-menu .st-category-top.menu-item-has-children>a:after{
  content:"⌄";
  margin-left:.38rem;
  font-size:.78em;
}
.st-primary-menu .st-category-top:hover>a,
.st-primary-menu .st-category-top:focus-within>a,
.st-primary-menu .st-category-top.is-open>a{
  background:rgba(255,255,255,.12);
}
.st-primary-menu .st-category-top>.st-category-children{
  display:none!important;
  position:absolute!important;
  z-index:120!important;
  top:100%!important;
  left:0!important;
  width:max-content!important;
  min-width:245px!important;
  max-width:330px!important;
  max-height:65vh!important;
  overflow-y:auto!important;
  margin:0!important;
  padding:9px!important;
  list-style:none!important;
  border:1px solid var(--st-line)!important;
  border-radius:0 0 14px 14px!important;
  background:#fff!important;
  box-shadow:var(--st-shadow)!important;
}
.st-primary-menu .st-category-top:hover>.st-category-children,
.st-primary-menu .st-category-top:focus-within>.st-category-children,
.st-primary-menu .st-category-top.is-open>.st-category-children{
  display:block!important;
}
.st-primary-menu .st-category-top>.st-category-children li{
  display:block!important;
  width:100%!important;
}
.st-primary-menu .st-category-top>.st-category-children a{
  display:block!important;
  min-height:0!important;
  padding:.64rem .72rem!important;
  border-radius:8px!important;
  color:var(--st-navy)!important;
  font-size:.84rem!important;
  font-weight:700!important;
  line-height:1.25!important;
  white-space:normal!important;
}
.st-primary-menu .st-category-top>.st-category-children a:hover,
.st-primary-menu .st-category-top>.st-category-children a:focus-visible{
  background:var(--st-pale)!important;
}
/* alte Megamenü-Regeln sicher neutralisieren */
.st-primary-menu .st-menu-cats{display:none!important}
.st-primary-menu .st-category-mega{display:none!important}
@media(max-width:1280px){
  .st-primary-menu .st-category-top>a{padding:.78rem .56rem;font-size:.76rem}
}
@media(max-width:1080px){
  .st-nav{overflow:visible!important}
  .st-nav .st-container{align-items:flex-start!important}
  .st-primary-menu{width:100%;overflow-x:auto;overflow-y:visible;padding-bottom:2px}
  .st-primary-menu .st-menu{width:max-content;min-width:100%}
  .st-primary-menu .st-category-top>.st-category-children{
    position:fixed!important;
    top:auto!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    max-width:none!important;
    max-height:62vh!important;
    border-radius:14px!important;
  }
}
@media(max-width:600px){
  .st-primary-menu .st-category-top>a{min-height:48px;padding:.68rem .62rem;font-size:.76rem}
}

/* 5.7.3 – Produktcheck unter Vertrieb; Kompositversicherung als Navigationsbegriff */


/* 5.7.4 – ruhigere und sauber ausgerichtete Kategoriearchive */
body.category .st-main{
  background:linear-gradient(180deg,#f3faff 0,#edf7fd 48%,#f8fcff 100%);
}
body.category .st-main:before{opacity:.55}
body.category .st-container>.st-page-title{
  margin:0 0 28px;
  color:var(--st-navy);
  font-size:clamp(2.15rem,4vw,3.7rem)!important;
  line-height:1.05!important;
}
.st-category-archive .wp-block-post-template{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:30px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.st-archive-card{
  display:grid!important;
  grid-template-columns:minmax(260px,.95fr) minmax(0,1.05fr)!important;
  min-height:330px!important;
  overflow:hidden!important;
  border:1px solid var(--st-line)!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(4,39,77,.07)!important;
}
.st-archive-card>.wp-block-post-featured-image{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,#dff2ff,#f7fcff)!important;
}
.st-archive-card>.wp-block-post-featured-image img{
  width:100%!important;
  height:100%!important;
  min-height:330px!important;
  object-fit:cover!important;
  object-position:center!important;
}
.st-archive-card__body{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  padding:28px!important;
}
.st-archive-card__body .wp-block-post-title{
  margin:0 0 14px!important;
  color:var(--st-navy)!important;
  font-size:clamp(1.28rem,1.7vw,1.72rem)!important;
  line-height:1.16!important;
  overflow-wrap:anywhere!important;
  hyphens:auto!important;
}
.st-archive-card__body .wp-block-post-title a{color:inherit!important}
.st-archive-card__body .wp-block-post-excerpt{
  margin:0!important;
  color:#455d72!important;
  font-size:1rem!important;
  line-height:1.62!important;
}
.st-archive-card__body .wp-block-post-excerpt__excerpt{margin:0!important}
.st-archive-card__body .wp-block-post-date{
  margin-top:17px!important;
  color:var(--st-muted)!important;
  font-size:.84rem!important;
}
.st-category-archive .wp-block-query-pagination{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:12px!important;
  margin-top:38px!important;
}
@media(max-width:1120px){
  .st-category-archive .wp-block-post-template{grid-template-columns:1fr!important}
}
@media(max-width:720px){
  body.category .st-container>.st-page-title{font-size:clamp(1.9rem,10vw,2.7rem)!important;margin-bottom:22px}
  .st-archive-card{grid-template-columns:1fr!important;min-height:0!important}
  .st-archive-card>.wp-block-post-featured-image{min-height:220px!important}
  .st-archive-card>.wp-block-post-featured-image img{min-height:220px!important;max-height:300px!important}
  .st-archive-card__body{padding:23px!important}
}

/* 5.7.5 – Kategoriearchive als ruhiges, belastbares Kartenraster */
body.category .st-main{
  background:linear-gradient(180deg,#f4faff 0%,#edf7fd 52%,#f8fcff 100%)!important;
}
body.category .st-container>.st-page-title{
  max-width:100%;
  margin:0 0 28px!important;
  font-size:clamp(2rem,3.2vw,3.15rem)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
.st-category-archive .wp-block-post-template{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:30px!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.st-category-archive .wp-block-post-template>li{
  min-width:0!important;
  margin:0!important;
}
.st-archive-card{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  border:1px solid var(--st-line)!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 10px 30px rgba(4,39,77,.07)!important;
}
.st-archive-card>.wp-block-post-featured-image{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:16/9!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,#dff2ff,#f7fcff)!important;
}
.st-archive-card>.wp-block-post-featured-image a{
  display:block!important;
  width:100%!important;
  height:100%!important;
}
.st-archive-card>.wp-block-post-featured-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
  object-position:center!important;
}
.st-archive-card__body{
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  min-width:0!important;
  padding:25px 27px 24px!important;
}
.st-archive-card__body .wp-block-post-title{
  margin:0 0 13px!important;
  color:var(--st-navy)!important;
  font-size:clamp(1.28rem,1.55vw,1.65rem)!important;
  line-height:1.2!important;
  letter-spacing:-.02em!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
.st-archive-card__body .wp-block-post-title a{
  color:inherit!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
.st-archive-card__body .wp-block-post-excerpt{
  margin:0!important;
  color:#455d72!important;
  font-size:1rem!important;
  line-height:1.62!important;
  overflow:hidden!important;
}
.st-archive-card__body .wp-block-post-excerpt__excerpt{
  display:-webkit-box!important;
  margin:0!important;
  overflow:hidden!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:5!important;
  line-clamp:5!important;
}
.st-archive-card__body .wp-block-post-excerpt__more-link{
  display:inline-block!important;
  margin-top:14px!important;
  font-weight:800!important;
}
.st-archive-card__body .wp-block-post-date{
  margin-top:auto!important;
  padding-top:17px!important;
  color:var(--st-muted)!important;
  font-size:.84rem!important;
}
@media(max-width:980px){
  .st-category-archive .wp-block-post-template{grid-template-columns:1fr!important}
  .st-archive-card{display:grid!important;grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr)!important}
  .st-archive-card>.wp-block-post-featured-image{height:100%!important;aspect-ratio:auto!important}
  .st-archive-card>.wp-block-post-featured-image img{height:100%!important;min-height:290px!important;aspect-ratio:auto!important}
}
@media(max-width:680px){
  body.category .st-container>.st-page-title{font-size:clamp(1.9rem,9vw,2.55rem)!important;margin-bottom:22px!important}
  .st-archive-card{display:flex!important;grid-template-columns:none!important}
  .st-archive-card>.wp-block-post-featured-image{height:auto!important;aspect-ratio:16/9!important}
  .st-archive-card>.wp-block-post-featured-image img{height:100%!important;min-height:0!important;aspect-ratio:16/9!important}
  .st-archive-card__body{padding:22px!important}
}

/* 5.7.6: Links im Vorspann wie im Beitragstext darstellen */
.st-article-lead a{color:var(--st-blue);text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.14em;font-weight:inherit}
.st-article-lead a:hover,.st-article-lead a:focus{color:var(--st-navy);text-decoration-thickness:.12em}
.st-article-lead p{margin:0}
.st-article-lead p+p{margin-top:.8rem}

/* 5.18 – Mobile Stabilisierung bei Browser-Vorlesefunktionen
   -----------------------------------------------------------
   Nur die Seitenstruktur gegen horizontales Springen absichern.
   Vorlese-Hervorhebungen werden ausschließlich innerhalb echter
   Artikel-Textblöcke neutralisiert und dürfen keinerlei zusätzlichen
   Platz erzeugen. So bleibt der Zeilenumbruch beim Wort-für-Wort-
   Vorlesen stabil, ohne das native vertikale Scrollen anzutasten. */
@media (max-width:1000px) and (pointer:coarse){
  html,
  body{
    width:100%;
    max-width:100%;
    overflow-x:clip!important;
    overscroll-behavior-x:none;
  }

  /* 5.33: Google/Chrome darf die aktuelle Vorleseposition selbst vertikal
     nachführen. Smooth-Scrolling würde diese automatischen Nachführungen
     gegeneinander animieren und kann dadurch sichtbares Hin-und-her-Springen
     erzeugen. Das normale Finger-Scrollen bleibt davon unberührt. */
  html{
    scroll-behavior:auto!important;
  }

  body.single-post .wp-site-blocks,
  body.single-post main,
  body.single-post .st-main,
  body.single-post .st-container,
  body.single-post .st-content-layout,
  body.single-post .st-article,
  body.single-post .st-article-head,
  body.single-post .st-entry,
  body.single-post .entry-content,
  body.single-post article{
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:100%!important;
    overflow-x:clip!important;
  }

  body.single-post .st-entry p,
  body.single-post .entry-content p,
  body.single-post .st-entry li,
  body.single-post .entry-content li,
  body.single-post .st-entry blockquote,
  body.single-post .st-article-head p,
  body.single-post .st-article-lead,
  body.single-post .st-deck{
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:100%!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
    hyphens:none!important;
    /* 5.33: Keine künstlichen Scroll-Abstände an Vorlese-Textblöcken.
       Browser-Nachführung und normales Touch-Scrollen verwenden damit
       dieselbe natürliche Dokumentposition. */
    scroll-margin:0!important;
  }

  /* Keine pauschalen aria-current-/reading-Regeln mehr: Diese trafen auch
     Navigation und andere Theme-Elemente. Nur Markierungen IN Textblöcken. */
  body.single-post :is(.st-entry,.entry-content,.st-article-lead,.st-deck) :is(p,li,blockquote) mark,
  body.single-post :is(.st-entry,.entry-content,.st-article-lead,.st-deck) :is(p,li,blockquote) [data-current="true"],
  body.single-post :is(.st-entry,.entry-content,.st-article-lead,.st-deck) :is(p,li,blockquote) [aria-current="true"],
  body.single-post :is(.st-entry,.entry-content,.st-article-lead,.st-deck) :is(p,li,blockquote) [class*="highlight"],
  body.single-post :is(.st-entry,.entry-content,.st-article-lead,.st-deck) :is(p,li,blockquote) [class*="speaking"],
  body.single-post :is(.st-entry,.entry-content,.st-article-lead,.st-deck) :is(p,li,blockquote) [class*="reading"],
  body.single-post :is(.st-entry,.entry-content,.st-article-lead,.st-deck) :is(p,li,blockquote) [class*="read-aloud"]{
    display:inline!important;
    position:static!important;
    inset:auto!important;
    float:none!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    font:inherit!important;
    line-height:inherit!important;
    letter-spacing:inherit!important;
    white-space:inherit!important;
    word-break:inherit!important;
    overflow-wrap:inherit!important;
    transform:none!important;
    translate:none!important;
    box-decoration-break:slice!important;
    -webkit-box-decoration-break:slice!important;
  }

  body.single-post img,
  body.single-post video,
  body.single-post iframe,
  body.single-post figure,
  body.single-post blockquote,
  body.single-post table{
    max-width:100%!important;
  }

  body.single-post main,
  body.single-post .st-main{
    padding-bottom:max(110px,env(safe-area-inset-bottom))!important;
  }
}


/* 5.7.8: Schriftgrößen aus dem WordPress-Editor respektieren
   ----------------------------------------------------------
   Standardtext erhält weiterhin die Theme-Größe. Sobald ein Block im
   Editor eine Preset- oder individuelle Schriftgröße bekommt, darf diese
   weder auf dem Desktop noch mobil vom Theme verkleinert werden. */
.st-entry .has-small-font-size{font-size:var(--wp--preset--font-size--small, .9rem)!important}
.st-entry .has-medium-font-size{font-size:var(--wp--preset--font-size--medium, 1.18rem)!important}
.st-entry .has-large-font-size{font-size:var(--wp--preset--font-size--large, 1.5rem)!important}
.st-entry .has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large, 2rem)!important}
.st-entry .has-xx-large-font-size{font-size:var(--wp--preset--font-size--xx-large, 2.6rem)!important}

/* Individuelle Pixel-/rem-Werte werden von WordPress inline ausgegeben.
   Diese Elemente behalten ihre Größe; das Theme ergänzt nur eine lesbare
   Zeilenhöhe und verhindert problematische Überläufe. */
.st-entry [style*="font-size"]{
  line-height:1.5;
  max-width:100%;
  overflow-wrap:break-word;
  word-break:normal;
}

@media(max-width:600px){
  .single-post .st-entry .has-small-font-size{font-size:var(--wp--preset--font-size--small, .9rem)!important}
  .single-post .st-entry .has-medium-font-size{font-size:var(--wp--preset--font-size--medium, 1.18rem)!important}
  .single-post .st-entry .has-large-font-size{font-size:var(--wp--preset--font-size--large, 1.5rem)!important}
  .single-post .st-entry .has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large, 2rem)!important}
  .single-post .st-entry .has-xx-large-font-size{font-size:var(--wp--preset--font-size--xx-large, 2.6rem)!important}
  .single-post .st-entry [style*="font-size"]{line-height:1.45}
}


/* 5.7.9: Keine automatische Worttrennung in Überschrift, Vorspann und Beitragstext.
   Wörter werden nur an regulären Leerzeichen umgebrochen. */
.single-post .st-page-title,
.single-post .st-deck,
.single-post .st-article-head p,
.single-post .st-entry p,
.single-post .st-entry li,
.single-post .st-entry blockquote,
.single-post .entry-content p,
.single-post .entry-content li,
.single-post .entry-content blockquote {
  -webkit-hyphens:none!important;
  hyphens:none!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

@media(max-width:600px){
  .single-post .st-page-title,
  .single-post .st-deck,
  .single-post .st-article-head p,
  .single-post .st-entry p,
  .single-post .st-entry li,
  .single-post .st-entry blockquote,
  .single-post .entry-content p,
  .single-post .entry-content li,
  .single-post .entry-content blockquote {
    -webkit-hyphens:none!important;
    hyphens:none!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }
}


/* 5.7.10: Keine Worttrennung in Slider- und Kartenüberschriften.
   Umbruch ausschließlich zwischen vollständigen Wörtern; lange Titel werden
   über die vorhandenen long/very-long-Klassen verkleinert. */
.st-slide-title,
.st-slide-title a,
.st-card h3,
.st-card h3 a,
.st-archive-card__title,
.st-archive-card__title a,
.st-page-title,
.st-article-head h1 {
  -webkit-hyphens:none!important;
  hyphens:none!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  text-wrap:balance;
}

/* Der Slider darf lange Titel nicht durch Silbentrennung passend machen. */
.st-slide-title {
  max-width:100%;
}

@media(max-width:1280px){
  .st-slide-title:not(.long):not(.very-long){
    font-size:clamp(1.72rem,2.45vw,2.75rem);
  }
}

@media(max-width:1080px){
  .st-slide-title,
  .st-slide-title.long,
  .st-slide-title.very-long{
    max-width:100%;
    text-wrap:balance;
  }
}

@media(max-width:600px){
  .st-slide-title,
  .st-slide-title a,
  .st-card h3,
  .st-card h3 a,
  .st-archive-card__title,
  .st-archive-card__title a,
  .st-page-title,
  .st-article-head h1 {
    -webkit-hyphens:none!important;
    hyphens:none!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }
}


/* 5.7.11: Globale Typografie-Regel für alle Geräte und Ansichten.
   Automatische Silbentrennung ist im gesamten Theme deaktiviert. Regulärer
   Text und Überschriften brechen ausschließlich zwischen vollständigen
   Wörtern um. Nur technisch lange Zeichenfolgen in Links/URLs dürfen im
   Notfall umbrochen werden, damit kein horizontales Scrollen entsteht. */
:where(
  .st-slide-title,
  .st-slide-title a,
  .st-card h1, .st-card h2, .st-card h3, .st-card h4,
  .st-card h1 a, .st-card h2 a, .st-card h3 a, .st-card h4 a,
  .st-archive-card__title,
  .st-archive-card__title a,
  .st-page-title,
  .st-article-head h1,
  .st-article-head h2,
  .st-archive-head h1,
  .st-archive-head h2,
  .st-section-head h1,
  .st-section-head h2,
  .st-entry h1, .st-entry h2, .st-entry h3, .st-entry h4, .st-entry h5, .st-entry h6,
  .st-entry p, .st-entry li, .st-entry blockquote, .st-entry figcaption,
  .entry-content h1, .entry-content h2, .entry-content h3,
  .entry-content h4, .entry-content h5, .entry-content h6,
  .entry-content p, .entry-content li, .entry-content blockquote, .entry-content figcaption,
  .search-results h1, .search-results h2, .search-results h3,
  .archive h1, .archive h2, .archive h3,
  .category h1, .category h2, .category h3,
  .tag h1, .tag h2, .tag h3,
  .author h1, .author h2, .author h3
){
  -webkit-hyphens:none!important;
  -ms-hyphens:none!important;
  hyphens:none!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

/* Lange URLs oder technisch untrennbare Linkziele dürfen nur dann umbrechen,
   wenn sie sonst über den Viewport hinausragen. Normale Wörter bleiben ganz. */
:where(.st-entry, .entry-content, .st-card, .st-archive-card, .st-slide-copy) a{
  word-break:normal;
  overflow-wrap:anywhere;
  -webkit-hyphens:none;
  hyphens:none;
}

/* Einheitliches Verhalten in Desktop-, Tablet- und Smartphone-Ansichten. */
@media (max-width: 1400px){
  :where(
    .st-slide-title,
    .st-card h1, .st-card h2, .st-card h3, .st-card h4,
    .st-archive-card__title,
    .st-page-title,
    .st-article-head h1,
    .st-entry h1, .st-entry h2, .st-entry h3, .st-entry h4, .st-entry h5, .st-entry h6,
    .entry-content h1, .entry-content h2, .entry-content h3,
    .entry-content h4, .entry-content h5, .entry-content h6
  ){
    -webkit-hyphens:none!important;
    hyphens:none!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }
}


/* 5.7.12: Jetpack-Abonnement auf Einzelbeiträgen auf genau einen Rahmen reduzieren.
   Jetpack verschachtelt mehrere Container mit ähnlichen Klassennamen. Frühere
   globale Selektoren gaben deshalb jedem Container einen eigenen Rahmen. */
body.single-post .wp-block-jetpack-subscriptions div[class*="wp-block-jetpack-subscriptions"],
body.single-post .wp-block-jetpack-subscriptions div[class*="jetpack-subscribe"],
body.single-post div[class*="jetpack-subscribe"] div[class*="wp-block-jetpack-subscriptions"],
body.single-post div[class*="jetpack-subscribe"] div[class*="jetpack-subscribe"]{
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
body.single-post .wp-block-jetpack-subscriptions .wp-block-jetpack-subscriptions__container,
body.single-post .wp-block-jetpack-subscriptions .wp-block-jetpack-subscriptions__form,
body.single-post div[class*="jetpack-subscribe"] .wp-block-jetpack-subscriptions__container,
body.single-post div[class*="jetpack-subscribe"] .wp-block-jetpack-subscriptions__form{
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* 5.7.13: flüssiger Slider von rechts nach links */
.st-slider.st-slider--motion{
  transition:height .45s ease;
  will-change:height;
}
.st-slider.st-slider--motion .st-slide{
  display:grid;
  position:absolute;
  inset:0;
  width:100%;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate3d(100%,0,0);
  transition:transform .68s cubic-bezier(.22,.61,.36,1),opacity .38s ease,visibility 0s linear .68s;
  will-change:transform,opacity;
}
.st-slider.st-slider--motion .st-slide.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translate3d(0,0,0);
  transition:transform .68s cubic-bezier(.22,.61,.36,1),opacity .38s ease,visibility 0s;
}
.st-slider.st-slider--motion .st-slide.is-entering-right{
  display:grid;
  opacity:1;
  visibility:visible;
  transform:translate3d(100%,0,0);
}
.st-slider.st-slider--motion .st-slide.is-entering-left{
  display:grid;
  opacity:1;
  visibility:visible;
  transform:translate3d(-100%,0,0);
}
.st-slider.st-slider--motion .st-slide.is-leaving-left{
  opacity:1;
  visibility:visible;
  transform:translate3d(-100%,0,0);
}
.st-slider.st-slider--motion .st-slide.is-leaving-right{
  opacity:1;
  visibility:visible;
  transform:translate3d(100%,0,0);
}
.st-slider.st-slider--motion .st-slider-controls{
  z-index:5;
}
@media (prefers-reduced-motion:reduce){
  .st-slider.st-slider--motion,
  .st-slider.st-slider--motion .st-slide{
    transition:none!important;
  }
}

/* 5.7.14 – Smartphone-Navigation: alle sechs Hauptkategorien auf einen Blick */
@media (max-width:700px){
  .st-nav .st-container{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    align-items:stretch!important;
    gap:0!important;
    width:100%!important;
    max-width:none!important;
    padding-inline:14px!important;
  }
  .st-home-nav{
    flex:0 0 100%!important;
    width:100%!important;
  }
  .st-home-nav a{
    width:100%!important;
    min-height:50px!important;
    justify-content:flex-start!important;
    padding:.72rem .72rem!important;
  }
  .st-nav .st-container>.wp-block-sachthemen-primary-nav,
  .st-primary-menu{
    flex:0 0 100%!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
    padding:0!important;
  }
  .st-primary-menu .st-menu{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-auto-rows:minmax(52px,auto)!important;
    width:100%!important;
    min-width:0!important;
    gap:4px!important;
    margin:0!important;
    padding:4px 0 8px!important;
  }
  .st-primary-menu .st-category-top{
    display:block!important;
    position:relative!important;
    min-width:0!important;
    width:100%!important;
  }
  .st-primary-menu .st-category-top>a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-width:0!important;
    min-height:52px!important;
    height:100%!important;
    padding:.48rem .3rem!important;
    text-align:center!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
    font-size:clamp(.62rem,2.75vw,.74rem)!important;
    line-height:1.15!important;
    border-radius:8px!important;
  }
  .st-primary-menu .st-category-top.menu-item-has-children>a:after{
    flex:0 0 auto!important;
    margin-left:.25rem!important;
  }
  .st-primary-menu .st-category-top>.st-category-children{
    position:fixed!important;
    z-index:9999!important;
    left:12px!important;
    right:12px!important;
    top:50%!important;
    bottom:auto!important;
    width:auto!important;
    max-width:none!important;
    max-height:70vh!important;
    transform:translateY(-50%)!important;
    overflow-y:auto!important;
    border-radius:16px!important;
  }
  .st-search-form{
    order:3!important;
    flex:0 0 100%!important;
    width:100%!important;
    margin:8px 0 12px!important;
  }
}


/* 5.7.17 – redaktionelle Teaserformatierung in allen Ausgaben erhalten */
.st-formatted-teaser strong,
.st-formatted-teaser b{font-weight:800}
.st-formatted-teaser em,
.st-formatted-teaser i{font-style:italic}
.st-formatted-teaser strong em,
.st-formatted-teaser strong i,
.st-formatted-teaser b em,
.st-formatted-teaser b i,
.st-formatted-teaser em strong,
.st-formatted-teaser i strong{font-weight:800;font-style:italic}
.st-formatted-teaser a{color:var(--st-blue);text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.14em}
.st-formatted-teaser a:hover,
.st-formatted-teaser a:focus{color:var(--st-navy);text-decoration-thickness:.12em}
.st-formatted-teaser p{margin:0}
.st-formatted-teaser p+p{margin-top:.7rem}
.st-slide-excerpt.st-formatted-teaser,
.st-card-excerpt.st-formatted-teaser,
.st-archive-card__body .st-formatted-teaser,
.st-search-result .st-formatted-teaser{overflow:hidden}
.st-slide-excerpt.st-formatted-teaser{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}
.st-card-excerpt.st-formatted-teaser{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;color:#455d72}
.st-card-excerpt.st-formatted-teaser p{display:inline}
.st-archive-card__body .st-formatted-teaser .wp-block-post-excerpt__excerpt,
.st-search-result .st-formatted-teaser .wp-block-post-excerpt__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden}

/* 5.7.18 – noch kompaktere Smartphone-Navigation ohne Umbruch einzelner Kategorien */
@media (max-width:600px){
  .st-nav .st-container{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    align-items:stretch!important;
  }
  .st-home-nav{
    width:100%!important;
    margin:0!important;
  }
  .st-home-nav a{
    min-height:46px!important;
    padding:.62rem .78rem!important;
  }
  .st-nav .st-container>.wp-block-sachthemen-primary-nav,
  .st-primary-menu{
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
    padding:0!important;
  }
  .st-primary-menu .st-menu{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    width:100%!important;
    min-width:0!important;
    gap:0 4px!important;
    padding:0 8px 2px!important;
    align-items:start!important;
  }
  .st-primary-menu .st-category-top{
    display:flex!important;
    min-width:0!important;
    width:100%!important;
    margin:0!important;
  }
  .st-primary-menu .st-category-top>a{
    width:100%!important;
    min-width:0!important;
    min-height:34px!important;
    padding:.12rem .18rem!important;
    justify-content:center!important;
    align-items:center!important;
    text-align:center!important;
    font-size:.60rem!important;
    line-height:1.02!important;
    white-space:nowrap!important;
    overflow-wrap:normal!important;
    word-break:keep-all!important;
    hyphens:none!important;
    letter-spacing:-.01em!important;
  }
  .st-primary-menu .st-category-top.menu-item-has-children>a:after{
    margin-left:.18rem!important;
    flex:0 0 auto!important;
    transform:translateY(1px)!important;
  }
  .st-primary-menu .st-category-top:nth-child(6){
    grid-column:1 / span 2!important;
  }
  .st-primary-menu .st-category-top:nth-child(6)>a{
    justify-content:flex-start!important;
    text-align:left!important;
    padding-left:.22rem!important;
  }
  .st-search-form{
    margin-top:0!important;
  }
}

/* 5.7.19 – Smartphone: Kategoriennavigation ausblenden, Navigation auf Startseite und Suche reduzieren */
@media (max-width:600px){
  .st-nav{
    min-height:0!important;
  }
  .st-nav .st-container{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    max-width:none!important;
    padding:0 14px 10px!important;
    gap:0!important;
    align-items:stretch!important;
  }
  .st-nav .st-container>.wp-block-sachthemen-primary-nav,
  .st-primary-menu{
    display:none!important;
  }
  .st-home-nav{
    display:block!important;
    width:100%!important;
    margin:0!important;
  }
  .st-home-nav a{
    width:100%!important;
    min-height:42px!important;
    padding:.56rem .62rem!important;
    justify-content:flex-start!important;
    font-size:.9rem!important;
  }
  .st-search-form{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    gap:8px!important;
    order:2!important;
  }
  .st-search-input,
  .st-search-submit{
    min-height:42px!important;
  }
  .st-search-input{
    padding:.58rem .78rem!important;
    font-size:.92rem!important;
  }
  .st-search-submit{
    padding:.56rem .86rem!important;
    font-size:.9rem!important;
  }
}

/* 5.7.20 – Smartphone im Querformat: Karten und Slider bleiben einspaltig und vollständig lesbar */
@media (orientation:landscape) and (max-height:600px) and (max-width:1000px) and (pointer:coarse){
  html,body,.wp-site-blocks,.st-main{
    max-width:100%!important;
    overflow-x:hidden!important;
  }
  .st-container,.st-block-shell{
    width:min(100% - 24px,var(--st-container))!important;
    max-width:100%!important;
  }

  /* Auch im Querformat gilt die reduzierte Smartphone-Navigation. */
  .st-nav .st-container{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    max-width:none!important;
    padding:0 14px 10px!important;
    gap:0!important;
  }
  .st-nav .st-container>.wp-block-sachthemen-primary-nav,
  .st-primary-menu{
    display:none!important;
  }
  .st-home-nav{display:block!important;width:100%!important;margin:0!important}
  .st-home-nav a{width:100%!important;min-height:40px!important;padding:.5rem .62rem!important}
  .st-search-form{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    gap:8px!important;
  }

  /* Startseitenkarten: Bild oben, Text darunter – keine schmale rechte Textspalte. */
  .st-card-grid,
  .editor-styles-wrapper .st-card-grid{
    grid-template-columns:1fr!important;
  }
  .st-card,
  .editor-styles-wrapper .st-card{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:none!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
  }
  .st-card-media{
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    aspect-ratio:16/9!important;
    padding:12px!important;
  }
  .st-card-media img{
    width:100%!important;
    height:100%!important;
    max-height:none!important;
    object-fit:contain!important;
  }
  .st-card-body{
    width:100%!important;
    min-width:0!important;
    padding:20px 22px 22px!important;
  }
  .st-card h3,
  .st-card h3 a,
  .st-card p,
  .st-card-excerpt{
    max-width:100%!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }

  /* Kategorie-, Such- und sonstige Übersichten ebenfalls einspaltig. */
  .st-category-archive .wp-block-post-template,
  .st-search-results .wp-block-post-template{
    grid-template-columns:1fr!important;
  }
  .st-archive-card,
  .st-search-result{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:none!important;
    width:100%!important;
    min-width:0!important;
  }
  .st-archive-card>.wp-block-post-featured-image,
  .st-search-result .wp-block-post-featured-image{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/9!important;
  }
  .st-archive-card>.wp-block-post-featured-image img,
  .st-search-result .wp-block-post-featured-image img{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    aspect-ratio:16/9!important;
    object-fit:contain!important;
  }
  .st-archive-card__body,
  .st-search-result-body{
    width:100%!important;
    min-width:0!important;
    padding:20px 22px 22px!important;
  }

  /* Slider auf quer gehaltenen Smartphones nicht in zwei Spalten zurückfallen lassen. */
  .st-slide,
  .editor-styles-wrapper .st-slide:first-child{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  .st-slider{min-height:0!important}
  .st-slide-media{min-height:0!important;aspect-ratio:16/9!important}
  .st-slide-media img{height:100%!important;max-height:none!important;object-fit:contain!important}
  .st-slide-copy{padding:22px 24px 70px!important}
}

/* 5.7.21 – Einzelbeiträge im Smartphone-Querformat vollständig stabilisieren */
@media (orientation:landscape) and (max-height:600px) and (max-width:1000px) and (pointer:coarse){
  body.single-post .st-main{
    padding-inline:0!important;
  }
  body.single-post .st-container{
    width:calc(100% - 32px)!important;
    max-width:920px!important;
    margin-inline:auto!important;
    padding-inline:0!important;
  }
  body.single-post .st-article-head,
  body.single-post .st-entry,
  body.single-post .entry-content{
    width:100%!important;
    max-width:100%!important;
    margin-inline:auto!important;
    padding-inline:0!important;
    overflow-x:hidden!important;
  }
  body.single-post .st-article-head{
    padding:22px 24px!important;
  }
  body.single-post .st-page-title{
    font-size:clamp(2rem,4vw,3rem)!important;
    line-height:1.05!important;
  }
  body.single-post .st-deck,
  body.single-post .st-article-lead,
  body.single-post .st-entry,
  body.single-post .entry-content{
    font-size:clamp(1rem,2vw,1.18rem)!important;
    line-height:1.58!important;
  }
  body.single-post .st-entry p,
  body.single-post .entry-content p,
  body.single-post .st-entry li,
  body.single-post .entry-content li,
  body.single-post .st-entry blockquote,
  body.single-post .entry-content blockquote{
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }
  body.single-post .st-hero,
  body.single-post .wp-block-post-featured-image.st-hero,
  body.single-post .st-entry figure,
  body.single-post .entry-content figure,
  body.single-post .st-entry .wp-block-image,
  body.single-post .entry-content .wp-block-image{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    overflow:hidden!important;
  }
  body.single-post .st-hero img,
  body.single-post .wp-block-post-featured-image.st-hero img,
  body.single-post .st-entry img,
  body.single-post .entry-content img,
  body.single-post .st-entry video,
  body.single-post .entry-content video,
  body.single-post .st-entry iframe,
  body.single-post .entry-content iframe{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    object-fit:contain!important;
    margin-inline:auto!important;
  }
  body.single-post .st-entry .alignwide,
  body.single-post .entry-content .alignwide,
  body.single-post .st-entry .alignfull,
  body.single-post .entry-content .alignfull{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  body.single-post figcaption{
    max-width:100%!important;
    padding-inline:4px!important;
  }
}

/* 5.7.22 – browserneutrale Desktop-Karten (Chrome/Firefox/Edge/Safari) */
@media (min-width:1081px){
  .st-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .st-card{
    display:grid!important;
    grid-template-columns:minmax(0,52%) minmax(0,48%)!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
  }
  .st-card-media,
  .st-card-body{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .st-card-media{
    overflow:hidden!important;
  }
  .st-card-media img{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:100%!important;
    object-fit:contain!important;
  }
  .st-card-body{
    overflow:hidden!important;
  }
  .st-card-body h3,
  .st-card-body p,
  .st-card-body .st-card-excerpt,
  .st-card-body .st-meta{
    max-width:100%!important;
    min-width:0!important;
  }
}


/* 5.18: Die frühere zweite Vorlese-Schutzschicht wurde entfernt.
   Es gilt nur noch die oben definierte, eng begrenzte Regel. */

/* 5.8 – Bindestrichbegriffe in Überschriften optisch zusammenhalten.
   Kurze Begriffe wie „E-Mail“ sollen nicht am Bindestrich auf zwei Zeilen
   auseinandergerissen werden. Die Überschrift selbst darf weiterhin normal
   zwischen vollständigen Wörtern umbrechen. */
.st-no-break-hyphen{
  white-space:nowrap!important;
  -webkit-hyphens:none!important;
  hyphens:none!important;
  word-break:keep-all!important;
}

/* 5.18 – Ruhiger Startseiten-Slider mit fester Desktop-Geometrie.
   Die Hoehe bleibt beim automatischen Wechsel konstant. Bilder werden in der
   vorhandenen Flaeche eingepasst; der Teaser wird bei Platzmangel gekuerzt. */
@media (min-width:1081px){
  .st-slider,
  .st-slider.st-slider--motion{
    height:500px!important;
    min-height:500px!important;
    max-height:500px!important;
  }
  .st-slider .st-slide,
  .st-slider.st-slider--motion .st-slide{
    height:500px!important;
    min-height:500px!important;
    max-height:500px!important;
    overflow:hidden!important;
  }
  .st-slide-media{
    height:500px!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .st-slide-media img{
    width:100%!important;
    height:100%!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
  .st-slide-placeholder{
    height:100%!important;
    min-height:0!important;
  }
  .st-slide-copy{
    height:500px!important;
    min-height:0!important;
    overflow:hidden!important;
    justify-content:center;
  }
  .st-slide-excerpt,
  .st-slide-excerpt.st-formatted-teaser{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:5!important;
    line-clamp:5;
    overflow:hidden!important;
    text-overflow:ellipsis;
    -webkit-hyphens:auto!important;
    hyphens:auto!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }
  .st-slide-title,
  .st-slide-title a{
    -webkit-hyphens:none!important;
    hyphens:none!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }
}

/* 5.10 – Slider-Typografie mit drei festen Titelstufen und sauberem Teaser-Abschluss.
   Lange Überschriften werden nur in klar definierten Stufen verkleinert. Die
   Überschrift bleibt vollständig; der Teaser nutzt den Restplatz und endet bei
   Platzmangel per Line-Clamp mit Auslassungspunkten. */
@media (min-width:1081px){
  .st-slide-copy{
    display:grid!important;
    grid-template-rows:auto auto minmax(0,1fr) auto auto!important;
    align-content:stretch!important;
    justify-content:stretch!important;
    padding:30px 46px 58px!important;
  }
  .st-slide-title{
    margin:14px 0 12px!important;
    font-size:clamp(2rem,3vw,3.35rem)!important;
    line-height:1.03!important;
    text-wrap:balance;
  }
  .st-slide-title.long,
  .st-slide-title.st-title-fit--long{
    font-size:clamp(1.78rem,2.55vw,2.72rem)!important;
    line-height:1.06!important;
  }
  .st-slide-title.very-long,
  .st-slide-title.st-title-fit--very-long{
    font-size:clamp(1.55rem,2.15vw,2.30rem)!important;
    line-height:1.09!important;
  }
  .st-slide-excerpt,
  .st-slide-excerpt.st-formatted-teaser{
    align-self:start!important;
    margin:0!important;
    min-height:0!important;
    max-width:100%!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    -webkit-hyphens:none!important;
    hyphens:none!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }
  .st-slide-excerpt.st-formatted-teaser p{
    display:inline!important;
    margin:0!important;
  }
  .st-slide-excerpt.st-formatted-teaser p+p:before{content:" ";}
  .st-meta{margin-top:14px!important;align-self:end!important;}
  .st-read-more{margin-top:16px!important;align-self:end!important;}
}


/* 5.11 – ausgewogenere Slider-Typografie.
   Lange Titel werden früher moderat verkleinert, damit der Teaser auf Desktop
   in der Regel mindestens drei sichtbare Zeilen erhält. */
@media (min-width:1081px){
  .st-slide-title.st-title-fit--long{
    font-size:clamp(1.62rem,2.30vw,2.48rem)!important;
    line-height:1.055!important;
  }
  .st-slide-title.st-title-fit--very-long{
    font-size:clamp(1.38rem,1.92vw,2.05rem)!important;
    line-height:1.075!important;
  }
  .st-slide-excerpt,
  .st-slide-excerpt.st-formatted-teaser{
    line-height:1.48!important;
  }
}


/* 5.12 – Der Teaser nutzt die komplette tatsächlich freie Restfläche.
   Keine feste Obergrenze von fünf Zeilen; JS setzt den Clamp für den jeweils
   sichtbaren Slide anhand des Platzes oberhalb von Meta und Weiterlesen. */
@media (min-width:1081px){
  .st-slide-excerpt,
  .st-slide-excerpt.st-formatted-teaser{
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
    max-height:none;
  }
}


/* 5.19 – Thematisch verwandte Beiträge unter Einzelartikeln */
.st-related{margin:38px 0 30px;padding:28px 30px;border:1px solid var(--st-line);border-radius:20px;background:linear-gradient(145deg,#f4faff,#fff)}
.st-related h2{margin:0 0 18px;color:var(--st-navy);font:700 clamp(1.45rem,2.3vw,1.9rem)/1.15 var(--st-font-head)}
.st-related-list{display:grid;gap:0}
.st-related-item{margin:0;padding:15px 0;border-top:1px solid var(--st-line)}
.st-related-item:first-child{padding-top:0;border-top:0}
.st-related-item:last-child{padding-bottom:0}
.st-related-item a{display:inline;color:var(--st-navy);font:700 1.03rem/1.42 var(--st-font-head);text-decoration:none;text-underline-offset:.18em}
.st-related-item a:hover,.st-related-item a:focus{color:var(--st-blue);text-decoration:underline}
@media(max-width:600px){.st-related{margin:30px 0 24px;padding:22px 20px}.st-related-item{padding:13px 0}.st-related-item a{font-size:.98rem}}

/* 5.21 – Verwandte Beiträge werden per DOM-Positionierung direkt hinter dem
   Jetpack-Block „Gefällt mir“ einsortiert; Desktop und Mobil nutzen denselben Block. */


/* 5.24 – Abo-Zwischenüberschrift minimal größer und prominenter */
body.single-post .st-jetpack-subscribe-heading{
  margin:48px 0 12px!important;
  color:#073663!important;
  font-family:var(--st-font-head)!important;
  font-size:clamp(2.05rem,2.85vw,2.60rem)!important;
  line-height:1.10!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
  text-align:center;
}
body.single-post .st-jetpack-subscribe-copy{
  margin:0 0 24px!important;
  color:var(--st-text)!important;
  font-size:1.05rem!important;
  line-height:1.55!important;
  text-align:center;
}
@media(max-width:600px){
  body.single-post .st-jetpack-subscribe-heading{margin-top:38px!important;font-size:1.82rem!important}
  body.single-post .st-jetpack-subscribe-copy{font-size:1rem!important;margin-bottom:20px!important}
}

/* 5.26 – Datum/Uhrzeit im Autorenkopf */
.st-authorline .st-post-datetime{display:inline;color:inherit;font:inherit;}


/* 5.27 – Harmonischere Zwischenüberschriften in Einzelartikeln auf kleineren Displays.
   Nur die Zeilenhöhe mehrzeiliger Artikel-Zwischenüberschriften wird angepasst;
   Schriftgröße und Desktop-Darstellung ab 1025 px bleiben unverändert. */
@media (max-width:600px){
  body.single-post :where(.st-entry,.entry-content) h2,
  body.single-post :where(.st-entry,.entry-content) h3{
    line-height:1.17!important;
  }
}
@media (min-width:601px) and (max-width:1024px){
  body.single-post :where(.st-entry,.entry-content) h2,
  body.single-post :where(.st-entry,.entry-content) h3{
    line-height:1.20!important;
  }
}


/* 5.28 – wählbare Farbe des Kategorie-Badges auf Einzelbeiträgen */
/* 5.30 – eine zentrale Badge-Palette für Artikelseite, Slider und Startseitenkarten */
.st-kicker-color-blue{background:var(--st-badge-blue)!important;color:#fff!important}
.st-kicker-color-red{background:var(--st-badge-red)!important;color:#fff!important}
.st-kicker-color-navy{background:var(--st-badge-navy)!important;color:#fff!important}
.st-kicker-color-turquoise{background:var(--st-badge-turquoise)!important;color:#fff!important}
.st-kicker-color-green{background:var(--st-badge-green)!important;color:#fff!important}
.st-kicker-color-orange{background:var(--st-badge-orange)!important;color:#fff!important}
.st-kicker-color-gold{background:var(--st-badge-gold)!important;color:#fff!important}
.st-kicker-color-violet{background:var(--st-badge-violet)!important;color:#fff!important}
.st-kicker-color-gray{background:var(--st-badge-gray)!important;color:#fff!important}
.st-kicker-color-anthracite{background:var(--st-badge-anthracite)!important;color:#fff!important}
[class*="st-kicker-color-"] a{color:#fff!important}

/* 5.29 – Standard-Blau des Kategorie-Badges entspricht jetzt exakt dem Slider-Blau */

/* 5.31 – Kategorie-Farben auch im Artikelkopf mit identischer Palette erzwingen */
.st-article-head .st-kicker.st-kicker-color-blue,.st-archive-head .st-kicker.st-kicker-color-blue{background:var(--st-badge-blue)!important}
.st-article-head .st-kicker.st-kicker-color-red,.st-archive-head .st-kicker.st-kicker-color-red{background:var(--st-badge-red)!important}
.st-article-head .st-kicker.st-kicker-color-navy,.st-archive-head .st-kicker.st-kicker-color-navy{background:var(--st-badge-navy)!important}
.st-article-head .st-kicker.st-kicker-color-turquoise,.st-archive-head .st-kicker.st-kicker-color-turquoise{background:var(--st-badge-turquoise)!important}
.st-article-head .st-kicker.st-kicker-color-green,.st-archive-head .st-kicker.st-kicker-color-green{background:var(--st-badge-green)!important}
.st-article-head .st-kicker.st-kicker-color-orange,.st-archive-head .st-kicker.st-kicker-color-orange{background:var(--st-badge-orange)!important}
.st-article-head .st-kicker.st-kicker-color-gold,.st-archive-head .st-kicker.st-kicker-color-gold{background:var(--st-badge-gold)!important}
.st-article-head .st-kicker.st-kicker-color-violet,.st-archive-head .st-kicker.st-kicker-color-violet{background:var(--st-badge-violet)!important}
.st-article-head .st-kicker.st-kicker-color-gray,.st-archive-head .st-kicker.st-kicker-color-gray{background:var(--st-badge-gray)!important}
.st-article-head .st-kicker.st-kicker-color-anthracite,.st-archive-head .st-kicker.st-kicker-color-anthracite{background:var(--st-badge-anthracite)!important}

/* 5.32 – Badge-Palette für gut lesbare weiße Schrift abgedunkelt; Standard-Blau #087fc5 unverändert. */


/* 5.34 – dynamische Desktop-Kategoriennavigation; auf Smartphones bewusst ausgeblendet */
@media (min-width:601px){
  .st-nav .st-container{justify-content:flex-start!important;gap:0!important}
  .st-home-nav{margin-left:0!important;margin-right:0!important;flex:0 0 auto!important}
  .st-home-nav a{padding-left:.72rem!important;padding-right:.78rem!important}
  .st-nav .st-container>.wp-block-sachthemen-primary-nav{flex:1 1 auto!important;min-width:0!important}
  .st-primary-menu .st-menu{justify-content:flex-start!important}
  .st-primary-menu .st-category-top>a{padding-left:.58rem!important;padding-right:.58rem!important;font-size:.78rem!important}
}
@media (max-width:600px){
  /* Kategorien bleiben auf Smartphones vollständig verborgen. Startseite bleibt sichtbar. */
  .st-nav .st-container>.wp-block-sachthemen-primary-nav,
  .st-primary-menu{display:none!important}
  .st-home-nav{display:flex!important;width:auto!important}
}


/* 5.35 – Desktop-Navigation nutzt die volle Breite; Suchbereich bleibt frei.
   Die Kategorienstruktur kommt dynamisch aus WordPress. Dadurch verschwindet
   „Produkte & Analysen“ automatisch aus der obersten Ebene, sobald die Kategorie
   unter „Vertrieb & Vermittlung“ einsortiert ist. */
@media (min-width:1101px){
  .st-nav .st-container{
    width:calc(100% - 24px)!important;
    max-width:none!important;
    margin-inline:12px!important;
    padding-inline:0!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:0!important;
  }
  .st-home-nav{
    flex:0 0 auto!important;
    margin:0!important;
  }
  .st-home-nav a{
    padding-left:.58rem!important;
    padding-right:.70rem!important;
  }
  .st-nav .st-container>.wp-block-sachthemen-primary-nav{
    flex:1 1 auto!important;
    min-width:0!important;
    width:auto!important;
  }
  .st-primary-menu{
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  .st-primary-menu .st-menu{
    width:100%!important;
    min-width:0!important;
    justify-content:flex-start!important;
  }
  .st-primary-menu .st-category-top>a{
    padding-left:.48rem!important;
    padding-right:.48rem!important;
    font-size:.75rem!important;
  }
  .st-search-form{
    flex:0 0 clamp(300px,22vw,390px)!important;
    width:clamp(300px,22vw,390px)!important;
    max-width:390px!important;
    min-width:300px!important;
    margin:0 0 0 10px!important;
  }
}

/* Smartphones: weiterhin keinerlei Kategoriennavigation. */
@media (max-width:700px){
  .st-nav .st-container>.wp-block-sachthemen-primary-nav,
  .st-primary-menu{
    display:none!important;
  }
}


/* 5.36 – Desktop-Navigation optisch angleichen und vorhandenen Platz besser nutzen.
   Kategorien beginnen direkt nach „Startseite“, verwenden dieselbe Schriftgröße
   und die Suche folgt dem Kategorienblock statt am äußersten rechten Rand zu kleben. */
@media (min-width:1101px){
  .st-nav .st-container{
    width:calc(100% - 12px)!important;
    max-width:none!important;
    margin-inline:6px!important;
    padding-inline:0!important;
    justify-content:flex-start!important;
    gap:0!important;
  }
  .st-home-nav{
    margin:0!important;
  }
  .st-home-nav a{
    padding-left:.58rem!important;
    padding-right:.64rem!important;
    font-size:.93rem!important;
  }
  .st-primary-menu{
    flex:0 1 auto!important;
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  .st-primary-menu .st-menu{
    width:auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    justify-content:flex-start!important;
  }
  .st-primary-menu .st-category-top>a{
    padding-left:.44rem!important;
    padding-right:.44rem!important;
    font-size:.93rem!important;
    line-height:1!important;
    letter-spacing:-.012em!important;
  }
  .st-primary-menu .st-category-top.menu-item-has-children>a:after{
    margin-left:.28rem!important;
  }
  .st-search-form{
    flex:0 0 clamp(330px,20vw,380px)!important;
    width:clamp(330px,20vw,380px)!important;
    max-width:380px!important;
    min-width:330px!important;
    margin:0 0 0 12px!important;
  }
}

/* 5.37 – Desktop-Navigation: einheitlich etwas kompakter, Suche rechts freihalten. */
@media (min-width:1101px){
  .st-home-nav a,
  .st-primary-menu .st-category-top>a{
    font-size:.86rem!important;
    line-height:1!important;
  }
  .st-home-nav a{
    padding-left:.54rem!important;
    padding-right:.58rem!important;
  }
  .st-primary-menu .st-category-top>a{
    padding-left:.36rem!important;
    padding-right:.36rem!important;
    letter-spacing:-.01em!important;
    white-space:nowrap!important;
  }
  .st-primary-menu .st-category-top.menu-item-has-children>a:after{
    margin-left:.22rem!important;
  }
  .st-nav .st-container>.wp-block-sachthemen-primary-nav{
    flex:0 1 auto!important;
    width:auto!important;
    min-width:0!important;
  }
  .st-search-form{
    flex:0 0 clamp(330px,20vw,380px)!important;
    width:clamp(330px,20vw,380px)!important;
    min-width:330px!important;
    max-width:380px!important;
    margin-left:auto!important;
    margin-right:8px!important;
  }
}




/* 5.39 – Desktop: Kategorien behalten ihre natürliche Breite; die Suche folgt
   unmittelbar mit kleinem Abstand, ohne Kategorien zu überdecken. */
@media (min-width:1101px){
  .st-nav .st-container>.wp-block-sachthemen-primary-nav{
    flex:0 0 auto!important;
    width:max-content!important;
    min-width:max-content!important;
  }
  .st-primary-menu,
  .st-primary-menu .st-menu{
    flex:0 0 auto!important;
    width:max-content!important;
    min-width:max-content!important;
  }
  .st-search-form{
    flex:0 1 380px!important;
    width:clamp(300px,20vw,380px)!important;
    min-width:300px!important;
    max-width:380px!important;
    margin-left:clamp(18px,1.4vw,26px)!important;
    margin-right:8px!important;
  }
}

/* Auf etwas schmaleren Desktop-/Tablet-Breiten darf nur die Suche kompakter werden;
   die Smartphone-Regel für ausgeblendete Kategorien bleibt unberührt. */
@media (min-width:1101px) and (max-width:1550px){
  .st-search-form{
    flex-basis:300px!important;
    width:300px!important;
    min-width:260px!important;
  }
}


/* 5.40 – Mobile Einzelartikel: harte Viewport-Stabilisierung für Browser-Vorlesen.
   Google/Chrome darf weiterhin vertikal zur aktuellen Lesestelle scrollen. Diese
   Regeln verhindern ausschließlich, dass Gutenberg-Blöcke, Bilder, Zitate,
   Tabellen oder eingebettete Inhalte den Artikel horizontal verbreitern. */
@media (max-width:1000px) and (pointer:coarse){
  body.single-post,
  body.single-post .wp-site-blocks,
  body.single-post main,
  body.single-post .st-main,
  body.single-post .st-container,
  body.single-post .st-content-layout,
  body.single-post article,
  body.single-post .st-article,
  body.single-post .st-article-head,
  body.single-post .st-entry,
  body.single-post .entry-content{
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  /* Kein horizontaler Dokument-Spielraum für die Vorlese-Nachführung. */
  html,body{
    overflow-x:clip!important;
    overscroll-behavior-x:none!important;
  }

  /* Jeder direkte und verschachtelte Inhaltsblock darf seine Elternbreite
     nicht vergrößern. Dies fängt auch Browser-Hervorhebungen in Blockinhalten ab. */
  body.single-post :is(.st-entry,.entry-content) > *,
  body.single-post :is(.st-entry,.entry-content) :is(
    p,div,section,aside,header,footer,
    h1,h2,h3,h4,h5,h6,
    ul,ol,li,pre,code,
    figure,figcaption,blockquote,
    img,picture,video,audio,canvas,svg,
    iframe,embed,object,
    table,thead,tbody,tfoot,tr,td,th,
    .wp-block-group,.wp-block-columns,.wp-block-column,
    .wp-block-image,.wp-block-gallery,.wp-block-media-text,
    .wp-block-quote,.wp-block-pullquote,.wp-block-table,
    .wp-block-embed,.wp-block-cover,.wp-block-video
  ){
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  /* Gutenberg Wide/Full sowie alte negative Rand-Konstruktionen auf dem
     Smartphone immer in die Artikelspalte zurückholen. */
  body.single-post :is(.st-entry,.entry-content) :is(.alignwide,.alignfull),
  body.single-post :is(.st-entry,.entry-content) > :is(.alignwide,.alignfull){
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
  }

  body.single-post :is(.st-entry,.entry-content) figure,
  body.single-post :is(.st-entry,.entry-content) .wp-block-image,
  body.single-post :is(.st-entry,.entry-content) .wp-block-gallery,
  body.single-post :is(.st-entry,.entry-content) .wp-block-embed,
  body.single-post :is(.st-entry,.entry-content) .wp-block-video,
  body.single-post :is(.st-entry,.entry-content) .wp-block-cover{
    width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  body.single-post :is(.st-entry,.entry-content) :is(img,picture,video,canvas,svg,iframe,embed,object){
    display:block;
    width:auto!important;
    height:auto;
    max-width:100%!important;
  }

  /* Iframes brauchen eine explizite Breitenbegrenzung; auto ist bei manchen
     Providern mit festem HTML-width-Attribut nicht ausreichend. */
  body.single-post :is(.st-entry,.entry-content) :is(iframe,embed,object){
    width:100%!important;
  }

  body.single-post :is(.st-entry,.entry-content) :is(blockquote,.wp-block-quote,.wp-block-pullquote){
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    overflow-wrap:break-word!important;
  }

  /* Tabellen dürfen intern breiter sein, aber niemals den Viewport selbst
     verbreitern. Falls nötig scrollt nur die Tabelle horizontal. */
  body.single-post :is(.st-entry,.entry-content) .wp-block-table{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
  }
  body.single-post :is(.st-entry,.entry-content) .wp-block-table table{
    max-width:none!important;
  }

  /* Lange URLs/technische Tokens bleiben innerhalb der Spalte. */
  body.single-post :is(.st-entry,.entry-content) a{
    overflow-wrap:anywhere;
    word-break:normal;
  }
}


/* 5.41 – Branchenradar sichtbar im Header und in der Navigation */
.st-branchenradar-promo{
  position:absolute!important;
  left:41.8%;
  right:auto;
  bottom:64px;
  z-index:7!important;
  margin:0!important;
}
.st-branchenradar-promo a{
  display:inline-flex!important;
  align-items:center;
  gap:.58rem;
  padding:.56rem .88rem;
  border:1px solid rgba(8,127,197,.30);
  border-radius:999px;
  background:rgba(255,255,255,.94);
  box-shadow:0 7px 20px rgba(7,54,99,.13);
  color:var(--st-navy)!important;
  font-weight:850;
  font-size:.9rem;
  line-height:1.1;
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease;
}
.st-branchenradar-promo a:hover,
.st-branchenradar-promo a:focus-visible{
  background:#fff;
  color:var(--st-blue)!important;
  transform:translateY(-1px);
  box-shadow:0 9px 24px rgba(7,54,99,.18);
}
.st-branchenradar-promo .st-branchenradar-new{
  display:inline-block;
  padding:.22rem .43rem;
  border-radius:999px;
  background:var(--st-orange);
  color:#fff;
  font-size:.65rem;
  font-weight:900;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.st-primary-menu .st-menu-branchenradar>a{
  font-weight:850!important;
}
@media(max-width:800px){
  .st-branchenradar-promo{left:44%;right:auto;bottom:25px}
  .st-branchenradar-promo a{padding:.46rem .68rem;font-size:.78rem;gap:.42rem}
  .st-branchenradar-promo .st-branchenradar-new{font-size:.58rem;padding:.18rem .35rem}
}
@media(max-width:600px){
  .st-branchenradar-promo{left:44%;right:auto;bottom:20px}
  .st-branchenradar-promo a{padding:.38rem .55rem;font-size:.71rem}
}
