/*
  Gate to Paris Relocation — gemeinsames Stylesheet aller Seiten
  (templates/layout_main.html.twig bindet es ein)
  Class names are written out in full (no abbreviations) so the markup
  stays traceable: <section class> name always matches the CSS block below.
*/
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Jost',sans-serif;color:#2c2018;background:#fdf9f4;font-size:17px;}
a{color:inherit;text-decoration:none;}

/* ============ SITE HEADER / MAIN NAVIGATION ============ */
.site-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:14px 48px;background:#fdf9f4;border-bottom:1px solid #e8ddd0;box-shadow:0 1px 12px rgba(44,32,24,0.06);}
.brand-name{font-family:'Cormorant Garamond',serif;font-size:27px;color:#3d2b14;letter-spacing:0.1em;text-transform:uppercase;text-align:center;}
.brand-subtitle{font-size:12px;letter-spacing:0.2em;color:#b09070;text-transform:uppercase;display:block;margin-top:3px;text-align:center;}
.main-nav{display:flex;gap:24px;align-items:center;}
.main-nav a{font-size:15px;color:#6b4f30;text-decoration:none;letter-spacing:0.02em;font-weight:300;}
.lang-switcher{display:flex;align-items:center;gap:8px;}
.main-nav .lang-switcher{margin-left:20px;padding-left:16px;border-left:1px solid #e8ddd0;}
.lang-switcher img{width:20px;height:auto;border-radius:2px;opacity:0.85;}
.lang-switcher img:hover{opacity:1;}
.nav-cta-button{background:#8b5c2a;color:#fdf9f4!important;padding:10px 22px;border-radius:3px;font-size:15px;font-weight:500;letter-spacing:0.04em;}

/* Header-Navigation darf nie umbrechen (vorher bei ca. 1280 px: "Über mich", Logo und CTA zweizeilig) */
.site-header{gap:24px;}
.site-header .brand-name,.main-nav a,.main-nav .lang-switcher,.nav-cta-button{white-space:nowrap;}
/* Laptop-Breiten: kompaktere Navigation, damit alles in eine Zeile passt */
@media(min-width:1181px) and (max-width:1439px){
  .site-header{padding:14px 28px;}
  .brand-name{font-size:23px;}
  .main-nav{gap:16px;}
  .main-nav a{font-size:14px;}
  .main-nav .lang-switcher{margin-left:4px;padding-left:12px;gap:4px;}
  .main-nav .nav-vermieter-link{margin-left:0;padding:7px 12px;}
  .main-nav .nav-cta-button{padding:10px 16px;font-size:14px;}
}

/* Landlord nav item ("Für Vermieter") — deliberately set apart from the tenant-facing
   anchor links (Wohnungssuche/Kundenstimmen/Ablauf/…): own outlined pill, placed next
   to the lang switcher / CTA rather than inside the anchor cluster. */
.nav-vermieter-link{display:inline-flex;align-items:center;gap:6px;margin-left:14px;padding:7px 16px;border:1px solid #8b5c2a;border-radius:3px;color:#8b5c2a!important;font-size:14px;font-weight:500;letter-spacing:0.02em;text-decoration:none;white-space:nowrap;transition:background 0.2s,color 0.2s;}
.nav-vermieter-link:hover{background:#8b5c2a;color:#fdf9f4!important;}
.nav-vermieter-link i{font-size:15px;line-height:1;}
.nav-vermieter-link.is-active{background:#8b5c2a;color:#fdf9f4!important;}

/* Mobile burger + panel */
.nav-burger-button{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;border:none;background:none;}
.nav-burger-button span{display:block;width:22px;height:1.5px;background:#3d2b14;transition:all 0.25s;}
.mobile-nav-panel{display:none;flex-direction:column;background:#fdf9f4;border-bottom:1px solid #e8ddd0;padding:20px 24px 24px;}
.mobile-nav-panel.is-open{display:flex;}
.mobile-nav-panel a{font-size:15px;color:#6b4f30;text-decoration:none;padding:11px 0;border-bottom:1px solid #f0e8de;font-weight:300;letter-spacing:0.02em;}
.mobile-nav-panel a:last-child{border-bottom:none;}
.mobile-nav-panel .nav-cta-button{background:#8b5c2a;color:#fdf9f4!important;padding:13px 20px;border-radius:3px;text-align:center;font-weight:500;margin-top:12px;border-bottom:none!important;}
.mobile-nav-panel .lang-switcher{padding:11px 0;}
.mobile-nav-panel .nav-vermieter-link{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:12px;padding:11px 20px;border:1px solid #8b5c2a;border-bottom:1px solid #8b5c2a!important;border-radius:3px;color:#8b5c2a!important;font-weight:500;}
.mobile-nav-panel .nav-vermieter-link.is-active{background:#8b5c2a;color:#fdf9f4!important;}

/* Mobile-Panel als Overlay direkt unter dem Sticky-Header: bleibt sichtbar, egal
   wie weit gescrollt wurde (vorher lag es im Dokumentfluss ganz oben und öffnete
   sich nach einem Anker-Sprung außerhalb des sichtbaren Bereichs).
   --gtp-header-h wird per Script (parts/layout_footer.html.twig) gesetzt. */
.mobile-nav-panel{position:fixed;left:0;right:0;top:var(--gtp-header-h,72px);z-index:99;max-height:calc(100vh - var(--gtp-header-h,72px));max-height:calc(100dvh - var(--gtp-header-h,72px));overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;box-shadow:0 14px 28px rgba(44,32,24,0.12);}
/* Zentrierung: der Desktop-Abstand links (margin-left:14px) galt auch mobil und schob den Button nach rechts */
.mobile-nav-panel .nav-vermieter-link{margin-left:0;}
/* Sprachumschalter mobil ohne die Trennlinien der normalen Menüpunkte */
.mobile-nav-panel .lang-switcher a{border-bottom:none;padding:0;}
/* Burger zeigt im geöffneten Zustand ein X */
.nav-burger-button[aria-expanded="true"] span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
.nav-burger-button[aria-expanded="true"] span:nth-child(2){opacity:0;}
.nav-burger-button[aria-expanded="true"] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}
/* Anker-Sprünge landen unterhalb des Sticky-Headers statt dahinter */
html{scroll-padding-top:var(--gtp-header-h,72px);}
@media(min-width:1181px){.mobile-nav-panel.is-open{display:none;}}

/* "is-active" state for the current page's own nav item (e.g. Wohnungssuche on
   /services-home/, FAQ on /faq/) — was referenced in the markup but never defined
   site-wide before; adding it here so it actually renders on every page. */
.main-nav a.is-active{color:#8b5c2a;font-weight:500;}
.mobile-nav-panel a.is-active{color:#8b5c2a;font-weight:500;}

/* ============ HERO ============ */
.hero-section{display:grid;grid-template-columns:1fr 400px 44px;min-height:600px;position:relative;}
/* background-image is set inline in the Twig template (url depends on {{ META.domain }}, which .css files can't resolve) */
.hero-background-image{position:absolute;inset:0;background-position:0% center;background-size:cover;background-repeat:no-repeat;z-index:0;}
/* Heller Schleier NUR hinter der Textspalte (Lesbarkeit); ab ca. 55 % Breite völlig klar, damit Eiffelturm und Farben kräftig bleiben */
.hero-background-image::after{content:'';position:absolute;inset:0;background:linear-gradient(to right,rgba(253,249,244,0.93) 0%,rgba(253,249,244,0.86) 28%,rgba(253,249,244,0.55) 40%,rgba(253,249,244,0.15) 50%,rgba(253,249,244,0) 58%);}
.hero-intro{padding:72px 52px 72px 48px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1;}
.hero-eyebrow{font-size:15px;letter-spacing:0.18em;text-transform:uppercase;color:#8b5c2a;font-weight:500;margin-bottom:26px;display:flex;align-items:center;gap:10px;text-shadow:0 1px 6px rgba(253,249,244,0.9);}
.hero-eyebrow::before{content:'';display:inline-block;width:32px;height:1px;background:#c4956a;}
.hero-eyebrow::after{content:'';display:inline-block;width:32px;height:1px;background:#c4956a;}
.hero-heading{font-family:'Cormorant Garamond',serif;font-size:46px;line-height:1.07;color:#2c2018;margin-bottom:22px;font-weight:400;}
.hero-heading em{font-style:italic;color:#7a4a1c;display:block;}
.hero-description{font-size:16px;line-height:1.9;color:#2c1a08;max-width:420px;margin-bottom:34px;font-weight:400;}
.hero-description strong{font-weight:500;color:#2c2018;}
/* Hervorgehobener Satz unter dem Hero-Text (Platzhalter heroClaim) */
.hero-claim{font-size:17px;line-height:1.65;color:#2c2018;font-weight:500;max-width:420px;margin-bottom:40px;}
.hero-description + .hero-claim{margin-top:-12px;}
.hero-actions{display:flex;gap:12px;align-items:center;margin-bottom:40px;flex-wrap:wrap;}
.btn-primary{background:#8b5c2a;color:#fdf9f4;padding:14px 30px;border-radius:3px;font-size:16px;font-weight:500;border:none;cursor:pointer;letter-spacing:0.04em;display:inline-flex;align-items:center;gap:8px;font-family:'Jost',sans-serif;}
.btn-secondary{background:rgba(253,249,244,0.62);color:#8b5c2a;padding:14px 22px;border-radius:3px;font-size:16px;border:1px solid #c4956a;cursor:pointer;letter-spacing:0.02em;font-weight:300;font-family:'Jost',sans-serif;}
.hero-trust-row{display:flex;gap:24px;flex-wrap:wrap;padding-top:32px;border-top:1px solid #e8ddd0;}
.hero-trust-item{display:flex;align-items:center;gap:7px;font-size:15px;color:#9a7d5a;font-weight:300;}
.hero-trust-item i{font-size:14px;color:#c4956a;}
.hero-trust-stars{color:#c4956a;font-size:12px;letter-spacing:1.5px;}

/* Hero contact-request form panel */
.hero-form-panel{background:rgba(255,255,255,0.96);border-left:1px solid #e8ddd0;padding:48px 36px 48px 40px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1;box-shadow:0 8px 32px rgba(44,32,24,0.10);border-radius:0 10px 10px 0;}
.form-eyebrow{font-size:15px;letter-spacing:0.16em;text-transform:uppercase;color:#b09070;margin-bottom:10px;}
.form-heading{font-family:'Cormorant Garamond',serif;font-size:28px;color:#2c2018;margin-bottom:6px;font-weight:400;line-height:1.2;}
.form-heading em{font-style:italic;color:#8b5c2a;}
.form-subtext{font-size:16px;color:#4a3020;margin-bottom:26px;font-weight:300;line-height:1.65;}
.form-input{width:100%;padding:12px 15px;border:1px solid #e0d4c4;border-radius:3px;font-size:15px;background:#fdf9f4;color:#2c2018;font-family:'Jost',sans-serif;font-weight:300;margin-bottom:10px;outline:none;transition:border-color 0.2s;}
.form-input:focus{border-color:#c4956a;background:#fff;}
select.form-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23b09070' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px;}
textarea.form-input{height:84px;resize:none;margin-bottom:14px;}
.form-honeypot{display:none;} /* Spam-Falle: bleibt für echte Nutzer unsichtbar, siehe layout_contactform.html.twig */
.btn-form-submit{width:100%;background:#8b5c2a;color:#fdf9f4;padding:14px;border-radius:3px;font-size:16px;font-weight:500;border:none;cursor:pointer;letter-spacing:0.06em;margin-bottom:14px;font-family:'Jost',sans-serif;}
.form-privacy-note{font-size:14px;color:#c4a880;text-align:center;margin-top:10px;font-weight:300;display:flex;align-items:center;justify-content:center;gap:5px;}
.form-status-message{font-size:15px;line-height:1.6;padding:14px 16px;border-radius:3px;margin-bottom:14px;}
.form-status-message.is-success{background:#eef5ea;color:#3d5c2a;border:1px solid #cfe3c2;}
.form-status-message.is-error{background:#fbeceb;color:#7a2c22;border:1px solid #e8c4c0;}

/* ============ TRUST BAR ============ */
.trust-bar{background:#3d2b14;padding:17px 48px;display:flex;justify-content:center;gap:0;flex-wrap:wrap;}
.trust-bar-item{display:flex;align-items:center;gap:9px;color:#c4956a;font-size:14px;font-weight:300;padding:0 36px;position:relative;}
.trust-bar-item+.trust-bar-item::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);height:22px;width:1px;background:#5a3a1a;}
.trust-bar-item i{font-size:16px;color:#e0b882;}

/* ============ SHARED SECTION LABEL / HEADING ============ */
.section-label{font-size:15px;letter-spacing:0.16em;text-transform:uppercase;color:#b09070;text-align:center;margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:18px;}
.section-label::before,.section-label::after{content:'';display:inline-block;width:44px;height:1px;background:#e0c8a8;}
.section-heading{font-family:'Cormorant Garamond',serif;font-size:38px;color:#2c2018;text-align:center;margin-bottom:12px;line-height:1.15;font-weight:400;}
.section-intro{font-size:16px;color:#3a2810;text-align:center;max-width:500px;margin:0 auto 48px;line-height:1.9;font-weight:300;}

/* ============ LEGAL / CONTENT PAGES (Impressum, Datenschutz, AGB) ============ */
.legal-page-header{background:#fdf9f4;padding:64px 48px 40px;text-align:center;border-bottom:1px solid #e8ddd0;}
.legal-page-header h1{font-family:'Cormorant Garamond',serif;font-size:40px;color:#2c2018;font-weight:400;line-height:1.15;}
.legal-content-section{background:#fff;padding:56px 48px 96px;}
.legal-content{max-width:720px;margin:0 auto;font-size:16px;line-height:1.9;color:#3a2810;font-weight:300;}
.legal-content h2,.legal-content h3,.legal-content h4{font-family:'Cormorant Garamond',serif;font-weight:400;color:#2c2018;line-height:1.25;margin:34px 0 12px;}
.legal-content h2:first-child,.legal-content h3:first-child,.legal-content h4:first-child{margin-top:0;}
.legal-content p{margin-bottom:16px;}
.legal-content a{color:#8b5c2a;text-decoration:underline;}
.legal-content a:hover{color:#6b4520;}
.legal-content ul,.legal-content ol{margin:0 0 16px 22px;}
.legal-content li{margin-bottom:6px;}
.legal-content strong{font-weight:500;color:#2c2018;}

/* ============ VALUE PROPOSITION ("Warum Gate to Paris") ============ */
.value-prop-section{background:#fff;padding:56px 48px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;border-bottom:1px solid #e8ddd0;}
.value-prop-label{font-size:15px;letter-spacing:0.14em;text-transform:uppercase;color:#b09070;margin-bottom:14px;display:flex;align-items:center;gap:16px;}
.value-prop-label span{display:inline-block;flex:1;height:1px;background:#e0c8a8;max-width:44px;}
.value-prop-heading{font-family:'Cormorant Garamond',serif;font-size:32px;color:#2c2018;line-height:1.2;margin-bottom:20px;font-weight:400;}
.value-prop-heading em{color:#8b5c2a;}
.value-prop-text{font-size:17px;color:#2c1a08;line-height:1.9;font-weight:300;}
/* Hervorgehobener Schlusssatz (Platzhalter valuePropClaim) – fett, ohne Linie */
.value-prop-claim{font-size:17px;line-height:1.9;color:#2c2018;font-weight:500;margin-top:24px;}
.value-prop-list{display:flex;flex-direction:column;gap:18px;}
.value-prop-item{display:flex;gap:16px;align-items:flex-start;padding:20px;background:#fdf9f4;border-radius:4px;border:1px solid #e8ddd0;}
.value-prop-item i{font-size:22px;color:#c4956a;flex-shrink:0;margin-top:2px;}
.value-prop-item-title{font-size:13.5px;font-weight:500;color:#2c2018;margin-bottom:4px;}
.value-prop-item-desc{font-size:15px;color:#4a3020;line-height:1.7;font-weight:300;}

/* ============ TESTIMONIALS ("Kundenstimmen") ============ */
.testimonials-section{background:#f7f1ea;padding:60px 48px;}
.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.testimonial-card{background:#fff;border:1px solid #e8ddd0;border-radius:4px;padding:28px 24px;}
.testimonial-stars{color:#c4956a;font-size:12px;letter-spacing:2.5px;margin-bottom:14px;}
.testimonial-card p{font-family:'Cormorant Garamond',serif;font-size:19px;line-height:1.75;color:#2c1a08;font-style:italic;margin-bottom:16px;}
.testimonial-author{font-size:15px;color:#b09070;display:flex;align-items:center;gap:5px;}
.testimonial-author::before{content:'—';}

/* ============ COST COMPARISON ("Marktkenntnis" / ROI) ============ */
.cost-section{background:#fff;padding:80px 48px;}
.cost-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#e8ddd0;border-radius:4px;overflow:hidden;margin-bottom:22px;}
.cost-card{background:#fdf9f4;padding:40px 30px;text-align:center;}
.cost-card i{font-size:28px;color:#c4956a;margin-bottom:18px;display:block;}
.cost-card-number{font-family:'Cormorant Garamond',serif;font-size:48px;color:#8b5c2a;margin-bottom:8px;line-height:1;}
.cost-card h3{font-size:16px;font-weight:500;color:#2c2018;margin-bottom:8px;letter-spacing:0.02em;}
.cost-card p{font-size:16px;color:#4a3020;line-height:1.8;font-weight:300;}
.cost-highlight-banner{background:#fdf0e0;border:1px solid #e8d0a8;border-radius:4px;padding:30px 32px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;}
.cost-highlight-banner i{font-size:30px;color:#c4956a;flex-shrink:0;}
.cost-highlight-banner p{font-size:16px;color:#2c1a08;line-height:1.75;font-weight:300;max-width:640px;}
.cost-highlight-banner strong{font-weight:500;color:#8b5c2a;}

/* ============ CHALLENGES ("Warum gute Profile trotzdem scheitern") ============ */
.challenges-section{background:#f7f1ea;padding:80px 48px;}
.challenges-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px;}
.challenge-card{background:#fff;border-radius:4px;padding:30px 22px;border:1px solid #e8ddd0;text-align:center;}
.challenge-card i{font-size:28px;color:#c4956a;margin-bottom:16px;display:block;}
.challenge-card h3{font-size:17px;font-weight:500;color:#2c2018;margin-bottom:8px;}
.challenge-card p{font-size:16px;color:#4a3020;line-height:1.75;font-weight:300;}
.challenges-footer-note{text-align:center;margin-top:32px;font-family:'Cormorant Garamond',serif;font-size:21px;color:#8b5c2a;font-style:italic;}

/* ============ PROCESS ("Ablauf") ============ */
.process-section{background:#fff;padding:80px 48px;}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#e8ddd0;border-radius:4px;overflow:hidden;margin-top:44px;}
.process-card{background:#fdf9f4;padding:42px 34px;position:relative;}
.process-card-number{font-family:'Cormorant Garamond',serif;font-size:64px;color:#f0e4d4;position:absolute;top:18px;right:24px;line-height:1;font-weight:400;}
.process-card-icon{width:48px;height:48px;background:#fdf0e0;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;}
.process-card-icon i{font-size:24px;color:#8b5c2a;}
.process-card h3{font-size:18px;font-weight:500;color:#2c2018;margin-bottom:12px;}
.process-card p{font-size:16px;color:#3a2810;line-height:1.85;font-weight:300;}

/* ============ ABOUT ("Meet Claudia") ============ */
.about-section{background:#f7f1ea;padding:80px 48px;display:grid;grid-template-columns:300px 1fr;gap:60px;align-items:center;}
.about-photo{border-radius:6px;height:360px;width:100%;object-fit:cover;border:1px solid #e0d0b8;background:linear-gradient(145deg,#e8ddd0,#d4b898);}
.about-photo-placeholder{background:linear-gradient(145deg,#e8ddd0,#d4b898);border-radius:6px;height:360px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#9a7d5a;border:1px solid #e0d0b8;text-align:center;padding:16px;}
.about-eyebrow{font-size:15px;letter-spacing:0.18em;text-transform:uppercase;color:#b09070;margin-bottom:8px;}
.about-name{font-family:'Cormorant Garamond',serif;font-size:54px;color:#2c2018;font-style:italic;line-height:1;margin-bottom:8px;}
/* Satz unter dem Namen: wurde bisher von '.about-section p' überschrieben (16px, dünn) – daher spezifischer Selektor */
.about-section .about-tagline{font-family:'Cormorant Garamond',serif;font-size:21px;font-style:italic;font-weight:400;color:#8b5c2a;line-height:1.4;margin-bottom:24px;}
/* Schlusssatz im Über-mich-Bereich (Platzhalter aboutClosing) – gleiche Optik wie das <strong> „Ich bin keine Maklerin …“ */
.about-section .about-closing{font-size:16px;font-weight:400;color:#2c1a08;margin-top:26px;}
.about-section p{font-size:16px;color:#2c1a08;line-height:1.9;margin-bottom:14px;font-weight:300;}
.about-checklist{list-style:none;margin-top:18px;}
.about-checklist li{font-size:16px;color:#2c1a08;padding:9px 0;border-bottom:1px solid #ede4d8;display:flex;align-items:center;gap:10px;font-weight:300;}
.about-checklist li i{font-size:15px;color:#c4956a;flex-shrink:0;}

/* ============ TARGET AUDIENCE ("Für wen Gate to Paris gemacht ist") + GUIDE BANNER ============ */
.audience-section{background:#fff;padding:80px 48px;}
.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px;margin-bottom:44px;}
.audience-card{background:#fdf9f4;border:1px solid #e8ddd0;border-radius:4px;padding:28px 24px;display:flex;gap:18px;align-items:flex-start;}
.audience-card-icon{width:44px;height:44px;flex-shrink:0;border-radius:4px;background:#fdf0e0;display:flex;align-items:center;justify-content:center;}
.audience-card-icon i{font-size:22px;color:#8b5c2a;}
.audience-card h3{font-size:17px;font-weight:500;color:#2c2018;margin-bottom:5px;}
.audience-card p{font-size:16px;color:#4a3020;line-height:1.75;font-weight:300;}
.guide-banner{background:#f0e8da;border:1px solid #e0c8a0;border-radius:4px;padding:26px 32px;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;}
.guide-banner-icon{width:52px;height:52px;background:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;border:1px solid #e8ddd0;flex-shrink:0;}
.guide-banner-icon i{font-size:26px;color:#8b5c2a;}
.guide-banner-text h3{font-size:17px;font-weight:500;color:#2c2018;margin-bottom:4px;}
.guide-banner-text p{font-size:16px;color:#3a2810;font-weight:300;line-height:1.6;}
.guide-banner-cta{text-align:center;flex-shrink:0;}
.guide-banner-button{background:#8b5c2a;color:#fdf9f4;padding:12px 24px;border-radius:3px;font-size:13px;font-weight:500;border:none;cursor:pointer;font-family:'Jost',sans-serif;white-space:nowrap;display:block;margin-bottom:6px;}
.guide-banner-price{font-size:11.5px;color:#b09070;font-weight:300;}

/* ============ PRICING / VALUE LADDER ("So können wir zusammenarbeiten") ============ */
.pricing-section{background:#fdf9f4;padding:80px 48px;border-top:1px solid #e8ddd0;}
.pricing-intro{font-size:16px;color:#7a5a3a;text-align:center;max-width:520px;margin:0 auto 52px;line-height:1.85;font-weight:300;}
.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:#e8ddd0;border-radius:6px;overflow:hidden;}
.pricing-tier{background:#fdf9f4;padding:36px 28px;display:flex;flex-direction:column;position:relative;}
.pricing-tier--consult{background:#fff;}
.pricing-tier--relocation{background:#3d2b14;}
.pricing-tier-badge{position:absolute;top:16px;right:16px;background:#c4956a;color:#fdf9f4;font-size:10px;font-weight:500;padding:4px 10px;border-radius:20px;letter-spacing:0.08em;}
.pricing-tier-icon{width:44px;height:44px;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;background:#fdf0e0;}
.pricing-tier--relocation .pricing-tier-icon{background:rgba(196,149,106,0.2);}
.pricing-tier-icon i{font-size:22px;color:#8b5c2a;}
.pricing-tier--relocation .pricing-tier-icon i{color:#e0b882;}
.pricing-tier-eyebrow{font-size:15px;letter-spacing:0.14em;text-transform:uppercase;color:#b09070;margin-bottom:8px;}
.pricing-tier--relocation .pricing-tier-eyebrow{color:#c4956a;}
.pricing-tier-title{font-family:'Cormorant Garamond',serif;font-size:24px;color:#2c2018;margin-bottom:6px;font-weight:500;}
.pricing-tier--relocation .pricing-tier-title{color:#f0e8da;}
.pricing-tier-price{font-size:15px;color:#c4956a;font-weight:400;margin-bottom:16px;}
.pricing-tier--relocation .pricing-tier-price{color:#e0b882;}
.pricing-tier-desc{font-size:16px;color:#3a2810;line-height:1.8;font-weight:300;flex-grow:1;}
.pricing-tier--relocation .pricing-tier-desc{color:#e0c8a0;}
.pricing-tier-button{margin-top:24px;background:#2c2018;color:#fdf9f4;padding:13px 22px;border-radius:3px;font-size:15px;font-weight:500;border:none;cursor:pointer;font-family:'Jost',sans-serif;letter-spacing:0.04em;}
.pricing-tier--relocation .pricing-tier-button{background:#c4956a;}
.pricing-tier--guide .pricing-tier-button{background:transparent;color:#8b5c2a;border:1px solid #c4956a;}
.pricing-tier--intro .pricing-tier-button{background:transparent;color:#8b5c2a;border:1px solid #c4956a;}

/* ============ FOOTER ============ */
.site-footer{background:#2c2018;padding:48px 48px 24px;}
.footer-grid{display:flex;flex-direction:column;align-items:center;gap:28px;margin-bottom:36px;}
.footer-columns{display:grid;grid-template-columns:repeat(3,auto);gap:64px;justify-content:center;}
.footer-brand-name{font-family:'Cormorant Garamond',serif;font-size:27px;color:#e0c090;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:3px;text-align:center;}
.footer-brand-subtitle{font-size:13px;color:#b09070;letter-spacing:0.2em;text-transform:uppercase;margin-bottom:14px;text-align:center;}
.footer-brand-desc{font-size:15px;color:#4a3020;line-height:1.8;font-weight:300;}
.footer-column h4{font-size:15px;letter-spacing:0.12em;text-transform:uppercase;color:#c4956a;margin-bottom:14px;}
.footer-column a{display:block;font-size:15px;color:#c4956a;text-decoration:none;margin-bottom:8px;font-weight:300;}
.footer-bottom-bar{border-top:1px solid #3d2b14;padding-top:18px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;}
.footer-bottom-bar p{font-size:11.5px;color:#c4956a;font-weight:300;}
.footer-bottom-bar p.footer-legal-links{font-size:15px;}
.footer-siret{white-space:nowrap;}

/* ============ RESPONSIVE ============ */
/* Darunter (Tablet quer, kleine Laptops) passt die volle Navigation nicht mehr: Burger-Menü */
@media(max-width:1180px){
  .site-header{padding:14px 24px;}
  .main-nav{display:none;}
  .nav-burger-button{display:flex;}
}
@media(max-width:900px){
  .site-header{padding:14px 24px;}
  .main-nav{display:none;}
  .nav-burger-button{display:flex;}

  .hero-section{grid-template-columns:1fr;min-height:auto;}
  /* Mobil: Foto als eigenes Bildband oben (Eiffelturm sichtbar, nicht hochskaliert/unscharf),
     Text darunter auf ruhigem Hintergrund statt direkt auf dem Foto */
  .hero-background-image{position:relative;inset:auto;aspect-ratio:16/9;background-position:6% 55%;}
  .hero-background-image::after{background:linear-gradient(to bottom,rgba(253,249,244,0) 70%,rgba(253,249,244,1) 100%);}
  .hero-intro{padding:28px 24px 40px;}
  .hero-eyebrow{font-size:13px;letter-spacing:0.14em;margin-bottom:20px;}
  .hero-eyebrow::after{display:none;}
  .hero-heading{font-size:36px;}
  .hero-description,.hero-claim{max-width:100%;}
  .hero-actions{flex-direction:column;align-items:stretch;}
  .btn-primary,.btn-secondary{text-align:center;justify-content:center;}
  .hero-trust-row{gap:14px;}
  .hero-form-panel{border-left:none;border-top:1px solid #e8ddd0;padding:40px 24px 48px;}

  .value-prop-section{grid-template-columns:1fr!important;padding:44px 24px!important;gap:32px!important;}

  .pricing-grid{grid-template-columns:1fr!important;}
  .pricing-section{padding:56px 24px!important;}

  .trust-bar{flex-wrap:wrap;gap:12px;padding:16px 24px;justify-content:flex-start;}
  .trust-bar-item{padding:0;font-size:12px;}
  .trust-bar-item+.trust-bar-item::before{display:none;}

  .testimonials-section{padding:48px 24px;}
  .testimonials-grid{grid-template-columns:1fr;}

  .cost-section{padding:56px 24px;}
  .section-heading{font-size:28px;}
  .cost-grid{grid-template-columns:1fr;gap:2px;}
  .cost-highlight-banner{flex-direction:column;gap:10px;text-align:center;}

  .legal-page-header{padding:48px 24px 32px;}
  .legal-page-header h1{font-size:30px;}
  .legal-content-section{padding:40px 24px 64px;}

  .challenges-section{padding:56px 24px;}
  .challenges-grid{grid-template-columns:1fr 1fr;gap:14px;}

  .process-section{padding:56px 24px;}
  .process-grid{grid-template-columns:1fr;gap:2px;}

  .about-section{grid-template-columns:1fr;gap:32px;padding:56px 24px;}
  .about-photo,.about-photo-placeholder{height:260px;}
  .about-name{font-size:42px;}

  .audience-section{padding:56px 24px;}
  .audience-grid{grid-template-columns:1fr;}
  .guide-banner{grid-template-columns:auto 1fr;gap:16px;}
  .guide-banner-cta{grid-column:1/-1;display:flex;align-items:center;gap:16px;}
  .guide-banner-button{margin-bottom:0;}

  .site-footer{padding:44px 24px 22px;}
  .footer-columns{grid-template-columns:1fr 1fr;gap:28px;}
  .footer-bottom-bar{flex-direction:column;gap:6px;text-align:center;}
  /* SIRET mobil in eigener Zeile unter "© … Claudia Eggerth" statt mitten in der Nummer umzubrechen */
  .footer-siret-sep{display:none;}
  .footer-siret{display:block;margin-top:2px;}
}

@media(max-width:480px){
  .hero-heading{font-size:32px;}
  .section-heading{font-size:24px;}
  .challenges-grid{grid-template-columns:1fr;}
  .footer-columns{grid-template-columns:1fr;}
  .section-label::before,.section-label::after{width:20px;}
  .about-name{font-size:36px;}
  .about-section .about-tagline{font-size:19px;}
  .guide-banner{grid-template-columns:1fr;}
  .guide-banner-icon{display:none;}
}