/* Public blog appearance. Administration only receives the isolated menu/intro components below. */
body.modern-blog{--paper:#f7f7f3;--ink:#20372c;--muted:#626f65;--line:#e0e6dd;--lime:#dde8cf;--dark:#203f31;--soft:#eaf0e5;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
.modern-blog .wrap{max-width:1320px;padding-inline:clamp(22px,4.1vw,56px)}
.modern-blog .site-header{position:relative;z-index:15;background:#f7f7f3f2;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
.modern-blog .header-main{min-height:88px;gap:24px;flex-wrap:nowrap;padding-block:0}
.modern-blog .brand-mark{display:none}
.modern-blog .brand-name{font-size:25px;letter-spacing:-1.3px;line-height:1.1;font-weight:650}
.modern-blog .brand-name>span{display:inline;color:#416347;margin-inline-start:5px}
.modern-blog .header-search{margin-inline:auto;background:#fff;border:1px solid var(--line);border-radius:30px;max-width:29%;padding:8px 14px}
.modern-blog .header-search input{font-size:12px}
.modern-blog .header-actions{gap:12px}
.modern-blog .language-control>svg{display:none}
.modern-blog .language-control{display:block}
.modern-blog .control-label{font-size:9px;color:var(--muted)}
.modern-blog .language-select{font-size:12px;font-weight:500;padding-block:6px}
.modern-blog.menu-ready .header-actions .about-link{display:none}
.modern-blog.menu-ready .main-nav{display:none}
.modern-blog .main-nav{gap:24px;justify-content:center;border-top:0;padding-block:14px}
.modern-blog .main-nav a{font-size:12px}
.modern-blog .nav-signature{display:none}
.modern-blog [data-menu-toggle]{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:0 0 46px;width:46px;height:46px;padding:12px;border:1px solid var(--line);border-radius:50%;color:var(--ink);background:#fff;position:relative}
.modern-blog [data-menu-toggle]>span[aria-hidden="true"]{display:block;flex:0 0 auto;width:18px;height:1.5px;background:currentColor;border-radius:2px}
.modern-blog [data-menu-toggle][hidden]{display:none}
.modern-blog [data-menu-toggle] svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}
.modern-blog [data-menu-toggle]:empty::before{content:'';display:block;width:19px;height:11px;border-top:1.5px solid currentColor;border-bottom:1.5px solid currentColor}
.modern-blog .hero{display:flex;flex-direction:column;position:relative;isolation:isolate;padding:0 0 28px;min-height:0;background:var(--paper);color:var(--ink);overflow:visible}
.modern-blog .hero-shade{display:none}
.modern-blog .hero-backdrop{position:static;order:2;display:block;width:calc(100% - clamp(44px,8.2vw,112px));max-width:1208px;height:clamp(310px,34vw,460px);margin-inline:auto;border-radius:28px;object-fit:cover;object-position:center 43%;opacity:1;transform:none}
.modern-blog .hero-backdrop[hidden]{display:none}
.modern-blog .hero-inner{order:1;width:100%;padding-block:58px 32px;position:static;min-height:0}
.modern-blog .hero-copy{max-width:900px;margin-inline:auto;color:var(--ink);text-align:center}
.modern-blog .hero .eyebrow{justify-content:center;gap:9px;margin-bottom:24px;color:#496348;font-size:10px;letter-spacing:1.9px}
.modern-blog .live-dot{background:#8ba576;box-shadow:none;width:5px;height:5px}
.modern-blog .hero h1{max-width:none;margin:0 0 26px;font:650 clamp(52px,6.6vw,88px)/1.015 var(--sans);letter-spacing:-4px;color:var(--ink);text-wrap:balance}
.modern-blog .hero h1>span{display:block}
.modern-blog .hero h1>em{display:block;margin-top:3px;font:400 italic 1.025em/1.05 Georgia,'Times New Roman',serif;color:#456c4d;letter-spacing:-3.5px}
.modern-blog .hero .intro{max-width:580px;margin:0 auto 25px;font-size:14px;line-height:1.8;color:var(--muted)}
.modern-blog .button{min-height:47px;padding:12px 21px;border-radius:28px;gap:26px;font-size:12px;font-weight:550;background:var(--ink);color:#fff}
.modern-blog .button:hover{background:#36553d;transform:translateY(-2px)}
.modern-blog .hero-footer{align-items:center;max-width:830px;margin:30px auto 0;gap:25px}
.modern-blog .hero-location{color:var(--muted);font-size:10px}
.modern-blog .hero-feature{color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:18px;max-width:390px;padding:9px 12px 9px 9px;gap:12px;backdrop-filter:none}
.modern-blog .hero-feature>img{width:71px;height:58px;border-radius:11px}
.modern-blog .hero-feature small{font-size:9px;color:var(--muted);letter-spacing:.3px}
.modern-blog .hero-feature strong{font-size:13px;font-weight:550;line-height:1.35}
.modern-blog .hero-feature:hover{background:#edf2e7}
.modern-blog .feature-arrow{font-size:23px;padding-inline:4px}
.modern-blog .theme-strip{background:transparent;color:var(--ink);border-block:1px solid var(--line)}
.modern-blog .theme-strip>.wrap{gap:0}
.modern-blog .theme-strip a{min-height:68px;border-color:var(--line);font-size:11px;gap:10px}
.modern-blog .theme-strip a:first-child{border-color:var(--line)}
.modern-blog .theme-strip a>span:first-child{color:#6a8561;font-size:19px}
.modern-blog .theme-strip a:hover{background:#edf1e8}
.modern-blog .stories{padding-block:72px 78px}
.modern-blog .stories .section-top h2{font-size:clamp(34px,3.7vw,49px);font-weight:600;letter-spacing:-2px;line-height:1.12}
.modern-blog .stories .section-top .eyebrow{font-size:10px;letter-spacing:1.6px;color:#627b56}
.modern-blog .stories .section-top .eyebrow::before{width:19px;height:1px;background:#819574}
.modern-blog .stories .story-count{background:#fff;border-color:var(--line);font-size:11px}
.modern-blog .stories .tools{border-color:var(--line);padding-bottom:24px}
.modern-blog .stories .filters button{font-weight:500;font-size:11px;background:#fff;border-color:var(--line);padding:9px 15px;min-height:43px}
.modern-blog .stories .filters button.active{background:var(--ink);border-color:var(--ink);color:#fff}
.modern-blog .stories .filters button.active::before{background:#c5d6af}
.modern-blog .stories .search{background:#fff;border-color:var(--line);font-size:12px}
.modern-blog .stories .post-grid{gap:25px}
.modern-blog .stories .post-card{padding:8px;border:1px solid #e3e8df;border-radius:24px;background:#fff;box-shadow:none}
.modern-blog .stories .card-image{border-radius:17px}
.modern-blog .stories .card-body{padding:23px 18px 14px}
.modern-blog .stories .card-meta{font-size:11px;font-weight:400;color:#637266;line-height:1.7;gap:7px}
.modern-blog .stories .post-card h3{font:400 29px/1.15 Georgia,'Times New Roman',serif;letter-spacing:-.8px;text-wrap:pretty;overflow-wrap:break-word;hyphens:none}
.modern-blog .stories .card-summary{font-size:13px;line-height:1.85;color:var(--muted)}
.modern-blog .stories .card-category{border-radius:20px;font-size:10px;padding:6px 12px;box-shadow:none;max-width:calc(100% - 30px)}
.modern-blog .stories .card-read{font-size:11px;font-weight:500;border-color:var(--line)}
.modern-blog .stories .card-read>span{background:#edf2e6}
.modern-blog .stories .post-card--featured{background:#eef2e9;border-color:#e0e6d9;grid-template-columns:1.1fr 1fr;padding:10px}
.modern-blog .stories .post-card--featured .card-image{min-height:350px;border-radius:17px}
.modern-blog .stories .post-card--featured .card-body{padding:32px clamp(26px,3vw,44px) 24px}
.modern-blog .stories .post-card.post-card--featured h3{font:400 clamp(33px,3.6vw,47px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-1.5px;max-width:550px}
.modern-blog .stories .post-card--featured .card-summary{font-size:14px;line-height:1.8}
.modern-blog .stories .post-card--featured .card-read{border-color:#d7dfcf;font-size:12px}
.modern-blog .stories .post-card--featured .card-read>span{background:var(--ink);color:#fff}
.modern-blog .topic-section{padding-block:74px 78px}
.modern-blog .section-top h2,.modern-blog .about-copy h2{font-weight:600;letter-spacing:-1.5px}
.modern-blog .topic-card{height:310px;border-radius:24px;background:#49644d}
.modern-blog .topic-caption{bottom:25px;inset-inline:23px}
.modern-blog .topic-caption strong{font:400 28px/1.12 Georgia,'Times New Roman',serif;letter-spacing:-.5px}
.modern-blog .topic-arrow{bottom:23px;inset-inline-end:20px}
.modern-blog .about-section.life-section{background:#edf1e7;border-block:1px solid var(--line);padding-block:74px}
.modern-blog .life-title{font-size:clamp(37px,4vw,58px);font-weight:550;letter-spacing:-2px}
.modern-blog .life-title em{font-weight:400;color:#456c4d}
.modern-blog .life-copy>p:not(.eyebrow){font-size:15px;color:#5d6c60;line-height:1.9}
.modern-blog .signature{font-size:27px;color:#49634b}
.modern-blog .footer{background:#f0f2eb;border-top:1px solid var(--line);color:var(--ink);padding-block:37px}
.modern-blog .footer p,.modern-blog .footer-hint{color:#68776a}
.modern-blog .footer-brand{font-size:25px;font-weight:600}
.modern-blog .footer-brand>span{color:#65815b}
.modern-blog .article-header{display:flex;align-items:center;gap:24px;min-height:88px;border-bottom:1px solid var(--line);background:#f7f7f3ef}
.modern-blog .article-home{margin-inline-start:auto;font-size:12px}
.modern-blog .article-language{margin-inline-start:auto}
.modern-blog .article-language label>span{font-size:10px;color:var(--muted)}
.modern-blog .article-language select{font-size:12px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:9px 12px;max-width:165px}
.modern-blog .article-page{padding-top:22px}
.modern-blog .article-breadcrumb{color:var(--muted);font-size:11px}
.modern-blog .story-cover{border-radius:27px;overflow:hidden}
.modern-blog .story-cover-copy h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-1.6px;text-wrap:balance}
.modern-blog .story-cover:not(.has-photo){background:#edf2e6;color:var(--ink)}
.modern-blog .story-cover:not(.has-photo) .story-cover-copy p{color:var(--muted)}
.modern-blog .article-body{font-family:Georgia,'Times New Roman',serif}
.modern-blog .article-back a{font-family:var(--sans)}

/* Native dialog navigation retains ordinary links and form controls. */
html.site-menu-open,html.site-intro-playing{overflow:hidden;scrollbar-gutter:stable}
dialog.site-menu{--menu-paper:#fafaf6;--menu-ink:#20372c;--menu-muted:#627165;--menu-line:#dfe5da;position:fixed;inset-block:16px auto;inset-inline:auto 16px;width:min(430px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:0;padding:28px;border:1px solid #e2e8dc;border-radius:27px;background:var(--menu-paper);color:var(--menu-ink);box-shadow:0 30px 100px #10251b2b;overflow:auto;font:15px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
dialog.site-menu::backdrop{background:#10251b44;backdrop-filter:blur(7px)}
.site-menu-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:22px}
.site-menu-title{margin:0;font-size:31px;font-weight:500;letter-spacing:-1px}
.site-menu-close{display:grid;place-items:center;flex-shrink:0;width:44px;min-height:44px;border:1px solid var(--menu-line);border-radius:50%;background:#fff;color:var(--menu-ink);font-size:27px;line-height:1}
.site-menu-links{display:flex;flex-direction:column}
.site-menu-link{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:66px;padding:14px 0;border:0;border-top:1px solid var(--menu-line);background:transparent;color:var(--menu-ink);font:400 25px/1.25 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;text-align:start;text-decoration:none;letter-spacing:-.6px;overflow-wrap:break-word}
.site-menu-arrow{font-size:20px;color:#718465;flex-shrink:0}
.site-menu-link:hover{color:#59744c}
.site-menu-settings{display:flex;flex-direction:column;gap:18px;border-top:1px solid var(--menu-line);padding-top:23px;margin-top:3px}
.site-menu-language{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--menu-muted);font-size:12px}
.site-menu-language select{font:400 14px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;border:1px solid var(--menu-line);border-radius:20px;background:#fff;color:var(--menu-ink);min-height:44px;padding:8px 13px;max-width:65%}
.site-menu-search{display:flex;gap:6px;padding:5px 7px 5px 14px;background:#fff;border:1px solid var(--menu-line);border-radius:28px}
.site-menu-search input{flex:1;width:100%;min-width:0;padding:6px 0;border:0;background:transparent;color:var(--menu-ink);font:400 14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
.site-menu-search button{flex:0 0 42px;min-height:42px;border:0;border-radius:50%;background:#edf2e6;color:var(--menu-ink);font-size:22px}
.site-menu-replay{align-self:flex-start;min-height:44px;padding:10px 0;border:0;background:transparent;font:400 12px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:var(--menu-muted);text-decoration:underline;text-underline-offset:4px;text-align:start}

/* Self-contained intro, also loaded in the administration for explicit preview. */
dialog.site-intro{--intro-paper:#f7f7f3;--intro-ink:#20372c;--intro-soft:#e5eddf;--intro-duration:4.6s;position:fixed;inset:0;width:100%;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0;background:transparent;color:var(--intro-ink);margin:0;padding:0;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;box-shadow:none}
dialog.site-intro::backdrop{background:transparent;backdrop-filter:none}
.site-intro-screen{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 43%,var(--intro-soft),var(--intro-paper) 76%);animation:site-intro-screen var(--intro-duration) linear both}
.site-intro-frame{position:absolute;overflow:hidden;z-index:1;transform-origin:center;box-shadow:0 20px 70px #0a291215;animation:site-intro-photo var(--intro-duration) cubic-bezier(.2,.65,.25,1) both}
.site-intro-frame[hidden]{display:none}
.site-intro-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center 43%}
.site-intro-frame::after{content:'';position:absolute;inset:0;background:linear-gradient(#0b281540,#0b281555);animation:site-intro-shade var(--intro-duration) linear both}
.site-intro-copy{position:absolute;inset-block-start:22%;inset-inline:7%;z-index:2;text-align:center;animation:site-intro-words var(--intro-duration) ease both}
.site-intro-kicker{margin:0 0 22px;font-size:clamp(10px,1vw,13px);line-height:1.5;letter-spacing:2px;overflow-wrap:break-word}
.site-intro-title{font-size:clamp(43px,7vw,100px);line-height:1.06;letter-spacing:-3px;font-weight:600;margin:0;overflow-wrap:break-word;text-wrap:balance}
.site-intro-title>span{display:block}
.site-intro-title>span+span{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic}
.site-intro-skip{position:absolute;inset-inline-start:clamp(20px,4vw,56px);inset-block-end:clamp(22px,4vh,45px);z-index:3;min-height:46px;max-width:calc(100% - 40px);padding:11px 20px;border:1px solid #dbe5d3;border-radius:100px;background:#fffffff2;color:#20372c;font:500 12px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;box-shadow:0 4px 25px #1430200d}
.site-intro-skip:focus-visible,.site-menu :focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 6px #203f31}
@keyframes site-intro-screen{0%,69%{opacity:1}100%{opacity:0}}
@keyframes site-intro-photo{0%,12%{opacity:0;left:32%;top:52%;width:36%;height:26%;border-radius:27px;transform:translateY(30px) rotate(4deg)}29%{opacity:1;left:27%;top:52%;width:46%;height:29%;border-radius:25px;transform:rotate(2deg)}54%{opacity:1;left:5%;top:32%;width:90%;height:57%;border-radius:28px;transform:rotate(0)}70%{opacity:1;left:0;top:0;width:100%;height:100%;border-radius:0;transform:rotate(0)}100%{opacity:1;left:var(--intro-end-x);top:var(--intro-end-y);width:var(--intro-end-w);height:var(--intro-end-h);border-radius:var(--intro-end-radius);transform:rotate(0)}}
@keyframes site-intro-words{0%,4%{opacity:0;transform:translateY(20px);color:var(--intro-ink)}19%,38%{opacity:1;transform:translateY(0);color:var(--intro-ink)}58%,69%{opacity:1;transform:translateY(24px);color:#fff}85%,100%{opacity:0;transform:translateY(7px);color:#fff}}
@keyframes site-intro-shade{0%,70%{opacity:1}100%{opacity:0}}
@media(max-width:1100px){.modern-blog .header-search{max-width:25%}.modern-blog .header-main{gap:18px}.modern-blog .stories .post-card--featured .card-image{min-height:325px}.modern-blog .topic-card{height:280px}.modern-blog .hero h1{letter-spacing:-3px}.modern-blog .article-header{gap:16px}.modern-blog .article-home{font-size:11px}}
@media(max-width:760px){.modern-blog .header-main{min-height:74px;gap:15px}.modern-blog .brand-name{font-size:22px}.modern-blog .header-search{display:none}.modern-blog.menu-ready .header-actions{display:none}.modern-blog [data-menu-toggle]{margin-inline-start:auto;flex-basis:44px;width:44px;height:44px}.modern-blog .hero-inner{padding-block:39px 26px}.modern-blog .hero .eyebrow{font-size:9px;letter-spacing:1.1px;margin-bottom:20px}.modern-blog .hero h1{font-size:clamp(41px,9.8vw,68px);letter-spacing:-2.4px;line-height:1.05;margin-bottom:23px}.modern-blog .hero h1>em{letter-spacing:-1.9px}.modern-blog .hero .intro{max-width:520px;font-size:13px;line-height:1.85;margin-bottom:21px}.modern-blog .hero-footer{margin-top:26px;gap:16px}.modern-blog .hero-location{font-size:9px}.modern-blog .hero-feature{max-width:330px;padding:8px;gap:10px}.modern-blog .hero-feature>img{width:60px;height:55px}.modern-blog .hero-feature strong{font-size:12px}.modern-blog .hero-feature small{font-size:8px}.modern-blog .hero-backdrop{height:clamp(260px,49vw,385px);border-radius:22px}.modern-blog .theme-strip>.wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.modern-blog .theme-strip a{min-height:55px;font-size:11px;border-bottom:1px solid var(--line)}.modern-blog .stories{padding-block:47px 54px}.modern-blog .stories .section-top h2{font-size:36px;letter-spacing:-1.4px}.modern-blog .stories .post-grid{gap:20px}.modern-blog .stories .post-card--featured{display:flex;padding:8px}.modern-blog .stories .post-card--featured .card-image{height:auto;min-height:0;aspect-ratio:16/10}.modern-blog .stories .post-card--featured .card-body{padding:25px 18px 16px}.modern-blog .stories .post-card.post-card--featured h3{font-size:35px;letter-spacing:-1px}.modern-blog .stories .post-card h3{font-size:27px}.modern-blog .topic-section{padding-block:50px 54px}.modern-blog .topic-card{border-radius:21px;height:270px}.modern-blog .topic-caption{inset-inline:18px}.modern-blog .topic-caption strong{font-size:25px}.modern-blog .about-section.life-section{padding-block:53px}.modern-blog .life-title{font-size:44px;letter-spacing:-1.8px}.modern-blog .life-copy>p:not(.eyebrow){font-size:14px}.modern-blog .article-header{min-height:75px;flex-wrap:nowrap;gap:12px}.modern-blog.menu-ready .article-home,.modern-blog.menu-ready .article-language{display:none}.modern-blog .article-header .brand{min-width:0}.modern-blog .story-cover{border-radius:21px}.modern-blog .article-page{padding-top:15px}.site-intro-copy{inset-block-start:20%;inset-inline:7%}.site-intro-title{font-size:clamp(36px,8.5vw,64px);letter-spacing:-1.8px}.site-intro-kicker{font-size:10px;letter-spacing:1.3px;margin-bottom:18px}}
@media(max-width:480px){.modern-blog .wrap{padding-inline:21px}.modern-blog .hero-footer{flex-direction:column;align-items:center;gap:15px}.modern-blog .hero-feature{width:100%;max-width:340px}.modern-blog .hero-location{font-size:10px}.modern-blog .hero-backdrop{width:calc(100% - 42px);height:265px;border-radius:19px}.modern-blog .hero h1{font-size:clamp(39px,11.6vw,55px);letter-spacing:-2px}.modern-blog .hero .intro{font-size:12px}.modern-blog .stories .section-top h2{font-size:33px}.modern-blog .stories .post-card.post-card--featured h3{font-size:32px}.modern-blog .topic-caption strong{font-size:23px}.modern-blog .topic-card{height:245px}.modern-blog .topic-arrow{width:29px;height:29px;bottom:18px;inset-inline-end:12px}.modern-blog .life-title{font-size:39px}.modern-blog .footer-inner{gap:20px}.modern-blog .footer-links{font-size:11px}.modern-blog .brand-name{font-size:20px}dialog.site-menu{inset-block-start:10px;inset-inline-end:10px;width:calc(100% - 20px);max-height:calc(100dvh - 20px);padding:24px;border-radius:23px}.site-menu-link{font-size:24px;min-height:62px}.site-menu-language select{max-width:65%}.site-menu-search input{font-size:16px}.site-intro-copy{inset-block-start:18%}.site-intro-title{font-size:clamp(32px,9vw,46px);letter-spacing:-1.5px}}
@media(prefers-reduced-motion:reduce){.modern-blog .post-card,.modern-blog .card-image>img,.modern-blog .topic-card>img,.modern-blog .button{animation:none!important;transition:none!important}.modern-blog .post-card:hover,.modern-blog .button:hover{transform:none}.site-intro-screen,.site-intro-frame,.site-intro-copy{animation:none!important}.site-intro-screen{opacity:0}.site-intro-frame,.site-intro-copy{display:none}}
@media(forced-colors:active){.modern-blog [data-menu-toggle],.site-menu-link,.site-menu-close,.site-menu-language select,.site-intro-skip{border:1px solid ButtonText}.site-intro-screen{background:Canvas}.site-intro-copy{color:CanvasText}.site-intro-frame{display:none}.site-menu-link{color:LinkText}dialog.site-menu{background:Canvas;color:CanvasText}}
@media print{dialog.site-menu,dialog.site-intro,[data-menu-toggle]{display:none!important}.modern-blog .site-header,.modern-blog .article-header{position:static;backdrop-filter:none}.modern-blog .hero-backdrop{max-height:240px}.modern-blog .post-card{break-inside:avoid}}

/* 3. November 2026: ursprünglicher Foto-Titelbereich; übrige Bloggestaltung bleibt erhalten. */
@media screen {
  .modern-blog .hero{--hero-accent:#d8ef87;display:block;position:relative;isolation:isolate;padding:0;min-height:690px;background:#143e30;color:#fff;overflow:hidden}
  .modern-blog .hero-backdrop{position:absolute;inset:0;order:0;display:block;width:100%;max-width:none;height:100%;margin:0;border-radius:0;object-fit:cover;object-position:center 55%;opacity:1;transform:none;z-index:-3}
  .modern-blog .hero-shade{display:block;position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,30,23,.9) 0%,rgba(3,31,24,.66) 40%,rgba(2,30,23,.08) 77%),linear-gradient(0deg,rgba(2,27,20,.7),transparent 36%)}
  .modern-blog .hero-inner{position:relative;order:0;display:flex;flex-direction:column;justify-content:space-between;width:100%;min-height:690px;padding-top:62px;padding-bottom:28px}
  .modern-blog .hero-copy{max-width:980px;margin-inline:0;color:#fff;text-align:start}
  .modern-blog .hero .eyebrow{justify-content:flex-start;gap:9px;margin-bottom:24px;color:#eef5dc;font-size:10px;letter-spacing:1.6px}
  .modern-blog .hero .live-dot{width:7px;height:7px;background:var(--hero-accent);box-shadow:none}
  .modern-blog .hero h1{max-width:1100px;margin:0 0 24px;font:720 clamp(52px,6.5vw,90px)/1.04 var(--sans);letter-spacing:-4.3px;color:#fff;text-wrap:initial}
  .modern-blog .hero h1>span{display:block;color:#fff}
  .modern-blog .hero h1>em{display:block;margin-top:0;font:500 normal 1em/1.04 var(--sans);letter-spacing:inherit;color:var(--hero-accent)}
  .modern-blog .hero .intro{max-width:580px;margin:0 0 27px;font-size:14px;line-height:1.85;color:#f0f5eb}
  .modern-blog .hero .button{min-height:52px;padding:16px 21px;gap:30px;border-radius:5px;background:var(--hero-accent);color:#123e35;font-size:12px;font-weight:650}
  .modern-blog .hero .button:hover{background:#e4f7a7;color:#123e35}
  .modern-blog .hero-footer{width:100%;max-width:none;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:20px;margin:34px 0 0}
  .modern-blog .hero-location{color:#f1f5e8;font-size:10px}
  .modern-blog .hero-feature{max-width:410px;padding:11px;gap:15px;border:1px solid #dcebc347;border-radius:6px;background:#10372b8c;color:#fff;backdrop-filter:blur(12px)}
  .modern-blog .hero-feature>img{width:75px;height:63px;border-radius:3px}
  .modern-blog .hero-feature small{font-size:8px;letter-spacing:1px;color:#dce8c7}
  .modern-blog .hero-feature strong{font-size:14px;line-height:1.4;font-weight:550}
  .modern-blog .hero-feature:hover{background:#1b4b3ed9}
  [dir="rtl"] .modern-blog .hero-shade{background:linear-gradient(270deg,rgba(2,30,23,.9),rgba(3,31,24,.66) 40%,rgba(2,30,23,.08) 77%),linear-gradient(0deg,rgba(2,27,20,.7),transparent 36%)}
  [lang="ar"] .modern-blog .hero h1{font-size:clamp(50px,6.4vw,85px);line-height:1.2;letter-spacing:0}
  [lang^="zh"] .modern-blog .hero h1,[lang="ja"] .modern-blog .hero h1{line-height:1.16;letter-spacing:-1px}
}
@media screen and (max-width:1100px) and (min-width:761px){
  .modern-blog .hero,.modern-blog .hero-inner{min-height:650px}
  .modern-blog .hero-inner{padding-top:55px}
  .modern-blog .hero h1{font-size:74px;letter-spacing:-3.5px}
}
@media screen and (max-width:760px){
  .modern-blog .hero,.modern-blog .hero-inner{min-height:700px}
  .modern-blog .hero-inner{padding-top:47px;padding-bottom:20px}
  .modern-blog .hero-copy{max-width:100%}
  .modern-blog .hero .eyebrow{font-size:8px;letter-spacing:1.1px;gap:7px;margin-bottom:23px}
  .modern-blog .hero h1{font-size:clamp(36px,10.8vw,65px);letter-spacing:-2px;line-height:1.07;margin-bottom:23px}
  .modern-blog .hero h1>em{font-family:var(--sans);font-style:normal;font-weight:500;line-height:1.07;letter-spacing:inherit}
  .modern-blog .hero .intro{max-width:520px;font-size:14px;line-height:1.85;margin:0 0 27px}
  .modern-blog .hero-backdrop{width:100%;height:100%;max-width:none;margin:0;border-radius:0;object-position:62% center}
  .modern-blog .hero-shade{background:linear-gradient(90deg,rgba(2,30,23,.84),rgba(2,30,23,.38)),linear-gradient(0deg,rgba(2,27,20,.75),transparent 55%)}
  .modern-blog .hero .button{min-height:48px;padding:13px 17px;gap:23px;font-size:11px}
  .modern-blog .hero-footer{flex-direction:column;align-items:stretch;gap:20px;margin:35px 0 0}
  .modern-blog .hero-location{font-size:9px}
  .modern-blog .hero-feature{width:100%;max-width:none;gap:12px;padding:10px}
  .modern-blog .hero-feature>img{width:62px;height:56px;border-radius:3px}
  .modern-blog .hero-feature small{font-size:7px;letter-spacing:.7px}
  .modern-blog .hero-feature strong{font-size:12px}
  [dir="rtl"] .modern-blog .hero-shade{background:linear-gradient(270deg,rgba(2,30,23,.84),rgba(2,30,23,.38)),linear-gradient(0deg,rgba(2,27,20,.75),transparent 55%)}
  [lang="ar"] .modern-blog .hero h1,[lang^="zh"] .modern-blog .hero h1,[lang="ja"] .modern-blog .hero h1{font-size:clamp(32px,8.7vw,43px);line-height:1.2;letter-spacing:0}
}
@media screen and (max-width:350px){
  .modern-blog .hero h1{font-size:36px;letter-spacing:-1.8px}
  .modern-blog .hero .eyebrow{font-size:7px}
}

/* Auftakt: gleicher Bildausschnitt und weiches Überblenden in das echte Startbild. */
.site-intro-image{animation:site-intro-image-crop var(--intro-duration) cubic-bezier(.2,.65,.25,1) both}
@keyframes site-intro-image-crop{0%,70%{object-position:center 43%}100%{object-position:var(--intro-end-object-position,center 55%)}}
@keyframes site-intro-photo{
  0%,12%{opacity:0;left:32%;top:52%;width:36%;height:26%;border-radius:27px;transform:translateY(30px) rotate(4deg)}
  29%{opacity:1;left:27%;top:52%;width:46%;height:29%;border-radius:25px;transform:rotate(2deg)}
  54%{opacity:1;left:5%;top:32%;width:90%;height:57%;border-radius:28px;transform:rotate(0)}
  70%{opacity:1;left:0;top:0;width:100%;height:100%;border-radius:0;transform:rotate(0)}
  82%{opacity:1}
  100%{opacity:0;left:var(--intro-end-x);top:var(--intro-end-y);width:var(--intro-end-w);height:var(--intro-end-h);border-radius:var(--intro-end-radius);transform:rotate(0)}
}
@media(prefers-reduced-motion:reduce){.site-intro-image{animation:none!important}}