:root{--ink:#24292c;--muted:#626b70;--gold:#fbb03b;--bg:#faf9f6;--line:#e5e6e3;--dark:#14242c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font:400 17px/1.7 system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:var(--ink)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.shell{width:min(1320px,calc(100% - 84px));margin-inline:auto}.skip{position:absolute;left:-10000px;background:white;z-index:100}.skip:focus{left:20px;top:20px}.site-header{background:var(--bg);position:relative;z-index:5;border-bottom:1px solid #eaeae6}.nav-row{height:106px;display:flex;align-items:center;justify-content:space-between;gap:30px}.wordmark{display:flex;flex-direction:column;line-height:1.1;letter-spacing:-.065em;font-weight:750;font-size:31px;white-space:nowrap}.wordmark small{font-size:14px;font-weight:500;letter-spacing:.1em;margin-top:7px;text-transform:uppercase;color:#6c7979}.site-header nav{display:flex;align-items:center;gap:clamp(14px,2.1vw,33px)}.site-header nav a{font-weight:580;font-size:clamp(13px,1.0vw,15px);white-space:nowrap;transition:color .2s}.site-header nav a:hover,.site-header nav a.active{color:#b97810}.nav-toggle{display:none}.hero-visual{background-position:center;background-size:cover;min-height:min(74vh,780px);display:flex;align-items:center}.hero-content{padding-block:110px;color:white}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.18em;color:#b77511;text-transform:uppercase;margin:0 0 22px}.eyebrow.light{color:#ffd083}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.15;letter-spacing:-.045em}h1{font-size:clamp(52px,7.3vw,112px);font-weight:690;margin:0 0 27px}h2{font-size:clamp(34px,4.2vw,60px);font-weight:650;margin-bottom:28px}h3{font-size:clamp(22px,2.5vw,35px);font-weight:650}p{color:var(--muted)}.hero-content h1,.page-hero h1{color:white}.hero-content>p:not(.eyebrow){max-width:615px;color:#f0f3f3;font-size:clamp(18px,1.5vw,22px);line-height:1.6}.accent{color:var(--gold)}.btn{display:inline-flex;align-items:center;gap:42px;padding:14px 21px;font-size:14px;font-weight:700;margin-top:23px;transition:transform .2s}.btn:hover{transform:translateY(-3px)}.btn-bright{background:var(--gold);color:#131c20}.btn-dark{background:var(--dark);color:white}.section{padding-block:clamp(70px,9vw,138px)}.section-tight{padding-block:35px 55px}.intro{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(50px,9vw,160px);align-items:start}.intro>div:last-child{padding-top:39px}.intro p{font-size:18px}.services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:75px}.service-tile{position:relative;min-height:430px;overflow:hidden;background:#26353b}.service-tile img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .6s,opacity .4s;opacity:.8}.service-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,18,24,.87),transparent 75%)}.service-tile:hover img{transform:scale(1.045)}.service-tile>div{position:absolute;z-index:1;bottom:38px;left:38px;right:30px;color:white}.service-tile span{font-size:12px;letter-spacing:.15em;color:#ffce77}.service-tile h3{font-size:clamp(28px,3vw,46px);margin:12px 0 18px;color:white}.service-tile b{font-size:13px;font-weight:600}.split-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;align-items:center}.split-feature>img{height:510px;width:100%;object-fit:cover}.textlink{border-bottom:2px solid var(--gold);font-weight:680;padding-bottom:8px;display:inline-block;margin-top:15px;font-size:15px}.blog-teaser{background:#f1f1eb}.blog-teaser p:last-child{max-width:730px}.section-heading{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:36px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:360px;font-size:15px;margin-bottom:4px}.page-hero{min-height:490px;background-position:center;background-size:cover;display:flex;align-items:center}.page-hero .shell{padding-block:90px}.page-hero h1{font-size:clamp(49px,6.3vw,88px);margin:0}.page-hero.compact{min-height:390px}.gallery{columns:3;column-gap:18px}.gallery-item{display:block;break-inside:avoid;margin-bottom:18px;overflow:hidden;background:#e6e6e2;cursor:zoom-in}.gallery-item img{width:100%;height:auto;transition:transform .45s,filter .45s}.gallery-item:hover img{transform:scale(1.035);filter:contrast(1.03)}.subtle-block{margin-block:75px 120px;padding:70px;background:#f1f1eb}.subtle-block p{max-width:640px}.blog-empty{border:1px solid var(--line);background:white;padding:clamp(30px,5vw,70px);max-width:880px}.blog-empty p{max-width:590px}.blog-icon{color:#b77511;font-size:35px}.contact-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:12%}.contact-card{padding:46px;background:white;border:1px solid var(--line)}.contact-card a{display:block;margin:10px 0;color:#98620c;font-weight:600}.small-note{font-size:13px;margin-top:28px}.legal{max-width:800px}.legal h1{font-size:60px}.legal h2{font-size:25px}.legal a{text-decoration:underline}.notice{padding:20px;background:#fff4d9;border-left:4px solid var(--gold)}.site-footer{background:#15242b;color:#f9faf8;padding:75px 0 22px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr .7fr;gap:35px}.footer-mark{font-size:28px;letter-spacing:-.05em;font-weight:750}.footer-mark span{font-size:17px;font-weight:400}.footer-grid p{color:#bdc6c7;font-size:14px;margin-top:15px}.footer-title{font-size:12px;color:var(--gold);letter-spacing:.12em;text-transform:uppercase;font-weight:750;display:block;margin-bottom:22px}.footer-grid a:not(.footer-mark){display:block;font-size:14px;margin:0 0 9px;color:#d5dede;word-break:break-word}.footer-grid a:hover{color:var(--gold)}.footer-bottom{border-top:1px solid #34434a;margin-top:55px;padding-top:18px;font-size:12px;color:#bac3c5;display:flex;justify-content:space-between}.lightbox{position:fixed;z-index:50;inset:0;background:rgba(9,16,20,.96);display:none;align-items:center;justify-content:center;color:white}.lightbox.open{display:flex}.lightbox figure{margin:0;max-width:min(86vw,1500px);text-align:center}.lightbox figure img{width:auto;height:auto;max-width:100%;max-height:83vh;margin:auto;object-fit:contain}.lightbox figcaption{font-size:13px;color:#c9d1d3;margin-top:10px}.lightbox button{position:absolute;border:0;background:transparent;color:white;cursor:pointer;font-size:55px;padding:10px 19px}.lb-close{top:15px;right:25px}.lb-prev{left:14px;top:43%}.lb-next{right:14px;top:43%}.lb-external{font-size:14px;color:var(--gold);display:inline-block;margin-top:8px}.lb-external[hidden]{display:none}
@media(max-width:950px){.shell{width:min(100% - 40px,1320px)}.nav-row{height:80px}.nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:48px;height:48px;border:0;background:none;cursor:pointer}.nav-toggle span{display:block;width:27px;height:2px;background:var(--ink);transition:transform .25s,opacity .25s}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(8px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-8px) rotate(-45deg)}.site-header nav{display:none;position:absolute;left:0;right:0;top:80px;background:var(--bg);padding:25px 20px 35px;box-shadow:0 20px 24px #0002;flex-direction:column;align-items:stretch;gap:0}.site-header nav.open{display:flex}.site-header nav a{padding:10px;font-size:18px;border-bottom:1px solid var(--line)}.intro,.split-feature,.contact-layout{grid-template-columns:1fr;gap:30px}.intro>div:last-child{padding-top:0}.footer-grid{grid-template-columns:repeat(2,1fr)}.hero-visual{min-height:600px}.service-tile{min-height:350px}}@media(max-width:620px){body{font-size:16px}.shell{width:calc(100% - 32px)}.wordmark{font-size:25px}.wordmark small{font-size:11px}.hero-content{padding-block:90px}.hero-visual{min-height:570px}.hero-content h1{font-size:clamp(47px,12vw,68px)}.services{grid-template-columns:1fr;gap:12px}.service-tile{min-height:320px}.service-tile>div{bottom:23px;left:23px}.section-heading{display:block}.section-heading>p{margin-top:22px}.gallery{columns:2;column-gap:9px}.gallery-item{margin-bottom:9px}.page-hero{min-height:370px}.page-hero.compact{min-height:330px}.page-hero h1{font-size:clamp(44px,10vw,65px)}.split-feature>img{height:320px}.subtle-block{padding:25px;margin-block:35px 70px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px 20px}.footer-bottom{display:block}.footer-bottom span{display:block}.lightbox figure{max-width:80vw}.lightbox figure img{max-height:79vh}.lightbox button{font-size:38px;padding:5px}.lb-prev{left:1px}.lb-next{right:1px}.lb-close{right:10px}}

/* Version 2: Kundenfeedback vom 14. Oktober 2026 */
:root{--gold:#fbb03b}
.eyebrow,.eyebrow.light,.service-tile span,.footer-title,.blog-icon{color:var(--ink)}
.hero-content .eyebrow.light,.page-hero .eyebrow.light{color:#fff}
.site-footer .footer-title{color:#eef0ef}
.accent{color:inherit}
.hero-content h1{font-size:clamp(47px,6.55vw,101px)}
.page-hero h1{font-size:clamp(44px,5.67vw,79px)}
.site-header .wordmark{width:140px;flex:0 0 140px;display:block}
.site-header .wordmark img{display:block;width:140px;height:auto}
.nav-row{gap:22px}
.site-header nav{gap:clamp(11px,1.55vw,23px)}
.site-header nav a{font-size:clamp(12px,.93vw,14px)}
.services{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.service-tile{min-height:360px}
.service-tile>div{left:22px;right:16px;bottom:22px}
.service-tile h3{font-size:clamp(19px,2vw,29px)}
.service-tile span{color:#fff}
.draft-copy{border-left:2px solid #dadbd7;padding-left:15px;color:#777;font-style:italic}
.photo-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px 34px;padding-bottom:105px}
.photo-category{min-width:0}
.photo-category h2{font-size:clamp(28px,3vw,46px);margin-bottom:12px;overflow-wrap:anywhere}
.photo-category>p:not(.eyebrow){max-width:660px}
.photo-category .gallery{columns:2;column-gap:12px}
.photo-category .gallery-item{margin-bottom:12px}
.photo-upcoming{background:#f1f1eb;padding:clamp(24px,3vw,44px);align-self:start;min-height:270px}
.work-split{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(35px,7vw,110px);align-items:start}
.work-visual{min-width:0}
.work-visual .gallery{columns:2;column-gap:12px}
.work-visual .gallery-item{margin-bottom:12px}
.work-copy{position:sticky;top:35px}
.work-copy h3{font-size:clamp(27px,3vw,42px)}
.work-copy p{font-size:18px}
@media(max-width:1130px){.site-header .wordmark{width:112px;flex-basis:112px}.site-header .wordmark img{width:112px}.site-header nav{gap:12px}.services{gap:10px}.service-tile{min-height:310px}}
@media(max-width:950px){.services{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header .wordmark,.site-header .wordmark img{width:105px}.site-header .wordmark{flex-basis:105px}.work-split{gap:28px}.work-copy{position:static}}
@media(max-width:620px){.services{grid-template-columns:1fr}.photo-matrix{grid-template-columns:1fr}.work-split{grid-template-columns:1fr}.hero-content h1{font-size:clamp(43px,10.8vw,62px)}.page-hero h1{font-size:clamp(40px,9vw,59px)}}
/* Accent yellow remains for button surfaces and subtle interface borders, not typography. */
.site-header nav a:hover,.site-header nav a.active,.contact-card a,.footer-grid a:hover,.lb-external{color:var(--ink)}
.site-footer .footer-grid a:hover,.lightbox .lb-external{color:#fff}

/* Version 3: einheitliches 4:1-Hero, ruhiger Footer, mobile Bildraster */
.hero-visual,.page-hero,.page-hero.compact{
  width:100%;aspect-ratio:4/1;min-height:0;max-height:none;
  background-size:cover;background-position:center;display:flex;align-items:center;
}
.hero-content,.page-hero .shell{padding-block:clamp(22px,3vw,56px)}
.hero-content h1{font-size:clamp(33px,4.7vw,74px);margin-bottom:12px}
.page-hero h1{font-size:clamp(31px,4.5vw,70px)}
.hero-content>p:not(.eyebrow){font-size:clamp(14px,1.25vw,19px);max-width:640px;line-height:1.45;margin-bottom:7px}
.hero-content .btn{margin-top:8px;padding:9px 16px}
.hero-content .eyebrow,.page-hero .eyebrow{margin-bottom:9px}
.site-footer{background:#eeefec;color:var(--ink);padding:55px 0 20px;border-top:1px solid #dcded9}
.footer-grid p{color:#586369}.footer-title,.site-footer .footer-title{color:#475056}
.footer-grid a:not(.footer-mark){color:#424b50}
.footer-grid a:hover,.site-footer .footer-grid a:hover{color:#202629;text-decoration:underline}
.footer-bottom{border-top-color:#d7d9d5;color:#6a7274;margin-top:32px}
.footer-mark{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2;letter-spacing:-.025em;overflow-wrap:normal;word-break:normal}
.footer-mark span{display:block;font-size:16px;letter-spacing:0;white-space:nowrap;margin-top:3px}
.back-to-top{position:fixed;right:22px;bottom:22px;z-index:20;width:45px;height:45px;display:grid;place-items:center;border:1px solid #d8d9d5;border-radius:50%;background:#faf9f6;color:#24292c;box-shadow:0 3px 15px #0002;font-size:25px;transition:transform .2s,background .2s}
.back-to-top:hover{transform:translateY(-4px);background:#fff}
.friend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:35px}
.friend-grid>a{border:1px solid var(--line);background:#fff;padding:25px;transition:border-color .2s,transform .2s}
.friend-grid>a:hover{border-color:#a6aba6;transform:translateY(-2px)}
.friend-grid h3{font-size:22px;margin-bottom:10px}.friend-grid p{font-size:15px;margin:0}
@media(max-width:950px){.hero-visual,.page-hero,.page-hero.compact{aspect-ratio:4/1;min-height:0}.hero-content,.page-hero .shell{padding-block:12px}.hero-content>p:not(.eyebrow){max-width:55vw}.hero-content .btn{margin-top:5px}.friend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
  .nav-toggle span{height:3.5px;width:30px;border-radius:3px}
  .nav-toggle[aria-expanded=true] span:first-child{transform:translateY(9.5px) rotate(45deg)}
  .nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-9.5px) rotate(-45deg)}
  .services{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .service-tile{min-height:220px}
  .service-tile>div{left:12px;right:10px;bottom:12px}
  .service-tile h3{font-size:clamp(15px,4.2vw,23px);margin:5px 0}
  .service-tile span,.service-tile b{font-size:10px}
  .intro,.split-feature,.contact-layout,.work-split,.photo-matrix{grid-template-columns:1fr}
  .gallery,.photo-category .gallery,.work-visual .gallery{columns:2;column-gap:9px}
  .gallery-item,.photo-category .gallery-item,.work-visual .gallery-item{margin-bottom:9px}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 15px}
  .footer-grid>div{min-width:0}
  .footer-mark{font-size:clamp(20px,5vw,26px)}
  .footer-mark span{font-size:clamp(12px,3.3vw,16px)}
  .footer-grid a:not(.footer-mark){font-size:12px;overflow-wrap:anywhere}
  .hero-visual,.page-hero,.page-hero.compact{aspect-ratio:4/1;min-height:0}
  .hero-content h1,.page-hero h1{font-size:clamp(20px,5.6vw,34px);margin:3px 0}
  .hero-content>p:not(.eyebrow){display:none}
  .hero-content .btn{margin-top:4px;padding:6px 10px;font-size:11px;gap:10px}
  .hero-content .eyebrow,.page-hero .eyebrow{font-size:9px;letter-spacing:.06em;margin-bottom:3px}
  .friend-grid{grid-template-columns:1fr}
  .back-to-top{right:12px;bottom:12px;width:40px;height:40px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.back-to-top{transition:none}}

/* V4: feste Orientierung, dezenter Navigations-Indikator */
.site-header{position:sticky;top:0;z-index:40;background:var(--bg);box-shadow:0 1px 8px rgba(20,36,44,.045)}
.site-header nav a{position:relative;color:var(--ink);padding-block:8px;transition:color .18s ease}
.site-header nav a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:#FBB03B;transform:scaleX(0);transform-origin:center;transition:transform .22s ease}
.site-header nav a:hover::after,.site-header nav a.active::after,.site-header nav a:focus-visible::after{transform:scaleX(1)}
/* Zwei klar getrennte Fotografie-Themen, je sechs Masonry-Spalten links und Text rechts */
.photo-showcase{padding-bottom:100px}
.photo-feature{display:grid;grid-template-columns:minmax(0,1.07fr) minmax(0,1fr);gap:clamp(36px,5vw,85px);align-items:start;margin-bottom:clamp(75px,9vw,135px)}
.photo-feature-images{min-width:0;border-top:2px solid #FBB03B;padding-top:32px}
.photo-feature-images .gallery{columns:6;column-gap:9px}
.photo-feature-images .gallery-item{margin-bottom:9px}
.photo-feature-copy{min-width:0}
.photo-feature-copy h2{font-size:clamp(34px,3.6vw,54px);margin-bottom:24px}
.photo-feature-copy p:not(.eyebrow){font-size:clamp(16px,1.3vw,18px);line-height:1.7}
.photo-future-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,5vw,65px)}
/* Rahmen auf allen Masonry-Bildern, auch bei weißen Freistellern */
.gallery-item{border:2px solid #FBB03B}
/* Grafikdesign: drei Bilder pro Reihe im vorhandenen Bild/Text-Aufbau */
.work-visual .gallery{columns:3;column-gap:10px}
.work-visual .gallery-item{margin-bottom:10px}
@media(max-width:950px){
 .site-header nav{z-index:42}
 .site-header nav a{width:fit-content;max-width:100%;border-bottom:none}
 .photo-feature{grid-template-columns:1fr;gap:28px}
 .photo-feature-images .gallery{columns:4}
}
@media(max-width:620px){
 .photo-feature-images .gallery,.work-visual .gallery{columns:2;column-gap:9px}
 .photo-feature{grid-template-columns:1fr;margin-bottom:70px}
 .photo-future-grid{grid-template-columns:1fr}
 .photo-feature-images{padding-top:20px}
}

/* V5: Galerie-Begrenzung - mobil acht, Desktop zwanzig Motive pro Schritt */
.gallery-item[hidden]{display:none!important}
.gallery-more[hidden]{display:none!important}
.gallery-more{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px}
.gallery-more-button{background:#FBB03B;color:#202629;border:1px solid #FBB03B;padding:11px 20px;cursor:pointer;font:inherit;font-weight:600;border-radius:3px}
.gallery-more-button:hover,.gallery-more-button:focus-visible{background:#ed9f25;border-color:#ed9f25}
.gallery-count{font-size:13px;color:#667078}
.gallery{scroll-margin-top:100px}
@media(max-width:620px){.gallery-more{flex-direction:column;align-items:stretch}.gallery-more-button{width:100%}.gallery-count{text-align:center}}

/* V6 multilingual navigation, consent dialog, map */
.language-switch{font-weight:700;letter-spacing:.04em}
.en-gallery{max-width:1150px;margin:0 auto 90px}
.en-gallery .gallery{columns:5}
.en-gallery h2{font-size:clamp(28px,3vw,46px);margin-bottom:22px}
.privacy-open{background:none;border:0;padding:0;text-align:left;font:inherit;font-size:inherit;color:inherit;cursor:pointer}
.privacy-open:hover{text-decoration:underline}
.privacy-dialog[hidden]{display:none!important}
.privacy-dialog{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;background:rgba(7,15,18,.62);padding:18px}
.privacy-card{position:relative;width:min(100%,570px);background:#fff;padding:clamp(22px,4vw,38px);box-shadow:0 14px 60px #0003;color:#263039}
.privacy-card h2{font-size:clamp(24px,3vw,34px);margin:0 0 15px}
.privacy-card p{font-size:16px;line-height:1.6}
.privacy-x{position:absolute;right:14px;top:10px;background:transparent;border:0;font-size:30px;cursor:pointer}
.privacy-card input{accent-color:#FBB03B;width:18px;height:18px;vertical-align:middle}
.privacy-actions{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0 10px}
.privacy-actions button,.map-consent{font:inherit;background:#FBB03B;border:1px solid #d59b35;padding:10px 16px;cursor:pointer;color:#202629}
.privacy-reject{background:#f5f5f2!important;border-color:#d5d9d5!important}
.external-map{background:#f1f2f0;border:1px solid #c9ceca;padding:16px;margin-top:18px;min-height:120px}
.external-map iframe{display:block;width:100%;height:290px;border:0}
@media(max-width:620px){.en-gallery .gallery{columns:2}.privacy-actions{flex-direction:column}.privacy-actions button{width:100%}}

/* V8: Blog und Divi-freie Artikelvorlage */
.blog-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.blog-post-card{display:block;color:inherit;text-decoration:none;background:#fff;border:1px solid #e8e4dc;transition:transform .2s,box-shadow .2s}.blog-post-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #1c1c1c16}.blog-card-image{aspect-ratio:16/9;background:#eee;overflow:hidden}.blog-card-image img{width:100%;height:100%;object-fit:cover}.blog-card-body{padding:22px}.blog-card-body h3{font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.3;color:#262626}.blog-card-body p{line-height:1.6}.blog-readmore{color:#805110;font-weight:600}.blog-note{margin-top:28px;color:#777}.blog-article{max-width:1400px}.article-meta{font-size:.92rem;color:#777;border-bottom:1px solid #eee;padding-bottom:14px;margin-bottom:28px}.article-section{margin:0 0 24px}.article-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,4vw,60px);margin:0 0 26px}.article-column{min-width:0}.article-text{margin:0 0 20px}.article-text p,.article-text li{line-height:1.75;color:#555;font-size:1.06rem}.article-text h2,.article-text h3,.article-text h4{color:#282828;line-height:1.3;margin:0 0 14px}.article-text h3{font-size:clamp(1.35rem,2vw,1.8rem)}.article-text h4{font-size:clamp(1.15rem,1.65vw,1.45rem)}.article-text a,.article-back a{color:#74501c;text-underline-offset:3px}.article-figure{margin:0 0 12px}.article-figure img{display:block;width:100%;height:auto;max-width:100%;border:2px solid #FBB03B}.article-faq{display:grid;gap:10px}.article-faq details{border:1px solid #e4d7c1;background:#fff}.article-faq summary{cursor:pointer;padding:16px 20px;font-weight:650;list-style-position:inside}.article-faq details[open] summary{border-bottom:1px solid #eee;background:#fff8ee}.faq-answer{padding:0 20px 16px;line-height:1.75}.article-back{margin:35px 0 0;border-top:1px solid #ddd;padding-top:20px}@media(max-width:800px){.blog-cards{grid-template-columns:1fr}.article-row{grid-template-columns:1fr;gap:8px}.article-figure img{width:100%}}

/* V9 - redaktionelle Artikelvorlage */
.blog-article .article-row{align-items:center;gap:clamp(24px,4vw,64px);margin-bottom:clamp(34px,5vw,75px)}
.blog-article .article-column{min-width:0}
.blog-article .article-text{margin-block:16px}
.blog-article .article-text h2{font-size:clamp(29px,2.6vw,36px);line-height:1.22}
.blog-article .article-text h3{font-size:clamp(24px,2vw,28px)}
.blog-article .article-faq-section{border-top:1px solid var(--line);padding-top:38px;margin-top:45px}
.blog-article .article-faq-section h2{font-size:clamp(28px,2.6vw,36px);margin-bottom:22px}
.blog-article .article-faq-section .article-faq{width:100%}
@media(max-width:800px){.blog-article .article-row{grid-template-columns:1fr;gap:12px}.blog-article .article-row>.article-column:empty{display:none}}

/* V10: freigegebene Linkfarben, kein Grün */
.blog-article .article-text a,.blog-article .article-back a,.blog-post-card .blog-readmore{color:#986000;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.blog-article .article-text a:hover,.blog-article .article-back a:hover,.blog-post-card:hover .blog-readmore{color:#fbb03b}
.blog-article .article-row{align-items:center}
.blog-article .article-column{align-self:center}
.blog-article .article-text h2{font-size:clamp(29px,2.6vw,36px)}
.blog-article .article-text h3{font-size:clamp(24px,2vw,28px)}

/* V11 blog refinement: 26 October 2026 */
.blog-article .article-text h1{font-size:clamp(32px,3vw,42px);line-height:1.2;margin:0 0 12px;color:#24292c}
.blog-article .article-text h2{overflow-wrap:break-word;hyphens:auto}
.blog-article .article-wrap-heading{overflow-wrap:break-word;hyphens:auto;word-break:normal}
.blog-article .article-row-centered{align-items:center}
.blog-article .article-row-centered>.article-column{align-self:center}
.blog-article .article-row:has(.article-text h1){margin-bottom:24px}
.blog-article .article-row:has(.article-text h1)+.article-section .article-text{margin-top:0}
.blog-article .article-zoom{cursor:zoom-in}
.blog-article .article-video-card{margin:0 0 22px;position:relative}
.blog-article .article-video-link{display:block;position:relative;overflow:hidden;background:#25292b;color:white}
.blog-article .article-video-link img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.blog-article .video-play-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:#fbb03b;color:#24292c;border-radius:50%;width:66px;height:66px;font-size:27px;box-shadow:0 5px 24px #0006}
.blog-article .article-video-link:hover .video-play-mark{background:#fff}
.blog-article .article-video-mac video{display:block;width:100%;max-height:490px;background:#eee}
.blog-article .article-video-card a{color:#986000}
.blog-article .article-text a{font-size:inherit}
.blog-article .article-text p,.blog-article .article-text li{overflow-wrap:break-word}
.blog-article .article-text h2,.blog-article .article-text h3,.blog-article .article-text h4{hyphens:auto}
.blog-article .article-figure img{object-fit:contain}
.blog-article .article-row>.article-column:empty{min-height:0}
.article-image-dialog{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;padding:44px}
.article-image-dialog.is-open{display:flex}
.article-image-dialog img{max-width:95vw;max-height:88vh;object-fit:contain}
.article-image-dialog button{position:absolute;top:9px;right:18px;background:none;color:white;border:0;font-size:38px;cursor:pointer}
@media(max-width:800px){.blog-article .article-text h1{font-size:32px}.article-image-dialog{padding:20px}}

/* V11b: video displayed inside a Mac-style screen, no external mockup dependency */
.blog-article .article-video-mac{padding:clamp(7px,1.3vw,14px);background:#1d2024;border:2px solid #444950;border-bottom-width:18px;border-radius:16px 16px 5px 5px;box-shadow:0 10px 25px rgba(0,0,0,.20);max-width:650px;margin-inline:auto}
.blog-article .article-video-mac:after{content:"";display:block;height:5px;width:24%;border-radius:9px;background:#555a60;margin:17px auto -15px}
.blog-article .article-video-mac video{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:0;background:#111}



/* Vorschlag V12: fließender zweispaltiger Blog-Satz.
   Aktiv nur für Artikel mit .article-editorial-flow.
   Die alten .article-row-Artikel und die Mobilansicht bleiben unberührt.
   Der PHP-Artikelrenderer muss Artikelmodule als einzelne .article-flow-block
   direkt in .article-editorial-flow ausgeben, ohne .article-row/.article-column. */
.blog-article .article-editorial-flow {
  column-count: 2;
  column-gap: clamp(30px, 4vw, 64px);
  column-fill: balance;
  margin-block: 22px 36px;
}
.blog-article .article-editorial-flow > .article-flow-block {
  display: flow-root;
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  margin: 0 0 24px;
}
.blog-article .article-editorial-flow > .article-flow-block .article-text {
  margin: 0;
}
.blog-article .article-editorial-flow > .article-flow-block .article-text > :last-child {
  margin-bottom: 0;
}
.blog-article .article-editorial-flow > .article-flow-block .article-figure {
  margin: 0;
}
.blog-article .article-editorial-flow > .article-flow-block img {
  width: 100%;
  height: auto;
  display: block;
}
.blog-article .article-editorial-flow > .article-flow-block h2 {
  font-size: clamp(27px, 2.6vw, 36px);
}
.blog-article .article-editorial-flow > .article-flow-block h3 {
  font-size: clamp(23px, 2vw, 28px);
}
/* Einspaltig bis einschließlich Tablet. Keine Änderung an übrigen Seiten. */
@media (max-width: 800px) {
  .blog-article .article-editorial-flow {
    column-count: 1;
    margin-block: 16px 30px;
  }
  .blog-article .article-editorial-flow > .article-flow-block {
    margin-bottom: 20px;
  }
}


/* Webdesign: Abstand zwischen Einleitung und Galerie gezielt reduzieren. */
.webdesign-intro{padding-bottom:25px}
.webdesign-intro + .section-tight{padding-top:25px}
@media(max-width:620px){.webdesign-intro{padding-bottom:20px}.webdesign-intro + .section-tight{padding-top:20px}}


/* V13: Webdesign-Portfolio - gesamte Inhaltsbreite, echte Hoch-/Querformat-Masonry */
.webdesign-portfolio{min-width:0}
.webdesign-projekte{column-count:5;column-gap:18px}
.webdesign-projekt{display:inline-block;width:100%;vertical-align:top;margin:0 0 24px;break-inside:avoid;-webkit-column-break-inside:avoid}
.webdesign-projektbild{display:block;overflow:hidden;border:2px solid #FBB03B;background:#eee}
.webdesign-projektbild img{display:block;width:100%;height:auto;transition:transform .2s ease}
a.webdesign-projektbild:hover img{transform:scale(1.025)}
.webdesign-projekt h4{margin:8px 0 4px;font-size:clamp(13px,1vw,16px);line-height:1.3;overflow-wrap:break-word}
.webdesign-projekt p{margin:0;font-size:clamp(12px,.9vw,14px);line-height:1.5;overflow-wrap:break-word}
.webdesign-nachwort{max-width:800px;margin-top:clamp(45px,6vw,85px)}
.webdesign-nachwort h3{font-size:clamp(27px,3vw,42px)}
.webdesign-nachwort p:not(.eyebrow){font-size:18px}
@media(max-width:1199px){.webdesign-projekte{column-count:4;column-gap:14px}}
@media(max-width:949px){.webdesign-projekte{column-count:3;column-gap:12px}}
@media(max-width:699px){
 .webdesign-projekte{column-count:2;column-gap:9px}
 .webdesign-projekt{margin-bottom:17px}
 .webdesign-projekt h4{font-size:13px}
 .webdesign-projekt p{font-size:12px;line-height:1.4}
 .webdesign-nachwort p:not(.eyebrow){font-size:16px}
}
@media(prefers-reduced-motion:reduce){.webdesign-projektbild img{transition:none}}


/* V14: Startseite Blog-Button und breite Kontaktkarte */
.blog-teaser .section-heading{align-items:center}
.blog-teaser .section-heading .blog-teaser-button{margin:0 0 0 auto;flex:0 0 auto;white-space:nowrap}
.contact-map-wide{margin-bottom:clamp(65px,8vw,115px)}
.contact-map-wide .external-map{margin-top:0;padding:0;min-height:500px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:10px}
.contact-map-wide .external-map iframe{height:540px;width:100%;flex:1;min-height:500px}
.contact-map-wide .contact-map-route{text-align:right;margin-top:8px}
@media(max-width:620px){
  .blog-teaser .section-heading{display:flex;flex-wrap:wrap;align-items:center;gap:15px}
  .blog-teaser .section-heading .blog-teaser-button{margin:0}
  .contact-map-wide .external-map{min-height:340px}
  .contact-map-wide .external-map iframe{height:340px;min-height:340px}
  .contact-map-wide .contact-map-route{text-align:left}
}