@font-face{font-family:Lato;src:url('assets/fonts/lato.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Playfair;src:url('assets/fonts/playfair.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Playfair;src:url('assets/fonts/playfair-italic.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap}
:root{--paper:#f8f2e9;--ink:#34150e;--text:#3c332e;--clay:#b45334;--line:#ded0bf;--serif:Playfair,Georgia,serif;--sans:Lato,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--text);background:radial-gradient(ellipse at 15% 20%,#fffaf450,transparent 60%),var(--paper);font:16px/1.55 var(--sans)}a{color:inherit;text-underline-offset:4px}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #734b28;outline-offset:5px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--ink);font-family:var(--serif);font-weight:400}h1{font-size:clamp(42px,4.5vw,68px);line-height:1.07;letter-spacing:-2px}h2{font-size:clamp(29px,3vw,43px);line-height:1.18;letter-spacing:-1px}h3{font-size:24px;line-height:1.3}p+p{margin-top:14px}.wrap{width:min(1240px,89%);margin-inline:auto}.section{padding-block:54px}.eyebrow{font-size:15px;margin-bottom:12px}.section-heading{text-align:center;margin:0 auto 30px;max-width:780px}.section-heading>p:last-child:not(.eyebrow){max-width:690px;margin:16px auto 0}.brand{font-family:var(--serif);font-size:28px;letter-spacing:-.8px;text-decoration:none;color:var(--ink);white-space:nowrap}.site-header{display:flex;align-items:center;gap:40px;min-height:88px;position:relative;z-index:5}.site-header nav{display:flex;gap:34px;margin-left:clamp(20px,9vw,140px)}.site-header nav a{text-decoration:none;font-size:15px}.site-header nav a:hover{color:var(--clay)}.skip-link{position:fixed;left:12px;top:-100px;padding:10px 20px;background:var(--ink);color:white;z-index:20}.skip-link:focus{top:12px}.button{display:inline-flex;gap:22px;align-items:center;justify-content:center;border:0;border-radius:40px;background:var(--clay);color:#fffaf3;padding:14px 29px;font-size:16px;text-decoration:none;cursor:pointer;transition:background .2s,transform .2s}.button:hover{background:#914027;transform:translateY(-2px)}.button span{font-size:25px;line-height:1}.hero{position:relative;min-height:630px;padding-top:34px}.hero-copy{position:relative;z-index:3;width:48%;padding-bottom:40px}.hero-copy .lead{font-size:18px;max-width:475px;margin:18px 0 23px}.handwritten{font:italic 20px/1.5 var(--serif);transform:rotate(-9deg);color:#614133}.handwritten:after{content:'';display:block;width:52px;height:1px;background:var(--clay);margin:13px auto 0;transform:rotate(-7deg)}.hero-note{position:absolute;left:0;bottom:68px;text-align:center;font-size:19px}.collage{position:absolute;inset:-88px -6.18% 18px 25%;pointer-events:none}.project{position:absolute;display:block;overflow:hidden;background:#e7ddcc;border:7px solid var(--paper);text-decoration:none;pointer-events:auto;box-shadow:0 8px 20px #34150e08}.project img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .35s}.project:hover img{transform:scale(1.025)}.project>span{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:8px;background:#f9f3eaf2;color:var(--ink);font-size:14px;padding:9px 15px}.project-main{top:0;right:0;width:68%;height:77%;border-radius:55% 0 0 5% / 18% 0 0 5%;padding-top:36px;background:#e3e0cd}.project-main img{object-fit:cover}.project-robin{left:0;bottom:0;width:37%;height:35%;transform:rotate(2deg);border-radius:10% 5% 5% 7%}.project-song{left:37%;bottom:-3px;width:35%;height:33%;transform:rotate(4deg);border-radius:5% 8% 9% 4%}.hero-seal{position:absolute;bottom:0;right:-6.18%;background:var(--clay);color:#fff5e8;border-radius:90% 0 0 40%;width:175px;height:185px;text-align:center;padding:37px 12px 15px 30px;transform:none;font-size:21px}.hero-seal:after{background:#f9ecda}.intro{position:relative;overflow:hidden;background:#eee5d9;padding:42px 0}.intro:before{content:'';position:absolute;left:-120px;top:-150px;width:410px;height:410px;border-radius:35% 65% 55% 30%;transform:rotate(25deg);background:radial-gradient(ellipse at 65% 70%,#b1a48140,transparent 65%),#e2d2bc}.intro-inner{display:flex;align-items:center;justify-content:center;position:relative}.intro-copy{text-align:center;max-width:685px}.intro-copy p{margin-top:15px;font-size:17px}.intro-inner>.handwritten{position:absolute;right:-15px;bottom:-10px;font-size:17px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.service-card{text-align:center;background:#fffcf780;border:1px solid #fff7ee;padding:25px 18px 29px;border-radius:14px}.service-card p{margin-top:9px}.icon{width:74px;height:74px;display:grid;place-items:center;border-radius:50%;background:#f0e5d7;margin:0 auto 14px}.icon svg{width:44px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.process{padding-top:12px}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:34px;padding:0;margin:32px 0 0}.steps li{display:flex;gap:20px}.step-number{font:50px/1 var(--serif);color:var(--clay)}.steps h3{font:19px/1.35 var(--sans);margin-bottom:7px}.steps p{font-size:14px}.pricing{background:#efe6da}.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.price-card{padding:32px;background:var(--paper);border-radius:16px;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;gap:25px}.price-card-featured{border:1px solid var(--clay)}.price-kicker{font-size:14px;color:#794834;margin-bottom:8px}.price-card h3{font-size:30px;margin-bottom:15px}.price{color:var(--ink);font-size:28px}.price span{font-family:var(--serif);font-size:55px}.price small{font-size:15px}.tax-label,.installment{font-size:14px}.launch-limit{font-weight:bold;color:#904329}.text-link{display:inline-block;color:#893d25;margin-top:18px}.care-strip{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:25px 0 0}.care-strip strong,.care-strip small,.care-strip span{display:block}.care-strip strong{font-size:20px;color:var(--ink)}.care-strip small{margin-top:7px}.care-strip>p{flex-shrink:0}.care-strip b{font-size:27px;color:var(--clay)}.faq-list{max-width:900px;margin:auto}details{border-bottom:1px solid var(--line)}summary{display:flex;align-items:center;gap:19px;padding:22px 0;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary>span{color:var(--clay);font-family:var(--serif);font-size:21px}summary strong{font-weight:400;font-size:18px}summary:after{content:'+';font-size:25px;margin-left:auto;color:var(--clay)}details[open] summary:after{content:'−'}.faq-answer{padding:0 35px 23px}.faq-price-list{padding:0;list-style:none}.faq-price-list li{display:flex;gap:20px;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line)}.faq-price-list strong{white-space:nowrap}.contact{color:#fff8ee;background:radial-gradient(ellipse at 8% 90%,#d983574d,transparent 45%),radial-gradient(ellipse at 94% 0,#e398684d,transparent 50%),#ad5032}.contact h2{color:#fff8ee}.contact .section-heading{margin-bottom:40px}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;max-width:1000px;margin:auto}.contact-copy .handwritten{color:#fff1df;margin:10px 0 40px;font-size:27px;transform:rotate(-6deg);display:inline-block}.contact-copy .handwritten:after{background:#ffdfbf}.button-light{background:var(--paper);color:var(--ink)}.button-light:hover{background:#ead8c1}.direct-contact{display:grid;gap:9px;margin:26px 0}.contact-copy>p:last-child{font-size:14px}.contact-form{display:grid;gap:15px;padding:26px;background:#fff7eb;border-radius:15px;color:var(--text)}.form-field{display:grid;gap:5px}.form-field label{font-size:14px}input,textarea{width:100%;min-width:0;border:1px solid #cbb8a4;background:#fffcf8;padding:10px 12px;border-radius:5px;color:var(--ink)}textarea{resize:vertical;min-height:110px}.form-hint{font-size:12px}.contact-form .button{font-size:14px;padding:13px 15px;gap:8px}.site-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;padding-block:28px}.site-footer .brand{font-size:24px}.site-footer>p{font-size:14px}.site-footer nav{display:flex;gap:20px;font-size:14px}.footer-note{display:flex;justify-content:space-between;align-items:center;width:100%;border-top:1px solid var(--line);padding-top:20px}.footer-note .handwritten{font-size:16px;transform:rotate(-3deg)}.footer-note .handwritten:after{display:none}.legal-page{padding:45px 6% 70px}.legal-wrap{max-width:850px;margin:auto}.legal-wrap h1{margin-bottom:35px}.legal-wrap h2{font-size:25px;margin:32px 0 12px}.legal-page~.site-footer,body:has(.legal-page)>.site-header{width:min(1240px,89%);margin:auto}.legal-back{margin-left:auto}
@media(min-width:1450px){.hero{min-height:700px;padding-top:55px}.hero-copy{width:47%}.project-main{height:78%}}
@media(max-width:1100px){.site-header nav{margin-left:auto;gap:22px}.hero{min-height:610px}.hero-copy{width:49%}.hero-copy .lead{font-size:16px}.intro-copy{max-width:65%}.intro-inner>.handwritten{font-size:15px;right:-10px}.hero-note{font-size:16px}.hero-seal{width:140px;height:165px;font-size:18px}.service-card h3{font-size:21px}.steps{gap:22px}.steps li{gap:12px}.contact-grid{gap:35px}}
@media(max-width:760px){.wrap{width:90%}.site-header{min-height:105px;flex-direction:column;justify-content:center;gap:12px;padding-block:15px}.brand{font-size:27px}.site-header nav{margin:0;gap:25px}.site-header nav a{font-size:14px}.hero{min-height:0;padding-top:25px;padding-bottom:25px}.hero-copy{width:100%;max-width:550px;padding-bottom:20px}.hero-copy h1{font-size:clamp(40px,8vw,58px);max-width:530px;letter-spacing:-1.4px}.hero-copy .lead{font-size:17px;max-width:500px}.hero-note{position:relative;left:auto;bottom:auto;max-width:210px;margin:15px 0 20px auto;font-size:15px;transform:rotate(-6deg)}.collage{position:relative;inset:auto;height:470px;margin-top:-35px}.project-main{width:87%;right:-5.5%;height:74%;border-radius:32% 0 0 6% / 15% 0 0 8%;padding-top:15px}.project-robin{width:52%;height:35%;bottom:0;left:-3%}.project-song{width:50%;height:34%;bottom:0;left:48%}.project>span{font-size:12px;padding:7px 9px}.hero-seal{display:none}.intro{padding:35px 0}.intro-copy{max-width:100%}.intro-copy p{font-size:16px}.intro-inner>.handwritten{display:none}.section{padding-block:36px}.section-heading{margin-bottom:24px}.service-grid{grid-template-columns:1fr;gap:14px}.service-card{padding:22px}.service-card h3{font-size:25px}.steps{grid-template-columns:1fr;gap:25px;max-width:470px;margin-inline:auto}.steps li{gap:23px}.steps h3{font-size:20px}.steps p{font-size:16px}.price-grid{grid-template-columns:1fr}.price-card{padding:25px}.care-strip{align-items:flex-start;flex-direction:column;gap:18px}.faq-answer{padding-inline:0}summary{gap:13px}summary strong{font-size:16px}.faq-price-list li{font-size:14px}.contact-grid{grid-template-columns:1fr;gap:28px}.contact-copy{text-align:center}.contact-copy .handwritten{margin:0 0 26px;font-size:23px}.contact-copy>.button{display:flex;max-width:280px;margin:auto}.contact-form{padding:22px}.site-footer{justify-content:center;text-align:center}.footer-note{gap:16px;flex-direction:column}.legal-wrap h1{font-size:40px}.legal-wrap h2{font-size:24px}.legal-back{margin-left:0}}
@media(max-width:390px){.site-header nav{gap:18px}.hero-copy h1{font-size:39px}.collage{height:380px}.project>span{font-size:11px}.contact-form{padding:17px}.contact-form .button{font-size:13px}.care-strip>p{flex-shrink:1}.faq-price-list li{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* E-Mail-Kontaktformular */
select{font:inherit}
select:focus-visible{outline:3px solid #734b28;outline-offset:5px}
.contact-form{position:relative;grid-template-columns:repeat(2,minmax(0,1fr))}
.form-field-wide,.form-privacy,.contact-form .button,.form-status,.form-hint,.contact-form noscript{grid-column:1/-1}
.contact-form input,.contact-form textarea,.contact-form select{width:100%;min-width:0;border:1px solid #cbb8a4;background:#fffcf8;padding:10px 12px;border-radius:5px;color:var(--ink)}
.contact-form textarea{min-height:90px}
.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.form-privacy,.form-status{font-size:12px}
.form-status:empty{display:none}
.form-status:not(:empty){padding:9px 11px;border-left:3px solid var(--clay);background:#f1e3d4;color:var(--ink)}
.contact-form .button:disabled{cursor:wait;opacity:.72;transform:none}
@media(max-width:760px){.contact-form{grid-template-columns:1fr}.form-field-half{grid-column:1/-1}}

/* Keep the reference collage clear of the introduction and navigation. */
@media(min-width:761px){
 .hero{min-height:720px}
 .collage{inset:0 -6.18% 28px 52%}
 .project-main{width:100%;height:62%;padding-top:20px}
 .project-robin{left:0;width:48%;height:32%}
 .project-song{left:51%;width:48%;height:31%}
 .hero-seal{display:none}
 .hero-note{bottom:80px}
}
