/* Entwurf 04: persönliche Ansprache, warme Farbe, klare Typografie. */
:root{--paper:#fffdfa;--ink:#2e2925;--muted:#6b6258;--gold:#c7a566;--gold-dark:#845c2a;--line:#e5d9c9;--sage:#f0e6d9;--white:#fffdfa}
.preview-note{background:#e2cebc;color:#5f4b30}.header{background:#f0e4d7}.header-inner{border-bottom-color:#e3d5c1}.header-contact{border-color:#c9ad7a;background:#fffbf5}.header-contact:hover{background:#f1e3ca}.brand img{mix-blend-mode:multiply}.desktop-nav a:hover{color:#845c2a}.hero-band{background:#f0e4d7;border-bottom:1px solid #e5d9c9}.hero{min-height:660px;padding-top:45px;padding-bottom:50px;gap:70px}.hero .eyebrow{color:#785d37;margin-bottom:22px}.hero h1{font-size:clamp(48px,4.5vw,66px);line-height:1.03;margin-bottom:24px}.hero h1 em{color:#845c2a}.hero-description{max-width:450px;line-height:1.85;color:#665c50}.hero-actions{margin-top:27px}.button-dark{background:#c7a566;color:#30291f;border:1px solid #c7a566}.button-dark:hover{background:#d3b57e;border-color:#d3b57e;color:#30291f}.hero-actions .button{padding:16px 23px}.text-link{border-bottom-color:#b78d4f}.hero-photo{height:465px;border-radius:8px;border:7px solid #fffaf5;box-shadow:16px 17px 0 #dfcbb8}.hero-photo img{object-position:52% center}.hero-caption{margin-top:30px;font-size:10px;letter-spacing:.04em;color:#75634b;text-align:right}.personal-note{display:inline-flex;gap:13px;margin-top:27px;padding:13px 0 0;border-top:1px solid #dfcfb5;max-width:355px;align-items:center}.personal-note img{width:54px;height:54px;flex:none}.personal-note p{font-size:10px;color:#716351;line-height:1.8}.personal-note strong{font:600 13px Arial,sans-serif;color:#3b3125}.personal-arrow{font-size:20px;color:#8c6735;margin-left:7px}.trust-strip{background:#fffdfa;border-radius:0;border-bottom:1px solid #e5d9c9;padding:26px 0}.trust-strip>div+div{border-left-color:#e5d9c9}.line-icon{background:#f4e8d1;border-color:#ddc59b;color:#775a31}.test-tabs{border-bottom-color:#e0d3c1}.test-tabs button{border-radius:5px 5px 0 0}.test-tabs button.active{background:#efe0c4;color:#49371e;border-bottom-color:#96713b}.test-tabs button span{background:#f1e7d6;color:#6b512f}.test-card{border-color:#e1d5c6;background:#fffdfa}.test-card:hover{box-shadow:0 14px 35px #59432614}.test-category{background:#fffaf5;color:#5e4930}.test-arrow{background:#f2e6d2;border-color:#e2cca7;color:#654b29}.test-art{background:#eadcc5;color:#8b6835}.test-art:after{border-color:#bfa376}.process-section{background:#f0e4d7;border-top:1px solid #e5d5c1;border-bottom:1px solid #e5d5c1}.step-number{color:#8a6332;border-color:#d8bfa3}.steps p{color:#6b5e51}.about-portrait{position:relative}.about-portrait:before{content:'';position:absolute;inset:10px -15px 74px 15px;background:#efdfc1;border-radius:50%;z-index:-1}.about-copy h2 em{color:#845c2a}.about-lead{border-left:3px solid #c7a566;padding-left:20px;color:#574537}.about-signature{color:#7a5b32}.portrait-label{color:#75552e}.faq-list summary span{color:#8b6737}.faq-list details[open]{background:#f7f0e5;padding:0 16px;margin:0 -16px}.contact-section{background:#45392d;border-color:#45392d;color:#fffaf3}.contact-copy .eyebrow{color:#d2b580}.contact-copy h2,.contact-copy h2 em{color:#fff9ef}.contact-copy>p:not(.eyebrow){color:#e3d6c4}.contact-facts span{color:#e0cbaa}.contact-phone,.contact-email{color:#fff9ee}.contact-hours{color:#d6c3a7}.contact-copy .text-link{color:#f0dbb6;border-color:#b5935f}.contact-form{background:#fffaf3;border-color:#d8c7ac;box-shadow:0 15px 40px #1c110d1a;color:#342b23}.contact-form input,.contact-form textarea,.contact-form select{background:#fffefa;border-color:#d8cbb9;color:#342b23}.contact-form label>span,.form-required,.form-preview,.form-privacy{color:#736554}.contact-form .button-dark{background:#c7a566;color:#30291f}.footer{background:#eee4d6;color:#6b5d4c}.footer-label{color:#493d2e}.footer-bottom{border-color:#d8c6ab}.preview-footer{color:#736451}
@media(max-width:1100px){.hero{gap:40px;min-height:620px}.hero h1{font-size:56px}.hero-photo{height:450px;box-shadow:12px 13px 0 #dfcbb8}.hero-actions .button{padding:16px 18px}.hero-caption{margin-top:24px;font-size:9px}}
@media(max-width:800px){.hero{gap:29px;min-height:0;padding-top:35px;padding-bottom:40px}.hero h1{font-size:47px}.hero-photo{height:410px;border-width:5px;box-shadow:9px 11px 0 #dfcbb8}.hero-description{font-size:13px}.hero-actions .button{font-size:11px;padding:15px 17px}.personal-note{gap:10px}.personal-note img{width:45px;height:45px}.personal-note p{font-size:9px}.personal-note strong{font-size:12px}.personal-arrow{display:none}.trust-strip{padding:22px 0}.hero-caption{font-size:8px}.contact-copy h2 em{color:#efcf98}}
@media(min-width:601px) and (max-width:900px){.hero{grid-template-columns:1fr;gap:35px;padding-top:38px;padding-bottom:40px}.hero h1{font-size:60px;line-height:1.03}.hero-description{max-width:540px;font-size:15px}.hero-art{width:100%;max-width:600px;margin:0}.hero-photo{height:370px;box-shadow:10px 12px 0 #dfcbb8}.hero-photo img{object-position:center 43%}.hero-caption{font-size:10px;margin-top:25px}.hero-actions{flex-wrap:nowrap}.personal-note{max-width:365px}.personal-note img{width:52px;height:52px}.personal-note p{font-size:11px}.personal-note strong{font-size:13px}.personal-arrow{display:block}.hero-actions .button{font-size:12px;padding:17px 23px}.hero-actions .text-link{font-size:12px}}
@media(max-width:600px){.header-contact{background:transparent}.hero{padding-top:33px;padding-bottom:35px;gap:29px}.hero h1{font-size:clamp(39px,11.2vw,58px);line-height:1.05;margin-bottom:23px}.hero .eyebrow{font-size:8px;letter-spacing:.07em}.hero-description{font-size:14px}.hero-actions{margin-top:25px;gap:17px}.hero-actions .button{font-size:10px;padding:16px 15px}.personal-note{display:flex;padding-top:17px;margin-top:24px;max-width:100%;gap:12px}.personal-note img{width:48px;height:48px}.personal-note p{font-size:10px}.personal-note strong{font-size:13px}.personal-arrow{display:inline;margin-left:auto}.hero-art{padding-right:9px}.hero-photo{height:300px;border-radius:5px;border-width:5px;box-shadow:8px 10px 0 #dfcbb8}.hero-caption{font-size:9px;margin-top:21px;text-align:left;padding-left:5px}.trust-strip{padding:23px 0;gap:14px}.trust-strip>div{padding-left:7px}.about-portrait:before{inset:0 -8px 43px 10px}.about-copy h2{font-size:34px}.about-lead{padding-left:15px;font-size:18px}.contact-copy h2 em{color:#efcf98}.contact-form{background:#fffaf3}.faq-list details[open]{padding:0 10px;margin:0 -10px}}

/* Alle Angebote bleiben sichtbar; die Navigation springt nur zum Abschnitt. */
.offer-navigation{display:flex;gap:30px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:0 0 24px;margin-bottom:40px}.offer-navigation a{font-size:13px;font-weight:500;display:flex;align-items:center;gap:10px}.offer-navigation a:hover{color:var(--gold-dark)}.offer-navigation span{font:11px Arial,sans-serif;display:grid;place-items:center;border:1px solid #d9c4b1;border-radius:50%;width:24px;height:24px;background:#f5ede4}.offer-group+.offer-group{margin-top:65px;padding-top:50px;border-top:1px solid var(--line)}.offer-heading{margin-bottom:25px;max-width:850px}.offer-heading .eyebrow{margin-bottom:10px}.offer-heading h3{font-size:28px;line-height:1.2;font-weight:500;letter-spacing:-.035em;margin-bottom:14px}.offer-heading>p:last-child{font-size:14px;line-height:1.85;color:var(--muted)}.test-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.test-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.test-card{display:flex;flex-direction:column;min-width:0}.test-photo{height:auto;aspect-ratio:1.6}.test-photo img{height:100%;width:100%;object-fit:cover}.test-body{display:flex;flex-direction:column;flex:1;padding:23px 20px}.test-body h4{font:500 23px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.035em;margin:0 0 15px}.test-body p{font-size:13px;line-height:1.8;min-height:0;margin-bottom:22px}.test-link-row{margin-top:auto;padding-top:17px;gap:10px;font-size:11px}.test-arrow{flex:none}.selection-help{background:#f4ece3;border:1px solid #e6d8cb;padding:28px 32px;margin-top:50px;display:flex;align-items:center;justify-content:space-between;gap:35px;border-radius:6px}.selection-help h3{font-size:22px;line-height:1.3;letter-spacing:-.03em;font-weight:500;margin-bottom:8px}.selection-help p{font-size:13px;line-height:1.8;color:var(--muted);max-width:650px}.selection-help .button{flex:none}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px}.steps h3{font-size:24px;line-height:1.25;margin-bottom:14px}.steps p{font-size:13px;line-height:1.85}.process-note{font-size:12px;color:var(--muted);border-top:1px solid #d8bfa3;margin-top:38px;padding-top:20px}.about-copy>p+p{margin-top:20px}.contact-copy>p+p{margin-top:18px}.contact-personal strong{display:inline-block;margin-top:8px;color:#fff9ef}.contact-whatsapp{margin-right:10px}.contact-copy .text-link{white-space:normal}.contact-copy>p:not(.eyebrow){max-width:430px}
@media(max-width:1100px){.test-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.test-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.test-body{padding:22px}.test-grid-three .test-body{padding:20px 17px}.test-grid-three h4{font-size:21px}.steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px}.selection-help{display:block}.selection-help .button{margin-top:20px}}
@media(max-width:800px){.test-grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}.test-body{padding:22px 19px}.test-body h4,.test-grid-three h4{font-size:24px}.test-body p{font-size:13px}.offer-heading h3{font-size:27px}.offer-heading>p:last-child{font-size:13px}.offer-navigation{gap:22px}.offer-navigation a{font-size:12px}.about-section{grid-template-columns:1fr;gap:38px}.about-portrait{width:320px;padding-bottom:12px}.about-copy h2{font-size:40px}.about-copy>p:not(.eyebrow):not(.about-lead){font-size:14px}.about-lead{font-size:20px}}
@media(max-width:600px){.offer-navigation{gap:12px 20px;padding-bottom:22px;margin-bottom:30px}.offer-navigation a{font-size:11px;gap:7px}.offer-navigation span{width:21px;height:21px;font-size:10px}.test-grid,.test-grid-three{grid-template-columns:1fr;gap:24px}.test-body,.test-grid-three .test-body{padding:25px}.test-body h4,.test-grid-three h4{font-size:26px}.test-body p{font-size:14px;line-height:1.85}.test-link-row{font-size:12px}.offer-heading h3{font-size:27px}.offer-heading>p:last-child{font-size:14px}.offer-group+.offer-group{margin-top:45px;padding-top:36px}.selection-help{padding:25px;margin-top:35px}.selection-help h3{font-size:25px}.selection-help p{font-size:14px}.selection-help .button{font-size:11px}.steps{grid-template-columns:1fr;gap:25px}.steps h3{font-size:24px}.steps p{font-size:14px}.process-note{font-size:12px;line-height:1.8}.about-copy h2{font-size:35px}.about-lead{font-size:19px}.contact-copy>p:not(.eyebrow){font-size:14px}}

/* Größere vollständige Navigation mit den Links des Originalmenüs. */
.header-inner{height:100px;gap:28px;border-bottom:1px solid #dfcdbd}.brand,.brand img{width:180px}.header-contact{margin-left:auto;font-size:15px;padding:12px 19px;display:inline-flex;gap:18px;align-items:center;line-height:1.4;max-width:none}.header-contact span{font-size:inherit;margin:0}.header-contact .header-contact-arrow{font-size:24px}.header-contact .header-contact-short{display:none}.desktop-nav{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;font:500 18px/1.4 Arial,Helvetica,sans-serif;min-height:68px;border-bottom:1px solid #dfcdbd}.desktop-nav a{padding:15px 0;white-space:nowrap}.nav-item{display:flex;align-items:center;gap:4px;min-height:48px}.submenu-toggle{border:0;background:transparent;min-width:32px;height:48px;padding:0;color:var(--ink);font:22px Arial,sans-serif}.submenu-toggle[aria-expanded="true"] span{display:block;transform:rotate(180deg)}.nav-dropdown{position:absolute;top:100%;left:0;right:0;background:#fffdfa;border:1px solid #dfcdbd;border-radius:0 0 8px 8px;padding:25px 28px 30px;box-shadow:0 18px 35px #32291d1a;z-index:30}.nav-dropdown[hidden]{display:none}.nav-dropdown-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:16px;gap:20px}.nav-dropdown-heading strong{font-size:21px;font-weight:500}.nav-dropdown-heading a{font-size:14px;padding:8px 0}.nav-dropdown-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px 24px}.nav-dropdown-links a{font:15px/1.5 Raleway,Arial,sans-serif;white-space:normal;padding:11px 9px;border-radius:4px;min-height:44px}.nav-dropdown-links a:hover{background:#f0e4d7;color:var(--ink)}.mobile-menu[hidden]{display:none}
@media(max-width:1179px){.desktop-nav{display:none}.header-inner{height:100px}.menu-toggle{display:flex;flex-direction:column;gap:7px;border:1px solid #bea58e;border-radius:50%;width:48px;height:48px;align-items:center;justify-content:center;background:transparent;flex:none}.menu-toggle span{display:block;width:21px;height:2px;background:var(--ink)}.mobile-menu{display:flex;flex-direction:column;padding:18px 32px 26px;background:#fffdfa;border-bottom:1px solid var(--line);gap:0;font:18px/1.5 Arial,Helvetica,sans-serif}.mobile-menu>a,.mobile-submenu>summary{padding:14px 0;min-height:52px;border-bottom:1px solid var(--line)}.mobile-submenu summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.mobile-submenu summary::-webkit-details-marker{display:none}.mobile-submenu summary span{font-size:23px}.mobile-submenu[open] summary span{transform:rotate(45deg)}.mobile-submenu>a{font:15px/1.5 Raleway,Arial,sans-serif;display:block;padding:12px 15px;background:#f6eee6}.mobile-submenu>a:hover{background:#f0e4d7}.header-contact{margin-right:0}}
@media(max-width:600px){.header-inner{height:90px;gap:12px}.brand,.brand img{width:140px}.header-contact{font-size:14px;padding:0;border:0;background:transparent;gap:0;margin-left:auto;text-align:left;white-space:normal}.header-contact .header-contact-long,.header-contact .header-contact-arrow{display:none}.header-contact .header-contact-short{display:inline}.menu-toggle{width:48px;height:48px}.mobile-menu{padding:12px 20px 24px}}

/* Entwurf 05: weißer Einstieg, zurückhaltende Flächen und Raleway-Menü. */
:root{--paper:#ffffff;--white:#ffffff;--line:#e9e4de;--sage:#f8f5f1}
body,.header,.hero-band,.trust-strip{background:#fff}
.preview-note{background:#f4f1ed;color:#6b6258}
.header-inner,.desktop-nav,.hero-band,.trust-strip{border-color:#e9e4de}
.desktop-nav,.mobile-menu{font-family:Raleway,Arial,sans-serif;font-weight:400}
.desktop-nav{gap:12px}
.desktop-nav .nav-item{letter-spacing:-.01em}
.header-contact{background:#fff;border-color:#d4c5af}
.header-contact:hover{background:#f8f5f1}
.hero-photo{border-color:#fff;box-shadow:12px 14px 0 #f3eee8}
.personal-note{border-top-color:#e9e4de}
.test-card,.test-photo,.nav-dropdown,.mobile-menu{background:#fff}
.test-card{border-color:#e6e2dd}
.offer-navigation span{background:#f8f5f1;border-color:#e3dcd3}
.offer-group+.offer-group{border-color:#e9e4de}
.process-section{background:#f8f5f1;border-color:#eee8e1}
.step-number,.process-note{border-color:#ddd3c6}
.selection-help{background:#faf8f5;border-color:#ebe4da}
.about-portrait:before{background:#f7f2e9}
.faq-list details[open]{background:#faf8f5}
.contact-form{background:#fff;border-color:#e5ddd1}
.contact-form input,.contact-form textarea,.contact-form select{background:#fff}
.footer{background:#f8f5f1}
.footer-bottom{border-color:#e5ded4}
.mobile-submenu>a{background:#faf8f5}
.mobile-submenu>a:hover,.nav-dropdown-links a:hover{background:#f3eee8}
@media(max-width:1100px){.hero-photo{box-shadow:10px 12px 0 #f3eee8}}
@media(max-width:600px){.hero-photo{box-shadow:7px 9px 0 #f3eee8}.header-contact{background:transparent}}

/* Entwurf 06: Menügestaltung der bestehenden Website. */
.header{background:#fff}
.header-inner{height:255px;justify-content:center;position:relative;border-bottom:1px solid #ece9e5}
.brand{width:450px;height:255px;justify-content:center}
.brand img{width:450px}
.header-contact{display:none}
.desktop-nav{height:60px;min-height:60px;justify-content:space-between;gap:12px;border-bottom:0;font:400 14px/1.5 Raleway,Arial,sans-serif}
.desktop-nav>.nav-item,.desktop-nav>.nav-item>a{text-transform:uppercase;letter-spacing:2px}
.desktop-nav>.nav-item{position:relative;gap:0;min-height:60px}
.desktop-nav>.nav-item>a,.desktop-nav>a.nav-item{padding:18px 0}
.submenu-toggle{font-size:17px;min-width:23px;height:44px}
.nav-dropdown{top:100%;left:0;right:auto;width:330px;max-height:65vh;overflow:auto;border:1px solid #ece9e5;border-radius:0;padding:12px 15px;box-shadow:0 10px 24px #32291d12;letter-spacing:0;text-transform:none}
.nav-item:last-child .nav-dropdown{left:auto;right:0}
.nav-dropdown-heading{padding-bottom:6px;margin-bottom:5px}
.nav-dropdown-heading strong{display:none}
.nav-dropdown-heading a{font-size:13px;text-transform:none;letter-spacing:0}
.nav-dropdown-links{grid-template-columns:1fr;gap:0}
.nav-dropdown-links a{font-size:13px;line-height:1.5;padding:10px 7px;border-radius:0;min-height:39px;letter-spacing:0;text-transform:none}
.hero-band{background:#f8f5f1}
.hero-photo{box-shadow:12px 14px 0 #eee8e0}
@media(max-width:1100px) and (min-width:1051px){.desktop-nav{font-size:13px;gap:10px}.desktop-nav>.nav-item,.desktop-nav>.nav-item>a{letter-spacing:1.5px}}
@media(max-width:1050px){.header-inner{height:150px;justify-content:center}.brand{width:260px;height:140px}.brand img{width:260px}.menu-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%);border:0;border-radius:0}.mobile-menu>a,.mobile-submenu>summary{font-size:15px;letter-spacing:1.7px;text-transform:uppercase}.mobile-submenu>a{letter-spacing:0;text-transform:none;font-size:14px}.hero-photo{box-shadow:10px 12px 0 #eee8e0}}
@media(max-width:600px){.header-inner{height:130px}.brand{width:210px;height:120px}.brand img{width:210px}.menu-toggle{width:44px;height:44px;right:0}.hero-photo{box-shadow:7px 9px 0 #eee8e0}}
@media(min-width:1051px){.mobile-menu{display:none}}
@media(max-width:600px){.brand{max-width:calc(100% - 100px)}.brand img{width:100%}}
.nav-dropdown{max-height:min(65vh,calc(100dvh - 370px))}
@media(max-width:600px){.about-portrait{width:90%;max-width:300px}}