/* Einheitliches Premium-Design für sämtliche Unterseiten */
:root{--wine:#651d2b;--wine-dark:#42131d;--wine-light:#87394a;--gold:#c5a46d;--gold-light:#ead8b6;--cream:#faf7f1;--cream-dark:#f1e9dc;--white:#fffdf9;--text:#332b2b;--muted:#766b68;--shadow:0 12px 35px rgba(66,19,29,.09);--shadow-hover:0 22px 48px rgba(66,19,29,.16);--radius:24px}
html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream)!important;color:var(--text)!important;font-family:"DM Sans",sans-serif!important;line-height:1.7}body *{box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:"Cormorant Garamond",Georgia,serif!important;color:var(--wine-dark)}h1{font-size:clamp(2.5rem,5vw,4.3rem);font-weight:700}h2{font-size:clamp(2rem,4vw,3.15rem);font-weight:700}h3{font-size:clamp(1.4rem,2.6vw,2rem);font-weight:700}p,li{color:var(--muted)}a{transition:color .2s ease}main{min-height:55vh}main.container{max-width:1220px;padding-top:58px!important;padding-bottom:76px!important}
.site-topline{background:var(--wine-dark);color:#f8eddb;font-size:.82rem;padding:8px 0;letter-spacing:.025em}.site-topline .container{max-width:1320px}.site-topline-contact{display:flex;gap:10px;align-items:center}.site-topline a{color:#f8eddb;text-decoration:none}.site-topline a:hover{color:var(--gold-light)}
.site-nav{z-index:1050;background:rgba(255,253,249,.97)!important;backdrop-filter:blur(14px);border-bottom:1px solid rgba(197,164,109,.36);box-shadow:0 6px 28px rgba(66,19,29,.07);padding:12px 0}.site-nav .container{max-width:1320px}.site-brand{display:flex;align-items:center;gap:12px;white-space:normal;max-width:330px;color:var(--wine-dark)!important}.site-brand:hover{color:var(--wine)!important}.site-brand-mark{width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px;border-radius:50%;border:1px solid var(--gold);background:linear-gradient(145deg,#fffdf8,#f0e1c8);color:var(--wine);font-size:2rem;box-shadow:inset 0 0 0 4px rgba(197,164,109,.12)}.site-brand-copy{display:flex;flex-direction:column;line-height:1.13}.site-brand-copy strong{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.35rem;font-weight:700}.site-brand-copy small{margin-top:5px;color:#96764a;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.site-nav .navbar-nav{gap:2px}.site-nav .nav-link{position:relative;padding:.7rem .72rem!important;color:var(--wine-dark)!important;font-size:.91rem;font-weight:700}.site-nav .nav-link:hover,.site-nav .nav-link:focus,.site-nav .nav-link.show{color:var(--wine-light)!important}.site-nav .nav-link:after{content:"";position:absolute;left:.72rem;right:.72rem;bottom:.35rem;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .25s}.site-nav .nav-link:hover:after,.site-nav .nav-link:focus:after{transform:scaleX(1)}.site-nav .dropdown-menu{margin-top:9px;padding:9px;border:1px solid rgba(197,164,109,.5);border-radius:15px;background:var(--white);box-shadow:0 18px 40px rgba(66,19,29,.14)}.site-nav .dropdown-item{padding:10px 14px;border-radius:9px;color:var(--wine-dark);font-weight:600}.site-nav .dropdown-item:hover,.site-nav .dropdown-item:focus{background:#f3e7d5;color:var(--wine)}.site-nav .navbar-toggler{border-color:rgba(101,29,43,.3);padding:.45rem .65rem}.site-nav .navbar-toggler:focus{box-shadow:0 0 0 .2rem rgba(197,164,109,.3)}
.btn-premium,.btn-heart,main .btn,form button[type=submit],form input[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--wine)!important;border:1px solid var(--gold)!important;border-radius:999px!important;color:#fffdf9!important;padding:12px 23px!important;font-family:"DM Sans",sans-serif;font-size:.92rem;font-weight:700;text-decoration:none!important;box-shadow:0 7px 18px rgba(66,19,29,.13);transition:transform .25s,background .25s,box-shadow .25s}.btn-premium:hover,.btn-heart:hover,main .btn:hover,form button[type=submit]:hover,form input[type=submit]:hover{background:var(--wine-dark)!important;color:white!important;transform:translateY(-2px);box-shadow:0 12px 24px rgba(66,19,29,.2)}
main>section,main .knowledge,main .service-detail-section,main .deep-guide{border-radius:var(--radius)}main .section-heading{border-bottom:1px solid rgba(197,164,109,.6);padding-bottom:16px;margin-bottom:28px!important}main .section-heading:after{content:"❦";display:block;margin-top:8px;color:var(--gold);font-size:1.3rem}main .card,main article,main .detail-panel,main .team-card,main .knowledge details,main .guide-questions details{border:1px solid rgba(197,164,109,.42)!important;border-radius:20px!important;background:linear-gradient(145deg,var(--white),#f8f0e5)!important;box-shadow:var(--shadow)!important;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}main .card:hover,main article:hover,main .detail-panel:hover,main .team-card:hover{transform:translateY(-4px);border-color:var(--gold)!important;box-shadow:var(--shadow-hover)!important}main .card-body,main .team-card .card-body{padding:26px}main .role,main .service-detail-eyebrow,main .guide-eyebrow,main .knowledge .k-intro strong{color:#987343!important}main .avatar{background:linear-gradient(145deg,#f3e5cf,#fffaf1)!important;border:1px solid var(--gold-light);color:var(--wine)!important}main .knowledge,main .deep-guide{background:linear-gradient(145deg,#f4ecdf,#fffdf8)!important;padding:64px 24px!important}main .knowledge summary,main .guide-questions summary{color:var(--wine)!important}main .knowledge details p,main .guide-answer{color:var(--muted)}main .note,main .guide-disclaimer{background:#fffdf8!important;border-left-color:var(--gold)!important;border-radius:14px!important}main a:not(.btn):not(.btn-heart):not(.btn-premium){color:var(--wine);font-weight:600}main a:not(.btn):not(.btn-heart):not(.btn-premium):hover{color:#a27b43}
.site-footer{position:relative;overflow:hidden;background:radial-gradient(circle at 90% 0,rgba(197,164,109,.13),transparent 32%),linear-gradient(135deg,var(--wine-dark),var(--wine))!important;color:#f8eee1!important;padding:64px 0 24px!important;border-top:3px solid var(--gold)}.site-footer .container{max-width:1220px}.site-footer h3,.site-footer h4{color:#fff8ed!important;margin:0 0 14px;font-weight:700}.site-footer h3{font-size:1.7rem}.site-footer h4{font-size:1.35rem}.site-footer p{color:#e6d8d0!important;margin-bottom:12px}.site-footer .footer-brand-mark{color:var(--gold-light);font-size:2.3rem;line-height:1}.site-footer .footer-tagline{color:var(--gold-light)!important;font-family:"Great Vibes",cursive;font-size:1.65rem;margin-bottom:12px}.site-footer a{color:#fff5e9;text-decoration:none}.site-footer a:hover{color:var(--gold-light);text-decoration:underline}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:9px 16px}.footer-bottom{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid rgba(234,216,182,.3);margin-top:36px;padding-top:20px;color:#e8d9d0;font-size:.83rem}.modern-top{position:fixed;right:22px;bottom:22px;z-index:1040;width:45px;height:45px;border:1px solid var(--gold);border-radius:50%;background:var(--wine);color:#fff;font-size:1.3rem;box-shadow:0 8px 20px #42131d30;opacity:0;pointer-events:none;transform:translateY(8px);transition:all .25s}.modern-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}
@media(max-width:991px){.site-nav .navbar-collapse{padding:15px 0 8px}.site-nav .navbar-nav{align-items:stretch!important}.site-nav .nav-link{padding:.65rem .2rem!important}.site-nav .nav-link:after{display:none}.site-nav .dropdown-menu{margin-top:0;box-shadow:none;border-radius:12px}.site-nav .btn-premium{margin-top:8px}.site-brand-copy strong{font-size:1.18rem}}
@media(max-width:575px){.site-topline{font-size:.74rem}.site-topline .container{justify-content:center!important}.site-topline-contact{width:100%;justify-content:center}.site-brand{max-width:260px;gap:8px}.site-brand-mark{width:40px;height:40px;flex-basis:40px;font-size:1.65rem}.site-brand-copy strong{font-size:1.05rem}.site-brand-copy small{font-size:.62rem}main.container{padding-top:38px!important;padding-bottom:50px!important}main .knowledge,main .deep-guide{padding:42px 16px!important}.site-footer{padding:44px 0 22px!important}.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{font-size:.76rem}}


/* =========================================================
   GEMEINSAMES PREMIUM-DESIGN – an demo.php angelehnt
   Für alle Unterseiten des Betreuungsdienstes mit Herz
   ========================================================= */
:root {
  --wine: #651d2b;
  --wine-dark: #42131d;
  --wine-light: #87394a;
  --gold: #c5a46d;
  --gold-light: #ead8b6;
  --cream: #faf7f1;
  --cream-dark: #f1e9dc;
  --white: #fffdf9;
  --text: #332b2b;
  --muted: #766b68;
  --shadow: 0 12px 35px rgba(66,19,29,.09);
  --shadow-hover: 0 22px 48px rgba(66,19,29,.16);
  --radius: 24px;
}
html { scroll-behavior:smooth; scroll-padding-top:110px; }
body { margin:0; background:var(--cream)!important; color:var(--text)!important; font-family:"DM Sans",Arial,sans-serif!important; line-height:1.75; }
body * { box-sizing:border-box; }
h1,h2,h3,h4,h5,h6 { color:var(--wine-dark); font-family:"Cormorant Garamond",Georgia,serif!important; font-weight:700; }
h1 { font-size:clamp(2.5rem,5vw,4.3rem)!important; line-height:1.08; }
h2 { font-size:clamp(2rem,4vw,3.15rem)!important; line-height:1.15; }
h3 { font-size:clamp(1.4rem,2.6vw,2rem)!important; line-height:1.2; }
p,li { color:var(--muted); }
a { transition:color .2s ease,background .2s ease,transform .2s ease; }
main { min-height:55vh; }
main.container { max-width:1220px; padding-top:58px!important; padding-bottom:76px!important; }
.wrap { max-width:1220px!important; margin-left:auto!important; margin-right:auto!important; padding-left:24px!important; padding-right:24px!important; }
section { position:relative; }
section:not(.hero):not(.contact) { scroll-margin-top:105px; }
/* Gemeinsame Oberbereiche und Titel */
.hero { position:relative; isolation:isolate; overflow:hidden; border-bottom:1px solid rgba(197,164,109,.45); }
.hero h1,.hero h2,.hero h3,.hero p,.hero .eyebrow,.hero .kicker { position:relative; z-index:1; }
.hero h1 { text-shadow:0 3px 24px rgba(35,10,15,.25); }
.eyebrow,.kicker,.service-detail-eyebrow,.guide-eyebrow { color:#b99a65!important; font-size:.76rem!important; font-weight:700!important; letter-spacing:.16em!important; text-transform:uppercase; }
.section-heading,.sectiontitle,.intro h2 { color:var(--wine-dark); }
.section-heading { border-bottom:1px solid rgba(197,164,109,.62)!important; padding-bottom:18px!important; margin-bottom:30px!important; }
.section-heading:after,.intro h2:after { content:"❦"; display:block; margin-top:9px; color:var(--gold); font-size:1.35rem; }
.accent { color:var(--wine)!important; }
/* Karten und Kacheln */
.card,.cards .card,.team-card,.detail-panel,.service-detail-card,.value-card,.service-card,.contact-card,.step-card,.knowledge details,.guide-questions details,article { border:1px solid rgba(197,164,109,.48)!important; border-radius:20px!important; background:linear-gradient(145deg,var(--white),#f6ecde)!important; box-shadow:var(--shadow)!important; overflow:hidden; transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease; }
.card:hover,.team-card:hover,.detail-panel:hover,.service-detail-card:hover,.value-card:hover,.service-card:hover,.contact-card:hover,.step-card:hover,article:hover { transform:translateY(-4px); border-color:var(--gold)!important; box-shadow:var(--shadow-hover)!important; }
.card-body,.team-card .card-body { padding:26px; }
.card h3,.card h4,.team-card h3 { color:var(--wine)!important; }
.symbol,.avatar { color:var(--wine)!important; }
.avatar { background:linear-gradient(145deg,#f3e5cf,#fffaf1)!important; border:1px solid var(--gold-light)!important; }
/* Buttons */
.btn,.btn-heart,.btn-premium,main button[type=submit],main input[type=submit],form button[type=submit],form input[type=submit] { display:inline-flex; align-items:center; justify-content:center; gap:8px; background:var(--wine)!important; border:1px solid var(--gold)!important; border-radius:999px!important; color:var(--white)!important; padding:12px 23px!important; font-family:"DM Sans",Arial,sans-serif!important; font-size:.92rem; font-weight:700; text-decoration:none!important; box-shadow:0 7px 18px rgba(66,19,29,.13); }
.btn:hover,.btn-heart:hover,.btn-premium:hover,main button[type=submit]:hover,main input[type=submit]:hover,form button[type=submit]:hover,form input[type=submit]:hover { background:var(--wine-dark)!important; color:#fff!important; transform:translateY(-2px); box-shadow:0 12px 24px rgba(66,19,29,.2); }
/* Helle Infoboxen und farbige Kontaktbereiche */
.note,.knowledge .note,.guide-disclaimer { background:linear-gradient(135deg,#fffdf8,#f1e5d3)!important; border:1px solid rgba(197,164,109,.55)!important; border-left:4px solid var(--gold)!important; border-radius:16px!important; padding:24px!important; }
.knowledge,.deep-guide { background:linear-gradient(145deg,#f4ecdf,#fffdf8)!important; padding:64px 24px!important; }
.knowledge summary,.guide-questions summary { color:var(--wine)!important; font-weight:700; }
.contact { position:relative; overflow:hidden; background:radial-gradient(circle at 90% 0,rgba(197,164,109,.16),transparent 30%),linear-gradient(135deg,var(--wine-dark),var(--wine))!important; color:#fff8ed!important; padding:68px 24px!important; text-align:center; border-top:2px solid var(--gold); border-bottom:2px solid var(--gold); }
.contact h1,.contact h2,.contact h3,.contact p,.contact a:not(.btn) { color:#fff8ed!important; }
.contact .btn { background:var(--white)!important; color:var(--wine)!important; }
/* Formulare */
input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea { border:1px solid rgba(197,164,109,.58)!important; border-radius:12px!important; padding:12px 14px!important; background:#fffdf9!important; color:var(--text)!important; max-width:100%; }
input:focus,select:focus,textarea:focus { border-color:var(--gold)!important; outline:0!important; box-shadow:0 0 0 .22rem rgba(197,164,109,.2)!important; }
label { color:var(--wine-dark); font-weight:600; }
/* Gemeinsamer Header */
.site-topline { background:var(--wine-dark)!important; color:#f8eddb!important; font-size:.82rem; padding:8px 0; letter-spacing:.025em; }
.site-topline .container { max-width:1320px; }
.site-topline-contact { display:flex; gap:10px; align-items:center; }
.site-topline a { color:#f8eddb!important; text-decoration:none; }
.site-topline a:hover { color:var(--gold-light)!important; }
.site-nav { z-index:1050; background:rgba(255,253,249,.97)!important; backdrop-filter:blur(14px); border-bottom:1px solid rgba(197,164,109,.36); box-shadow:0 6px 28px rgba(66,19,29,.07); padding:12px 0; }
.site-nav .container { max-width:1320px; }
.site-brand { display:flex; align-items:center; gap:12px; white-space:normal; max-width:330px; color:var(--wine-dark)!important; }
.site-brand-mark { width:48px; height:48px; display:grid; place-items:center; flex:0 0 48px; border-radius:50%; border:1px solid var(--gold); background:linear-gradient(145deg,#fffdf8,#f0e1c8); color:var(--wine); font-size:2rem; box-shadow:inset 0 0 0 4px rgba(197,164,109,.12); }
.site-brand-copy { display:flex; flex-direction:column; line-height:1.13; }
.site-brand-copy strong { font-family:"Cormorant Garamond",Georgia,serif!important; font-size:1.35rem; font-weight:700; }
.site-brand-copy small { margin-top:5px; color:#96764a; font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; }
.site-nav .navbar-nav { gap:2px; }
.site-nav .nav-link { position:relative; padding:.7rem .72rem!important; color:var(--wine-dark)!important; font-size:.91rem; font-weight:700; }
.site-nav .nav-link:hover,.site-nav .nav-link:focus,.site-nav .nav-link.show { color:var(--wine-light)!important; }
.site-nav .nav-link:after { content:""; position:absolute; left:.72rem; right:.72rem; bottom:.35rem; height:2px; background:var(--gold); transform:scaleX(0); transform-origin:left; transition:transform .25s; }
.site-nav .nav-link:hover:after,.site-nav .nav-link:focus:after { transform:scaleX(1); }
.site-nav .dropdown-menu { margin-top:9px; padding:9px; border:1px solid rgba(197,164,109,.5); border-radius:15px; background:var(--white); box-shadow:0 18px 40px rgba(66,19,29,.14); }
.site-nav .dropdown-item { padding:10px 14px; border-radius:9px; color:var(--wine-dark); font-weight:600; }
.site-nav .dropdown-item:hover,.site-nav .dropdown-item:focus { background:#f3e7d5; color:var(--wine); }
.site-nav .navbar-toggler { border-color:rgba(101,29,43,.3); padding:.45rem .65rem; }
.site-nav .navbar-toggler:focus { box-shadow:0 0 0 .2rem rgba(197,164,109,.3); }
/* Gemeinsamer Footer */
.site-footer { position:relative; overflow:hidden; background:radial-gradient(circle at 90% 0,rgba(197,164,109,.13),transparent 32%),linear-gradient(135deg,var(--wine-dark),var(--wine))!important; color:#f8eee1!important; padding:64px 0 24px!important; border-top:3px solid var(--gold); }
.site-footer .container { max-width:1220px; }
.site-footer h3,.site-footer h4 { color:#fff8ed!important; margin:0 0 14px; font-weight:700; }
.site-footer h3 { font-size:1.7rem; }.site-footer h4 { font-size:1.35rem; }
.site-footer p { color:#e6d8d0!important; margin-bottom:12px; }
.site-footer .footer-brand-mark { color:var(--gold-light); font-size:2.3rem; line-height:1; }
.site-footer .footer-tagline { color:var(--gold-light)!important; font-family:"Great Vibes",cursive!important; font-size:1.65rem; margin-bottom:12px; }
.site-footer a { color:#fff5e9!important; text-decoration:none; }.site-footer a:hover { color:var(--gold-light)!important; text-decoration:underline; }
.footer-links { display:grid; grid-template-columns:1fr 1fr; gap:9px 16px; }
.footer-bottom { display:flex; justify-content:space-between; gap:15px; flex-wrap:wrap; border-top:1px solid rgba(234,216,182,.3); margin-top:36px; padding-top:20px; color:#e8d9d0; font-size:.83rem; }
.modern-top { position:fixed; right:22px; bottom:22px; z-index:1040; width:45px; height:45px; border:1px solid var(--gold); border-radius:50%; background:var(--wine); color:#fff; font-size:1.3rem; box-shadow:0 8px 20px #42131d30; opacity:0; pointer-events:none; transform:translateY(8px); transition:all .25s; }
.modern-top.visible { opacity:1; pointer-events:auto; transform:translateY(0); }
@media(max-width:991px){.site-nav .navbar-collapse{padding:15px 0 8px}.site-nav .navbar-nav{align-items:stretch!important}.site-nav .nav-link{padding:.65rem .2rem!important}.site-nav .nav-link:after{display:none}.site-nav .dropdown-menu{margin-top:0;box-shadow:none;border-radius:12px}.site-nav .btn-premium{margin-top:8px}.site-brand-copy strong{font-size:1.18rem}}
@media(max-width:767px){main.container{padding-top:38px!important;padding-bottom:50px!important}.wrap{padding-left:18px!important;padding-right:18px!important}.hero{min-height:390px}.cards{grid-template-columns:1fr!important}.contact{padding:48px 18px!important}.knowledge,.deep-guide{padding:42px 16px!important}.site-footer{padding:44px 0 22px!important}}
@media(max-width:575px){.site-topline{font-size:.74rem}.site-topline .container{justify-content:center!important}.site-topline-contact{width:100%;justify-content:center}.site-brand{max-width:260px;gap:8px}.site-brand-mark{width:40px;height:40px;flex-basis:40px;font-size:1.65rem}.site-brand-copy strong{font-size:1.05rem}.site-brand-copy small{font-size:.62rem}.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{font-size:.76rem}}


/* =====================================================
   ORNAMENT-KARTEN – wie auf demo.php
   Bordeaux, Elfenbein, Gold und feine Schnörkel
   ===================================================== */
main .card,
main .detail-panel,
main .team-card,
main .pw-card,
main .reform-card,
main .panel,
main .contact-item {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

main .card::before,
main .detail-panel::before,
main .team-card::before,
main .pw-card::before,
main .reform-card::before,
main .panel::before,
main .contact-item::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 8px;
    border: 1px solid rgba(197, 164, 109, .48);
    border-radius: 14px;
    pointer-events: none;
}

main .card::after,
main .detail-panel::after,
main .team-card::after,
main .pw-card::after,
main .reform-card::after,
main .panel::after,
main .contact-item::after {
    content: "❦";
    position: absolute;
    z-index: 2;
    top: 5px;
    right: 13px;
    color: var(--gold);
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 42px;
    line-height: 1;
    opacity: .84;
    pointer-events: none;
    transform: rotate(10deg);
    transition: transform .45s ease, opacity .45s ease;
}

main .card > *,
main .detail-panel > *,
main .team-card > *,
main .pw-card > *,
main .reform-card > *,
main .panel > *,
main .contact-item > * {
    position: relative;
    z-index: 1;
}

main .card:hover::after,
main .detail-panel:hover::after,
main .team-card:hover::after,
main .pw-card:hover::after,
main .reform-card:hover::after,
main .panel:hover::after,
main .contact-item:hover::after {
    transform: rotate(-8deg) scale(1.1);
    opacity: 1;
}

/* Etwas mehr Abstand für Überschriften, damit der Schnörkel nicht stört */
main .card h2,
main .card h3,
main .card h4,
main .detail-panel h2,
main .detail-panel h3,
main .team-card h2,
main .team-card h3,
main .pw-card h2,
main .pw-card h3,
main .reform-card h2,
main .reform-card h3 {
    padding-right: 20px;
}

@media (max-width: 575.98px) {
    main .card::before,
    main .detail-panel::before,
    main .team-card::before,
    main .pw-card::before,
    main .reform-card::before,
    main .panel::before,
    main .contact-item::before {
        inset: 6px;
        border-radius: 12px;
    }
    main .card::after,
    main .detail-panel::after,
    main .team-card::after,
    main .pw-card::after,
    main .reform-card::after,
    main .panel::after,
    main .contact-item::after {
        top: 5px;
        right: 10px;
        font-size: 35px;
    }
}