:root{
--bg:#07111f;--bg-2:#0b1730;--surface:#fff;--surface-2:#f3f6fb;--ink:#0a1730;--muted:#5f6b7e;
--line:#dfe6f0;--cyan:#69dced;--violet:#766cff;--gold:#f4b94f;--radius:24px;--shadow:0 24px 70px rgba(8,24,50,.12);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body,Inter,system-ui,sans-serif);color:var(--ink);background:#fff;line-height:1.65}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}.container{width:min(var(--container,1180px),calc(100% - 40px));margin-inline:auto}.narrow{width:min(820px,100%)}.screen-reader-text{position:absolute;left:-9999px}.site-header{position:sticky;top:0;z-index:50;background:rgba(7,17,31,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-wrap{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;color:#fff}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:linear-gradient(135deg,rgba(105,220,237,.25),rgba(118,108,255,.3));font-size:12px;font-weight:800;letter-spacing:.08em}.brand-copy{display:flex;flex-direction:column;line-height:1.1}.brand-copy strong{font-size:15px}.brand-copy small{font-size:11px;color:#aebbd0}.custom-logo{max-height:52px;width:auto}.primary-nav{display:flex;align-items:center;gap:28px;color:#dce5f4;font-size:14px}.primary-nav ul{display:flex;gap:24px;list-style:none;margin:0;padding:0}.primary-nav li{position:relative}.primary-nav .sub-menu{display:none;position:absolute;top:100%;left:-18px;min-width:260px;padding:14px;background:#0e1b32;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:var(--shadow)}.primary-nav li:hover>.sub-menu{display:grid;gap:8px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:999px;background:linear-gradient(135deg,var(--cyan),#9deaf5);color:#06111f;font-weight:800;box-shadow:0 10px 30px rgba(105,220,237,.22);transition:.2s}.button:hover{transform:translateY(-2px)}.button-small{min-height:42px;padding:0 18px;font-size:13px}.button-light{background:#fff;box-shadow:none}.nav-toggle{display:none;background:none;border:0;padding:8px}.nav-toggle span:not(.screen-reader-text){display:block;width:24px;height:2px;background:#fff;margin:5px}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 20% 20%,#10264c 0,#07111f 46%),#07111f;color:#fff;padding:92px 0 72px}.hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(105,220,237,.45),transparent)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:56px}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-block;margin-bottom:18px;color:#57cfe2;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.hero h1,.page-hero h1{max-width:760px;margin:0;font-size:clamp(44px,6vw,76px);line-height:1.03;letter-spacing:-.045em}.hero-intro{max-width:660px;margin:26px 0;color:#c0cbe0;font-size:19px}.hero-actions{display:flex;align-items:center;gap:24px}.text-link{font-weight:800}.text-link span{display:inline-block;margin-left:6px}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px;padding-top:26px;border-top:1px solid rgba(255,255,255,.12)}.trust-row div{display:grid}.trust-row strong{font-size:22px}.trust-row span{color:#9cabc2;font-size:12px}.hero-visual{position:relative;min-height:560px;display:grid;place-items:center}.hero-visual img{width:min(100%,650px);filter:drop-shadow(0 30px 70px rgba(0,0,0,.28))}.metric-card{position:absolute;min-width:200px;padding:17px 18px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(11,25,49,.78);backdrop-filter:blur(15px);box-shadow:0 20px 50px rgba(0,0,0,.22)}.metric-card span,.metric-card small{display:block;color:#9eb0c9;font-size:11px}.metric-card strong{font-size:20px}.metric-card-a{right:2%;top:17%}.metric-card-b{left:3%;bottom:13%}.hero-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.22}.hero-glow-one{width:300px;height:300px;background:var(--violet);right:5%;top:10%}.hero-glow-two{width:220px;height:220px;background:var(--cyan);left:8%;bottom:0}.section{padding:var(--section-space,104px) 0}.section-tight{padding:28px 0}.section-muted{background:var(--surface-2)}.logo-strip{display:flex;justify-content:center;align-items:center;gap:24px;color:#66748a;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.logo-strip i{width:4px;height:4px;border-radius:50%;background:var(--cyan)}.section-heading{max-width:760px;margin-bottom:48px}.section-heading.compact{margin-bottom:34px}.section-heading h2,.split-grid h2,.cta-panel h2{margin:0;font-size:clamp(34px,4.5vw,56px);line-height:1.08;letter-spacing:-.035em}.section-heading p,.lead{color:var(--muted);font-size:18px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.process-card,.topic-card,.post-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 12px 40px rgba(20,42,76,.05)}.process-card{padding:30px}.process-card>span,.topic-card>span{color:var(--violet);font-size:12px;font-weight:900;letter-spacing:.12em}.process-card h3,.topic-card h3{font-size:21px;line-height:1.25}.process-card p,.topic-card p{color:var(--muted);font-size:14px}.section-dark{background:linear-gradient(140deg,#07111f,#0b1a34);color:#fff}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.section-dark .lead{color:#b7c4d8}.check-list{list-style:none;padding:0;margin:30px 0}.check-list li{position:relative;padding:11px 0 11px 34px;border-bottom:1px solid rgba(255,255,255,.1)}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--cyan);font-weight:900}.dashboard-card{padding:28px;border:1px solid rgba(255,255,255,.13);border-radius:30px;background:rgba(255,255,255,.06);box-shadow:0 30px 90px rgba(0,0,0,.25)}.dashboard-top{display:flex;justify-content:space-between;color:#b5c2d7}.status-dot{color:#7ee8a0}.chart{height:270px;display:flex;align-items:end;gap:13px;padding:30px 0 18px;border-bottom:1px solid rgba(255,255,255,.1)}.chart span{flex:1;border-radius:10px 10px 3px 3px;background:linear-gradient(180deg,var(--cyan),var(--violet));opacity:.9}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:20px}.dashboard-stats small,.dashboard-stats strong{display:block}.dashboard-stats small{color:#8fa0bb}.dashboard-stats strong{font-size:13px}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.topic-card{padding:34px;transition:.2s}.topic-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.topic-card b{font-size:13px}.cta-panel{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:54px;border:1px solid var(--line);border-radius:32px;background:#fff;box-shadow:var(--shadow)}.cta-panel>div{max-width:740px}.cta-panel p{color:var(--muted)}.site-footer{padding:70px 0 25px;background:#06101d;color:#aebbd0}.footer-grid{display:grid;grid-template-columns:1.5fr .8fr 1.2fr;gap:60px}.site-footer h3{color:#fff;font-size:14px}.site-footer ul{list-style:none;padding:0}.site-footer li{margin:8px 0}.footer-brand{color:#fff;font-size:20px;font-weight:900}.footer-bottom{display:flex;justify-content:space-between;margin-top:48px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1);font-size:12px}.page-hero{padding:90px 0;background:linear-gradient(140deg,#07111f,#10234a);color:#fff}.page-hero h1{font-size:clamp(42px,5vw,66px)}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:70px}.entry-content{font-size:18px}.entry-content h2{margin-top:50px;font-size:34px;line-height:1.15}.entry-content h3{margin-top:34px;font-size:24px}.entry-content a{color:#4c55db;text-decoration:underline}.entry-content img{border-radius:20px}.content-aside{position:relative}.aside-card{position:sticky;top:112px;padding:28px;border-radius:20px;background:var(--surface-2)}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.post-card{overflow:hidden}.post-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.post-card-body{padding:26px}.post-card-body>span{color:var(--muted);font-size:12px}.post-card h2{font-size:23px;line-height:1.25}.post-card p{color:var(--muted)}.error-page{min-height:65vh;display:grid;align-items:center}
@media(max-width:980px){.primary-nav{display:none;position:absolute;top:82px;left:0;right:0;padding:24px;background:#081423}.primary-nav.is-open{display:grid}.primary-nav ul{display:grid}.primary-nav .sub-menu{position:static;display:grid;margin-top:10px}.nav-toggle{display:block}.hero-grid,.split-grid,.content-layout{grid-template-columns:1fr}.hero-visual{min-height:440px}.process-grid{grid-template-columns:repeat(2,1fr)}.post-grid{grid-template-columns:repeat(2,1fr)}.content-aside{display:none}}
@media(max-width:680px){.container{width:min(100% - 26px,1180px)}.hero{padding-top:66px}.hero h1{font-size:42px}.hero-actions{align-items:flex-start;flex-direction:column}.trust-row{grid-template-columns:1fr}.hero-visual{min-height:360px}.metric-card{min-width:165px;padding:12px}.metric-card-a{right:0}.metric-card-b{left:0}.section{padding:72px 0}.process-grid,.topic-grid,.post-grid,.footer-grid{grid-template-columns:1fr}.logo-strip{flex-wrap:wrap}.logo-strip i{display:none}.cta-panel{padding:32px;align-items:flex-start;flex-direction:column}.dashboard-stats{grid-template-columns:1fr}.footer-bottom{gap:12px;flex-direction:column}}

.hero h1,.page-hero h1,.section-heading h2,.split-grid h2,.cta-panel h2,h1,h2,h3{font-family:var(--font-heading,Inter,system-ui,sans-serif)}
.header-light{background:rgba(255,255,255,.94);color:#0a1730}.header-light .brand,.header-light .primary-nav{color:#0a1730}.header-light .nav-toggle span:not(.screen-reader-text){background:#0a1730}.header-transparent{position:absolute!important;width:100%;background:transparent}.hero[style]{background-size:cover;background-position:center}.hero-align-center .hero-grid{grid-template-columns:1fr}.hero-align-center .hero-copy{text-align:center;max-width:900px;margin:auto}.hero-align-center .hero-intro{margin-left:auto;margin-right:auto}.hero-align-center .hero-actions,.hero-align-center .trust-row{justify-content:center}.hero-align-center .hero-visual{display:none}

/* Version 3: typography, flexible sections and reliable submenus */
body{font-family:var(--font-body);font-size:var(--body-size);color:var(--ink);background:var(--surface)}
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--heading-weight);color:var(--heading-color)}
.hero h1,.page-hero h1{font-size:clamp(42px,6vw,var(--h1-size));color:var(--dark-text)}
.section-heading h2,.split-grid h2,.cta-panel h2,.flexible-section h2{font-size:clamp(32px,4.5vw,var(--h2-size))}
.section-dark h2,.section-dark h3,.site-footer h3{color:var(--dark-text)}
.section-dark .lead,.section-dark p{color:var(--dark-muted)}
.entry-content a{color:var(--link-color)}
.section-muted{background:var(--surface-2)}

.primary-nav{font-family:var(--font-menu);font-size:var(--menu-size);color:var(--menu-color)}
.primary-nav>ul>li>a{display:flex;align-items:center;min-height:82px;color:var(--menu-color);transition:color .2s}
.primary-nav>ul>li>a:hover,.primary-nav>ul>li:focus-within>a{color:var(--menu-hover)}
.primary-nav .menu-item-has-children>a:after{content:"⌄";margin-left:7px;font-size:.82em;transition:transform .2s}
.primary-nav .menu-item-has-children:hover>a:after,.primary-nav .menu-item-has-children:focus-within>a:after{transform:rotate(180deg)}
.primary-nav .sub-menu{
 display:block;visibility:hidden;opacity:0;pointer-events:none;
 position:absolute;top:calc(100% + var(--submenu-gap));left:var(--submenu-offset-x);
 min-width:var(--submenu-width);padding:10px;background:var(--submenu-bg);
 border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:var(--shadow);
 transform:translateY(8px);transition:opacity .18s,transform .18s,visibility .18s;
 z-index:100;
}
.primary-nav .sub-menu:before{
 content:"";position:absolute;left:0;right:0;bottom:100%;height:calc(var(--submenu-gap) + 4px);
}
.primary-nav li:hover>.sub-menu,.primary-nav li:focus-within>.sub-menu,.primary-nav li.submenu-open>.sub-menu{
 visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)
}
.primary-nav .sub-menu li{width:100%}
.primary-nav .sub-menu a{
 display:block;padding:var(--submenu-padding) calc(var(--submenu-padding) + 4px);
 border-radius:10px;color:var(--submenu-color);line-height:1.35;white-space:normal;
 transition:background .16s,color .16s,transform .16s
}
.primary-nav .sub-menu a:hover,.primary-nav .sub-menu a:focus{
 background:var(--submenu-hover-bg);color:#fff;transform:translateX(3px);outline:none
}
.submenu-toggle{display:none}

.flexible-section h2{margin:0 0 22px;line-height:1.08;letter-spacing:-.035em;color:inherit}
.flex-section-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.flex-section-grid.image-left .flex-section-media{order:-1}
.flex-section-text{font-size:18px;opacity:.82;margin-bottom:26px}
.flex-section-media img{display:block;width:100%;border-radius:var(--radius);box-shadow:var(--shadow)}
.image-placeholder{min-height:340px;display:grid;place-items:center;border:2px dashed currentColor;border-radius:var(--radius);opacity:.35}
.flex-centered-content{text-align:center;max-width:850px;margin:auto}
.flex-centered-content .button{margin-top:12px}
.flex-free-content{max-width:100%}
.flex-width-narrow{max-width:860px}
.flex-width-wide{width:min(1500px,calc(100% - 40px));max-width:none}
.flexible-cta .flex-centered-content{padding:48px;border:1px solid rgba(127,127,127,.18);border-radius:calc(var(--radius) + 8px)}

@media(max-width:980px){
 .primary-nav>ul>li>a{min-height:auto;padding:11px 44px 11px 0}
 .primary-nav li{position:relative}
 .primary-nav .sub-menu{
  position:static;display:none;visibility:visible;opacity:1;pointer-events:auto;transform:none;
  min-width:0;margin:4px 0 8px 14px;padding:7px;border-radius:12px;box-shadow:none
 }
 .primary-nav li.submenu-open>.sub-menu{display:grid}
 .primary-nav li:hover>.sub-menu:not(.force-open){display:none}
 .primary-nav li.submenu-open:hover>.sub-menu{display:grid}
 .primary-nav .sub-menu:before{display:none}
 .submenu-toggle{
  display:grid;place-items:center;position:absolute;right:0;top:4px;width:38px;height:38px;
  border:1px solid rgba(255,255,255,.15);border-radius:9px;background:rgba(255,255,255,.06);
  color:currentColor;cursor:pointer
 }
 .submenu-toggle span{transition:transform .2s}
 .submenu-toggle[aria-expanded="true"] span{transform:rotate(180deg)}
 .primary-nav .menu-item-has-children>a:after{display:none}
 .flex-section-grid{grid-template-columns:1fr;gap:34px}
 .flex-section-grid.image-left .flex-section-media{order:0}
}

/* Version 4 – Premium Gestaltung */
.hero{background:radial-gradient(circle at 20% 14%,rgba(105,220,237,.16),transparent 25%),radial-gradient(circle at 78% 20%,rgba(118,108,255,.2),transparent 28%),linear-gradient(145deg,#050d18,#0a1730 52%,#081426);min-height:760px;display:flex;align-items:center}
.scm-hero-grid .hero:before{content:"";position:absolute;inset:0;opacity:.16;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:54px 54px}
.hero-copy:before{content:"";position:absolute;left:-24px;top:20px;width:3px;height:150px;background:linear-gradient(var(--gold),var(--cyan),transparent);box-shadow:0 0 30px rgba(244,185,79,.55)}
.premium-badge{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;padding:8px 13px;border:1px solid rgba(244,185,79,.28);border-radius:999px;background:rgba(244,185,79,.07);color:#f7d99c;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(14px)}
.premium-badge span{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 16px var(--gold)}
.hero h1{background:linear-gradient(115deg,#fff,#eaf7ff 42%,#d4ccff 68%,#f9d99a);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-intro{font-size:20px;line-height:1.8}
.hero .button{position:relative;overflow:hidden;background:linear-gradient(135deg,#e9c47b,#fff0bd 48%,#d5a94d);box-shadow:0 12px 42px rgba(244,185,79,.27);border:1px solid rgba(255,255,255,.4)}
.hero .button:after{content:"";position:absolute;inset:-50% auto -50% -30%;width:28%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);animation:scmShine 5s ease-in-out infinite}@keyframes scmShine{0%,65%{left:-35%}85%,100%{left:130%}}
.metric-card{border-color:rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(20,38,70,.82),rgba(7,17,31,.66));box-shadow:inset 0 1px rgba(255,255,255,.1),0 25px 65px rgba(0,0,0,.32)}.metric-card strong{background:linear-gradient(90deg,#fff,#f3d18f);-webkit-background-clip:text;background-clip:text;color:transparent}.metric-card-c{right:8%;bottom:2%}
.premium-value-strip{background:#07111f;color:#fff;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(244,185,79,.18)}.premium-value-grid{display:grid;grid-template-columns:repeat(4,1fr)}.premium-value-grid>div{padding:30px 26px;border-right:1px solid rgba(255,255,255,.08)}.premium-value-grid>div:last-child{border-right:0}.premium-value-grid strong,.premium-value-grid small{display:block}.premium-value-grid strong{margin:7px 0;color:#fff;font-size:14px}.premium-value-grid small{color:#94a7c2;font-size:12px}.value-icon{color:#d8b569;font-size:11px;font-weight:900}
.scm-gold-lines .section-heading:after{content:"";display:block;width:84px;height:2px;margin-top:26px;background:linear-gradient(90deg,var(--gold),var(--cyan),transparent)}
.scm-glass-cards .process-card,.scm-glass-cards .topic-card{border:1px solid rgba(129,152,187,.2);background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(245,248,253,.82));box-shadow:inset 0 1px #fff,0 25px 70px rgba(25,48,81,.09)}.scm-card-hover .process-card,.scm-card-hover .topic-card{transition:transform .3s,box-shadow .3s,border-color .3s}.scm-card-hover .process-card:hover,.scm-card-hover .topic-card:hover{transform:translateY(-9px);border-color:rgba(203,163,80,.4);box-shadow:0 30px 80px rgba(23,48,85,.16)}
.section-dark{background:radial-gradient(circle at 90% 10%,rgba(118,108,255,.18),transparent 30%),linear-gradient(145deg,#06101d,#0b1b35)}.dashboard-card{background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border-color:rgba(244,185,79,.2);box-shadow:inset 0 1px rgba(255,255,255,.12),0 38px 110px rgba(0,0,0,.32)}.chart span{background:linear-gradient(180deg,#f7d99b,var(--cyan) 48%,var(--violet))}
.premium-philosophy{background:linear-gradient(140deg,#f8fafc,#fff 52%,#f2f5fb)}.philosophy-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.luxury-orbit{position:relative;min-height:500px;display:grid;place-items:center}.orbit-ring{position:absolute;border-radius:50%;border:1px solid rgba(80,106,151,.22)}.ring-one{width:390px;height:390px}.ring-two{width:270px;height:270px;border-color:rgba(194,153,72,.42)}.orbit-core{position:relative;z-index:2;display:grid;place-items:center;width:180px;height:180px;border-radius:50%;background:linear-gradient(145deg,#0b1a32,#07111f);border:1px solid rgba(244,185,79,.5);box-shadow:0 35px 80px rgba(25,48,81,.28)}.orbit-core span{color:#f0cf8b;font-size:36px;font-weight:900;letter-spacing:.12em}.orbit-core small{color:#9eb0c9;font-size:9px;text-transform:uppercase}.orbit-point{position:absolute;width:15px;height:15px;border-radius:50%;background:var(--gold);box-shadow:0 0 22px var(--gold)}.p1{top:15%;left:50%}.p2{bottom:23%;left:12%;background:var(--cyan)}.p3{right:9%;top:48%;background:var(--violet)}.premium-quote{margin-top:30px;padding:24px 26px;border-left:3px solid var(--gold);background:linear-gradient(90deg,rgba(244,185,79,.09),transparent);color:#43516a;font-family:Georgia,serif;font-size:18px;font-style:italic}
.cta-panel{background:radial-gradient(circle at 90% 20%,rgba(105,220,237,.14),transparent 28%),linear-gradient(135deg,#fff,#f8faff);border-color:rgba(199,159,76,.26)}.site-footer{background:linear-gradient(150deg,#040b13,#07111f 55%,#0a1730);border-top:1px solid rgba(244,185,79,.22)}.footer-brand{background:linear-gradient(90deg,#fff,#e6c77f);-webkit-background-clip:text;background-clip:text;color:transparent}
@media(max-width:980px){.hero{min-height:auto}.premium-value-grid{grid-template-columns:repeat(2,1fr)}.philosophy-grid{grid-template-columns:1fr;gap:30px}.metric-card-c{display:none}}@media(max-width:680px){.hero-copy:before{display:none}.premium-value-grid{grid-template-columns:1fr}.premium-value-grid>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.luxury-orbit{min-height:310px}.ring-one{width:285px;height:285px}.ring-two{width:205px;height:205px}.orbit-core{width:145px;height:145px}}

/* Version 5 – verlinkbare Premium-Bildwelten und frei wählbare Buttons */
.button-gold{position:relative;overflow:hidden;background:linear-gradient(135deg,#c89435,#f7dfa4 45%,#d4a547 76%,#a87522);border:1px solid rgba(255,255,255,.48);color:#111827;box-shadow:0 13px 36px rgba(190,139,43,.3)}
.button-gold:before{content:"";position:absolute;inset:-60% auto -60% -35%;width:26%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.78),transparent);transition:left .65s ease}
.button-gold:hover:before,.button-gold:focus-visible:before{left:130%}.button-blue{background:linear-gradient(135deg,#1f7fb8,#69dced);color:#06111f;box-shadow:0 12px 34px rgba(47,157,200,.28)}
.button-outline{border:1px solid rgba(221,184,105,.72);background:rgba(7,17,31,.22);color:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);backdrop-filter:blur(12px)}.button-outline:hover{background:rgba(216,181,105,.14);border-color:#efd18c}
.hero .button:after{display:none}.hero .button-outline{color:#fff}.hero-image-link{display:block;width:100%;border-radius:30px;overflow:hidden;box-shadow:0 32px 90px rgba(0,0,0,.35)}
.hero-visual .hero-image-link img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;filter:none;transition:transform .7s ease,filter .7s ease}.hero-image-link:hover img,.hero-image-link:focus-visible img{transform:scale(1.025);filter:saturate(1.06) brightness(1.04)}
.hero-image-link:focus-visible,.premium-image-full-link:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
.premium-image-section{position:relative;overflow:hidden;background:radial-gradient(circle at 95% 8%,rgba(216,181,105,.13),transparent 27%),linear-gradient(145deg,#07111f,#0a1830 55%,#06101d);color:#fff}
.premium-image-section:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:64px 64px}
.premium-image-heading{position:relative;max-width:880px}.premium-image-heading h2{color:#fff}.premium-image-heading p{color:#adbbd0}
.premium-image-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.premium-image-card{position:relative;overflow:hidden;display:flex;min-height:520px;flex-direction:column;border:1px solid rgba(233,202,135,.22);border-radius:calc(var(--radius) + 6px);background:linear-gradient(145deg,rgba(22,40,70,.94),rgba(6,16,29,.98));box-shadow:inset 0 1px rgba(255,255,255,.1),0 28px 75px rgba(0,0,0,.3);transition:transform .35s,border-color .35s,box-shadow .35s}
.premium-image-card:hover{transform:translateY(-8px);border-color:rgba(239,209,140,.5);box-shadow:inset 0 1px rgba(255,255,255,.14),0 38px 90px rgba(0,0,0,.4)}.premium-image-full-link{display:block}.premium-image-media{position:relative;overflow:hidden;aspect-ratio:16/9;background:#07111f}
.premium-image-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,13,24,.02),rgba(5,13,24,.88));opacity:var(--premium-overlay-opacity);pointer-events:none}.premium-image-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.65,.25,1),filter .5s}.scm-image-zoom .premium-image-card:hover .premium-image-media img{transform:scale(1.065)}
.premium-image-sheen{position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 18%,rgba(246,217,153,.22) 45%,transparent 70%);transform:translateX(-120%);transition:transform .9s ease}.scm-image-gold-glow .premium-image-card:hover .premium-image-sheen{transform:translateX(120%)}
.premium-image-content{display:flex;flex:1;align-items:flex-start;flex-direction:column;padding:30px 32px 34px}.premium-card-number{color:#e7c77e;font-size:11px;font-weight:900;letter-spacing:.18em}.premium-image-content h3{margin:10px 0 12px;color:#fff;font-size:clamp(24px,2.6vw,34px);line-height:1.12}.premium-image-content p{margin:0 0 26px;color:#aebdd2}.premium-image-content .button{margin-top:auto}.premium-image-content .button span{margin-left:9px;transition:transform .2s}.premium-image-content .button:hover span{transform:translateX(4px)}
.flex-section-media a{display:block;border-radius:var(--radius);overflow:hidden}.scm-image-zoom .flex-section-media a img{transition:transform .65s ease}.scm-image-zoom .flex-section-media a:hover img{transform:scale(1.035)}
@media(max-width:980px){.premium-image-grid{grid-template-columns:1fr}.premium-image-card{min-height:0}.hero-image-link{border-radius:24px}}@media(max-width:680px){.premium-image-grid{gap:18px}.premium-image-content{padding:24px}.premium-image-content h3{font-size:25px}.premium-image-card:hover{transform:none}.hero-visual .hero-image-link img{min-height:330px}.metric-card{pointer-events:none}}
@media(prefers-reduced-motion:reduce){.button-gold:before,.premium-image-media img,.premium-image-sheen,.premium-image-card{transition:none!important;animation:none!important}}

/* Version 6 – Drawer-Menü, Konto-Bereich, Slider und neue Bildwelten */
.drawer-heading,.nav-close,.nav-backdrop{display:none}
.scm-menu-drawer .nav-wrap{position:relative}.scm-menu-drawer .nav-toggle{display:inline-flex;align-items:center;gap:11px;min-height:46px;padding:0 18px;border:1px solid rgba(232,198,125,.38);border-radius:999px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035));color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.12),0 10px 28px rgba(0,0,0,.2);cursor:pointer}.nav-toggle-icon{display:grid;gap:4px}.nav-toggle-icon i{display:block;width:20px;height:2px;border-radius:2px;background:currentColor;transition:transform .25s,opacity .25s}.nav-toggle-label{font-size:13px;font-weight:800;letter-spacing:.05em}.scm-menu-drawer .primary-nav{position:fixed;z-index:1002;top:0;bottom:0;width:min(420px,90vw);padding:34px;display:flex;align-items:stretch;flex-direction:column;gap:26px;background:radial-gradient(circle at 100% 0,rgba(216,181,105,.16),transparent 30%),linear-gradient(155deg,#0b1a31,#050d18);box-shadow:0 0 100px rgba(0,0,0,.55);visibility:hidden;transition:transform .38s cubic-bezier(.2,.75,.2,1),visibility .38s}.scm-menu-right .primary-nav{right:0;transform:translateX(105%)}.scm-menu-left .primary-nav{left:0;transform:translateX(-105%)}.scm-menu-drawer .primary-nav.is-open{visibility:visible;transform:translateX(0)}.scm-menu-drawer .primary-nav>ul{display:block;overflow:auto}.scm-menu-drawer .primary-nav>ul>li{border-bottom:1px solid rgba(255,255,255,.09)}.scm-menu-drawer .primary-nav>ul>li>a{min-height:0;padding:17px 45px 17px 0;font-size:17px}.scm-menu-drawer .primary-nav .sub-menu{position:static;display:none;visibility:visible;opacity:1;pointer-events:auto;transform:none;min-width:0;margin:0 0 14px 12px;box-shadow:none}.scm-menu-drawer .primary-nav li.submenu-open>.sub-menu{display:grid}.scm-menu-drawer .submenu-toggle{display:grid;place-items:center;position:absolute;right:0;top:10px;width:38px;height:38px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.06);color:#fff}.scm-menu-drawer .menu-item-has-children>a:after{display:none}.drawer-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid rgba(232,198,125,.22);color:#e8ca86;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.nav-close{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:rgba(255,255,255,.06);color:#fff;font-size:27px;cursor:pointer}.nav-backdrop{position:fixed;z-index:1001;inset:0;border:0;background:rgba(2,7,13,.67);backdrop-filter:blur(5px);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.nav-open .nav-backdrop{display:block;opacity:1;visibility:visible}.nav-open{overflow:hidden}.scm-menu-left .nav-wrap{flex-direction:row-reverse}.scm-menu-left .brand{margin-left:auto}.scm-menu-left .nav-toggle{order:2}.header-light .nav-toggle{color:#0a1730;border-color:rgba(10,23,48,.2)}
.account-section{background:linear-gradient(145deg,#f7f9fc,#fff)}.account-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:68px;align-items:center}.account-media,.section-premium-image{position:relative;overflow:hidden;border:1px solid rgba(201,157,69,.28);border-radius:calc(var(--radius) + 8px);box-shadow:0 34px 90px rgba(20,42,76,.18)}.account-media img,.section-premium-image>img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .7s ease}.account-media:hover img,.section-premium-image:hover>img{transform:scale(1.035)}.account-gold-line{position:absolute;inset:auto 8% 8% 8%;height:2px;background:linear-gradient(90deg,transparent,#efd18c,transparent);box-shadow:0 0 22px #d7a94c}.account-copy h2{margin:0;font-size:clamp(34px,4vw,54px);line-height:1.08}.account-benefits{list-style:none;margin:26px 0 30px;padding:0}.account-benefits li{position:relative;padding:11px 0 11px 31px;border-bottom:1px solid rgba(29,53,87,.12)}.account-benefits li:before{content:"✓";position:absolute;left:0;color:#b17d25;font-weight:900}
.section-premium-image .image-caption{position:absolute;left:22px;right:22px;bottom:22px;padding:17px 19px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(5,14,26,.72);backdrop-filter:blur(15px);color:#fff}.image-caption span,.image-caption strong{display:block}.image-caption span{color:#e7c77e;font-size:10px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.image-caption-light{background:rgba(255,255,255,.76);color:#0a1730;border-color:rgba(255,255,255,.5)}
.premium-slider{position:relative;overflow:hidden;border-radius:calc(var(--radius) + 6px)}.premium-slider-track{display:flex;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.premium-slider.is-slider .premium-image-card{flex:0 0 100%;min-height:620px;border-radius:calc(var(--radius) + 6px)}.premium-slider.is-slider .premium-image-media{aspect-ratio:21/9}.premium-slider.is-slider .premium-image-content{position:absolute;z-index:3;left:0;right:0;bottom:0;max-width:760px;padding:46px}.premium-slider.is-slider .premium-image-media{position:absolute;inset:0}.premium-slider.is-slider .premium-image-media:after{background:linear-gradient(90deg,rgba(4,11,21,.95) 0,rgba(4,11,21,.76) 46%,rgba(4,11,21,.16) 85%),linear-gradient(0deg,rgba(4,11,21,.72),transparent 55%);opacity:1}.premium-slider.is-grid .premium-slider-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.slider-arrows{position:absolute;z-index:5;right:28px;bottom:28px;display:flex;gap:10px}.slider-arrows button{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(239,209,140,.5);border-radius:50%;background:rgba(5,14,26,.7);color:#fff;font-size:20px;backdrop-filter:blur(12px);cursor:pointer}.slider-arrows button:hover{background:#d6aa50;color:#07111f}.slider-dots{position:absolute;z-index:5;left:50%;bottom:24px;display:flex;gap:9px;transform:translateX(-50%)}.slider-dots button{width:9px;height:9px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.45);cursor:pointer;transition:width .2s,background .2s}.slider-dots button.is-active{width:28px;background:#e7c77e}
@media(max-width:980px){.account-grid{grid-template-columns:1fr;gap:38px}.premium-slider.is-slider .premium-image-card{min-height:680px}.premium-slider.is-slider .premium-image-media{aspect-ratio:auto}.premium-slider.is-slider .premium-image-content{padding:32px 28px 94px}.slider-arrows{right:22px;bottom:22px}.slider-dots{left:26px;bottom:40px;transform:none}.scm-menu-left .nav-wrap{flex-direction:row-reverse}}
@media(max-width:680px){.scm-menu-drawer .primary-nav{padding:24px}.scm-menu-drawer .nav-toggle{padding:0 14px}.premium-slider.is-slider .premium-image-card{min-height:720px}.premium-slider.is-slider .premium-image-content h3{font-size:29px}.premium-slider.is-slider .premium-image-media img{height:100%}.premium-slider.is-grid .premium-slider-track{grid-template-columns:1fr}.account-copy h2{font-size:34px}.section-premium-image .image-caption{left:13px;right:13px;bottom:13px}}

/* Version 6.1 – zuverlässige Menüöffnung, Hover-Untermenüs und gespiegelter Header */
.scm-menu-right .nav-wrap{display:grid;grid-template-columns:auto 1fr auto}.scm-menu-right .brand{grid-column:1;justify-self:start}.scm-menu-right .nav-toggle{grid-column:3;justify-self:end}
.scm-menu-left .nav-wrap{display:grid;grid-template-columns:auto 1fr auto;flex-direction:initial}.scm-menu-left .nav-toggle{grid-column:1;grid-row:1;justify-self:start;order:initial}.scm-menu-left .brand{grid-column:3;grid-row:1;justify-self:end;margin-left:0}
.scm-menu-drawer .primary-nav .menu-item-has-children:hover>.sub-menu,.scm-menu-drawer .primary-nav .menu-item-has-children:focus-within>.sub-menu,.scm-menu-drawer .primary-nav li.submenu-hover-open>.sub-menu{display:grid}
.scm-menu-drawer .primary-nav .menu-item-has-children:hover>.submenu-toggle span,.scm-menu-drawer .primary-nav .menu-item-has-children:focus-within>.submenu-toggle span,.scm-menu-drawer .primary-nav li.submenu-hover-open>.submenu-toggle span{transform:rotate(180deg)}
.scm-menu-drawer .nav-toggle[aria-expanded="true"] .nav-toggle-icon i:nth-child(1){transform:translateY(6px) rotate(45deg)}.scm-menu-drawer .nav-toggle[aria-expanded="true"] .nav-toggle-icon i:nth-child(2){opacity:0}.scm-menu-drawer .nav-toggle[aria-expanded="true"] .nav-toggle-icon i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media(max-width:980px){.scm-menu-left .nav-wrap,.scm-menu-right .nav-wrap{display:grid;grid-template-columns:auto 1fr auto;flex-direction:initial}}

/* Version 6.2 – reine Icon-Schaltfläche und robuste Klickfläche */
.scm-menu-drawer .nav-toggle{position:relative;z-index:1003;width:52px;height:52px;min-height:52px;padding:0;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.scm-menu-drawer .nav-toggle-icon{pointer-events:none}.scm-menu-drawer .nav-toggle-label{display:none}.scm-menu-drawer .nav-toggle:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.scm-menu-drawer .nav-toggle:hover{border-color:#e8ca86;background:rgba(232,202,134,.12)}

/* Version 6.3 – stets sichtbarer Menüinhalt und geometrisch exaktes Hamburger-Symbol */
.scm-menu-drawer .nav-toggle-icon{display:flex;width:24px;height:18px;align-items:stretch;justify-content:space-between;flex-direction:column;gap:0}.scm-menu-drawer .nav-toggle-icon i,.nav-toggle span.nav-toggle-icon i{display:block;width:24px;height:2px;min-height:2px;margin:0;border-radius:2px;background:currentColor;transform-origin:center;flex:0 0 2px}.scm-menu-drawer .primary-nav>.menu{display:block;min-height:120px}.scm-menu-drawer .fallback-menu>li{border-bottom:1px solid rgba(255,255,255,.09)}.scm-menu-drawer .fallback-menu>li>a{display:block;padding:17px 45px 17px 0;color:var(--submenu-color);font-size:17px}.scm-menu-drawer .fallback-menu .sub-menu{margin-left:12px}
.scm-menu-drawer .nav-toggle[aria-expanded="true"] .nav-toggle-icon i:nth-child(1){transform:translateY(8px) rotate(45deg)}.scm-menu-drawer .nav-toggle[aria-expanded="true"] .nav-toggle-icon i:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

/* Version 7 – vier wählbare Menüdarstellungen */
.scm-menu-style-side .primary-nav{width:min(var(--menu-panel-width),95vw);padding:var(--menu-inner-padding)}
.scm-menu-style-fullscreen .primary-nav{inset:0;width:100vw;max-width:none;padding:var(--menu-inner-padding) max(var(--menu-inner-padding),calc((100vw - var(--container))/2));transform:translateY(-102%);overflow:auto}.scm-menu-style-fullscreen .primary-nav.is-open{transform:translateY(0)}.scm-menu-style-fullscreen .primary-nav>.menu{display:grid;grid-template-columns:repeat(var(--menu-full-columns),minmax(0,1fr));gap:0 60px;align-content:start}.scm-menu-style-fullscreen .primary-nav>.menu>li>a{font-size:clamp(20px,2vw,30px);padding-block:22px}.scm-menu-style-fullscreen .drawer-heading{font-size:14px}.scm-menu-style-fullscreen .primary-nav .sub-menu{background:rgba(255,255,255,.035)}
.scm-menu-style-floating .primary-nav{top:50%;bottom:auto;left:50%;right:auto;width:min(var(--menu-floating-width),calc(100vw - 32px));max-height:var(--menu-floating-height);padding:var(--menu-inner-padding);border:1px solid rgba(232,198,125,.28);border-radius:28px;overflow:auto;transform:translate(-50%,-46%) scale(.94);opacity:0;box-shadow:0 40px 140px rgba(0,0,0,.65)}.scm-menu-style-floating .primary-nav.is-open{transform:translate(-50%,-50%) scale(1);opacity:1}.scm-menu-style-floating .primary-nav>.menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px}
.scm-menu-style-top .primary-nav{inset:0 0 auto 0;width:100vw;height:min(var(--menu-top-height),95vh);padding:var(--menu-inner-padding) max(var(--menu-inner-padding),calc((100vw - var(--container))/2));overflow:auto;transform:translateY(-105%)}.scm-menu-style-top .primary-nav.is-open{transform:translateY(0)}.scm-menu-style-top .primary-nav>.menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 40px}.scm-menu-style-top .primary-nav>.menu>li>a{font-size:18px}
.scm-menu-style-fullscreen .nav-backdrop,.scm-menu-style-top .nav-backdrop{backdrop-filter:none}
@media(max-width:780px){.scm-menu-style-fullscreen .primary-nav>.menu,.scm-menu-style-floating .primary-nav>.menu,.scm-menu-style-top .primary-nav>.menu{grid-template-columns:1fr}.scm-menu-style-fullscreen .primary-nav,.scm-menu-style-top .primary-nav{padding:24px}.scm-menu-style-floating .primary-nav{max-height:88vh;padding:24px}.scm-menu-style-side .primary-nav{width:min(var(--menu-panel-width),92vw)}}

/* Version 7.1 – sichtbarer Menüanfang und feste Kopfzeile */
.scm-menu-drawer .primary-nav{box-sizing:border-box}.scm-menu-drawer .drawer-heading{position:sticky;z-index:8;top:calc(-1 * var(--menu-inner-padding));margin:calc(-1 * var(--menu-inner-padding)) calc(-1 * var(--menu-inner-padding)) 8px;padding:var(--menu-inner-padding);background:linear-gradient(155deg,#0b1a31,#081423);box-shadow:0 12px 24px rgba(4,10,19,.22)}
.scm-menu-style-floating .primary-nav{top:50vh;bottom:auto;max-height:min(var(--menu-floating-height),calc(100vh - 32px));overscroll-behavior:contain}.scm-menu-style-floating .primary-nav.is-open{top:50vh}.scm-menu-style-top .primary-nav{top:0;bottom:auto;max-height:100vh;overscroll-behavior:contain}.scm-menu-style-top .primary-nav.is-open{top:0}.scm-menu-style-floating .primary-nav>.menu,.scm-menu-style-top .primary-nav>.menu{align-content:start}.scm-menu-style-floating .primary-nav>.menu>li:first-child,.scm-menu-style-top .primary-nav>.menu>li:first-child{margin-top:0}
@media(max-width:780px){.scm-menu-drawer .drawer-heading{top:-24px;margin:-24px -24px 8px;padding:24px}.scm-menu-style-floating .primary-nav{top:16px;bottom:16px;max-height:none;transform:translateX(-50%) scale(.96)}.scm-menu-style-floating .primary-nav.is-open{top:16px;transform:translateX(-50%) scale(1)}}

/* Version 11.2 – stabile Menüstruktur und dauerhaft sichtbarer erster Eintrag */
.scm-menu-drawer .primary-nav{
 overflow:hidden;min-height:0;
 grid-template-rows:auto minmax(0,1fr) auto;
}
.scm-menu-drawer .drawer-heading{
 position:relative;top:auto;flex:0 0 auto;
 margin:0;padding:0 0 18px;
 background:transparent;box-shadow:none;
}
.scm-menu-drawer .primary-nav>.menu{
 flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;
 margin:0;padding:4px 6px 12px 0;overscroll-behavior:contain;
 scrollbar-width:thin;scrollbar-color:rgba(232,202,134,.58) rgba(255,255,255,.04);
}
.scm-menu-drawer .primary-nav>.menu::-webkit-scrollbar{width:7px}
.scm-menu-drawer .primary-nav>.menu::-webkit-scrollbar-track{background:rgba(255,255,255,.04);border-radius:10px}
.scm-menu-drawer .primary-nav>.menu::-webkit-scrollbar-thumb{background:rgba(232,202,134,.58);border-radius:10px}
.scm-menu-drawer .primary-nav>.menu>li:first-child{margin-top:0!important}
.scm-menu-drawer .primary-nav>.menu>li>a{
 position:relative;padding:16px 48px 16px 14px;border-radius:12px;
 color:var(--submenu-color);font-weight:700;line-height:1.3;
}
.scm-menu-drawer .primary-nav>.menu>li>a:before{
 content:"";position:absolute;left:0;top:50%;width:3px;height:0;border-radius:4px;
 background:linear-gradient(180deg,#f4d58d,#b98227);transform:translateY(-50%);transition:height .2s;
}
.scm-menu-drawer .primary-nav>.menu>li>a:hover:before,
.scm-menu-drawer .primary-nav>.menu>li>a:focus:before,
.scm-menu-drawer .primary-nav>.menu>li.current-menu-item>a:before,
.scm-menu-drawer .primary-nav>.menu>li.current-menu-ancestor>a:before{height:54%}
.scm-menu-drawer .primary-nav>.menu>li>a:hover,
.scm-menu-drawer .primary-nav>.menu>li>a:focus{background:rgba(255,255,255,.055);color:#f1d99f;outline:none}
.scm-menu-drawer .primary-nav .submenu-toggle{right:7px;top:10px}
.scm-menu-drawer .primary-nav .sub-menu{
 margin:2px 8px 14px 16px;padding:6px 0 6px 15px;
 border:0;border-left:1px solid rgba(232,202,134,.32);border-radius:0;background:transparent;
}
.scm-menu-drawer .primary-nav .sub-menu a{padding:10px 12px;font-size:.92em;color:#bdc9db}
.scm-menu-drawer .primary-nav .sub-menu a:hover,
.scm-menu-drawer .primary-nav .sub-menu a:focus{background:rgba(105,220,237,.08);color:#fff;transform:translateX(2px)}
.scm-menu-drawer .primary-nav>.button{flex:0 0 auto;margin-top:2px}
.scm-menu-style-fullscreen .primary-nav,.scm-menu-style-floating .primary-nav,.scm-menu-style-top .primary-nav{overflow:hidden}
.scm-menu-style-fullscreen .primary-nav>.menu,.scm-menu-style-floating .primary-nav>.menu,.scm-menu-style-top .primary-nav>.menu{align-content:start}
@media(max-width:780px){
 .scm-menu-drawer .drawer-heading{top:auto;margin:0;padding:0 0 16px}
 .scm-menu-drawer .primary-nav>.menu>li>a{padding:15px 46px 15px 12px}
 .scm-menu-drawer .primary-nav .sub-menu{margin-left:12px}
}

/* Version 11.4 – gleichmässige Beitragskarten mit automatischem Kurztext */
.post-grid{align-items:stretch}.post-card{display:flex;min-width:0;flex-direction:column;height:100%}
.post-card>a:first-child{display:block;flex:0 0 auto;overflow:hidden}
.post-card>a:first-child img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.post-card-body{display:flex;flex:1;align-items:flex-start;flex-direction:column}
.post-card-body h2{width:100%;margin-bottom:14px}
.post-card-excerpt{display:-webkit-box;width:100%;margin:0 0 22px;overflow:hidden;color:var(--muted);-webkit-box-orient:vertical;-webkit-line-clamp:4}
.post-card-body>.text-link{margin-top:auto;color:#a97420;font-weight:800}

/* Version 8 – verbindliches, zentral steuerbares Typografiesystem */
body,.entry-content,.flex-section-text,.process-card p,.topic-card p,.post-card p,.premium-image-content p,.account-benefits,.check-list,.cta-panel p,.philosophy-copy p{font-family:var(--body-font)!important;font-size:var(--body-size)!important;font-weight:var(--body-weight)!important;line-height:var(--body-line-height)!important;font-style:var(--body-style)!important;letter-spacing:var(--body-spacing)!important}
h1,.hero h1,.page-hero h1,.entry-content h1{font-family:var(--h1-font)!important;font-size:var(--h1-size)!important;font-weight:var(--h1-weight)!important;line-height:var(--h1-line-height)!important;letter-spacing:var(--h1-spacing)!important;font-style:var(--h1-style)!important}
h2,.section-heading h2,.split-grid h2,.cta-panel h2,.flexible-section h2,.account-copy h2,.entry-content h2,.post-card h2{font-family:var(--h2-font)!important;font-size:var(--h2-size)!important;font-weight:var(--h2-weight)!important;line-height:var(--h2-line-height)!important;letter-spacing:var(--h2-spacing)!important;font-style:var(--h2-style)!important}
h3,.process-card h3,.topic-card h3,.premium-image-content h3,.entry-content h3{font-family:var(--h3-font)!important;font-size:var(--h3-size)!important;font-weight:var(--h3-weight)!important;line-height:var(--h3-line-height)!important;letter-spacing:var(--h3-spacing)!important;font-style:var(--h3-style)!important}
.lead,.hero-intro,.section-heading p,.account-copy>.lead,.philosophy-copy>.lead,.premium-quote{font-family:var(--lead-font)!important;font-size:var(--lead-size)!important;font-weight:var(--lead-weight)!important;line-height:var(--lead-line-height)!important;font-style:var(--lead-style)!important;letter-spacing:var(--lead-spacing)!important}
@media(max-width:680px){body,.entry-content,.flex-section-text,.process-card p,.topic-card p,.post-card p,.premium-image-content p,.account-benefits,.check-list,.cta-panel p,.philosophy-copy p{font-size:var(--body-mobile-size)!important}h1,.hero h1,.page-hero h1,.entry-content h1{font-size:var(--h1-mobile-size)!important}h2,.section-heading h2,.split-grid h2,.cta-panel h2,.flexible-section h2,.account-copy h2,.entry-content h2,.post-card h2{font-size:var(--h2-mobile-size)!important}h3,.process-card h3,.topic-card h3,.premium-image-content h3,.entry-content h3{font-size:var(--h3-mobile-size)!important}.lead,.hero-intro,.section-heading p,.account-copy>.lead,.philosophy-copy>.lead,.premium-quote{font-size:var(--lead-mobile-size)!important}}

/* Version 9 – Menüvarianten, verlinkbare Startseitenkarten und modularer Footer */
.scm-menu-icon-compact .nav-toggle-icon{width:22px!important;height:14px!important}.scm-menu-icon-compact .nav-toggle-icon i{width:22px!important}.scm-menu-icon-balanced .nav-toggle-icon{width:24px!important;height:18px!important}.scm-menu-icon-balanced .nav-toggle-icon i{width:24px!important}.scm-menu-icon-airy .nav-toggle-icon{width:28px!important;height:24px!important}.scm-menu-icon-airy .nav-toggle-icon i{width:28px!important}
.scm-menu-icon-compact .nav-toggle[aria-expanded="true"] .nav-toggle-icon i:nth-child(1){transform:translateY(6px) rotate(45deg)!important}.scm-menu-icon-compact .nav-toggle[aria-expanded="true"] .nav-toggle-icon i:nth-child(3){transform:translateY(-6px) rotate(-45deg)!important}.scm-menu-icon-balanced .nav-toggle[aria-expanded="true"] .nav-toggle-icon i:nth-child(1){transform:translateY(8px) rotate(45deg)!important}.scm-menu-icon-balanced .nav-toggle[aria-expanded="true"] .nav-toggle-icon i:nth-child(3){transform:translateY(-8px) rotate(-45deg)!important}.scm-menu-icon-airy .nav-toggle[aria-expanded="true"] .nav-toggle-icon i:nth-child(1){transform:translateY(11px) rotate(45deg)!important}.scm-menu-icon-airy .nav-toggle[aria-expanded="true"] .nav-toggle-icon i:nth-child(3){transform:translateY(-11px) rotate(-45deg)!important}
.premium-value-grid>a.premium-value-card{position:relative;display:block;min-width:0;padding:30px 26px;border-right:1px solid rgba(255,255,255,.08);transition:background .25s,transform .25s}.premium-value-grid>a.premium-value-card:last-child{border-right:0}.premium-value-card strong,.premium-value-card small{display:block}.premium-value-card strong{margin:7px 0;color:#fff;font-size:14px}.premium-value-card small{color:#94a7c2;font-size:12px}.premium-value-card:hover,.premium-value-card:focus-visible{z-index:1;background:linear-gradient(145deg,rgba(216,181,105,.15),rgba(105,220,237,.05));transform:translateY(-3px);outline:none}.value-link{display:block;margin-top:11px;color:#e2c374;font-size:11px;font-weight:800;opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}.premium-value-card:hover .value-link,.premium-value-card:focus-visible .value-link{opacity:1;transform:none}
.process-card-link{display:flex;min-width:0;height:auto;overflow:visible;flex-direction:column;color:inherit;text-decoration:none!important}.process-card-link p{flex:1}.card-link-label{display:block;margin-top:18px;color:#9c722a;font-size:13px;opacity:.72;transition:opacity .2s,transform .2s}.process-card-link:hover .card-link-label,.process-card-link:focus-visible .card-link-label{opacity:1;transform:translateX(4px)}.process-card-link:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.footer-grid.footer-grid-equal{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.footer-column{min-width:0;padding:28px;border:1px solid rgba(232,198,125,.18);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018))}.site-footer .footer-column h3{margin:0 0 23px;color:#e8ca86!important;font-size:17px!important;letter-spacing:.02em}.footer-fields{display:grid;gap:14px}.footer-field{min-width:0;padding-top:13px;border-top:1px solid rgba(255,255,255,.08)}.footer-field:first-child{padding-top:0;border-top:0}.footer-field p{margin:0;color:#aebbd0}.footer-field img{display:block;max-width:100%;max-height:150px;width:auto;border-radius:12px;object-fit:contain}.footer-field a{transition:color .2s}.footer-field a:hover{color:#e8ca86}
@media(max-width:980px){.premium-value-grid>a.premium-value-card:nth-child(2){border-right:0}.footer-grid.footer-grid-equal{grid-template-columns:1fr 1fr}.footer-column:last-child{grid-column:1/-1}}
@media(max-width:680px){.premium-value-grid>a.premium-value-card{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.premium-value-grid>a.premium-value-card:last-child{border-bottom:0}.value-link{opacity:1;transform:none}.footer-grid.footer-grid-equal{grid-template-columns:1fr}.footer-column:last-child{grid-column:auto}}

/* Version 10 – klare Menülinien sowie steuerbare Beitragsmetadaten und Bildgrössen */
.scm-menu-drawer .nav-toggle{width:52px;height:46px;min-height:46px;padding:5px;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--menu-icon-color)}.scm-menu-drawer .nav-toggle:hover{border-color:transparent;background:rgba(232,202,134,.08)}.header-light .nav-toggle{color:var(--menu-icon-color)}
.scm-menu-drawer .nav-toggle-icon{display:flex!important;align-items:stretch!important;justify-content:space-between!important;flex-direction:column!important;gap:0!important}.scm-menu-drawer .nav-toggle-icon i{display:block!important;margin:0!important;border-radius:2px!important;background:currentColor!important;transform-origin:center!important}
.scm-menu-icon-fine .nav-toggle-icon{width:32px!important;height:16px!important}.scm-menu-icon-fine .nav-toggle-icon i{width:32px!important;height:2px!important;min-height:2px!important;flex:0 0 2px!important}.scm-menu-icon-classic .nav-toggle-icon{width:34px!important;height:20px!important}.scm-menu-icon-classic .nav-toggle-icon i{width:34px!important;height:2px!important;min-height:2px!important;flex:0 0 2px!important}.scm-menu-icon-strong .nav-toggle-icon{width:36px!important;height:23px!important}.scm-menu-icon-strong .nav-toggle-icon i{width:36px!important;height:3px!important;min-height:3px!important;flex:0 0 3px!important}
.scm-menu-icon-fine .nav-toggle[aria-expanded="true"] .nav-toggle-icon i:nth-child(1){transform:translateY(7px) rotate(45deg)!important}.scm-menu-icon-fine .nav-toggle[aria-expanded="true"] .nav-toggle-icon i:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important}.scm-menu-icon-classic .nav-toggle[aria-expanded="true"] .nav-toggle-icon i:nth-child(1){transform:translateY(9px) rotate(45deg)!important}.scm-menu-icon-classic .nav-toggle[aria-expanded="true"] .nav-toggle-icon i:nth-child(3){transform:translateY(-9px) rotate(-45deg)!important}.scm-menu-icon-strong .nav-toggle[aria-expanded="true"] .nav-toggle-icon i:nth-child(1){transform:translateY(10px) rotate(45deg)!important}.scm-menu-icon-strong .nav-toggle[aria-expanded="true"] .nav-toggle-icon i:nth-child(3){transform:translateY(-10px) rotate(-45deg)!important}
.post-categories{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:18px;font-family:var(--font-menu);font-size:13px;font-weight:800;letter-spacing:.04em}.post-categories .category-prefix{color:var(--dark-muted)}.post-categories a{color:var(--cyan);transition:color .2s,background .2s,transform .2s}.post-categories a:hover{color:#fff}.post-categories.category-style-pill{gap:9px}.post-categories.category-style-pill .category-prefix{margin-right:2px}.post-categories.category-style-pill a{display:inline-flex;align-items:center;min-height:36px;padding:0 15px;border:1px solid rgba(232,202,134,.55);border-radius:999px;background:linear-gradient(135deg,rgba(232,202,134,.2),rgba(200,148,53,.11));color:#f0d593}.post-categories.category-style-pill a:hover{background:#d4a547;color:#07111f;transform:translateY(-1px)}.post-meta{display:block;margin-top:18px;color:var(--dark-muted);font-size:14px}
.single-featured-image{width:var(--featured-image-width);max-width:100%;margin-bottom:38px}.single-featured-image img{display:block!important;width:100%!important;max-width:100%!important;height:auto;border-radius:var(--radius)}.entry-content>img,.entry-content>p>img{display:block;width:auto;max-width:var(--content-image-width)!important;height:auto}.entry-content figure.wp-block-image{width:var(--content-image-width);max-width:100%!important}.entry-content figure.wp-block-image img{display:block;width:100%!important;max-width:100%!important;height:auto}.scm-content-images-left .single-featured-image,.scm-content-images-left .entry-content>img,.scm-content-images-left .entry-content>p>img,.scm-content-images-left .entry-content figure.wp-block-image{margin-left:0;margin-right:auto}.scm-content-images-center .single-featured-image,.scm-content-images-center .entry-content>img,.scm-content-images-center .entry-content>p>img,.scm-content-images-center .entry-content figure.wp-block-image{margin-left:auto;margin-right:auto}.scm-content-images-right .single-featured-image,.scm-content-images-right .entry-content>img,.scm-content-images-right .entry-content>p>img,.scm-content-images-right .entry-content figure.wp-block-image{margin-left:auto;margin-right:0}.post-card .post-meta{color:var(--muted)}
@media(max-width:680px){.single-featured-image{width:var(--featured-image-mobile-width)}.entry-content>img,.entry-content>p>img{max-width:var(--content-image-mobile-width)!important}.entry-content figure.wp-block-image{width:var(--content-image-mobile-width)}}

/* Version 10.0.2 – ausschliesslich goldene Linien, immer transparenter Button */
.scm-menu-drawer .nav-toggle,.scm-menu-drawer .nav-toggle:hover,.scm-menu-drawer .nav-toggle:focus,.scm-menu-drawer .nav-toggle:focus-visible,.scm-menu-drawer .nav-toggle:active,.scm-menu-drawer .nav-toggle[aria-expanded="true"],.header-light .nav-toggle,.header-light .nav-toggle:hover,.header-light .nav-toggle:focus,.header-light .nav-toggle:active{border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;color:var(--menu-icon-color)!important;filter:none!important}.scm-menu-drawer .nav-toggle:hover{transform:none}.scm-menu-drawer .nav-toggle:focus-visible{outline:2px solid var(--menu-icon-color);outline-offset:4px}.scm-menu-drawer .nav-toggle-icon i{background:linear-gradient(90deg,#b98227,var(--menu-icon-color) 48%,#f4dfa7)!important;box-shadow:0 0 8px rgba(232,202,134,.14)}

/* Version 10.0.3 – sichtbarer Buttonrahmen mit transparenter Innenfläche */
.scm-menu-drawer .nav-toggle,.header-light .nav-toggle{width:58px!important;height:52px!important;min-height:52px!important;padding:8px!important;border:1px solid rgba(232,202,134,.58)!important;border-radius:14px!important;background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 8px 24px rgba(0,0,0,.16)!important;color:var(--menu-icon-color)!important;transition:border-color .22s,box-shadow .22s,transform .22s!important}
.scm-menu-drawer .nav-toggle:hover,.scm-menu-drawer .nav-toggle:focus,.scm-menu-drawer .nav-toggle:active,.scm-menu-drawer .nav-toggle[aria-expanded="true"],.header-light .nav-toggle:hover,.header-light .nav-toggle:focus,.header-light .nav-toggle:active{border:1px solid rgba(244,223,167,.92)!important;border-radius:14px!important;background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.055),0 10px 28px rgba(0,0,0,.2),0 0 18px rgba(232,202,134,.12)!important}.scm-menu-drawer .nav-toggle:hover{transform:translateY(-1px)!important}.scm-menu-drawer .nav-toggle:active{transform:translateY(0)!important}.scm-menu-drawer .nav-toggle:focus-visible{outline:2px solid var(--menu-icon-color)!important;outline-offset:3px!important}

/* Version 10.0.4 – dunkle Premiumfläche zwischen den goldenen Linien */
.scm-menu-drawer .nav-toggle,.header-light .nav-toggle{background-color:rgba(6,16,29,.88)!important;background-image:linear-gradient(145deg,rgba(18,39,69,.94),rgba(5,13,24,.96))!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.scm-menu-drawer .nav-toggle:hover,.scm-menu-drawer .nav-toggle:focus,.scm-menu-drawer .nav-toggle:active,.scm-menu-drawer .nav-toggle[aria-expanded="true"],.header-light .nav-toggle:hover,.header-light .nav-toggle:focus,.header-light .nav-toggle:active{background-color:rgba(7,18,33,.94)!important;background-image:linear-gradient(145deg,rgba(24,48,82,.97),rgba(6,15,27,.98))!important}

/* Version 10.0.5 – weissen Hintergrund des Liniencontainers neutralisieren */
.scm-menu-drawer .nav-toggle span.nav-toggle-icon,.header-light .nav-toggle span.nav-toggle-icon,.nav-toggle span.nav-toggle-icon:not(.screen-reader-text){margin:0!important;padding:0!important;background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important}
.scm-menu-drawer .nav-toggle span.nav-toggle-icon i,.header-light .nav-toggle span.nav-toggle-icon i{background-color:#d4a547!important;background-image:linear-gradient(90deg,#b67a1c 0,#d9ab43 48%,#c58a25 100%)!important;box-shadow:0 0 7px rgba(212,165,71,.2)!important}

/* Version 10.0.6 – konfigurierbare Goldnummern, blaue Kontur und Goldlinks */
.process-card>span,.topic-card>span{display:inline-grid;place-items:center;align-self:flex-start;width:auto;min-width:42px;min-height:30px;padding:4px 10px;border-radius:999px;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(244,247,252,.76));box-shadow:inset 0 1px rgba(255,255,255,.9);font-weight:900;letter-spacing:.1em}
.process-card>span{border:var(--process-number-border-width) solid var(--process-number-border-color);color:var(--process-number-color)}
.topic-card>span{border:var(--topic-number-border-width) solid var(--topic-number-border-color);color:var(--topic-number-color)}
.topic-card b{color:var(--topic-link-color)!important;transition:color .2s,transform .2s}.topic-card:hover b,.topic-card:focus-visible b{color:var(--topic-link-hover-color)!important;transform:translateX(4px)}

/* Version 10.0.8 – einheitliches 16:9-Format für Bilder in Beiträgen und Seiten */
.single-featured-image,.entry-content figure.wp-block-image{aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius);background:var(--content-image-frame-bg)}
.single-featured-image img,.entry-content figure.wp-block-image img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;object-position:center}
.entry-content>img,.entry-content>p>img{display:block!important;width:var(--content-image-width)!important;max-width:100%!important;aspect-ratio:16/9;height:auto!important;object-position:center;border-radius:var(--radius);background:var(--content-image-frame-bg)}
.scm-content-image-fit-cover .single-featured-image img,.scm-content-image-fit-cover .entry-content figure.wp-block-image img,.scm-content-image-fit-cover .entry-content>img,.scm-content-image-fit-cover .entry-content>p>img{object-fit:cover!important}
.scm-content-image-fit-contain .single-featured-image img,.scm-content-image-fit-contain .entry-content figure.wp-block-image img,.scm-content-image-fit-contain .entry-content>img,.scm-content-image-fit-contain .entry-content>p>img{object-fit:contain!important}
@media(max-width:680px){.entry-content>img,.entry-content>p>img{width:var(--content-image-mobile-width)!important}}

/* Version 10.0.9 – eigenes Header-Logo aus den Theme-Einstellungen */
.brand .scm-header-logo,.brand .custom-logo{display:block;width:var(--header-logo-width);max-width:min(var(--header-logo-width),42vw);height:auto;max-height:64px;object-fit:contain}
@media(max-width:680px){.brand .scm-header-logo,.brand .custom-logo{width:var(--header-logo-mobile-width);max-width:min(var(--header-logo-mobile-width),48vw);max-height:54px}}


/* Version 11.4.1 – stabile, menschenfreundliche Untermenü-Steuerung */
.scm-menu-drawer .primary-nav .submenu-toggle{
 width:46px;height:46px;top:7px;border-radius:12px;cursor:pointer;
 border-color:rgba(232,202,134,.28);background:rgba(255,255,255,.075);
 transition:background .2s,border-color .2s,transform .2s;
}
.scm-menu-drawer .primary-nav .submenu-toggle:hover,
.scm-menu-drawer .primary-nav .submenu-toggle:focus-visible{
 background:rgba(232,202,134,.14);border-color:rgba(232,202,134,.55);outline:2px solid rgba(105,220,237,.25);outline-offset:2px
}
.scm-menu-drawer .primary-nav>ul>li>a{padding-right:58px}
.scm-menu-drawer .primary-nav .sub-menu a{min-height:44px;display:flex;align-items:center;padding-top:11px;padding-bottom:11px}
.scm-submenu-mode-click .primary-nav .menu-item-has-children:hover>.sub-menu:not(.force-open){display:none}
.scm-submenu-mode-click .primary-nav .menu-item-has-children.submenu-open>.sub-menu{display:grid!important}
.scm-submenu-mode-click .primary-nav .menu-item-has-children:hover>.submenu-toggle span{transform:none}
.scm-submenu-mode-click .primary-nav .menu-item-has-children.submenu-open>.submenu-toggle span{transform:rotate(180deg)}

/* ==========================================================
   v11.5.0 – Kontextbezogene Typografie
   ========================================================== */

/* Empfohlenes Standardset: hochwertig, schweizerisch, ruhig */
.scm-font-pairing-swiss_premium{
 --font-body:"Helvetica Neue",Helvetica,Arial,sans-serif;
 --font-heading:"Helvetica Neue",Helvetica,Arial,sans-serif;
 --font-menu:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.scm-font-pairing-modern_finance{
 --font-body:Inter,system-ui,-apple-system,sans-serif;
 --font-heading:Inter,system-ui,-apple-system,sans-serif;
 --font-menu:Inter,system-ui,-apple-system,sans-serif;
}
.scm-font-pairing-editorial{
 --font-body:"Helvetica Neue",Helvetica,Arial,sans-serif;
 --font-heading:Georgia,"Times New Roman",serif;
 --font-menu:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.scm-font-pairing-technical{
 --font-body:"Trebuchet MS",Arial,sans-serif;
 --font-heading:"Trebuchet MS",Arial,sans-serif;
 --font-menu:system-ui,-apple-system,sans-serif;
}
/* Custom lässt die bereits im Customizer gewählten Einzelwerte unangetastet. */
.scm-font-pairing-custom{}

/* Kategorien und Archive: globales H1 bewusst überschreiben */
.archive-hero .archive-title{
 font-family:var(--font-heading);
 font-size:var(--archive-title-size)!important;
 font-weight:var(--archive-title-weight);
 line-height:var(--archive-title-line-height);
 letter-spacing:-.025em;
 max-width:1050px;
 margin-bottom:18px;
 overflow-wrap:break-word;
}
.archive-hero .archive-description,
.archive-hero .archive-description p{
 font-family:var(--font-body);
 font-size:var(--archive-desc-size);
 font-weight:var(--archive-desc-weight);
 line-height:var(--archive-desc-line-height);
 max-width:1120px;
}
.archive-hero .archive-description p:last-child{margin-bottom:0}

/* Beitragskarten: NICHT mehr von der globalen H2-Größe abhängig */
.post-card .post-card-body h2{
 font-family:var(--font-heading);
 font-size:var(--card-title-size)!important;
 font-weight:var(--card-title-weight);
 line-height:var(--card-title-line-height);
 letter-spacing:var(--card-title-spacing);
 margin:14px 0 14px;
 overflow-wrap:break-word;
 hyphens:auto;
}
.post-card .post-card-body h2 a{color:inherit}
.post-card .post-card-excerpt,
.post-card .post-card-body > p{
 font-family:var(--font-body);
 font-size:var(--card-excerpt-size)!important;
 font-weight:var(--card-excerpt-weight);
 line-height:var(--card-excerpt-line-height);
 margin-top:0;
}

/* Normale Seiten */
.standard-page-hero .page-title{
 font-family:var(--font-heading);
 font-size:var(--page-title-size)!important;
 font-weight:var(--page-title-weight);
 line-height:var(--page-title-line-height);
}
.page-entry-content{
 font-family:var(--font-body);
 font-size:var(--page-body-size)!important;
 line-height:var(--page-body-line-height);
}
.page-entry-content h2,.single-entry-content h2{
 font-size:var(--content-h2-size)!important;
 line-height:1.16;
 margin-top:var(--content-heading-margin);
 margin-bottom:16px;
}
.page-entry-content h3,.single-entry-content h3{
 font-size:var(--content-h3-size)!important;
 line-height:1.22;
 margin-top:calc(var(--content-heading-margin) * .82);
 margin-bottom:12px;
}

/* Einzelbeiträge */
.single-post-hero .single-post-title{
 font-family:var(--font-heading);
 font-size:var(--single-title-size)!important;
 font-weight:var(--single-title-weight);
 line-height:var(--single-title-line-height);
 overflow-wrap:break-word;
}
.single-entry-content{
 font-family:var(--font-body);
 font-size:var(--single-body-size)!important;
 line-height:var(--single-body-line-height);
}

/* Ruhigere Standarddarstellung für Raster, passend zum Screenshot */
.archive .post-grid,.blog .post-grid{
 align-items:stretch;
}
.archive .post-card,.blog .post-card{
 display:flex;
 flex-direction:column;
 min-width:0;
}
.archive .post-card-body,.blog .post-card-body{
 flex:1;
}
.archive .post-card img,.blog .post-card img{
 display:block;
}

/* abgestimmte Gewichtung pro Schrift-Set */
.scm-font-pairing-swiss_premium .post-card h2,
.scm-font-pairing-swiss_premium .archive-title{letter-spacing:-.025em}
.scm-font-pairing-editorial .archive-title,
.scm-font-pairing-editorial .single-post-title,
.scm-font-pairing-editorial .page-title{letter-spacing:-.015em}

@media(max-width:680px){
 .archive-hero .archive-title{font-size:var(--archive-title-mobile-size)!important}
 .archive-hero .archive-description,.archive-hero .archive-description p{font-size:var(--archive-desc-mobile-size)}
 .post-card .post-card-body h2{font-size:var(--card-title-mobile-size)!important}
 .post-card .post-card-excerpt,.post-card .post-card-body > p{font-size:var(--card-excerpt-mobile-size)!important}
 .standard-page-hero .page-title{font-size:var(--page-title-mobile-size)!important}
 .page-entry-content{font-size:var(--page-body-mobile-size)!important}
 .single-post-hero .single-post-title{font-size:var(--single-title-mobile-size)!important}
 .single-entry-content{font-size:var(--single-body-mobile-size)!important}
 .page-entry-content h2,.single-entry-content h2{font-size:var(--content-h2-mobile-size)!important}
 .page-entry-content h3,.single-entry-content h3{font-size:var(--content-h3-mobile-size)!important}
}


/* SCM_BUILD 11.5.1 – Update-/Cache-Korrektur
   Diese Regeln sind absichtlich am Dateiende, damit ältere Theme-Regeln
   die neuen Kategorie- und Karten-Schriftgrössen nicht wieder überschreiben. */
body.archive .archive-hero .archive-title{
 font-size:var(--archive-title-size)!important;
 line-height:var(--archive-title-line-height)!important;
 font-weight:var(--archive-title-weight)!important;
}
body.archive .post-grid .post-card .post-card-body h2,
body.blog .post-grid .post-card .post-card-body h2{
 font-size:var(--card-title-size)!important;
 line-height:var(--card-title-line-height)!important;
 font-weight:var(--card-title-weight)!important;
 letter-spacing:var(--card-title-spacing)!important;
}
body.archive .post-grid .post-card .post-card-body>p,
body.blog .post-grid .post-card .post-card-body>p{
 font-size:var(--card-excerpt-size)!important;
 line-height:var(--card-excerpt-line-height)!important;
 font-weight:var(--card-excerpt-weight)!important;
}
@media(max-width:680px){
 body.archive .archive-hero .archive-title{font-size:var(--archive-title-mobile-size)!important}
 body.archive .post-grid .post-card .post-card-body h2,
 body.blog .post-grid .post-card .post-card-body h2{font-size:var(--card-title-mobile-size)!important}
 body.archive .post-grid .post-card .post-card-body>p,
 body.blog .post-grid .post-card .post-card-body>p{font-size:var(--card-excerpt-mobile-size)!important}
}

/* ==========================================================
   v11.6.0 – Private Banking / seriöse Vermögensverwaltung
   Ruhigere Typografie, mehr Weissraum, weniger Marketing-Optik
   ========================================================== */
body{font-size:var(--body-size);line-height:1.65}
.hero h1{font-size:clamp(36px,4.5vw,var(--h1-size));line-height:1.06;letter-spacing:-.035em}
.hero-intro{font-size:17px;line-height:1.7;max-width:720px}
.section-heading h2,.split-grid h2,.cta-panel h2,.flexible-section h2{
 font-size:clamp(27px,3vw,var(--h2-size));line-height:1.12;letter-spacing:-.025em
}
.eyebrow,.premium-badge{font-size:10px;letter-spacing:.11em}
.process-card h3,.topic-card h3{font-size:21px;line-height:1.22;letter-spacing:-.02em}
.process-card p,.topic-card p{font-size:15px;line-height:1.62}
.archive-hero{padding-top:68px;padding-bottom:68px}
.archive-hero .archive-title{max-width:980px}
.archive-hero .archive-description,.archive-hero .archive-description p{max-width:1080px}
.post-card .post-card-body{padding:25px 26px 28px}
.post-card .post-card-body h2{margin:7px 0 12px}
.post-card .post-card-body>p{color:#657087}
.entry-content{max-width:920px}
.page-entry-content p,.single-entry-content p{margin-bottom:1.25em}
.page-entry-content h2,.single-entry-content h2{letter-spacing:-.02em}
.page-entry-content h3,.single-entry-content h3{letter-spacing:-.015em}
.primary-nav>ul>li>a{font-weight:600;letter-spacing:.005em}
.button{font-size:13px;font-weight:700;letter-spacing:.015em;padding:12px 20px}
.metric-card strong{font-size:20px}
.premium-value-grid strong{font-size:13px}
.premium-value-grid small{font-size:11.5px;line-height:1.55}
@media(max-width:680px){
 .hero-intro{font-size:16px}
 .process-card h3,.topic-card h3{font-size:20px}
 .archive-hero{padding-top:48px;padding-bottom:48px}
 .post-card .post-card-body{padding:22px}
}

/* ==========================================================
   v11.8.0 – Startseiten-Titel vereinheitlicht,
   Seiten-/Beitragstitel kleiner, Kategorie-Header korrigiert
   ========================================================== */

/* 1) Alle wesentlichen Startseiten-Unter-/Abschnittstitel bewusst gleich groß */
body.home .section-heading h2,
body.home .split-grid h2,
body.home .cta-panel h2,
body.home .flexible-section h2,
body.home .premium-philosophy h2,
body.home .philosophy-copy h2{
    font-family:var(--font-heading);
    font-size:var(--home-section-title-size)!important;
    font-weight:var(--home-section-title-weight)!important;
    line-height:var(--home-section-title-line-height)!important;
    letter-spacing:-.022em!important;
    max-width:820px;
}

/* Die Abschnittstitel sollen hochwertig wirken, aber nicht plakativ */
body.home .section-heading{
    max-width:820px;
}
body.home .section-heading p,
body.home .lead,
body.home .flex-section-text{
    font-size:16px;
    line-height:1.7;
}

/* Hero-H1 bleibt die bewusste Ausnahme und darf größer sein */
body.home .hero h1{
    font-size:clamp(36px,4.2vw,54px)!important;
    line-height:1.07!important;
}

/* 2) H1 auf normalen Seiten und Einzelbeiträgen nochmals kleiner */
body.page .standard-page-hero .page-title{
    font-size:var(--page-title-size)!important;
    line-height:1.10!important;
    letter-spacing:-.025em!important;
    max-width:980px;
}
body.single .single-post-hero .single-post-title{
    font-size:var(--single-title-size)!important;
    line-height:1.10!important;
    letter-spacing:-.025em!important;
    max-width:980px;
}

/* 3) Kategorie-/Archiv-Header:
   transparentes Header-Layout darf die kleine Überschrift nicht mehr verdecken */
.site-header.header-transparent + #content .archive-hero{
    padding-top:150px!important;
}
.archive-hero{
    position:relative;
    overflow:visible!important;
}
.archive-hero .eyebrow{
    position:relative;
    z-index:3;
    display:block;
    margin:0 0 18px 0!important;
    padding:0!important;
    line-height:1.35!important;
    min-height:14px;
    overflow:visible!important;
}
.archive-hero .archive-title{
    position:relative;
    z-index:2;
    margin-top:0!important;
}

/* Sicherheit gegen Abschneiden durch transform/line-height in alten Regeln */
.archive-hero .container{
    overflow:visible!important;
}

/* Beitragskarten weiterhin kompakt */
body.archive .post-card .post-card-body h2,
body.blog .post-card .post-card-body h2{
    font-size:22px!important;
    line-height:1.18!important;
}

@media(max-width:980px){
    .site-header.header-transparent + #content .archive-hero{
        padding-top:130px!important;
    }
}

@media(max-width:680px){
    body.home .section-heading h2,
    body.home .split-grid h2,
    body.home .cta-panel h2,
    body.home .flexible-section h2,
    body.home .premium-philosophy h2,
    body.home .philosophy-copy h2{
        font-size:var(--home-section-title-mobile-size)!important;
    }

    body.page .standard-page-hero .page-title{
        font-size:var(--page-title-mobile-size)!important;
    }
    body.single .single-post-hero .single-post-title{
        font-size:var(--single-title-mobile-size)!important;
    }

    .site-header.header-transparent + #content .archive-hero{
        padding-top:115px!important;
    }
}

/* ==========================================================
   v11.10.0 – Einheitliche, ruhigere Startseiten-Typografie
   ========================================================== */

body.home .hero h1{
    font-size:var(--home-hero-title-size)!important;
    line-height:1.08!important;
    letter-spacing:-.028em!important;
    font-weight:700!important;
    max-width:660px!important;
}

body.home .section-heading h2,
body.home .split-grid h2,
body.home .cta-panel h2,
body.home .flexible-section h2,
body.home .premium-philosophy h2,
body.home .philosophy-copy h2,
body.home .account-structure-title,
body.home .process-title{
    font-size:var(--home-section-title-size)!important;
    line-height:var(--home-section-title-line-height)!important;
    font-weight:700!important;
    letter-spacing:-.022em!important;
}

body.home .hero-intro{
    font-size:16px!important;
    line-height:1.72!important;
    max-width:620px!important;
}
body.home .section-heading p,
body.home .lead,
body.home .flex-section-text,
body.home .philosophy-copy p{
    font-size:15px!important;
    line-height:1.68!important;
}

body.home .topic-card h3,
body.home .process-card h3{
    font-size:var(--home-card-title-size)!important;
    line-height:1.18!important;
    font-weight:700!important;
    letter-spacing:-.018em!important;
}

body.home .topic-card{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(21,43,72,.12)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,250,253,.96))!important;
    box-shadow:0 18px 48px rgba(17,37,66,.08),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
body.home .topic-card:before{
    content:"";
    position:absolute;
    left:0;top:0;right:0;
    height:3px;
    background:linear-gradient(90deg,#b98b2f,#f0cf80 48%,#7ddbe7);
    opacity:.9;
}
body.home .topic-card>span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:42px;
    height:28px;
    padding:0 10px;
    border-radius:999px;
    border:1px solid rgba(183,138,47,.45);
    background:linear-gradient(180deg,#fffaf0,#f7f2e7);
    color:#9b6c13!important;
    font-size:11px!important;
    font-weight:800!important;
    letter-spacing:.08em!important;
}
body.home .topic-card p{
    font-size:14px!important;
    line-height:1.62!important;
    color:#5f6b7e!important;
}
body.home .topic-card b{
    color:#a87518!important;
    font-size:13px!important;
}

body.home .process-card{
    border:1px solid rgba(21,43,72,.11)!important;
    background:linear-gradient(180deg,#fff,#fafbfd)!important;
}
body.home .process-card>span{
    color:#a87518!important;
}

body.home .split-grid h2,
body.home .section-heading h2{
    max-width:780px!important;
}

body.home .section-heading{margin-bottom:34px!important}
body.home .section-heading h2{margin-bottom:10px!important}

@media(max-width:680px){
    body.home .hero h1{
        font-size:var(--home-hero-title-mobile-size)!important;
        max-width:none!important;
    }
    body.home .section-heading h2,
    body.home .split-grid h2,
    body.home .cta-panel h2,
    body.home .flexible-section h2,
    body.home .premium-philosophy h2,
    body.home .philosophy-copy h2{
        font-size:var(--home-section-title-mobile-size)!important;
    }
    body.home .topic-card h3,
    body.home .process-card h3{
        font-size:var(--home-card-title-mobile-size)!important;
    }
}

/* ==========================================================
   v11.12.0 – Einheitliche Pfad-/Kategorieanzeige
   und gleichmäßige Karten-Zusammenfassungen
   ========================================================== */

.context-path{
    display:flex;
    align-items:center;
    margin:0 0 16px;
    min-height:26px;
    font-family:var(--font-body);
    font-size:12px;
    line-height:1.35;
    font-weight:700;
    letter-spacing:.015em;
    color:#f3f6fb;
}
.context-path a,
.context-path span{
    display:inline-flex;
    align-items:center;
    gap:7px;
    color:inherit;
    text-decoration:none;
}
.context-path a:hover{
    color:var(--cyan);
}
.context-path a:before,
.context-path span:before{
    content:"";
    width:5px;
    height:5px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--gold),var(--cyan));
    box-shadow:0 0 10px rgba(244,185,79,.24);
}

/* Der Pfad sitzt auf allen Hero-Köpfen an derselben Position */
.single-post-hero .context-path,
.standard-page-hero .context-path,
.archive-hero .context-path{
    position:relative;
    z-index:5;
    margin-bottom:14px;
}

/* Kategorie-Haupttitel ohne doppeltes "Kategorie:" */
.archive-hero .archive-title{
    margin-top:0!important;
}

/* Beitragskarten: gleiche Textfläche und visuelle Ruhe */
.post-card .post-card-body{
    display:flex;
    flex-direction:column;
}
.post-card .post-card-body h2{
    min-height:calc(var(--card-title-line-height) * 2em);
}
.post-card .post-card-excerpt{
    margin:0 0 18px!important;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
    overflow:hidden;
    min-height:calc(var(--card-excerpt-line-height) * 4em);
}
.post-card .text-link{
    margin-top:auto;
}

/* Falls Karten ohne Bild vorkommen: Titel startet trotzdem an ähnlicher Position */
.post-card:not(:has(img)) .post-card-body{
    padding-top:30px;
}

/* Mobile: weniger Zwangshöhe */
@media(max-width:680px){
    .context-path{font-size:11px;margin-bottom:12px}
    .post-card .post-card-body h2{min-height:auto}
    .post-card .post-card-excerpt{min-height:auto;-webkit-line-clamp:5}
}

/* ==========================================================
   v11.13.0 – Pfad-/Kategoriezeile überall gleich positioniert
   ========================================================== */

/*
 * Ziel:
 * - Pfad/Kategoriezeile auf Kategorien, Seiten und Beiträgen identisch.
 * - Keine Überdeckung durch Header/Logo.
 * - Einzelbeiträge behalten die bisher als korrekt empfundene Optik.
 */

/* Einheitliche Hero-Innenposition für alle Inhaltsseiten */
.archive-hero,
.single-post-hero,
.standard-page-hero{
    position:relative;
    padding-top:112px!important;
    padding-bottom:72px!important;
    overflow:visible!important;
}

/* Wenn der Header transparent/absolut ist, etwas mehr Sicherheitsabstand */
.site-header.header-transparent + #content .archive-hero,
.site-header.header-transparent + #content .single-post-hero,
.site-header.header-transparent + #content .standard-page-hero{
    padding-top:132px!important;
}

/* Pfadzeile überall identisch */
.archive-hero .context-path,
.single-post-hero .context-path,
.standard-page-hero .context-path{
    position:relative!important;
    z-index:10!important;
    display:flex!important;
    align-items:center!important;
    min-height:28px!important;
    margin:0 0 14px 0!important;
    padding:0!important;
    transform:none!important;
    overflow:visible!important;
    line-height:1.35!important;
}

/* Verhindert, dass ältere Eyebrow-/Hero-Regeln die Position verschieben */
.archive-hero .context-path *,
.single-post-hero .context-path *,
.standard-page-hero .context-path *{
    position:relative!important;
    top:auto!important;
    transform:none!important;
}

/* Titel immer sauber unterhalb des Pfades */
.archive-hero .archive-title,
.single-post-hero .single-post-title,
.standard-page-hero .page-title{
    margin-top:0!important;
    position:relative!important;
    z-index:5!important;
}

/* Kategorie-Seiten erhalten exakt dieselbe vertikale Logik wie Beiträge */
body.archive .archive-hero .container,
body.single .single-post-hero .container,
body.page .standard-page-hero .container{
    overflow:visible!important;
}

/* Tablet */
@media(max-width:980px){
    .archive-hero,
    .single-post-hero,
    .standard-page-hero{
        padding-top:104px!important;
        padding-bottom:58px!important;
    }

    .site-header.header-transparent + #content .archive-hero,
    .site-header.header-transparent + #content .single-post-hero,
    .site-header.header-transparent + #content .standard-page-hero{
        padding-top:122px!important;
    }
}

/* Mobil */
@media(max-width:680px){
    .archive-hero,
    .single-post-hero,
    .standard-page-hero{
        padding-top:92px!important;
        padding-bottom:46px!important;
    }

    .site-header.header-transparent + #content .archive-hero,
    .site-header.header-transparent + #content .single-post-hero,
    .site-header.header-transparent + #content .standard-page-hero{
        padding-top:108px!important;
    }

    .archive-hero .context-path,
    .single-post-hero .context-path,
    .standard-page-hero .context-path{
        min-height:24px!important;
        margin-bottom:11px!important;
    }
}

/* ==========================================================
   v11.16.0 – sichere, intuitive Menüsteuerung
   basiert auf dem funktionierenden Layout von 11.13.0
   ========================================================== */

/* Bestehendes Layout bleibt unangetastet. Nur Öffnungszustand wird ergänzt. */
.primary-nav li.submenu-open > .sub-menu{
    display:grid;
    visibility:visible;
    opacity:1;
    pointer-events:auto;
    transform:translateY(0);
}

/* Klick-Pfeil unauffällig in die bestehende Navigation integrieren */
.primary-nav .submenu-toggle{
    background:transparent;
    border:0;
    color:inherit;
    cursor:pointer;
    padding:6px 7px;
    margin-left:2px;
    line-height:1;
    border-radius:7px;
}
.primary-nav .submenu-toggle:hover,
.primary-nav .submenu-toggle:focus{
    background:rgba(255,255,255,.07);
    outline:1px solid rgba(244,185,79,.28);
}
.primary-nav .submenu-toggle span{
    display:block;
    transition:transform .2s ease;
}
.primary-nav .submenu-toggle[aria-expanded="true"] span{
    transform:rotate(180deg);
}

/* Mobil weiterhin klar per Klick */
@media(max-width:980px){
    .primary-nav li:hover > .sub-menu{
        display:none;
    }
    .primary-nav li.submenu-open > .sub-menu,
    .primary-nav li.submenu-open:hover > .sub-menu{
        display:grid;
    }
}

/* ==========================================================
   v11.17.0 – ausschließlich zugewiesenes WordPress-Menü
   ========================================================== */
.scm-menu-missing{
    max-width:520px;
    padding:8px 12px;
    border:1px solid rgba(244,185,79,.35);
    border-radius:8px;
    background:rgba(244,185,79,.08);
    color:#f4d38f;
    font-size:12px;
    line-height:1.4;
}
.scm-menu-missing a{
    color:#fff;
    text-decoration:underline;
}

/* Untermenüs immer aus dem echten WordPress-Menübaum */
.primary-nav .menu .sub-menu{
    z-index:999;
}

/* ==========================================================
   v11.18.0 – funktionierender Schließen-Button im Off-Canvas-Menü
   ========================================================== */

.scm-nav-close{
    display:none;
}

/* Das seitliche Menü aus dem Screenshot verwendet den mobilen/off-canvas Modus. */
@media(max-width:1200px){
    .primary-nav.is-open .scm-nav-close,
    body.nav-open .primary-nav .scm-nav-close{
        display:grid!important;
        place-items:center!important;
        position:absolute!important;
        top:20px!important;
        right:20px!important;
        z-index:10020!important;
        width:42px!important;
        height:42px!important;
        padding:0!important;
        border:1px solid rgba(255,255,255,.15)!important;
        border-radius:50%!important;
        background:rgba(255,255,255,.08)!important;
        color:#fff!important;
        cursor:pointer!important;
        box-shadow:0 8px 22px rgba(0,0,0,.18)!important;
        transition:background .18s ease,border-color .18s ease,transform .18s ease!important;
    }

    .primary-nav .scm-nav-close span{
        display:block!important;
        margin-top:-2px!important;
        font-family:Arial,sans-serif!important;
        font-size:26px!important;
        font-weight:400!important;
        line-height:1!important;
    }

    .primary-nav .scm-nav-close:hover,
    .primary-nav .scm-nav-close:focus-visible{
        background:rgba(255,255,255,.14)!important;
        border-color:rgba(244,185,79,.55)!important;
        transform:scale(1.04)!important;
        outline:none!important;
    }

    /* Menüinhalt bekommt rechts oben genügend Raum für den Schließen-Button. */
    .primary-nav.is-open,
    body.nav-open .primary-nav{
        padding-top:72px!important;
    }
}

/* Desktop-Hauptnavigation braucht keinen separaten X-Button. */
@media(min-width:1201px){
    .scm-nav-close{
        display:none!important;
    }
}

/* ==========================================================
   v11.19.0 – Markup-Korrektur Off-Canvas-Menü
   ========================================================== */

/* Der zusätzliche Button aus 11.18 wird nicht mehr verwendet. */
.scm-nav-close{
    display:none!important;
}

/* Der vorhandene, funktionierende Schließen-Button bleibt die einzige X-Steuerung. */
.drawer-heading .nav-close{
    position:relative;
    z-index:10020;
    cursor:pointer;
}

/* ==========================================================
   v11.20.0 – Vier-Slide-Karussell wieder aktiv
   ========================================================== */
.premium-slider.is-slider{
    position:relative;
    overflow:hidden;
}

.premium-slider.is-slider .premium-slider-track{
    display:flex!important;
    align-items:stretch;
    width:100%;
    transition:transform .65s cubic-bezier(.22,.75,.25,1);
    will-change:transform;
}

.premium-slider.is-slider .premium-image-card{
    flex:0 0 100%!important;
    min-width:100%!important;
    width:100%!important;
    margin:0!important;
}

.premium-slider.is-slider .slider-arrows{
    display:flex;
    justify-content:flex-end;
    gap:10px;
    margin-top:20px;
}

.premium-slider.is-slider .slider-prev,
.premium-slider.is-slider .slider-next{
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    border:1px solid rgba(169,119,29,.28);
    border-radius:50%;
    background:#fff;
    color:#8d651c;
    font-size:19px;
    cursor:pointer;
    box-shadow:0 8px 24px rgba(18,41,72,.08);
    transition:transform .2s ease,background .2s ease,border-color .2s ease;
}

.premium-slider.is-slider .slider-prev:hover,
.premium-slider.is-slider .slider-next:hover,
.premium-slider.is-slider .slider-prev:focus-visible,
.premium-slider.is-slider .slider-next:focus-visible{
    transform:translateY(-2px);
    background:#fffaf0;
    border-color:rgba(169,119,29,.55);
    outline:none;
}

.premium-slider.is-slider .slider-dots{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px;
    margin-top:17px;
}

.premium-slider.is-slider .slider-dot{
    width:8px;
    height:8px;
    padding:0;
    border:0;
    border-radius:999px;
    background:#cbd3df;
    cursor:pointer;
    transition:width .25s ease,background .25s ease;
}

.premium-slider.is-slider .slider-dot.is-active{
    width:28px;
    background:linear-gradient(90deg,#b68020,#edc96f);
}

@media(max-width:680px){
    .premium-slider.is-slider .slider-arrows{
        justify-content:center;
    }
    .premium-slider.is-slider .slider-prev,
    .premium-slider.is-slider .slider-next{
        width:40px;
        height:40px;
    }
}

@media(prefers-reduced-motion:reduce){
    .premium-slider.is-slider .premium-slider-track{
        transition:none!important;
    }
}

/* v11.21.0 – automatische Vorschautexte für alle Beitragskarten */
.post-card .post-card-excerpt{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:4!important;overflow:hidden!important;min-height:calc(var(--card-excerpt-line-height) * 4em)!important;margin:0 0 18px!important}
@media(max-width:680px){.post-card .post-card-excerpt{min-height:auto!important;-webkit-line-clamp:5!important}}


/* ==========================================================
   v11.22.0 – Menü-Konfigurationen
   ========================================================== */

/* Gemeinsame Anti-Flimmer-Basis */
.primary-nav .menu-item-has-children{
    position:relative;
}
.primary-nav .sub-menu{
    will-change:opacity,transform;
    transition:
        opacity .22s ease,
        transform .22s ease,
        visibility 0s linear .22s!important;
}
.primary-nav .menu-item-has-children.submenu-open > .sub-menu{
    transition:
        opacity .22s ease,
        transform .22s ease,
        visibility 0s linear 0s!important;
}
.primary-nav .sub-menu:before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:100%;
    height:max(14px,var(--submenu-gap));
    background:transparent;
}
.scm-menu-soft-transition .primary-nav .sub-menu{
    backface-visibility:hidden;
    transform-origin:top center;
}

/* Aktiver Elternpunkt */
.scm-menu-parent-active .primary-nav .menu-item-has-children.submenu-open > a,
.scm-menu-parent-active .primary-nav .current-menu-ancestor > a{
    color:var(--menu-hover)!important;
}

/* 1 smart / 2 click / 3 hover behalten bestehenden Look */
.scm-menu-config-smart .primary-nav .sub-menu,
.scm-menu-config-click .primary-nav .sub-menu,
.scm-menu-config-hover .primary-nav .sub-menu{
    border-radius:14px;
}

/* 4 Akkordeon */
.scm-menu-config-accordion .primary-nav > ul{
    display:block!important;
}
.scm-menu-config-accordion .primary-nav > ul > li{
    border-bottom:1px solid rgba(255,255,255,.08);
}
.scm-menu-config-accordion .primary-nav .sub-menu{
    position:static!important;
    display:none!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:none!important;
    min-width:0!important;
    margin:0 0 10px 12px!important;
    box-shadow:none!important;
}
.scm-menu-config-accordion .primary-nav li.submenu-open > .sub-menu{
    display:grid!important;
}

/* 5 Mega-Menü */
@media(min-width:981px){
    .scm-menu-config-mega .primary-nav > ul > li{
        position:static!important;
    }
    .scm-menu-config-mega .primary-nav{
        position:relative;
    }
    .scm-menu-config-mega .primary-nav .sub-menu{
        left:0!important;
        right:0!important;
        top:100%!important;
        width:min(1100px,calc(100vw - 80px))!important;
        max-width:none!important;
        margin-inline:auto!important;
        grid-template-columns:repeat(3,minmax(180px,1fr));
        gap:8px;
        padding:22px!important;
        border-radius:18px!important;
    }
    .scm-menu-config-mega .primary-nav li.submenu-open > .sub-menu,
    .scm-menu-config-mega .primary-nav li:hover > .sub-menu{
        display:grid!important;
    }
}

/* 6 Minimal */
.scm-menu-config-minimal .primary-nav > ul{
    gap:30px!important;
}
.scm-menu-config-minimal .primary-nav > ul > li > a{
    font-weight:500!important;
}
.scm-menu-config-minimal .submenu-toggle{
    border:0!important;
    background:transparent!important;
    width:24px!important;
    height:24px!important;
    opacity:.72;
}
.scm-menu-config-minimal .sub-menu{
    border:0!important;
    border-top:2px solid var(--gold)!important;
    border-radius:0 0 10px 10px!important;
    box-shadow:0 18px 46px rgba(4,16,31,.18)!important;
}

/* 7 Luxury */
.scm-menu-config-luxury .primary-nav > ul > li > a{
    letter-spacing:.02em;
}
.scm-menu-config-luxury .sub-menu{
    background:
      radial-gradient(circle at 100% 0,rgba(244,185,79,.13),transparent 34%),
      linear-gradient(145deg,rgba(13,28,52,.97),rgba(6,15,28,.98))!important;
    border:1px solid rgba(244,185,79,.22)!important;
    box-shadow:
      0 30px 70px rgba(0,0,0,.35),
      inset 0 1px rgba(255,255,255,.08)!important;
    backdrop-filter:blur(16px);
}
.scm-menu-config-luxury .sub-menu a:hover{
    background:linear-gradient(90deg,rgba(244,185,79,.12),rgba(105,220,237,.06))!important;
}
.scm-menu-config-luxury .submenu-toggle[aria-expanded="true"]{
    color:var(--gold)!important;
}

/* 8 Drawer */
.scm-menu-config-drawer .primary-nav{
    position:fixed!important;
    z-index:1002!important;
    top:0!important;
    bottom:0!important;
    right:0!important;
    width:min(420px,90vw)!important;
    padding:34px!important;
    display:flex!important;
    flex-direction:column!important;
    background:linear-gradient(155deg,#0b1a31,#050d18)!important;
    transform:translateX(105%)!important;
    visibility:hidden!important;
    transition:transform .35s ease,visibility .35s!important;
}
.scm-menu-config-drawer .primary-nav.is-open{
    transform:translateX(0)!important;
    visibility:visible!important;
}
.scm-menu-config-drawer .primary-nav > ul{
    display:block!important;
    overflow:auto!important;
}
.scm-menu-config-drawer .primary-nav .sub-menu{
    position:static!important;
    display:none!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
    transform:none!important;
    min-width:0!important;
    margin:0 0 14px 12px!important;
    box-shadow:none!important;
}
.scm-menu-config-drawer .primary-nav li.submenu-open > .sub-menu{
    display:grid!important;
}

/* Mobil bleibt immer klar und flimmerfrei */
@media(max-width:980px){
    .primary-nav .sub-menu{
        transition:none!important;
    }
    .primary-nav .menu-item-has-children > .sub-menu{
        display:none!important;
        position:static!important;
        visibility:visible!important;
        opacity:1!important;
        pointer-events:auto!important;
        transform:none!important;
    }
    .primary-nav .menu-item-has-children.submenu-open > .sub-menu{
        display:grid!important;
    }
}


/* ==========================================================
   v11.23.0 – Flimmerfreie Menü-Basis + 5 neue Styles
   ========================================================== */

/* Entscheidend: CSS-Hover öffnet in JS-Hover-Modi NICHT mehr sofort.
   Nur .submenu-open steuert die Sichtbarkeit. */
@media(min-width:981px){
  .scm-menu-js-hover-only .primary-nav li:hover > .sub-menu,
  .scm-menu-js-hover-only .primary-nav li:focus-within > .sub-menu{
      visibility:hidden!important;
      opacity:0!important;
      pointer-events:none!important;
      transform:translateY(8px)!important;
  }

  .scm-menu-js-hover-only .primary-nav li.submenu-open > .sub-menu,
  .scm-menu-js-hover-only .primary-nav li.submenu-open:hover > .sub-menu,
  .scm-menu-js-hover-only .primary-nav li.submenu-open:focus-within > .sub-menu{
      visibility:visible!important;
      opacity:1!important;
      pointer-events:auto!important;
      transform:translateY(0)!important;
  }
}

/* Noch stabilerer Übergang zwischen Parent und Submenu */
.primary-nav .menu-item-has-children > .sub-menu::after{
    content:"";
    position:absolute;
    left:-10px;
    right:-10px;
    bottom:100%;
    height:22px;
    background:transparent;
    pointer-events:auto;
}

/* Verhindert Mikro-Flimmern durch transform rounding */
.scm-menu-soft-transition .primary-nav .sub-menu{
    transform:translate3d(0,8px,0)!important;
    backface-visibility:hidden;
    -webkit-font-smoothing:antialiased;
}
.scm-menu-soft-transition .primary-nav li.submenu-open > .sub-menu{
    transform:translate3d(0,0,0)!important;
}

/* 9 Underline – bankentypisch */
.scm-menu-config-underline .primary-nav > ul > li > a{
    position:relative;
    padding-left:0!important;
    padding-right:0!important;
}
.scm-menu-config-underline .primary-nav > ul > li > a::after{
    content:"";
    position:absolute;
    left:0;
    right:100%;
    bottom:18px;
    height:2px;
    background:linear-gradient(90deg,var(--gold),var(--cyan));
    transition:right .24s ease;
}
.scm-menu-config-underline .primary-nav > ul > li:hover > a::after,
.scm-menu-config-underline .primary-nav > ul > li.submenu-open > a::after,
.scm-menu-config-underline .primary-nav > ul > li.current-menu-item > a::after{
    right:0;
}
.scm-menu-config-underline .sub-menu{
    border-radius:10px!important;
    border-top:2px solid rgba(220,178,86,.8)!important;
}

/* 10 Pills */
.scm-menu-config-pills .primary-nav > ul{
    gap:10px!important;
}
.scm-menu-config-pills .primary-nav > ul > li > a{
    min-height:42px!important;
    padding:0 14px!important;
    border-radius:999px!important;
    transition:background .2s,color .2s!important;
}
.scm-menu-config-pills .primary-nav > ul > li:hover > a,
.scm-menu-config-pills .primary-nav > ul > li.submenu-open > a{
    background:rgba(255,255,255,.08)!important;
}
.scm-menu-config-pills .sub-menu{
    border-radius:16px!important;
}

/* 11 Tabs */
.scm-menu-config-tabs .primary-nav > ul{
    gap:0!important;
}
.scm-menu-config-tabs .primary-nav > ul > li{
    border-left:1px solid rgba(255,255,255,.08);
}
.scm-menu-config-tabs .primary-nav > ul > li:last-child{
    border-right:1px solid rgba(255,255,255,.08);
}
.scm-menu-config-tabs .primary-nav > ul > li > a{
    padding:0 18px!important;
}
.scm-menu-config-tabs .primary-nav > ul > li:hover,
.scm-menu-config-tabs .primary-nav > ul > li.submenu-open{
    background:rgba(255,255,255,.045);
}

/* 12 Corporate */
.scm-menu-config-corporate .primary-nav > ul{
    gap:22px!important;
}
.scm-menu-config-corporate .primary-nav > ul > li > a{
    font-weight:600!important;
    letter-spacing:.01em!important;
}
.scm-menu-config-corporate .submenu-toggle{
    border-radius:4px!important;
}
.scm-menu-config-corporate .sub-menu{
    border-radius:6px!important;
    border:1px solid rgba(117,140,173,.22)!important;
    box-shadow:0 22px 54px rgba(5,20,40,.22)!important;
}

/* 13 Split-Line */
.scm-menu-config-split .primary-nav > ul > li{
    position:relative;
    padding-left:14px;
}
.scm-menu-config-split .primary-nav > ul > li::before{
    content:"";
    position:absolute;
    left:0;
    top:26%;
    bottom:26%;
    width:1px;
    background:rgba(255,255,255,.12);
}
.scm-menu-config-split .primary-nav > ul > li:first-child::before{
    display:none;
}
.scm-menu-config-split .primary-nav > ul > li.submenu-open::before,
.scm-menu-config-split .primary-nav > ul > li.current-menu-ancestor::before{
    width:2px;
    background:linear-gradient(var(--gold),var(--cyan));
}

/* Mobile: die 5 neuen Styles verhalten sich bewusst wie das stabile Akkordeon */
@media(max-width:980px){
    .scm-menu-config-underline .primary-nav > ul > li > a::after{
        display:none!important;
    }
    .scm-menu-config-pills .primary-nav > ul > li > a,
    .scm-menu-config-tabs .primary-nav > ul > li > a{
        border-radius:8px!important;
    }
}


/* ==========================================================
   v11.24.0 – 13 visually distinct navigation personalities
   ========================================================== */
@media(min-width:981px){

/* 1 SMART: floating glass cards */
.scm-menu-config-smart .primary-nav > ul{gap:8px!important}
.scm-menu-config-smart .primary-nav > ul > li > a{padding:0 15px!important;border-radius:10px!important}
.scm-menu-config-smart .primary-nav > ul > li.submenu-open > a{background:rgba(255,255,255,.09)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)}
.scm-menu-config-smart .sub-menu{border-radius:14px!important;box-shadow:0 22px 55px rgba(0,0,0,.28)!important}

/* 2 CLICK: unmistakable framed buttons */
.scm-menu-config-click .primary-nav > ul{gap:10px!important}
.scm-menu-config-click .primary-nav > ul > li > a{padding:0 16px!important;border:1px solid rgba(219,178,84,.34)!important;border-radius:7px!important}
.scm-menu-config-click .primary-nav > ul > li.submenu-open > a{background:var(--gold)!important;color:#07172d!important;border-color:var(--gold)!important}
.scm-menu-config-click .sub-menu{border:2px solid rgba(219,178,84,.62)!important;border-radius:8px!important}

/* 3 HOVER: classic dropdown with strong gold top rule */
.scm-menu-config-hover .primary-nav > ul{gap:26px!important}
.scm-menu-config-hover .primary-nav > ul > li > a{padding:0 2px!important}
.scm-menu-config-hover .sub-menu{border-radius:2px!important;border-top:4px solid var(--gold)!important;box-shadow:0 18px 35px rgba(4,18,37,.28)!important}

/* 4 ACCORDION: stacked panel character */
.scm-menu-config-accordion .primary-nav > ul{gap:5px!important}
.scm-menu-config-accordion .primary-nav > ul > li{background:rgba(255,255,255,.035);border-left:3px solid transparent}
.scm-menu-config-accordion .primary-nav > ul > li.submenu-open{border-left-color:var(--gold);background:rgba(255,255,255,.075)}
.scm-menu-config-accordion .sub-menu{border-radius:0 0 8px 8px!important;border-left:3px solid var(--gold)!important}

/* 5 MEGA: full-width premium panel */
.scm-menu-config-mega .primary-nav > ul > li > .sub-menu{left:50%!important;right:auto!important;width:min(980px,88vw)!important;transform:translate3d(-50%,8px,0)!important;padding:26px!important;border-radius:0 0 18px 18px!important;border-top:3px solid var(--gold)!important}
.scm-menu-config-mega .primary-nav > ul > li.submenu-open > .sub-menu{transform:translate3d(-50%,0,0)!important}
.scm-menu-config-mega .sub-menu > li{display:inline-block!important;width:31%!important;vertical-align:top!important;margin:0 1%!important}

/* 6 MINIMAL: almost no chrome */
.scm-menu-config-minimal .primary-nav > ul{gap:32px!important}
.scm-menu-config-minimal .primary-nav > ul > li > a{padding:0!important;font-weight:500!important;letter-spacing:.02em}
.scm-menu-config-minimal .submenu-toggle{background:transparent!important;border:0!important}
.scm-menu-config-minimal .sub-menu{background:#fff!important;color:#0a1a31!important;border:0!important;border-radius:0!important;box-shadow:0 14px 30px rgba(0,0,0,.12)!important}
.scm-menu-config-minimal .sub-menu a{color:#0a1a31!important}

/* 7 LUXURY: gold glass */
.scm-menu-config-luxury .primary-nav > ul > li > a{font-family:Georgia,serif!important;letter-spacing:.025em!important}
.scm-menu-config-luxury .primary-nav > ul > li.submenu-open > a{color:#f5d98e!important;text-shadow:0 0 18px rgba(223,181,82,.28)}
.scm-menu-config-luxury .sub-menu{background:linear-gradient(145deg,rgba(14,31,56,.97),rgba(27,35,61,.96))!important;border:1px solid rgba(234,198,112,.55)!important;border-radius:18px!important;box-shadow:0 24px 60px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.08)!important}

/* 8 DRAWER: right-side vertical navigation identity */
.scm-menu-config-drawer .primary-nav > ul{gap:6px!important}
.scm-menu-config-drawer .primary-nav > ul > li > a{border-right:3px solid transparent!important;padding-right:18px!important}
.scm-menu-config-drawer .primary-nav > ul > li.submenu-open > a{border-right-color:var(--gold)!important;background:rgba(255,255,255,.055)!important}
.scm-menu-config-drawer .sub-menu{border-radius:12px 0 0 12px!important;border-right:4px solid var(--gold)!important}

/* 9 UNDERLINE: strong animated underline */
.scm-menu-config-underline .primary-nav > ul{gap:28px!important}
.scm-menu-config-underline .primary-nav > ul > li > a::after{height:3px!important;bottom:13px!important;box-shadow:0 1px 8px rgba(80,210,235,.25)}
.scm-menu-config-underline .sub-menu{border-top:0!important;border-bottom:3px solid var(--gold)!important;border-radius:8px!important}

/* 10 PILLS: obvious rounded capsules */
.scm-menu-config-pills .primary-nav > ul{gap:12px!important}
.scm-menu-config-pills .primary-nav > ul > li > a{background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.09)!important;min-height:44px!important;padding:0 18px!important}
.scm-menu-config-pills .primary-nav > ul > li.submenu-open > a{background:linear-gradient(90deg,rgba(219,178,84,.25),rgba(70,201,230,.12))!important;border-color:rgba(219,178,84,.55)!important}
.scm-menu-config-pills .sub-menu{border-radius:22px!important;padding:10px!important}

/* 11 TABS: true tab bar */
.scm-menu-config-tabs .primary-nav > ul{background:rgba(255,255,255,.035);border-bottom:1px solid rgba(255,255,255,.12)!important}
.scm-menu-config-tabs .primary-nav > ul > li{border-left:1px solid rgba(255,255,255,.10)!important;border-top:3px solid transparent!important}
.scm-menu-config-tabs .primary-nav > ul > li.submenu-open{border-top-color:var(--gold)!important;background:rgba(255,255,255,.08)!important}
.scm-menu-config-tabs .sub-menu{border-radius:0 0 8px 8px!important}

/* 12 CORPORATE: bank-like rectangular structure */
.scm-menu-config-corporate .primary-nav > ul{gap:0!important;border:1px solid rgba(137,155,181,.22)!important;border-radius:5px!important;overflow:visible}
.scm-menu-config-corporate .primary-nav > ul > li{border-right:1px solid rgba(137,155,181,.22)!important}
.scm-menu-config-corporate .primary-nav > ul > li:last-child{border-right:0!important}
.scm-menu-config-corporate .primary-nav > ul > li > a{padding:0 18px!important;text-transform:none!important}
.scm-menu-config-corporate .primary-nav > ul > li.submenu-open > a{background:#f4f6f8!important;color:#0a1a31!important}
.scm-menu-config-corporate .sub-menu{border-radius:3px!important;border:1px solid #cbd3dd!important;background:#f8fafc!important}
.scm-menu-config-corporate .sub-menu a{color:#10223b!important}

/* 13 SPLIT: high-contrast separators + cyan/gold active rail */
.scm-menu-config-split .primary-nav > ul{gap:4px!important}
.scm-menu-config-split .primary-nav > ul > li{padding-left:18px!important;margin-left:4px!important}
.scm-menu-config-split .primary-nav > ul > li::before{top:16%!important;bottom:16%!important;background:rgba(255,255,255,.24)!important}
.scm-menu-config-split .primary-nav > ul > li.submenu-open::before{width:4px!important;border-radius:4px;background:linear-gradient(var(--cyan),var(--gold))!important}
.scm-menu-config-split .sub-menu{border-left:4px solid var(--cyan)!important;border-radius:0 12px 12px 0!important}
}


/* ==========================================================
   v11.25.0 – EINHEITLICHE KLASSISCHE MENÜBASIS
   Alle 13 Konfigurationen verwenden dieselbe stabile Mechanik.
   ========================================================== */

/* --- Reset alter experimenteller Hover-/Layoutregeln --- */
.primary-nav .menu-item-has-children{
    position:relative!important;
}

.primary-nav .sub-menu,
.primary-nav li:hover > .sub-menu,
.primary-nav li:focus-within > .sub-menu{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
}

/* Nur dieser Zustand öffnet ein Untermenü. */
.primary-nav li.submenu-open > .sub-menu,
.primary-nav li.submenu-open:hover > .sub-menu,
.primary-nav li.submenu-open:focus-within > .sub-menu{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
}

/* Vertikales Seitenmenü: ausschließlich Klick, kein CSS-Hover. */
.scm-menu-drawer .primary-nav .sub-menu,
.scm-menu-config-drawer .primary-nav .sub-menu{
    display:none!important;
    position:static!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    margin:0 0 12px 14px!important;
    box-shadow:none!important;
}

.scm-menu-drawer .primary-nav li.submenu-open > .sub-menu,
.scm-menu-config-drawer .primary-nav li.submenu-open > .sub-menu{
    display:block!important;
}

/* Keine Reaktion auf bloßes Überfahren im Drawer. */
.scm-menu-drawer .primary-nav li:hover > .sub-menu,
.scm-menu-config-drawer .primary-nav li:hover > .sub-menu{
    display:none!important;
}
.scm-menu-drawer .primary-nav li.submenu-open:hover > .sub-menu,
.scm-menu-config-drawer .primary-nav li.submenu-open:hover > .sub-menu{
    display:block!important;
}

/* Klassischer, stabiler Toggle */
.primary-nav .submenu-toggle{
    display:grid!important;
    place-items:center!important;
    flex:0 0 auto!important;
    width:38px!important;
    height:38px!important;
    padding:0!important;
    margin-left:auto!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.045)!important;
    color:inherit!important;
    cursor:pointer!important;
    transition:background .16s ease,border-color .16s ease!important;
}
.primary-nav .submenu-toggle:hover,
.primary-nav .submenu-toggle:focus-visible{
    background:rgba(255,255,255,.09)!important;
    border-color:rgba(218,179,88,.5)!important;
    outline:none!important;
}
.primary-nav .submenu-toggle span{
    transition:transform .18s ease!important;
}
.primary-nav .submenu-toggle[aria-expanded="true"] span{
    transform:rotate(180deg)!important;
}

/* Vertikale Hauptpunkte stabil ausrichten */
.scm-menu-drawer .primary-nav > ul > li,
.scm-menu-config-drawer .primary-nav > ul > li{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 42px!important;
    align-items:center!important;
}
.scm-menu-drawer .primary-nav > ul > li > a,
.scm-menu-config-drawer .primary-nav > ul > li > a{
    grid-column:1!important;
    min-width:0!important;
}
.scm-menu-drawer .primary-nav > ul > li > .submenu-toggle,
.scm-menu-config-drawer .primary-nav > ul > li > .submenu-toggle{
    grid-column:2!important;
    grid-row:1!important;
}
.scm-menu-drawer .primary-nav > ul > li > .sub-menu,
.scm-menu-config-drawer .primary-nav > ul > li > .sub-menu{
    grid-column:1 / -1!important;
}

/* --- 13 DESIGNS: nur Optik, keine eigene Steuerungslogik --- */

/* 1 Classic Glass */
.scm-menu-config-smart .primary-nav > ul > li{border-bottom:1px solid rgba(255,255,255,.08)!important}
.scm-menu-config-smart .primary-nav li.submenu-open > a{background:rgba(255,255,255,.055)!important}

/* 2 Classic Gold */
.scm-menu-config-click .primary-nav > ul > li{border-bottom:1px solid rgba(218,179,88,.25)!important}
.scm-menu-config-click .primary-nav li.submenu-open > a{color:#f4d588!important}
.scm-menu-config-click .submenu-toggle{border-color:rgba(218,179,88,.38)!important}

/* 3 Classic Line */
.scm-menu-config-hover .primary-nav > ul > li{border-bottom:1px solid rgba(255,255,255,.10)!important}
.scm-menu-config-hover .primary-nav li.submenu-open{border-left:3px solid var(--gold)!important}

/* 4 Accordion */
.scm-menu-config-accordion .primary-nav > ul > li{margin-bottom:5px!important;border-radius:8px!important;background:rgba(255,255,255,.035)!important}
.scm-menu-config-accordion .primary-nav li.submenu-open{background:rgba(255,255,255,.075)!important}

/* 5 Classic Wide */
.scm-menu-config-mega .primary-nav .sub-menu{padding:10px 0 8px 18px!important}
.scm-menu-config-mega .primary-nav .sub-menu a{padding:12px 14px!important;border-left:2px solid rgba(218,179,88,.35)!important}

/* 6 Minimal */
.scm-menu-config-minimal .primary-nav > ul > li{border-bottom:0!important}
.scm-menu-config-minimal .submenu-toggle{border:0!important;background:transparent!important}
.scm-menu-config-minimal .primary-nav .sub-menu{padding-left:8px!important}

/* 7 Private Banking */
.scm-menu-config-luxury .primary-nav > ul > li{border-bottom:1px solid rgba(235,203,128,.18)!important}
.scm-menu-config-luxury .primary-nav li.submenu-open > a{color:#f1d18b!important}
.scm-menu-config-luxury .submenu-toggle{background:linear-gradient(145deg,rgba(217,178,89,.16),rgba(255,255,255,.035))!important}

/* 8 Executive */
.scm-menu-config-drawer .primary-nav > ul > li{border-bottom:1px solid rgba(255,255,255,.09)!important}
.scm-menu-config-drawer .primary-nav li.submenu-open{background:rgba(255,255,255,.045)!important}

/* 9 Underline */
.scm-menu-config-underline .primary-nav > ul > li > a{position:relative!important}
.scm-menu-config-underline .primary-nav > ul > li > a::after{
    content:""!important;position:absolute!important;left:0!important;bottom:8px!important;
    width:0!important;height:2px!important;background:var(--gold)!important;transition:width .18s ease!important
}
.scm-menu-config-underline .primary-nav li.submenu-open > a::after{width:42px!important}

/* 10 Soft Buttons */
.scm-menu-config-pills .primary-nav > ul > li{margin:5px 0!important;border-radius:12px!important}
.scm-menu-config-pills .primary-nav > ul > li > a{border-radius:10px!important}
.scm-menu-config-pills .primary-nav li.submenu-open{background:rgba(255,255,255,.065)!important}

/* 11 Tabs */
.scm-menu-config-tabs .primary-nav > ul > li{border:1px solid rgba(255,255,255,.08)!important;border-bottom:0!important}
.scm-menu-config-tabs .primary-nav > ul > li:last-child{border-bottom:1px solid rgba(255,255,255,.08)!important}
.scm-menu-config-tabs .primary-nav li.submenu-open{background:rgba(218,179,88,.08)!important}

/* 12 Corporate */
.scm-menu-config-corporate .primary-nav > ul > li{border-bottom:1px solid rgba(151,169,194,.24)!important}
.scm-menu-config-corporate .primary-nav > ul > li > a{font-weight:600!important;letter-spacing:0!important}
.scm-menu-config-corporate .submenu-toggle{border-radius:4px!important}

/* 13 Signature */
.scm-menu-config-split .primary-nav > ul > li{border-left:2px solid rgba(255,255,255,.08)!important;padding-left:10px!important}
.scm-menu-config-split .primary-nav > ul > li.submenu-open{border-left-color:var(--gold)!important}

/* Mobil immer exakt dieselbe Klick-Mechanik. */
@media(max-width:980px){
    .primary-nav .sub-menu,
    .primary-nav li:hover > .sub-menu,
    .primary-nav li:focus-within > .sub-menu{
        display:none!important;
        position:static!important;
        opacity:1!important;
        visibility:visible!important;
        pointer-events:auto!important;
        transform:none!important;
    }
    .primary-nav li.submenu-open > .sub-menu,
    .primary-nav li.submenu-open:hover > .sub-menu,
    .primary-nav li.submenu-open:focus-within > .sub-menu{
        display:block!important;
    }
}


/* ==========================================================
   v11.26.0 – klassische, ruhige Grundeinstellungen
   Alle 13 Designs unterscheiden sich dezent, Bedienung bleibt identisch.
   ========================================================== */

/* Einheitliche, zurückhaltende Grundoptik */
.primary-nav > ul > li{
    transition:background .16s ease,border-color .16s ease!important;
}
.primary-nav > ul > li > a{
    font-weight:600!important;
    letter-spacing:0!important;
    text-shadow:none!important;
}
.primary-nav .submenu-toggle{
    width:36px!important;
    height:36px!important;
    border-radius:6px!important;
    background:rgba(255,255,255,.035)!important;
    border-color:rgba(255,255,255,.10)!important;
    box-shadow:none!important;
}
.primary-nav .submenu-toggle:hover,
.primary-nav .submenu-toggle:focus-visible{
    background:rgba(255,255,255,.07)!important;
    border-color:rgba(219,182,96,.30)!important;
}
.primary-nav .sub-menu a{
    font-size:14px!important;
    line-height:1.4!important;
    font-weight:500!important;
}

/* Vertikales Seitenmenü: KEIN Hover-Öffnen, dadurch kein Flimmern */
.scm-menu-drawer .primary-nav li:hover > .sub-menu,
.scm-menu-config-drawer .primary-nav li:hover > .sub-menu,
.scm-menu-drawer .primary-nav li:focus-within > .sub-menu,
.scm-menu-config-drawer .primary-nav li:focus-within > .sub-menu{
    display:none!important;
}
.scm-menu-drawer .primary-nav li.submenu-open > .sub-menu,
.scm-menu-config-drawer .primary-nav li.submenu-open > .sub-menu,
.scm-menu-drawer .primary-nav li.submenu-open:hover > .sub-menu,
.scm-menu-config-drawer .primary-nav li.submenu-open:hover > .sub-menu{
    display:block!important;
}

/* 1 Klassisch modern */
.scm-menu-config-smart .primary-nav > ul > li{
    border-bottom:1px solid rgba(255,255,255,.075)!important;
    background:transparent!important;
}
.scm-menu-config-smart .primary-nav li.submenu-open{
    background:rgba(255,255,255,.035)!important;
}

/* 2 Klassisch Gold */
.scm-menu-config-click .primary-nav > ul > li{
    border-bottom:1px solid rgba(215,178,91,.17)!important;
}
.scm-menu-config-click .primary-nav li.submenu-open > a{
    color:#efd18b!important;
}
.scm-menu-config-click .submenu-toggle{
    border-color:rgba(215,178,91,.24)!important;
}

/* 3 Klassisch Linie */
.scm-menu-config-hover .primary-nav > ul > li{
    border-bottom:1px solid rgba(255,255,255,.10)!important;
}
.scm-menu-config-hover .primary-nav li.submenu-open{
    border-left:2px solid rgba(215,178,91,.65)!important;
}

/* 4 Klassisch kompakt */
.scm-menu-config-accordion .primary-nav > ul > li{
    margin-bottom:3px!important;
    border-radius:5px!important;
    background:rgba(255,255,255,.02)!important;
}
.scm-menu-config-accordion .primary-nav li.submenu-open{
    background:rgba(255,255,255,.05)!important;
}

/* 5 Klassisch weit */
.scm-menu-config-mega .primary-nav .sub-menu{
    padding-left:16px!important;
}
.scm-menu-config-mega .primary-nav .sub-menu a{
    border-left:1px solid rgba(215,178,91,.24)!important;
    padding-left:12px!important;
}

/* 6 Klassisch minimal */
.scm-menu-config-minimal .primary-nav > ul > li{
    border-bottom:0!important;
}
.scm-menu-config-minimal .submenu-toggle{
    border:0!important;
    background:transparent!important;
}
.scm-menu-config-minimal .primary-nav li.submenu-open > a{
    color:#fff!important;
}

/* 7 Private Banking */
.scm-menu-config-luxury .primary-nav > ul > li{
    border-bottom:1px solid rgba(224,194,124,.13)!important;
}
.scm-menu-config-luxury .primary-nav li.submenu-open > a{
    color:#ebce8d!important;
}
.scm-menu-config-luxury .submenu-toggle{
    background:rgba(215,178,91,.08)!important;
    border-color:rgba(215,178,91,.22)!important;
}

/* 8 Executive */
.scm-menu-config-drawer .primary-nav > ul > li{
    border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.scm-menu-config-drawer .primary-nav li.submenu-open{
    background:rgba(255,255,255,.03)!important;
}

/* 9 Underline */
.scm-menu-config-underline .primary-nav > ul > li > a::after{
    height:1px!important;
    width:0!important;
    background:rgba(225,191,111,.85)!important;
}
.scm-menu-config-underline .primary-nav li.submenu-open > a::after{
    width:34px!important;
}

/* 10 Soft */
.scm-menu-config-pills .primary-nav > ul > li{
    margin:3px 0!important;
    border-radius:8px!important;
}
.scm-menu-config-pills .primary-nav li.submenu-open{
    background:rgba(255,255,255,.045)!important;
}

/* 11 Tabs */
.scm-menu-config-tabs .primary-nav > ul > li{
    border:1px solid rgba(255,255,255,.07)!important;
    border-bottom:0!important;
}
.scm-menu-config-tabs .primary-nav > ul > li:last-child{
    border-bottom:1px solid rgba(255,255,255,.07)!important;
}
.scm-menu-config-tabs .primary-nav li.submenu-open{
    background:rgba(215,178,91,.045)!important;
}

/* 12 Corporate */
.scm-menu-config-corporate .primary-nav > ul > li{
    border-bottom:1px solid rgba(143,161,185,.18)!important;
}
.scm-menu-config-corporate .primary-nav > ul > li > a{
    font-weight:600!important;
}
.scm-menu-config-corporate .submenu-toggle{
    border-radius:3px!important;
}

/* 13 Signature */
.scm-menu-config-split .primary-nav > ul > li{
    border-left:1px solid rgba(255,255,255,.08)!important;
    padding-left:8px!important;
}
.scm-menu-config-split .primary-nav > ul > li.submenu-open{
    border-left:2px solid rgba(215,178,91,.68)!important;
}

/* Untermenüs in allen Designs ruhig und klassisch */
.primary-nav .sub-menu{
    border-radius:8px!important;
}
.scm-menu-drawer .primary-nav .sub-menu,
.scm-menu-config-drawer .primary-nav .sub-menu{
    border-radius:0!important;
    background:transparent!important;
}

/* Mobil: exakt dieselbe Klickmechanik und zurückhaltende Optik */
@media(max-width:980px){
    .primary-nav > ul > li{
        border-bottom:1px solid rgba(255,255,255,.08)!important;
    }
    .primary-nav .submenu-toggle{
        width:38px!important;
        height:38px!important;
    }
}


/* ==========================================================
   v11.27.0 – frei einstellbare Menüabstände
   Diese Regeln gelten bewusst für ALLE 13 Menüdesigns.
   ========================================================== */

/* Vertikales Seitenmenü / Drawer */
.scm-menu-drawer .primary-nav > ul,
.scm-menu-config-drawer .primary-nav > ul{
    display:flex!important;
    flex-direction:column!important;
    gap:var(--scm-menu-item-gap,10px)!important;
}

.scm-menu-drawer .primary-nav > ul > li,
.scm-menu-config-drawer .primary-nav > ul > li{
    margin:0!important;
    padding-top:var(--scm-menu-item-py,9px)!important;
    padding-bottom:var(--scm-menu-item-py,9px)!important;
    min-height:0!important;
}

.scm-menu-drawer .primary-nav > ul > li > a,
.scm-menu-config-drawer .primary-nav > ul > li > a{
    line-height:1.35!important;
    padding-top:0!important;
    padding-bottom:0!important;
}

.scm-menu-drawer .primary-nav > ul > li > .sub-menu,
.scm-menu-config-drawer .primary-nav > ul > li > .sub-menu{
    margin-top:var(--scm-menu-group-gap,7px)!important;
    padding-top:0!important;
    padding-bottom:0!important;
}

.scm-menu-drawer .primary-nav .sub-menu,
.scm-menu-config-drawer .primary-nav .sub-menu{
    row-gap:var(--scm-menu-subitem-gap,5px)!important;
}

.scm-menu-drawer .primary-nav .sub-menu > li,
.scm-menu-config-drawer .primary-nav .sub-menu > li{
    margin-bottom:var(--scm-menu-subitem-gap,5px)!important;
}

.scm-menu-drawer .primary-nav .sub-menu > li:last-child,
.scm-menu-config-drawer .primary-nav .sub-menu > li:last-child{
    margin-bottom:0!important;
}

.scm-menu-drawer .primary-nav .sub-menu > li > a,
.scm-menu-config-drawer .primary-nav .sub-menu > li > a{
    display:block!important;
    padding-top:var(--scm-menu-subitem-py,8px)!important;
    padding-bottom:var(--scm-menu-subitem-py,8px)!important;
    line-height:1.35!important;
}

/* Horizontale Desktopnavigation: Hauptpunktabstand ebenfalls steuerbar */
@media(min-width:981px){
    body:not(.scm-menu-drawer) .primary-nav > ul{
        column-gap:var(--scm-menu-item-gap,10px)!important;
    }
    body:not(.scm-menu-drawer) .primary-nav .sub-menu > li{
        margin-bottom:var(--scm-menu-subitem-gap,5px)!important;
    }
    body:not(.scm-menu-drawer) .primary-nav .sub-menu > li > a{
        padding-top:var(--scm-menu-subitem-py,8px)!important;
        padding-bottom:var(--scm-menu-subitem-py,8px)!important;
    }
}

/* Mobile: dieselben Backend-Werte verwenden */
@media(max-width:980px){
    .primary-nav > ul{
        gap:var(--scm-menu-item-gap,10px)!important;
    }
    .primary-nav > ul > li{
        padding-top:var(--scm-menu-item-py,9px)!important;
        padding-bottom:var(--scm-menu-item-py,9px)!important;
    }
    .primary-nav .sub-menu{
        margin-top:var(--scm-menu-group-gap,7px)!important;
    }
    .primary-nav .sub-menu > li{
        margin-bottom:var(--scm-menu-subitem-gap,5px)!important;
    }
    .primary-nav .sub-menu > li > a{
        padding-top:var(--scm-menu-subitem-py,8px)!important;
        padding-bottom:var(--scm-menu-subitem-py,8px)!important;
    }
}


/* ==========================================================
   v11.28.0 – CI-nahe Menüs + korrekte Pfeilausrichtung + Layouts
   ========================================================== */

/* ----------------------------------------------------------
   1. Pfeil / Text immer auf exakt derselben Höhe
   ---------------------------------------------------------- */
.primary-nav > ul > li,
.primary-nav .menu-item-has-children{
    align-items:center!important;
}

.primary-nav > ul > li.menu-item-has-children,
.primary-nav .menu-item-has-children{
    grid-template-columns:minmax(0,1fr) 40px!important;
}

.primary-nav .menu-item-has-children > a{
    display:flex!important;
    align-items:center!important;
    min-height:40px!important;
    margin:0!important;
}

.primary-nav .menu-item-has-children > .submenu-toggle{
    align-self:center!important;
    justify-self:end!important;
    margin:0!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:36px!important;
    height:36px!important;
    line-height:1!important;
}

.primary-nav .submenu-toggle span{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    height:100%!important;
    line-height:1!important;
    margin:0!important;
    padding:0!important;
}

/* Untermenü muss eigene Zeile bekommen */
.primary-nav .menu-item-has-children > .sub-menu{
    grid-column:1 / -1!important;
}

/* ----------------------------------------------------------
   2. 13 Designs: deutlich ruhiger und näher am SCM-CI
   ---------------------------------------------------------- */
.primary-nav{
    --scm-menu-gold:rgba(218,179,88,.72);
    --scm-menu-gold-soft:rgba(218,179,88,.16);
    --scm-menu-cyan:rgba(84,205,229,.72);
    --scm-menu-line:rgba(255,255,255,.085);
    --scm-menu-soft:rgba(255,255,255,.035);
}

.primary-nav > ul > li{
    background:transparent!important;
    box-shadow:none!important;
}

.primary-nav > ul > li > a{
    color:inherit!important;
    text-shadow:none!important;
    border:0!important;
    border-radius:0!important;
}

.primary-nav .submenu-toggle{
    box-shadow:none!important;
    background:rgba(255,255,255,.025)!important;
    border:1px solid rgba(255,255,255,.09)!important;
}

.primary-nav .submenu-toggle:hover,
.primary-nav .submenu-toggle:focus-visible{
    background:rgba(255,255,255,.055)!important;
    border-color:rgba(218,179,88,.28)!important;
}

/* 1 – klassisch modern */
.scm-menu-config-smart .primary-nav > ul > li{
    border-bottom:1px solid var(--scm-menu-line)!important;
}
.scm-menu-config-smart .primary-nav li.submenu-open{
    background:rgba(255,255,255,.025)!important;
}

/* 2 – klassisch Gold */
.scm-menu-config-click .primary-nav > ul > li{
    border-bottom:1px solid rgba(218,179,88,.14)!important;
}
.scm-menu-config-click .primary-nav li.submenu-open > a{
    color:#efd18b!important;
}

/* 3 – klassisch Linie */
.scm-menu-config-hover .primary-nav > ul > li{
    border-bottom:1px solid var(--scm-menu-line)!important;
}
.scm-menu-config-hover .primary-nav li.submenu-open{
    border-left:2px solid rgba(218,179,88,.48)!important;
}

/* 4 – kompakt */
.scm-menu-config-accordion .primary-nav > ul > li{
    border-bottom:1px solid rgba(255,255,255,.065)!important;
    border-radius:4px!important;
}
.scm-menu-config-accordion .primary-nav li.submenu-open{
    background:rgba(255,255,255,.025)!important;
}

/* 5 – weit */
.scm-menu-config-mega .primary-nav > ul > li{
    border-bottom:1px solid rgba(255,255,255,.075)!important;
}
.scm-menu-config-mega .primary-nav .sub-menu{
    padding-left:12px!important;
}
.scm-menu-config-mega .primary-nav .sub-menu a{
    border-left:1px solid rgba(218,179,88,.18)!important;
}

/* 6 – minimal */
.scm-menu-config-minimal .primary-nav > ul > li{
    border-bottom:0!important;
}
.scm-menu-config-minimal .submenu-toggle{
    border:0!important;
    background:transparent!important;
}

/* 7 – Private Banking */
.scm-menu-config-luxury .primary-nav > ul > li{
    border-bottom:1px solid rgba(218,179,88,.11)!important;
}
.scm-menu-config-luxury .primary-nav li.submenu-open > a{
    color:#ead096!important;
}
.scm-menu-config-luxury .submenu-toggle{
    background:rgba(218,179,88,.045)!important;
}

/* 8 – Executive */
.scm-menu-config-drawer .primary-nav > ul > li{
    border-bottom:1px solid rgba(255,255,255,.075)!important;
}
.scm-menu-config-drawer .primary-nav li.submenu-open{
    background:rgba(255,255,255,.02)!important;
}

/* 9 – Underline */
.scm-menu-config-underline .primary-nav > ul > li > a::after{
    height:1px!important;
    background:rgba(218,179,88,.65)!important;
}
.scm-menu-config-underline .primary-nav li.submenu-open > a::after{
    width:28px!important;
}

/* 10 – Soft */
.scm-menu-config-pills .primary-nav > ul > li{
    border-radius:6px!important;
    margin:2px 0!important;
}
.scm-menu-config-pills .primary-nav li.submenu-open{
    background:rgba(255,255,255,.03)!important;
}

/* 11 – Tabs */
.scm-menu-config-tabs .primary-nav > ul > li{
    border:1px solid rgba(255,255,255,.055)!important;
    border-bottom:0!important;
}
.scm-menu-config-tabs .primary-nav li.submenu-open{
    background:rgba(218,179,88,.035)!important;
}

/* 12 – Corporate */
.scm-menu-config-corporate .primary-nav > ul > li{
    border-bottom:1px solid rgba(137,157,184,.15)!important;
}
.scm-menu-config-corporate .submenu-toggle{
    border-radius:3px!important;
}

/* 13 – Signature */
.scm-menu-config-split .primary-nav > ul > li{
    border-left:1px solid rgba(255,255,255,.065)!important;
    padding-left:7px!important;
}
.scm-menu-config-split .primary-nav > ul > li.submenu-open{
    border-left:2px solid rgba(218,179,88,.52)!important;
}

/* ----------------------------------------------------------
   3. Neue Menü-Anordnungen
   ---------------------------------------------------------- */

/* Gemeinsame Panelbasis */
.scm-menu-layout-drawer_right .primary-nav,
.scm-menu-layout-drawer_left .primary-nav,
.scm-menu-layout-overlay_center .primary-nav{
    width:min(var(--scm-menu-panel-width,410px),92vw)!important;
}

/* A – rechts */
.scm-menu-layout-drawer_right .primary-nav{
    left:auto!important;
    right:0!important;
}

/* B – links */
.scm-menu-layout-drawer_left .primary-nav{
    left:0!important;
    right:auto!important;
}

/* C – mittig als Overlay */
.scm-menu-layout-overlay_center .primary-nav{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    height:auto!important;
    max-height:82vh!important;
    transform:translate(-50%,-46%) scale(.985)!important;
    opacity:0!important;
    visibility:hidden!important;
    border-radius:12px!important;
    box-shadow:0 34px 90px rgba(0,0,0,.38)!important;
}
.scm-menu-layout-overlay_center .primary-nav.is-open{
    transform:translate(-50%,-50%) scale(1)!important;
    opacity:1!important;
    visibility:visible!important;
}

/* Horizontale Varianten */
@media(min-width:981px){
    .scm-menu-layout-horizontal .nav-toggle,
    .scm-menu-layout-horizontal_center .nav-toggle,
    .scm-menu-layout-horizontal_full .nav-toggle{
        display:none!important;
    }

    .scm-menu-layout-horizontal .primary-nav,
    .scm-menu-layout-horizontal_center .primary-nav,
    .scm-menu-layout-horizontal_full .primary-nav{
        position:static!important;
        transform:none!important;
        opacity:1!important;
        visibility:visible!important;
        width:auto!important;
        height:auto!important;
        max-height:none!important;
        padding:0!important;
        background:transparent!important;
        box-shadow:none!important;
        border-radius:0!important;
        overflow:visible!important;
    }

    .scm-menu-layout-horizontal .primary-nav > ul,
    .scm-menu-layout-horizontal_center .primary-nav > ul,
    .scm-menu-layout-horizontal_full .primary-nav > ul{
        display:flex!important;
        flex-direction:row!important;
        align-items:center!important;
        gap:var(--scm-menu-horizontal-gap,24px)!important;
        margin:0!important;
    }

    .scm-menu-layout-horizontal .primary-nav > ul{
        justify-content:flex-end!important;
    }

    .scm-menu-layout-horizontal_center .primary-nav > ul{
        justify-content:center!important;
    }

    .scm-menu-layout-horizontal_full .primary-nav{
        width:100%!important;
    }
    .scm-menu-layout-horizontal_full .primary-nav > ul{
        justify-content:space-between!important;
        width:100%!important;
    }

    .scm-menu-layout-horizontal .primary-nav > ul > li,
    .scm-menu-layout-horizontal_center .primary-nav > ul > li,
    .scm-menu-layout-horizontal_full .primary-nav > ul > li{
        display:grid!important;
        grid-template-columns:auto 32px!important;
        align-items:center!important;
        padding:0!important;
        border-bottom:0!important;
        border-left:0!important;
        min-height:60px!important;
    }

    .scm-menu-layout-horizontal .primary-nav > ul > li > .sub-menu,
    .scm-menu-layout-horizontal_center .primary-nav > ul > li > .sub-menu,
    .scm-menu-layout-horizontal_full .primary-nav > ul > li > .sub-menu{
        position:absolute!important;
        top:100%!important;
        left:0!important;
        min-width:250px!important;
        max-width:340px!important;
        margin:0!important;
        padding:9px!important;
        border-radius:8px!important;
        background:#0d1d34!important;
        box-shadow:0 18px 44px rgba(0,0,0,.24)!important;
        z-index:1000!important;
    }
}

/* Mobile: unabhängig von gewähltem Layout wieder stabiles Seitenmenü */
@media(max-width:980px){
    .scm-menu-layout-horizontal .primary-nav,
    .scm-menu-layout-horizontal_center .primary-nav,
    .scm-menu-layout-horizontal_full .primary-nav{
        position:fixed!important;
        right:0!important;
        left:auto!important;
        top:0!important;
        bottom:0!important;
        width:min(var(--scm-menu-panel-width,410px),92vw)!important;
    }
}


/* ==========================================================
   v11.29.0 – Pfeile fest an Textzeile gebunden
   + 18 Designs + 9 Anordnungen
   ========================================================== */

/* ----------------------------------------------------------
   A. Pfeile dauerhaft auf derselben Linie wie der Haupttext
   ---------------------------------------------------------- */

/*
 * Jeder Menüpunkt erhält exakt zwei Spalten in der ERSTEN Zeile:
 * Text links / Pfeil rechts.
 * Ein geöffnetes Untermenü liegt IMMER in der zweiten Zeile.
 */
.primary-nav .menu-item-has-children{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 40px!important;
    grid-template-rows:auto auto!important;
    grid-template-areas:
        "menu-text menu-toggle"
        "submenu submenu"!important;
    align-items:center!important;
    align-content:start!important;
}

.primary-nav .menu-item-has-children > a{
    grid-area:menu-text!important;
    grid-column:1!important;
    grid-row:1!important;
    align-self:center!important;
    display:flex!important;
    align-items:center!important;
    min-height:40px!important;
    height:auto!important;
    margin:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
}

.primary-nav .menu-item-has-children > .submenu-toggle{
    grid-area:menu-toggle!important;
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:end!important;
    position:static!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    margin:0!important;
    transform:none!important;
    translate:none!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    max-width:36px!important;
    max-height:36px!important;
}

.primary-nav .menu-item-has-children > .submenu-toggle span{
    display:grid!important;
    place-items:center!important;
    width:100%!important;
    height:100%!important;
    line-height:1!important;
}

.primary-nav .menu-item-has-children > .sub-menu{
    grid-area:submenu!important;
    grid-column:1 / -1!important;
    grid-row:2!important;
    align-self:start!important;
}

/* Auch geöffnete Menüpunkte dürfen den Pfeil niemals verschieben. */
.primary-nav .menu-item-has-children.submenu-open > .submenu-toggle,
.primary-nav .menu-item-has-children:hover > .submenu-toggle,
.primary-nav .menu-item-has-children:focus-within > .submenu-toggle{
    grid-row:1!important;
    align-self:center!important;
    margin:0!important;
    top:auto!important;
    transform:none!important;
}

/* ----------------------------------------------------------
   B. 5 zusätzliche, CI-nahe Menüdesigns
   ---------------------------------------------------------- */

/* 14 Swiss Clean */
.scm-menu-config-swiss .primary-nav > ul > li{
    border-bottom:1px solid rgba(255,255,255,.07)!important;
}
.scm-menu-config-swiss .primary-nav > ul > li > a{
    font-weight:600!important;
}
.scm-menu-config-swiss .primary-nav li.submenu-open > a{
    color:#f0f4f8!important;
}
.scm-menu-config-swiss .submenu-toggle{
    background:transparent!important;
    border-color:rgba(255,255,255,.08)!important;
}

/* 15 Navy Classic */
.scm-menu-config-navy .primary-nav > ul > li{
    border-bottom:1px solid rgba(115,139,171,.16)!important;
}
.scm-menu-config-navy .primary-nav li.submenu-open{
    background:rgba(11,30,54,.34)!important;
}
.scm-menu-config-navy .submenu-toggle{
    border-color:rgba(115,139,171,.20)!important;
}

/* 16 Gold Line */
.scm-menu-config-goldline .primary-nav > ul > li{
    border-bottom:1px solid rgba(218,179,88,.14)!important;
}
.scm-menu-config-goldline .primary-nav li.submenu-open{
    border-bottom-color:rgba(218,179,88,.46)!important;
}
.scm-menu-config-goldline .primary-nav li.submenu-open > a{
    color:#ecd08f!important;
}

/* 17 Boxed */
.scm-menu-config-boxed .primary-nav > ul > li{
    border:1px solid rgba(255,255,255,.065)!important;
    border-radius:5px!important;
    margin:3px 0!important;
}
.scm-menu-config-boxed .primary-nav li.submenu-open{
    border-color:rgba(218,179,88,.20)!important;
    background:rgba(255,255,255,.018)!important;
}

/* 18 Compact Line */
.scm-menu-config-compactline .primary-nav > ul > li{
    border-bottom:1px solid rgba(255,255,255,.07)!important;
    padding-top:4px!important;
    padding-bottom:4px!important;
}
.scm-menu-config-compactline .primary-nav li.submenu-open{
    border-left:1px solid rgba(218,179,88,.42)!important;
}

/* ----------------------------------------------------------
   C. 3 zusätzliche Menü-Anordnungen
   ---------------------------------------------------------- */

/* G – schmale Topbar mittig */
@media(min-width:981px){
    .scm-menu-layout-topbar_center .nav-toggle{
        display:none!important;
    }
    .scm-menu-layout-topbar_center .primary-nav{
        position:static!important;
        transform:none!important;
        opacity:1!important;
        visibility:visible!important;
        width:100%!important;
        height:auto!important;
        padding:0!important;
        background:transparent!important;
        box-shadow:none!important;
    }
    .scm-menu-layout-topbar_center .primary-nav > ul{
        display:flex!important;
        justify-content:center!important;
        align-items:center!important;
        gap:18px!important;
        width:auto!important;
        margin:0 auto!important;
    }
    .scm-menu-layout-topbar_center .primary-nav > ul > li{
        min-height:52px!important;
    }
    .scm-menu-layout-topbar_center .primary-nav > ul > li > .sub-menu{
        position:absolute!important;
        top:100%!important;
        left:0!important;
        min-width:240px!important;
        background:#0c1d34!important;
        padding:8px!important;
        border-radius:7px!important;
        box-shadow:0 18px 42px rgba(0,0,0,.22)!important;
    }
}

/* H – Bottom Sheet */
.scm-menu-layout-bottom_sheet .primary-nav{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:0!important;
    width:min(760px,96vw)!important;
    max-height:78vh!important;
    height:auto!important;
    padding:26px 28px 32px!important;
    transform:translate(-50%,105%)!important;
    opacity:1!important;
    visibility:hidden!important;
    border-radius:16px 16px 0 0!important;
    background:#0b1b31!important;
    box-shadow:0 -24px 70px rgba(0,0,0,.30)!important;
}
.scm-menu-layout-bottom_sheet .primary-nav.is-open{
    transform:translate(-50%,0)!important;
    visibility:visible!important;
}

/* I – mittige vertikale Spalte */
.scm-menu-layout-center_column .primary-nav{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    width:min(460px,92vw)!important;
    max-height:82vh!important;
    height:auto!important;
    padding:28px!important;
    transform:translate(-50%,-46%)!important;
    opacity:0!important;
    visibility:hidden!important;
    border-radius:10px!important;
    background:#0b1b31!important;
    box-shadow:0 30px 80px rgba(0,0,0,.34)!important;
}
.scm-menu-layout-center_column .primary-nav.is-open{
    transform:translate(-50%,-50%)!important;
    opacity:1!important;
    visibility:visible!important;
}

/* Neue horizontale Layouts auf Mobil wieder als stabiles Seitenmenü */
@media(max-width:980px){
    .scm-menu-layout-topbar_center .primary-nav{
        position:fixed!important;
        left:auto!important;
        right:0!important;
        top:0!important;
        bottom:0!important;
        width:min(var(--scm-menu-panel-width,410px),92vw)!important;
    }
}

/* Finale Pfeilsicherung auch auf Mobil */
@media(max-width:980px){
    .primary-nav .menu-item-has-children{
        grid-template-columns:minmax(0,1fr) 40px!important;
        grid-template-rows:auto auto!important;
    }
    .primary-nav .menu-item-has-children > .submenu-toggle{
        grid-row:1!important;
        grid-column:2!important;
        align-self:center!important;
        position:static!important;
        top:auto!important;
        right:auto!important;
        transform:none!important;
    }
}


/* ==========================================================
   v11.30.0 – Grundhaltung verlinkbar + Beitragsbilder Themenkarten
   ========================================================== */

/* Grundhaltung: komplette Bildfläche inkl. Caption als Link */
.philosophy-visual.is-clickable{
    cursor:pointer;
}
.philosophy-visual-link{
    display:block;
    position:relative;
    width:100%;
    height:100%;
    color:inherit;
    text-decoration:none;
    border-radius:inherit;
    overflow:hidden;
}
.philosophy-visual-link > img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
.philosophy-visual.is-clickable .philosophy-visual-link:focus-visible{
    outline:2px solid rgba(218,179,88,.72);
    outline-offset:4px;
}
.philosophy-visual.is-clickable .philosophy-visual-link img{
    transition:transform .35s ease,filter .35s ease;
}
.philosophy-visual.is-clickable:hover .philosophy-visual-link img{
    transform:scale(1.018);
    filter:saturate(1.03);
}
.philosophy-visual.is-clickable .image-caption{
    transition:background .25s ease,border-color .25s ease;
}
.philosophy-visual.is-clickable:hover .image-caption{
    background:rgba(18,30,46,.94);
    border-color:rgba(218,179,88,.22);
}

/* Themenkarten mit Beitragsbildern */
body.home .home-topics-section .topic-grid{
    align-items:stretch;
}

body.home .home-topics-section .topic-card{
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    min-height:100%;
    overflow:hidden!important;
}

body.home .topic-card-media{
    position:relative;
    width:100%;
    height:var(--scm-topic-image-height,190px);
    overflow:hidden;
    background:#0b1b31;
    border-bottom:1px solid rgba(21,43,72,.09);
}

body.home .topic-card-media:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,transparent 58%,rgba(5,18,34,.10));
    pointer-events:none;
}

body.home .topic-card-media img{
    display:block;
    width:100%;
    height:100%;
    object-fit:var(--scm-topic-image-fit,cover);
    transition:transform .38s ease,filter .38s ease;
}

body.home .topic-card:hover .topic-card-media img{
    transform:scale(1.025);
}

body.home .topic-card-content{
    display:flex;
    flex-direction:column;
    flex:1;
    padding:26px 28px 28px;
}

body.home .topic-card-content .topic-card-number{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    align-self:flex-start;
    min-width:42px;
    height:28px;
    padding:0 10px;
    margin-bottom:14px;
    border-radius:999px;
    border:1px solid rgba(183,138,47,.36);
    background:linear-gradient(180deg,#fffaf0,#f7f2e7);
    color:#9b6c13!important;
    font-size:11px!important;
    font-weight:800!important;
    letter-spacing:.08em!important;
}

body.home .topic-card-content h3{
    margin:0 0 13px!important;
}

body.home .topic-card-content p{
    margin:0 0 18px!important;
}

body.home .topic-card-content b{
    margin-top:auto;
}

/* Alte Direktkind-Regel neutralisieren */
body.home .topic-card > span{
    display:none!important;
}

@media(max-width:680px){
    body.home .topic-card-media{
        height:var(--scm-topic-image-mobile-height,180px);
    }
    body.home .topic-card-content{
        padding:23px 22px 25px;
    }
}


/* ==========================================================
   v11.31.0 – Kategorienbilder
   ========================================================== */
.archive-category-image{
    margin-top:30px;
    width:min(520px,100%);
    overflow:hidden;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.10);
    box-shadow:0 18px 48px rgba(0,0,0,.16);
}
.archive-category-image img{
    display:block;
    width:100%;
    height:auto;
    max-height:290px;
    object-fit:cover;
}

@media(max-width:680px){
    .archive-category-image{
        margin-top:22px;
        border-radius:10px;
    }
}


/* ==========================================================
   v11.32.0 – Kategorienbilder über Customizer steuerbar
   ========================================================== */
.archive-category-image{
    width:var(--scm-category-image-width-desktop,44%);
    max-width:100%;
    margin-top:30px;
    overflow:hidden;
    border-radius:var(--scm-category-image-radius,14px);
    border:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.02);
}
.archive-category-image.has-shadow{
    box-shadow:0 18px 48px rgba(0,0,0,.16);
}
.archive-category-image.align-left{
    margin-left:0;
    margin-right:auto;
}
.archive-category-image.align-center{
    margin-left:auto;
    margin-right:auto;
}
.archive-category-image.align-right{
    margin-left:auto;
    margin-right:0;
}
.archive-category-image.align-full{
    width:100%;
    margin-left:0;
    margin-right:0;
}
.archive-category-image img{
    display:block;
    width:100%;
    height:var(--scm-category-image-max-height,300px);
    max-height:var(--scm-category-image-max-height,300px);
    object-fit:var(--scm-category-image-fit,cover);
}

@media(max-width:680px){
    .archive-category-image,
    .archive-category-image.align-left,
    .archive-category-image.align-center,
    .archive-category-image.align-right,
    .archive-category-image.align-full{
        width:var(--scm-category-image-width-mobile,100%);
        margin-left:auto;
        margin-right:auto;
        margin-top:22px;
    }
    .archive-category-image img{
        height:var(--scm-category-image-max-height-mobile,240px);
        max-height:var(--scm-category-image-max-height-mobile,240px);
    }
}


/* ==========================================================
   v11.33.0 – Kategorienbild standardmäßig zentriert
   ========================================================== */

/* Falls noch kein eigener Wert gespeichert wurde, wirkt die Kategorieausgabe zentriert. */
.archive-category-image{
    margin-left:auto;
    margin-right:auto;
}

.archive-category-image.align-left{
    margin-left:0;
    margin-right:auto;
}
.archive-category-image.align-center{
    margin-left:auto;
    margin-right:auto;
}
.archive-category-image.align-right{
    margin-left:auto;
    margin-right:0;
}
.archive-category-image.align-full{
    width:100%;
    margin-left:0;
    margin-right:0;
}


/* ==========================================================
   v11.34.0 – Kategorienbild direkt unter dem Kategorietitel
   ========================================================== */
.archive-category-image{
    margin-top:20px;
    margin-bottom:26px;
}
@media(max-width:680px){
    .archive-category-image{
        margin-top:16px;
        margin-bottom:22px;
    }
}


/* ==========================================================
   v12.1.0 – Kategoriebreite, Related Posts, Suche
   ========================================================== */

/* 1. Kategorienbild: keine unnötige breite Rahmenfläche.
   Standardmäßig wird dieselbe Breite wie bei Beitrags-/Seitenbildern verwendet. */
.archive-category-image{
    box-sizing:border-box;
}
.archive-category-image img{
    width:100%;
    display:block;
}

/* 2. Passend zum Thema */
.scm-related-posts{
    margin-top:56px;
    padding-top:34px;
    border-top:1px solid rgba(11,35,62,.10);
}
.scm-related-heading{
    margin-bottom:22px;
}
.scm-related-heading .eyebrow{
    display:block;
    margin-bottom:8px;
}
.scm-related-heading h2{
    margin:0;
    font-size:clamp(24px,2.2vw,32px);
    line-height:1.15;
}
.scm-related-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}
.scm-related-grid.related-count-1{
    grid-template-columns:minmax(0,680px);
}
.scm-related-card{
    overflow:hidden;
    border:1px solid rgba(18,49,82,.11);
    border-radius:14px;
    background:#fff;
    box-shadow:0 15px 38px rgba(8,30,54,.06);
}
.scm-related-card-link{
    display:grid;
    grid-template-columns:180px minmax(0,1fr);
    height:100%;
    color:inherit;
    text-decoration:none;
}
.scm-related-card:not(.has-image) .scm-related-card-link{
    grid-template-columns:1fr;
}
.scm-related-media{
    min-height:190px;
    overflow:hidden;
    background:#0a1930;
}
.scm-related-media img{
    display:block;
    width:100%;
    height:100%;
    min-height:190px;
    object-fit:cover;
    transition:transform .35s ease;
}
.scm-related-card:hover .scm-related-media img{
    transform:scale(1.025);
}
.scm-related-body{
    display:flex;
    flex-direction:column;
    padding:22px 24px;
}
.scm-related-category{
    margin-bottom:8px;
    color:#b07813;
    font-size:11px;
    line-height:1.3;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.scm-related-body h3{
    margin:0 0 10px;
    color:#071a32;
    font-size:20px;
    line-height:1.2;
}
.scm-related-body p{
    margin:0 0 16px;
    color:#596a81;
    font-size:14px;
    line-height:1.55;
}
.scm-related-more{
    margin-top:auto;
    color:#aa7312;
    font-size:13px;
    font-weight:800;
}
.scm-related-card:hover{
    border-color:rgba(190,143,48,.30);
    box-shadow:0 18px 42px rgba(8,30,54,.09);
}

/* 3. Suche */
.scm-search-toggle{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    margin-left:auto;
    margin-right:10px;
    padding:0;
    border:1px solid rgba(226,191,107,.28);
    border-radius:50%;
    background:rgba(255,255,255,.035);
    color:#efd18b;
    cursor:pointer;
    font-size:23px;
    line-height:1;
}
.scm-search-toggle:hover,
.scm-search-toggle:focus-visible{
    background:rgba(255,255,255,.07);
    border-color:rgba(226,191,107,.48);
    outline:none;
}
.scm-menu-search{
    margin:22px 0 8px;
    padding-top:20px;
    border-top:1px solid rgba(255,255,255,.09);
}
.scm-search-field-wrap{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    min-height:52px;
    padding:6px 7px 6px 14px;
    border:1px solid rgba(18,49,82,.14);
    border-radius:10px;
    background:#fff;
}
.scm-menu-search .scm-search-field-wrap{
    border-color:rgba(255,255,255,.11);
    background:rgba(255,255,255,.055);
}
.scm-search-icon{
    color:#b37c17;
    font-size:20px;
}
.scm-search-form input[type="search"]{
    width:100%;
    min-width:0;
    padding:8px 0;
    border:0;
    outline:0;
    background:transparent;
    color:#10233d;
    font:inherit;
}
.scm-menu-search input[type="search"]{
    color:#fff;
}
.scm-menu-search input[type="search"]::placeholder{
    color:rgba(255,255,255,.55);
}
.scm-search-form button[type="submit"]{
    min-height:38px;
    padding:0 16px;
    border:0;
    border-radius:7px;
    background:linear-gradient(135deg,#f2d58d,#d8aa47);
    color:#07162c;
    font-weight:800;
    cursor:pointer;
}
.scm-search-overlay{
    position:fixed;
    inset:0;
    z-index:20000;
    display:grid;
    place-items:start center;
    padding:12vh 22px 30px;
    opacity:0;
    visibility:hidden;
    transition:opacity .22s ease,visibility .22s ease;
}
.scm-search-overlay.is-open{
    opacity:1;
    visibility:visible;
}
.scm-search-overlay-backdrop{
    position:absolute;
    inset:0;
    border:0;
    background:rgba(4,13,25,.78);
    backdrop-filter:blur(8px);
}
.scm-search-panel{
    position:relative;
    z-index:1;
    width:min(720px,100%);
    padding:28px;
    border:1px solid rgba(226,191,107,.20);
    border-radius:16px;
    background:#0c1d34;
    box-shadow:0 35px 90px rgba(0,0,0,.35);
}
.scm-search-panel-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:24px;
    margin-bottom:22px;
}
.scm-search-panel-head h2{
    margin:5px 0 0;
    color:#fff;
}
.scm-search-close{
    flex:0 0 auto;
    width:40px;
    height:40px;
    border:1px solid rgba(255,255,255,.15);
    border-radius:50%;
    background:rgba(255,255,255,.06);
    color:#fff;
    font-size:24px;
    cursor:pointer;
}
body.scm-search-open{
    overflow:hidden;
}

/* Search results */
.search-hero-form{
    margin-top:24px;
    max-width:680px;
}
.scm-search-results-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px;
}
.scm-search-result-card{
    overflow:hidden;
    border:1px solid rgba(18,49,82,.11);
    border-radius:14px;
    background:#fff;
}
.scm-search-result-link{
    display:grid;
    grid-template-columns:190px minmax(0,1fr);
    color:inherit;
    text-decoration:none;
}
.scm-search-result-card:not(:has(.scm-search-result-media)) .scm-search-result-link{
    grid-template-columns:1fr;
}
.scm-search-result-media{
    min-height:190px;
}
.scm-search-result-media img{
    display:block;
    width:100%;
    height:100%;
    min-height:190px;
    object-fit:cover;
}
.scm-search-result-body{
    padding:22px 24px;
}
.scm-search-result-type{
    color:#b07813;
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.scm-search-result-body h2{
    margin:8px 0 10px;
    font-size:21px;
    line-height:1.2;
}
.scm-search-result-body p{
    color:#596a81;
    font-size:14px;
    line-height:1.55;
}
.scm-search-empty{
    max-width:720px;
    margin:0 auto;
    padding:40px;
    border:1px solid rgba(18,49,82,.10);
    border-radius:14px;
    text-align:center;
}
.scm-search-pagination{
    margin-top:30px;
}

@media(max-width:820px){
    .scm-related-grid,
    .scm-search-results-grid{
        grid-template-columns:1fr;
    }
    .scm-related-card-link,
    .scm-search-result-link{
        grid-template-columns:150px minmax(0,1fr);
    }
}
@media(max-width:560px){
    .scm-related-card-link,
    .scm-search-result-link{
        grid-template-columns:1fr;
    }
    .scm-related-media,
    .scm-related-media img,
    .scm-search-result-media,
    .scm-search-result-media img{
        min-height:180px;
        height:180px;
    }
    .scm-search-panel{
        padding:22px 18px;
    }
    .scm-search-field-wrap{
        grid-template-columns:auto minmax(0,1fr);
    }
    .scm-search-form button[type="submit"]{
        grid-column:1 / -1;
        width:100%;
    }
}


/* ==========================================================
   v12.2.0 – isolierte Related Cards, Suche, Kategoriebreite
   ========================================================== */

/* Kategorie: wenn Breite von Beitrags-/Seitenbildern übernommen wird,
   darf align-full den Rahmen nicht wieder auf 100% ziehen. */
.archive-category-image.use-featured-width,
.archive-category-image.use-featured-width.align-full{
    width:var(--scm-category-image-width-desktop,50%)!important;
    max-width:100%!important;
}
.archive-category-image.use-featured-width img{
    width:100%!important;
    height:auto!important;
    max-height:var(--scm-category-image-max-height,300px)!important;
    object-fit:cover!important;
}

/* Related-Bereich vollständig außerhalb .entry-content:
   keine Regel wirkt auf den eigentlichen Beitrag oder Module. */
.scm-related-section{
    padding-top:22px;
}
.scm-related-section .scm-related-heading{
    margin-bottom:24px;
}
.scm-related-home-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
}
.scm-related-home-grid.related-count-2{
    grid-template-columns:repeat(2,minmax(0,1fr));
    max-width:900px;
}
.scm-related-home-grid.related-count-1{
    grid-template-columns:minmax(0,430px);
}
.scm-related-home-card{
    overflow:hidden;
    border:1px solid rgba(18,49,82,.10);
    border-radius:14px;
    background:#fff;
    box-shadow:0 14px 36px rgba(8,30,54,.055);
}
.scm-related-home-link{
    display:flex;
    flex-direction:column;
    height:100%;
    color:inherit;
    text-decoration:none;
}
.scm-related-home-media{
    height:150px;
    overflow:hidden;
    background:#0a1930;
}
.scm-related-home-media img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .32s ease;
}
.scm-related-home-card:hover .scm-related-home-media img{
    transform:scale(1.025);
}
.scm-related-home-body{
    display:flex;
    flex-direction:column;
    flex:1;
    padding:20px 22px 22px;
}
.scm-related-home-category{
    margin-bottom:8px;
    color:#aa7414;
    font-size:10px;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.scm-related-home-body h3{
    margin:0 0 10px!important;
    color:#071a32!important;
    font-size:19px!important;
    line-height:1.22!important;
}
.scm-related-home-body p{
    margin:0 0 15px!important;
    color:#607086!important;
    font-size:14px!important;
    line-height:1.5!important;
}
.scm-related-home-more{
    margin-top:auto;
    color:#a66f0e;
    font-size:13px;
    font-weight:800;
}
.scm-related-home-card:hover{
    border-color:rgba(190,143,48,.26);
    box-shadow:0 17px 40px rgba(8,30,54,.08);
}

/* Suchergebnis-Anzahl */
.scm-search-result-count{
    margin-bottom:18px;
    color:#66768b;
    font-size:14px;
}

/* Alte v12.1 Related-Styles sind unbenutzt; diese neuen Klassen greifen
   ausschließlich auf den separaten Empfehlungsbereich zu. */

@media(max-width:860px){
    .scm-related-home-grid,
    .scm-related-home-grid.related-count-2{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}
@media(max-width:580px){
    .archive-category-image.use-featured-width,
    .archive-category-image.use-featured-width.align-full{
        width:var(--scm-category-image-width-mobile,100%)!important;
    }
    .scm-related-home-grid,
    .scm-related-home-grid.related-count-2{
        grid-template-columns:1fr;
    }
    .scm-related-home-media{
        height:180px;
    }
}


/* ==========================================================
   v12.3.0 – saubere Suchnavigation
   ========================================================== */
.scm-search-pagination-links{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    margin-top:28px;
    padding:0!important;
}
.scm-search-page-link{
    display:block;
    margin:0;
    padding:0;
}
.scm-search-page-link .page-numbers{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:38px;
    height:38px;
    padding:0 12px;
    border:1px solid rgba(17,49,82,.14);
    border-radius:8px;
    background:#fff;
    color:#9f6d10;
    text-decoration:none;
    font-size:14px;
    font-weight:700;
    box-shadow:none;
}
.scm-search-page-link .page-numbers:hover,
.scm-search-page-link .page-numbers:focus-visible{
    border-color:rgba(184,136,39,.40);
    background:#fffaf1;
    outline:none;
}


/* ==========================================================
   v12.6.0 – Suche ohne Seitennavigation + kompakter Abschluss
   ========================================================== */

/* Pagination der Suche vollständig ausblenden, falls ein Plugin oder
   eine ältere Regel trotzdem noch Markup ausgeben sollte. */
.scm-search-pagination,
.scm-search-pagination-links,
.scm-search-page-link{
    display:none!important;
}

/* Weniger Leerraum unter den letzten Suchergebnissen. */
.scm-search-results-section{
    padding-bottom:34px!important;
}
.scm-search-results-section .container{
    padding-bottom:0!important;
}
.scm-search-results-grid{
    margin-bottom:0!important;
}
.scm-search-results-grid + *{
    margin-top:20px!important;
}

/* Falls direkt danach ein dunkler Bereich/Footer beginnt, Übergang kompakter. */
.scm-search-results-section + section,
.scm-search-results-section + .section,
.scm-search-results-section + footer,
.scm-search-results-section + .site-footer{
    margin-top:0!important;
}

@media(max-width:680px){
    .scm-search-results-section{
        padding-bottom:26px!important;
    }
}


/* ==========================================================
   v12.7.0 – globale, konfigurierbare Abstände nach Seitentyp
   ========================================================== */

/* Startseite */
body.home .section{
    padding-top:var(--scm-space-home-desktop,76px)!important;
    padding-bottom:var(--scm-space-home-desktop,76px)!important;
}
body.home .hero{
    padding-bottom:calc(var(--scm-space-home-desktop,76px) * .78)!important;
}

/* Einzelbeiträge */
body.single-post .section{
    padding-top:var(--scm-space-post-desktop,60px)!important;
    padding-bottom:var(--scm-space-post-desktop,60px)!important;
}
body.single-post .single-post-hero{
    padding-bottom:calc(var(--scm-space-post-desktop,60px) * .72)!important;
}

/* Normale Seiten, Startseite ausgenommen */
body.page:not(.home) .section{
    padding-top:var(--scm-space-page-desktop,60px)!important;
    padding-bottom:var(--scm-space-page-desktop,60px)!important;
}
body.page:not(.home) .standard-page-hero{
    padding-bottom:calc(var(--scm-space-page-desktop,60px) * .72)!important;
}

/* Kategorien, Archive und Blogübersichten */
body.category .section,
body.archive .section,
body.blog .section{
    padding-top:var(--scm-space-category-desktop,58px)!important;
    padding-bottom:var(--scm-space-category-desktop,58px)!important;
}
body.category .archive-hero,
body.archive .archive-hero,
body.blog .archive-hero{
    padding-bottom:calc(var(--scm-space-category-desktop,58px) * .72)!important;
}

/* Suchseite bleibt bewusst kompakt und orientiert sich am Kategorie-/Archivwert. */
body.search .scm-search-results-section{
    padding-top:var(--scm-space-category-desktop,58px)!important;
    padding-bottom:calc(var(--scm-space-category-desktop,58px) * .58)!important;
}

/* Optional: Überschriften und Gruppen proportional kompakter halten. */
body.scm-spacing-compact-headings.home .section-heading{
    margin-bottom:clamp(24px,calc(var(--scm-space-home-desktop,76px) * .44),38px)!important;
}
body.scm-spacing-compact-headings.single-post .scm-related-heading{
    margin-bottom:clamp(18px,calc(var(--scm-space-post-desktop,60px) * .36),28px)!important;
}
body.scm-spacing-compact-headings.archive .section-heading,
body.scm-spacing-compact-headings.category .section-heading,
body.scm-spacing-compact-headings.blog .section-heading{
    margin-bottom:clamp(22px,calc(var(--scm-space-category-desktop,58px) * .42),34px)!important;
}

/* Direkte Übergänge zwischen aufeinanderfolgenden Bereichen ohne Zusatzmargen. */
body.home .section + .section,
body.single-post .section + .section,
body.page:not(.home) .section + .section,
body.archive .section + .section,
body.category .section + .section,
body.blog .section + .section{
    margin-top:0!important;
}

@media(max-width:680px){
    body.home .section{
        padding-top:var(--scm-space-home-mobile,48px)!important;
        padding-bottom:var(--scm-space-home-mobile,48px)!important;
    }
    body.home .hero{
        padding-bottom:calc(var(--scm-space-home-mobile,48px) * .82)!important;
    }

    body.single-post .section{
        padding-top:var(--scm-space-post-mobile,40px)!important;
        padding-bottom:var(--scm-space-post-mobile,40px)!important;
    }
    body.single-post .single-post-hero{
        padding-bottom:calc(var(--scm-space-post-mobile,40px) * .72)!important;
    }

    body.page:not(.home) .section{
        padding-top:var(--scm-space-page-mobile,40px)!important;
        padding-bottom:var(--scm-space-page-mobile,40px)!important;
    }
    body.page:not(.home) .standard-page-hero{
        padding-bottom:calc(var(--scm-space-page-mobile,40px) * .72)!important;
    }

    body.category .section,
    body.archive .section,
    body.blog .section{
        padding-top:var(--scm-space-category-mobile,38px)!important;
        padding-bottom:var(--scm-space-category-mobile,38px)!important;
    }
    body.category .archive-hero,
    body.archive .archive-hero,
    body.blog .archive-hero{
        padding-bottom:calc(var(--scm-space-category-mobile,38px) * .72)!important;
    }

    body.search .scm-search-results-section{
        padding-top:var(--scm-space-category-mobile,38px)!important;
        padding-bottom:calc(var(--scm-space-category-mobile,38px) * .58)!important;
    }

    body.scm-spacing-compact-headings.home .section-heading{
        margin-bottom:clamp(20px,calc(var(--scm-space-home-mobile,48px) * .5),30px)!important;
    }
}


/* ==========================================================
   v12.8.0 – erweiterbarer Bildwelten-Slider
   ========================================================== */
.premium-image-placeholder{
    display:grid;
    place-items:center;
    width:100%;
    height:100%;
    min-height:260px;
    padding:24px;
    background:
      radial-gradient(circle at 75% 25%,rgba(214,177,88,.11),transparent 34%),
      linear-gradient(145deg,#0b1d36,#07111f);
    color:rgba(255,255,255,.58);
    text-align:center;
    font-size:13px;
    font-weight:700;
    letter-spacing:.04em;
}
