/*
Theme Name: HODL DEIN HOF
Description: Eigenes responsives Theme für Hofcheck, Navigator und Unternehmensberatung.
Version: 1.0.4
Author: Schmovie Productions GbR
Text Domain: hodl-dein-hof
*/
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/font-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/font-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(assets/fonts/font-3.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/font-4.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/font-5.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/font-6.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/font-7.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Serif Display';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/font-8.ttf) format('truetype');
}
:root{--ink:#17140f;--cream:#f5f0e7;--orange:#f39321;--green:#a6b943;--line:#454037;--sans:'DM Sans',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--green);outline-offset:6px}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}h1,h2{font-family:var(--display);font-weight:700;letter-spacing:-.025em;line-height:.92}p{line-height:1.6}section{padding:80px 5%}button{border:0}section[id]{scroll-margin-top:24px}.skip{position:absolute;left:20px;top:-80px;z-index:100;background:var(--cream);color:var(--ink);padding:20px}.skip:focus{top:20px}.preview{padding:9px 5%;background:#29251d;color:#d5cdbd;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em}.preview span{font-size:8px}header{display:flex;align-items:center;justify-content:space-between;padding:20px 5%;gap:32px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:15px}.brand img{width:60px;height:62px;object-fit:contain}.brand span{font-size:10px;line-height:1.5;font-weight:700;letter-spacing:.08em}.desktop-nav{display:flex;gap:36px;font-size:13px}.desktop-nav a{padding:12px 0}.desktop-nav a:hover{color:var(--orange)}.nav-contact{background:transparent;border:1px solid #746b5c;padding:14px 19px;font-size:12px}.nav-contact span{margin-left:24px}.menu-toggle{display:none;background:none;padding:12px;width:48px;height:48px}.menu-toggle span{display:block;height:1px;background:var(--cream);margin:7px 0}.hero{padding-top:60px;padding-bottom:24px;display:grid;grid-template-columns:1.15fr 1fr;gap:0 3%;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:600}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:8px}.hero h1{font-size:clamp(72px,9.3vw,160px);margin:27px 0 25px;line-height:.87;letter-spacing:-.025em}.hero h1>span{color:var(--orange)}.hero-description{font-size:15px;color:#c8c1b5;margin-bottom:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:18px 23px;min-height:56px;font-size:13px;font-weight:600;transition:transform .2s,background .2s}.button:hover{filter:brightness(1.06)}.button>span{font-size:24px;line-height:1}.orange{background:var(--orange);color:var(--ink)}.dark{background:var(--ink);color:var(--cream)}.hero-art{position:relative;background:transparent;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;padding:25px;isolation:isolate;min-height:480px;overflow:hidden}.hero-art img{width:90%;height:auto;position:relative;align-self:center;padding:12px 0;transform:none}.art-meta,.art-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.15em;gap:15px;z-index:1}.art-bottom span:last-child{display:none}.orbit{display:none;position:absolute;border:1px solid #544431;border-radius:50%;width:130%;height:110%;top:-5%;left:-15%;transform:rotate(-24deg);z-index:-1}.orbit-two{width:180%;height:50%;left:-40%;top:24%;transform:rotate(-28deg)}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:23px;margin-top:50px;font-size:8px;letter-spacing:.14em}.hero-bottom a{display:flex;gap:30px;align-items:center}.hero-bottom a span{font-size:23px}.section-kicker{color:inherit;opacity:.7;display:flex;justify-content:space-between;gap:24px;font-size:9px;font-weight:600;letter-spacing:.14em;margin-bottom:48px}.manifesto{background:var(--cream);color:var(--ink);padding-top:65px;padding-bottom:70px}.manifesto h2{font-size:clamp(60px,8vw,126px)}.serif{font-family:'DM Serif Display',Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.055em;text-transform:none}.manifesto h2 .serif{font-size:.85em}.manifesto-bottom{display:grid;grid-template-columns:1fr 1fr;gap:8%;max-width:960px;margin-top:48px}.manifesto-bottom p{font-size:16px}.manifesto-bottom strong{font-weight:600}.asterisk{display:none}.green-text{color:var(--green)}.navigator{padding-top:65px}.navigator-heading{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:end;margin-bottom:45px}.navigator h2{font-size:clamp(52px,5.8vw,92px)}.navigator-heading p{font-size:16px;color:#c8c1b5;max-width:400px}.navigator-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.navigator-visual{background:var(--ink);padding:12px 16px 26px;isolation:isolate}.navigator-visual img{width:100%;height:auto;mix-blend-mode:lighten}.image-caption{display:block;text-align:center;letter-spacing:.1em;font-size:8px;color:#a49d8e;margin-top:15px}.question-explorer h3{font-family:var(--display);font-size:48px;line-height:1;margin:20px 0 30px;font-weight:600}.question-tabs{display:flex;border-bottom:1px solid var(--line);gap:16px;flex-wrap:wrap}.question-tabs button{background:transparent;padding:12px 0;font-size:11px;border-bottom:2px solid transparent}.question-tabs button[aria-selected=true]{color:var(--green);border-color:var(--green)}#question-answer{padding:26px 0;min-height:286px}.question-number{font-size:9px;letter-spacing:.12em;color:var(--green)}#question-answer h4{font-size:24px;line-height:1.25;margin:18px 0 15px;font-weight:500}#question-answer p{font-size:15px;color:#c8c1b5;max-width:390px}#question-answer a{display:flex;justify-content:space-between;border-bottom:1px solid #6b7250;padding:22px 0 12px;font-size:12px;color:var(--green)}.example-note{font-size:10px;color:#a49d8e;max-width:390px}.hofcheck{background:var(--orange);color:var(--ink);padding-top:60px;padding-bottom:65px}.check-heading{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:end}.check-heading h2{font-size:clamp(70px,8vw,130px)}.check-heading p{font-size:15px;margin-bottom:25px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;border-top:1px solid #946016;margin-top:55px;padding-top:26px}.steps>div>span{font-size:10px}.steps h3{font-family:var(--display);font-size:38px;font-weight:600;margin:18px 0 10px}.steps p{font-size:13px}.closing{padding-top:95px;padding-bottom:90px}.closing h2{font-size:clamp(85px,12vw,190px);margin:30px 0}.closing h2 .serif{color:var(--orange)}.closing-link{background:transparent;border-bottom:1px solid #746b5c;padding:20px 0;width:100%;display:flex;align-items:center;justify-content:space-between;font-size:clamp(20px,3vw,42px);text-align:left}.closing-link>span{font-size:65px;color:var(--orange);line-height:1}footer{border-top:1px solid var(--line);margin:0 5%;padding:30px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}footer p{font-size:11px}footer>span{font-size:9px;line-height:1.7;color:#a49d8e;max-width:225px}dialog{background:var(--cream);color:var(--ink);border:0;width:min(530px,calc(100% - 32px));padding:45px}dialog::backdrop{background:#000b;backdrop-filter:blur(7px)}dialog h2{font-size:60px;margin:25px 0}dialog p{font-size:15px}.dialog-close{position:absolute;right:14px;top:12px;background:none;color:var(--ink);font-size:32px;width:44px;height:44px}.dialog-note{font-size:12px!important;margin:20px 0;color:#625b50}dialog .button{margin-top:10px}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}#mobile-menu{padding:10px 5% 30px;background:var(--ink)}#mobile-menu a,#mobile-menu>button{padding:20px 0;border-bottom:1px solid var(--line);font-size:30px;font-family:var(--display);display:flex;justify-content:space-between;width:100%;text-align:left;background:none}#mobile-menu a span{font-size:12px;color:var(--orange)}#mobile-menu[hidden]{display:none}
@media(min-width:1500px){section,header{padding-left:max(5%,calc((100vw - 1450px)/2));padding-right:max(5%,calc((100vw - 1450px)/2))}.hero-art img{max-height:600px;width:auto}}
@media(max-width:950px){.desktop-nav{gap:20px}.nav-contact{display:none}.hero h1{font-size:10.5vw}.hero-art{min-height:390px;padding:20px}.hero-description{font-size:14px}.art-meta{font-size:6px}.hero .eyebrow{font-size:8px}.navigator-heading{gap:5%}.question-tabs{gap:12px}.question-tabs button{font-size:10px}.question-explorer h3{font-size:40px}}
@media(max-width:650px){section{padding:48px 22px}.preview{padding:8px 22px;font-size:8px}.preview span{font-size:7px;max-width:160px;text-align:right}.brand img{width:48px;height:50px}.brand span{font-size:8px}header{padding:12px 22px;gap:12px}.desktop-nav{display:none}.menu-toggle{display:block}.hero{display:flex;flex-direction:column;padding-top:34px;padding-bottom:20px}.hero .eyebrow{font-size:8px;letter-spacing:.09em}.hero h1{font-size:clamp(68px,19vw,118px);margin:25px 0 22px;line-height:.9}.hero-description{font-size:14px;margin-bottom:24px}.wide-only{display:none}.hero .button{width:100%;padding:16px 18px;font-size:12px}.hero-art{margin-top:35px;min-height:0;padding:18px 22px;aspect-ratio:1.06}.hero-art img{width:79%;max-height:300px;padding:0}.art-meta{font-size:6px}.art-bottom{font-size:6px}.art-bottom span:last-child{font-size:24px}.hero-bottom{margin-top:26px;padding-top:16px;gap:15px;font-size:7px;line-height:1.6}.hero-bottom>span{max-width:190px}.hero-bottom a{gap:12px;white-space:nowrap}.section-kicker{font-size:8px;margin-bottom:32px}.section-kicker>span:last-child{max-width:135px;text-align:right;line-height:1.5}.manifesto h2{font-size:clamp(53px,13.5vw,85px)}.manifesto-bottom{grid-template-columns:1fr;gap:22px;margin-top:30px}.asterisk{font-size:60px}.manifesto-bottom p{font-size:15px}.navigator-heading,.navigator-grid,.check-heading{grid-template-columns:1fr;gap:28px}.navigator{padding-top:48px}.navigator h2{font-size:clamp(42px,10.5vw,70px);line-height:.98}.navigator-heading{margin-bottom:30px}.navigator-heading p{font-size:14px}.navigator-visual{padding:5px 10px 20px}.navigator-grid{gap:35px}.question-explorer h3{font-size:44px}.question-tabs{gap:18px}.question-tabs button{font-size:10px;min-height:48px}#question-answer{min-height:275px}.example-note{font-size:11px}.check-heading h2{font-size:clamp(67px,17vw,106px)}.check-heading .button{width:100%}.steps{grid-template-columns:1fr;gap:0;margin-top:36px;padding-top:0;border:0}.steps>div{border-top:1px solid #946016;padding:22px 0;display:grid;grid-template-columns:30px 1fr;gap:0 12px}.steps>div>span{padding-top:8px}.steps h3{margin:0 0 8px;font-size:35px}.steps p{grid-column:2;font-size:13px}.hofcheck{padding-bottom:25px}.closing{padding-top:55px;padding-bottom:50px}.closing .eyebrow{font-size:8px}.closing h2{font-size:clamp(78px,20vw,128px)}.closing-link{font-size:21px;gap:20px}.closing-link>span{font-size:45px}footer{margin:0 22px;display:grid;grid-template-columns:1fr;gap:24px}footer>span{max-width:100%}dialog{padding:35px 25px}dialog h2{font-size:50px}#mobile-menu{padding:0 22px 25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Unternehmensangebot: ruhige, redaktionelle Gliederung. */
.business-entry{display:flex;align-items:center;gap:18px;width:fit-content;margin-top:22px;font-size:13px;color:var(--cream);padding:8px 0;border-bottom:1px solid var(--line)}
.business{background:var(--cream);color:var(--ink)}
.business-heading{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:end}
.business h2{font-size:clamp(56px,6.8vw,108px)}
.business h2 .serif{font-size:.82em}
.business-intro{max-width:510px}.business-intro p{font-size:16px;margin-bottom:22px}.business-intro .button{margin-top:8px}
.business-uses{margin-top:64px;display:grid;grid-template-columns:1fr 1fr;column-gap:7%}
.business-uses article{border-top:1px solid #cec7bb;padding:26px 0 32px;display:grid;grid-template-columns:28px 1fr;column-gap:16px}
.business-uses article>span{font-size:10px;padding-top:10px;color:#655e51}
.business-uses h3,.business-start h3{font:600 34px/1.1 var(--display)}
.business-uses p{grid-column:2;font-size:15px;max-width:460px;margin-top:14px}
.business-start{display:grid;grid-template-columns:1fr 1fr;gap:7%;border-top:1px solid #bdb5a7;padding-top:32px;margin-top:12px}
.business-start p{font-size:15px;max-width:510px}.business-principle{margin-top:20px;color:#655e51}
@media(max-width:1100px) and (min-width:651px){.desktop-nav{gap:18px}.nav-contact{display:none}}
@media(max-width:650px){.business-heading,.business-uses,.business-start{grid-template-columns:1fr;gap:28px}.business h2{font-size:clamp(52px,13vw,80px)}.business-intro p{font-size:15px}.business-intro .button{width:100%;gap:14px;padding:18px;font-size:12px}.business-uses{margin-top:40px;gap:0}.business-uses article{padding:24px 0}.business-uses h3,.business-start h3{font-size:32px}.business-start{margin-top:10px}.business .section-kicker{gap:16px}.business .section-kicker>span{line-height:1.5}.business-entry{font-size:12px}}

.legal-links{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;max-width:310px}.legal-links span{width:100%;color:#a49d8e;font-size:10px}.legal-page{max-width:900px;margin:auto;padding:60px 24px 90px}.legal-page h1{font-size:clamp(46px,8vw,88px);overflow-wrap:anywhere;margin:32px 0}.legal-page h2{font:600 29px/1.2 var(--display);margin:36px 0 16px;letter-spacing:0}.legal-page p,.legal-page li{font-size:16px;line-height:1.7}.legal-page p{margin:14px 0}.legal-page a,.dialog-note a{text-decoration:underline;text-underline-offset:4px}.legal-page ul{padding-left:22px}.legal-back{font-size:13px}.legal-page address{font-style:normal;line-height:1.8}

/* Readable section labels across desktop and mobile. */
.eyebrow,.hero .eyebrow,.closing .eyebrow{font-size:14px;line-height:1.55;letter-spacing:.08em}
.section-kicker{font-size:13px;line-height:1.55;letter-spacing:.08em;opacity:1}
.art-meta,.art-bottom,.hero-bottom{font-size:12px;line-height:1.5;letter-spacing:.06em}
.image-caption{font-size:12px;line-height:1.6;color:#c8c1b5;letter-spacing:.06em}
.question-number{font-size:13px;line-height:1.5;letter-spacing:.08em}
@media(max-width:650px){
 .eyebrow,.hero .eyebrow,.closing .eyebrow{font-size:13px}
 .section-kicker,.business .section-kicker{flex-direction:column;gap:8px;font-size:13px}
 .section-kicker>span:last-child{max-width:none;text-align:left}
 .art-meta{flex-wrap:wrap;gap:8px}
 .hero-art{aspect-ratio:auto;gap:18px}
 .hero-bottom{flex-wrap:wrap;gap:18px}
 .hero-bottom>span{max-width:none}
}

.pioneer-offer{margin-top:28px;border-top:1px solid #946016;padding-top:26px}.pioneer-offer .pioneer-price{font:600 62px/1.1 var(--display);margin:12px 0}.pioneer-price span{font:500 18px/1.4 var(--sans)}.pioneer-offer .pioneer-note,.business-intro .business-contact-note{font-size:13px;line-height:1.6;margin-top:16px;margin-bottom:0}.pioneer-note a,.business-contact-note a{text-decoration:underline;text-underline-offset:3px}.closing-note{font-size:14px;color:#c8c1b5;margin:18px 0}.pioneer-offer .button,.business-intro .button{white-space:normal;gap:16px}.business-contact-note a{overflow-wrap:anywhere}