:root {
            --teal: #2BB5A0; --teal-light: #3ECFB8; --teal-dark: #1A7A6D;
            --cyan: #6DC8D8; --blue: #4AACE0; --navy: #1B4F72;
            --orange: #F39C12; --orange-light: #F5B041; --yellow: #F1C40F;
            --bordeaux: #8E3A5E; --bordeaux-light: #B04A78;
            --white: #FFF; --bg: #FAFBFC; --text: #2C3E50; --text-light: #6B7B8D;
            --shadow: 0 8px 30px rgba(0,0,0,0.08);
            --shadow-lg: 0 16px 48px rgba(0,0,0,0.12);
        }
        *{margin:0;padding:0;box-sizing:border-box}
        html{scroll-behavior:smooth}
        body{font-family:'Inter',sans-serif;color:var(--text);background:var(--bg);line-height:1.7;-webkit-font-smoothing:antialiased}
        h1,h2,h3,h4{font-family:'Quicksand',sans-serif;font-weight:700;line-height:1.3}
        img{max-width:100%;display:block}

        /* ── NAV ── */
        nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,0.92);backdrop-filter:blur(16px);
            border-bottom:3px solid transparent;border-image:linear-gradient(90deg,var(--teal),var(--blue),var(--orange),var(--bordeaux),var(--navy)) 1;transition:box-shadow .3s}
        nav.scrolled{box-shadow:0 4px 20px rgba(0,0,0,.08)}
        .nav-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:.6rem 2rem}
        .nav-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--text)}
        .nav-logo img{width:48px;height:48px}
        .nav-logo-text{font-family:'Quicksand',sans-serif;font-weight:700;font-size:1.2rem}
        .nav-logo-text .happy{color:var(--teal)}.nav-logo-text .care{color:var(--blue)}.nav-logo-text .plus{color:var(--orange)}
        .nav-logo-sub{font-size:.65rem;color:var(--text-light);display:block;letter-spacing:.05em}
        .nav-links{display:flex;gap:1.5rem;list-style:none;align-items:center}
        .nav-links a{text-decoration:none;color:var(--text-light);font-weight:600;font-size:.88rem;transition:color .2s}
        .nav-links a:hover{color:var(--teal)}
        .nav-links a.active{color:var(--navy)}
        .nav-cta{background:linear-gradient(135deg,var(--teal),var(--blue))!important;color:#fff!important;
            padding:.55rem 1.4rem;border-radius:50px;font-weight:700!important;box-shadow:0 4px 15px rgba(43,181,160,.3);transition:transform .2s,box-shadow .2s!important}
        .nav-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(43,181,160,.4)}
        .hamburger{display:none;background:none;border:none;cursor:pointer;padding:.5rem;flex-direction:column;gap:5px}
        .hamburger span{display:block;width:24px;height:2.5px;background:var(--text);border-radius:2px;transition:all .3s}
        .hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
        .hamburger.open span:nth-child(2){opacity:0}
        .hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}
        .mobile-menu{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.97);
            backdrop-filter:blur(20px);z-index:99;flex-direction:column;align-items:center;justify-content:center;gap:2rem;opacity:0;
            pointer-events:none;transition:opacity .3s}
        .mobile-menu.open{opacity:1;pointer-events:all;display:flex}
        .mobile-menu a{font-family:'Quicksand',sans-serif;font-size:1.4rem;font-weight:700;color:var(--text);text-decoration:none;transition:color .2s}
        .mobile-menu a:hover{color:var(--teal)}
        .mobile-menu .mm-cta{background:linear-gradient(135deg,var(--teal),var(--blue));color:#fff;padding:.8rem 2rem;border-radius:50px;font-size:1.1rem}

        /* ── PAGE HEADER ── */
        .page-header{padding:8rem 2rem 3rem;position:relative;overflow:hidden;
            background:linear-gradient(160deg,#E8FFF7 0%,#EEF7FF 30%,#FFF8E8 60%,#FFF0F5 100%)}
        .page-header .blob{position:absolute;border-radius:50%;opacity:.08;filter:blur(60px)}
        .page-header .b1{width:400px;height:400px;background:var(--navy);top:-80px;right:-50px}
        .page-header .b2{width:300px;height:300px;background:var(--blue);bottom:-40px;left:-60px}
        .page-header-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1;text-align:center}
        .page-breadcrumb{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;font-size:.82rem;color:var(--text-light);margin-bottom:1.5rem;font-weight:600}
        .page-breadcrumb a{color:var(--teal);text-decoration:none}.page-breadcrumb a:hover{text-decoration:underline}
        .page-breadcrumb i{font-size:.6rem;color:var(--text-light)}
        .page-header h1{font-size:2.8rem;margin-bottom:1rem}
        .page-header h1 .accent{color:var(--navy)}
        .page-header-sub{font-size:1.05rem;color:var(--text-light);max-width:600px;margin:0 auto;line-height:1.8}

        /* ── PAGE HERO IMAGE ── */
        .page-hero-img{max-width:1200px;margin:-1.5rem auto 0;padding:0 2rem;position:relative;z-index:2}
        .page-hero-img img{width:100%;height:300px;object-fit:cover;border-radius:20px;box-shadow:var(--shadow-lg);border:3px solid var(--navy)}

        /* ── CONTENT AREA ── */
        .content{max-width:1200px;margin:0 auto;padding:4rem 2rem}
        .content-intro{font-size:1.05rem;color:var(--text-light);line-height:1.9;margin-bottom:3rem;text-align:center;max-width:700px;margin-left:auto;margin-right:auto}

        /* ── PFLEGEGRAD CARDS ── */
        .pg-card{background:#fff;border-radius:24px;box-shadow:var(--shadow);margin-bottom:2rem;overflow:hidden;transition:transform .3s,box-shadow .3s}
        .pg-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
        .pg-header{display:flex;align-items:center;gap:1.25rem;padding:1.75rem 2rem;cursor:pointer;user-select:none}
        .pg-badge{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;
            font-family:'Quicksand',sans-serif;font-size:1.4rem;font-weight:800;color:#fff;flex-shrink:0}
        .pg1 .pg-badge{background:linear-gradient(135deg,var(--teal-light),var(--teal))}
        .pg2 .pg-badge{background:linear-gradient(135deg,var(--cyan),var(--blue))}
        .pg3 .pg-badge{background:linear-gradient(135deg,var(--orange-light),var(--orange))}
        .pg4 .pg-badge{background:linear-gradient(135deg,var(--bordeaux-light),var(--bordeaux))}
        .pg5 .pg-badge{background:linear-gradient(135deg,var(--navy),#2C6FA0)}
        .pg-header-text{flex:1}
        .pg-header-text h3{font-size:1.2rem;margin-bottom:.2rem}
        .pg-header-text .pg-sub{font-size:.82rem;color:var(--text-light);font-weight:500}
        .pg-header .pg-toggle{width:36px;height:36px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;
            color:var(--text-light);font-size:.8rem;transition:all .3s;flex-shrink:0}
        .pg-card.open .pg-toggle{background:var(--navy);color:#fff;transform:rotate(180deg)}

        .pg-body{max-height:0;overflow:hidden;transition:max-height .4s ease}
        .pg-card.open .pg-body{max-height:2000px}
        .pg-body-inner{padding:0 2rem 2rem}
        .pg-body-inner p{font-size:.92rem;color:var(--text-light);line-height:1.8;margin-bottom:1.25rem}

        /* ── TABLE ── */
        .pg-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.04);margin-bottom:1rem}
        .pg-table tr:nth-child(even){background:#F8FAFB}
        .pg-table td{padding:.85rem 1.25rem;font-size:.85rem;border-bottom:1px solid #EEF1F4}
        .pg-table tr:last-child td{border-bottom:none}
        .pg-table td:first-child{font-weight:600;color:var(--text);width:55%}
        .pg-table td:last-child{color:var(--text-light);text-align:right;font-weight:500}
        .pg1 .pg-table td:last-child{color:var(--teal-dark)}
        .pg2 .pg-table td:last-child{color:var(--blue)}
        .pg3 .pg-table td:last-child{color:#D68910}
        .pg4 .pg-table td:last-child{color:var(--bordeaux)}
        .pg5 .pg-table td:last-child{color:var(--navy)}
        .table-note{font-size:.72rem;color:var(--text-light);text-align:right;margin-top:.5rem;font-style:italic}

        /* ── MD SECTION ── */
        .md-section{background:linear-gradient(160deg,var(--navy),#234E6F);color:#fff;border-radius:24px;padding:2.5rem;margin-top:3rem}
        .md-section h3{font-size:1.2rem;margin-bottom:1rem;color:#fff}
        .md-section p{font-size:.92rem;color:rgba(255,255,255,.8);line-height:1.8;margin-bottom:1rem}
        .md-section p:last-child{margin-bottom:0}

        /* ── WIDERSPRUCH BOX ── */
        .notice-box{background:linear-gradient(135deg,rgba(243,156,18,.08),rgba(142,58,94,.08));border:2px solid var(--orange);
            border-radius:18px;padding:2rem;margin-top:2.5rem;display:flex;gap:1.25rem;align-items:flex-start}
        .notice-box i{font-size:1.5rem;color:var(--orange);flex-shrink:0;margin-top:.2rem}
        .notice-box p{font-size:.92rem;line-height:1.8;margin:0}
        .notice-box strong{color:var(--text)}

        /* ── CTA BAR ── */
        .cta-bar{text-align:center;margin-top:3rem;padding:3rem 2rem;background:#fff;border-radius:24px;box-shadow:var(--shadow)}
        .cta-bar h3{font-size:1.4rem;margin-bottom:.5rem}
        .cta-bar p{color:var(--text-light);font-size:.92rem;margin-bottom:1.5rem}
        .btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.8rem;border-radius:50px;font-weight:700;font-size:.95rem;text-decoration:none;transition:all .25s;border:none;cursor:pointer;font-family:'Quicksand',sans-serif}
        .btn-rainbow{background:linear-gradient(135deg,var(--teal),var(--blue),var(--teal-light));background-size:200% 200%;color:#fff;box-shadow:0 4px 20px rgba(43,181,160,.35);animation:shimmer 3s ease infinite}
        @keyframes shimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
        .btn-rainbow:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(43,181,160,.4)}

        /* ── FOOTER ── */
        footer{background:var(--text);color:#fff;position:relative;margin-top:4rem}
        .footer-rainbow{height:6px;background:linear-gradient(90deg,var(--teal),var(--cyan),var(--blue),var(--navy),var(--bordeaux),var(--orange),var(--yellow))}
        .footer-inner{max-width:1200px;margin:0 auto;padding:4rem 2rem 2rem}
        .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:3rem;margin-bottom:3rem}
        .footer-brand p{color:rgba(255,255,255,.5);font-size:.85rem;line-height:1.8;margin-top:1rem}
        footer h4{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.35);margin-bottom:1.25rem}
        .fl{display:flex;align-items:center;gap:.7rem;margin-bottom:.9rem}
        .fl i{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--teal-light);flex-shrink:0}
        .fl a,.fl span{color:rgba(255,255,255,.7);text-decoration:none;font-size:.85rem}.fl a:hover{color:#fff}
        .footer-social{display:flex;gap:.6rem;margin-top:1.5rem}
        .footer-social a{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:1.1rem;transition:all .2s}
        .footer-social a:nth-child(1){background:rgba(43,181,160,.15);color:var(--teal-light)}
        .footer-social a:nth-child(2){background:rgba(142,58,94,.15);color:var(--bordeaux-light)}
        .footer-social a:hover{transform:translateY(-3px)}
        .footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center}
        .footer-bottom p,.footer-bottom a{color:rgba(255,255,255,.3);font-size:.75rem;text-decoration:none}
        .fbl{display:flex;gap:1.5rem}.footer-bottom a:hover{color:rgba(255,255,255,.6)}

        /* ── PHONE FLOAT ── */
        .phone-float{position:fixed;bottom:2rem;right:2rem;z-index:99;width:62px;height:62px;
            background:linear-gradient(135deg,var(--teal),var(--blue));border-radius:50%;
            display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;
            text-decoration:none;box-shadow:0 6px 24px rgba(43,181,160,.4);transition:transform .3s;
            animation:pp 2.5s ease-in-out infinite}
        .phone-float:hover{transform:scale(1.12)}
        @keyframes pp{0%,100%{box-shadow:0 6px 24px rgba(43,181,160,.4)}50%{box-shadow:0 6px 24px rgba(43,181,160,.4),0 0 0 12px rgba(43,181,160,.1)}}

        /* ═══ RESPONSIVE ═══ */
        @media(max-width:1024px){
            .nav-links{display:none!important}
            .hamburger{display:flex}
        }
        @media(max-width:768px){
            .page-header{padding:6rem 1.5rem 2rem}
            .page-header h1{font-size:2rem}
            .page-hero-img img{height:200px}
            .content{padding:3rem 1.5rem}
            .pg-header{padding:1.25rem 1.25rem}
            .pg-body-inner{padding:0 1.25rem 1.5rem}
            .pg-table td{padding:.65rem .8rem;font-size:.78rem}
            .pg-badge{width:42px;height:42px;font-size:1.1rem;border-radius:12px}
            .md-section{padding:1.75rem}
            .notice-box{flex-direction:column;gap:.75rem}
            .footer-grid{grid-template-columns:1fr;gap:2rem}
            .footer-bottom{flex-direction:column;gap:.75rem;text-align:center}
            .phone-float{width:54px;height:54px;font-size:1.2rem;bottom:1.25rem;right:1.25rem}
        }
        @media(max-width:420px){
            .page-header h1{font-size:1.7rem}
            .pg-header-text h3{font-size:1rem}
            .pg-table td:first-child{width:50%}
        }
        /* ══════════════════════════════
           LEITBILD PAGE STYLES
           ══════════════════════════════ */

        /* ── SUBPAGE HEADER ── */
        .subpage-hero{padding-top:8rem;padding-bottom:2rem;position:relative;overflow:hidden}
        .subpage-hero::before,.subpage-hero::after{content:'';position:absolute;border-radius:50%;opacity:.08;filter:blur(80px);pointer-events:none}
        .subpage-hero::before{width:400px;height:400px;background:var(--teal);top:-50px;right:-100px}
        .subpage-hero::after{width:350px;height:350px;background:var(--orange);bottom:-80px;left:-50px}
        .subpage-hero-inner{margin:0 2rem;padding:0 2rem;position:relative;z-index:1}
        .breadcrumb{display:flex;gap:.75rem;align-items:center;margin-bottom:2rem;font-size:.9rem;color:var(--text-light)}
        .breadcrumb a{color:var(--teal);text-decoration:none;transition:color .2s}
        .breadcrumb a:hover{color:var(--teal-dark)}
        .breadcrumb i{color:var(--text-light);font-size:.7rem}
        .subpage-hero h1{font-size:2.8rem;margin-bottom:1rem;color:var(--text)}
        .subpage-hero-subtitle{font-size:1.1rem;color:var(--text-light);max-width:700px;line-height:1.8}

        /* ── HERO IMAGE ── */
        .hero-image-section{margin:0 2rem;padding:0 2rem 4rem}
        .hero-image-section img{width:100%;height:350px;object-fit:cover;border-radius:20px;box-shadow:var(--shadow-lg)}

        /* ── VALUES GRID ── */
        .values-section{padding:6rem 2rem;background:#fff}
        .values-inner{max-width:1200px;margin:0 auto}
        .values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem;margin-top:3rem}
        .value-card{background:var(--bg);border-radius:20px;padding:2.5rem;text-align:center;
            transition:all .3s;border:2px solid transparent;position:relative}
        .value-card:hover{border-color:var(--teal);background:#fff;box-shadow:var(--shadow-lg);transform:translateY(-6px)}
        .value-icon{width:80px;height:80px;border-radius:16px;margin:0 auto 1.5rem;
            display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff}
        .value-card:nth-child(1) .value-icon{background:linear-gradient(135deg,var(--teal-dark),var(--teal))}
        .value-card:nth-child(2) .value-icon{background:linear-gradient(135deg,#2980B9,var(--blue))}
        .value-card:nth-child(3) .value-icon{background:linear-gradient(135deg,#E67E22,var(--orange))}
        .value-card:nth-child(4) .value-icon{background:linear-gradient(135deg,#6B2744,var(--bordeaux))}
        .value-card h3{font-size:1.35rem;margin-bottom:.75rem}
        .value-card p{font-size:.95rem;color:var(--text-light);line-height:1.8}

        /* ── QUOTE SECTION ── */
        .quote-section{padding:6rem 2rem;background:linear-gradient(135deg,var(--navy),#234E6F);color:#fff}
        .quote-inner{margin:0 2rem;text-align:center}
        .quote-text{font-family:'Quicksand',sans-serif;font-size:1.8rem;font-weight:600;
            line-height:1.6;margin-bottom:2rem;position:relative;padding:2rem}
        .quote-text::before{content:'\201C';position:absolute;left:0;top:-20px;font-size:4rem;opacity:.2}
        .quote-text::after{content:'\201D';position:absolute;right:0;bottom:-30px;font-size:4rem;opacity:.2}
        .quote-source{color:rgba(255,255,255,.7);font-size:1rem;font-style:italic}

        /* ── TEAM SECTION ── */
        .team-section{padding:5rem 2rem;background:var(--bg)}
        .team-inner{max-width:1200px;margin:0 auto}
        .team-header{text-align:center;margin-bottom:2.5rem}
        .team-header h2{font-size:1.8rem;margin-bottom:.75rem}
        .team-header p{color:var(--text-light);font-size:1rem;line-height:1.8}
        .team-facts{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem}
        .team-fact{background:#fff;border-radius:18px;padding:1.75rem;display:flex;gap:1.25rem;align-items:flex-start;
            box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s}
        .team-fact:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
        .team-fact-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;
            font-size:1.2rem;color:#fff;flex-shrink:0}
        .team-fact:nth-child(1) .team-fact-icon{background:linear-gradient(135deg,var(--teal-dark),var(--teal))}
        .team-fact:nth-child(2) .team-fact-icon{background:linear-gradient(135deg,#2980B9,var(--blue))}
        .team-fact:nth-child(3) .team-fact-icon{background:linear-gradient(135deg,#E67E22,var(--orange))}
        .team-fact:nth-child(4) .team-fact-icon{background:linear-gradient(135deg,#6B2744,var(--bordeaux))}
        .team-fact h4{font-size:.95rem;margin-bottom:.3rem}
        .team-fact p{font-size:.82rem;color:var(--text-light);line-height:1.6;margin:0}

        /* ── APPROACH SECTION ── */
        .approach-section{padding:5rem 2rem;background:#fff}
        .approach-inner{max-width:1200px;margin:0 auto}
        .approach-text{font-size:1rem;color:var(--text-light);line-height:1.9;margin-bottom:1.5rem}
        .approach-text strong{color:var(--text)}
        .approach-header{text-align:center;margin-bottom:2rem}
        .approach-header h2{font-size:1.8rem}

        /* ── LEITBILD CTA BAR ── */
        .leitbild-cta-bar{padding:3rem 2rem;background:linear-gradient(135deg,var(--teal),#0fa88e);color:#fff;text-align:center;margin-top:0}
        .leitbild-cta-bar .cta-bar-inner{max-width:1200px;margin:0 auto}
        .leitbild-cta-bar h2{font-size:1.6rem;margin-bottom:1rem}
        .leitbild-cta-bar p{font-size:1.05rem;color:rgba(255,255,255,.8);margin-bottom:1.5rem}
        .cta-bar-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.8rem;background:#fff;color:var(--teal);
            border:none;border-radius:50px;font-weight:700;font-size:.95rem;text-decoration:none;cursor:pointer;
            transition:all .25s;box-shadow:0 4px 20px rgba(0,0,0,.15)}
        .cta-bar-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,.25)}

        /* ── LEITBILD RESPONSIVE ── */
        @media(max-width:1024px){
            .values-grid{grid-template-columns:1fr}
            .subpage-hero h1{font-size:2.2rem}
        }

        @media(max-width:768px){
            .subpage-hero{padding-top:7rem;padding-bottom:2rem}
            .subpage-hero h1{font-size:1.95rem}
            .hero-image-section{padding:0 2rem 3rem}
            .hero-image-section img{height:250px}
            .values-section{padding:4rem 1.5rem}
            .values-grid{gap:2rem}
            .value-card{padding:2rem}
            .value-icon{width:70px;height:70px;font-size:1.8rem}
            .value-card h3{font-size:1.2rem}
            .value-card p{font-size:.9rem}
            .quote-section{padding:4rem 1.5rem}
            .quote-text{font-size:1.4rem;padding:1.5rem}
            .quote-text::before,.quote-text::after{font-size:2.5rem}
            .team-section{padding:3.5rem 1.5rem}
            .team-facts{grid-template-columns:1fr}
            .approach-section{padding:3.5rem 1.5rem}
            .leitbild-cta-bar h2{font-size:1.35rem}
            .leitbild-cta-bar p{font-size:.95rem}
        }

        @media(max-width:420px){
            .subpage-hero h1{font-size:1.65rem}
            .subpage-hero-subtitle{font-size:.95rem}
            .breadcrumb{font-size:.8rem}
            .hero-image-section img{height:180px}
            .values-grid{gap:1.5rem}
            .value-card{padding:1.5rem}
            .value-icon{width:60px;height:60px;font-size:1.5rem;margin-bottom:1rem}
            .value-card h3{font-size:1.1rem}
            .quote-text{font-size:1.2rem;padding:1rem}
        }

/* ══════════════════════════════════════════
   SUBPAGE HEADER (shared: Jobs + Leistungen)
   ══════════════════════════════════════════ */
.subpage-header{background:linear-gradient(160deg,#E8FFF7 0%,#EEF7FF 30%,#FFF8E8 60%,#FFF0F5 100%);
    padding:7rem 2rem 3rem;margin-top:3rem;position:relative;overflow:hidden}
.subpage-blob{position:absolute;border-radius:50%;opacity:.1;filter:blur(60px)}
.sb1{width:500px;height:500px;background:var(--teal);top:-100px;right:-100px}
.sb2{width:400px;height:400px;background:var(--orange);bottom:-50px;left:-80px}
.subpage-hero{margin:0 2rem;position:relative;z-index:1}
.breadcrumb{display:flex;gap:.75rem;font-size:.85rem;color:var(--text-light);margin-bottom:1.5rem;flex-wrap:wrap}
.breadcrumb a{color:var(--teal);text-decoration:none;font-weight:600;transition:color .2s}
.breadcrumb a:hover{color:var(--teal-dark)}
.breadcrumb span{color:var(--text-light)}
.subpage-h1{font-size:2.8rem;color:var(--text);margin-bottom:.75rem}
.subpage-h1 .highlight{background:linear-gradient(135deg,var(--teal),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.subpage-subtitle{font-size:1.05rem;color:var(--text-light);max-width:600px;margin-bottom:1.5rem}
.subpage.content{max-width:1200px;margin:0 auto;padding:4rem 2rem}

/* ── SUBPAGE HERO IMAGE ── */
.subpage-hero-img{margin-bottom:2rem;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lg);border:4px solid var(--teal);max-width:100%;height:300px}
.subpage-hero-img img{width:100%;height:100%;object-fit:cover}

/* ══════════════════════════════════════
   JOBS PAGE — Culture Box + Job Cards
   ══════════════════════════════════════ */
.culture-box{background:linear-gradient(135deg,#FFF8E8,#FFE8E8);border:2px solid var(--orange);border-radius:16px;padding:2.5rem;margin:3rem 0;text-align:center;position:relative;overflow:hidden}
.culture-box::before{content:'';position:absolute;top:-100px;right:-100px;width:200px;height:200px;background:var(--orange);opacity:.05;border-radius:50%}
.culture-box h3{color:var(--orange);margin-bottom:1rem;font-size:1.4rem;position:relative;z-index:1}
.culture-box p{color:var(--text-light);font-size:1.05rem;margin:0;position:relative;z-index:1;line-height:1.7}
.culture-box .highlight-text{font-weight:700;color:var(--text)}

.jobs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin:3rem 0}
.job-card{background:#fff;border-radius:16px;padding:0;overflow:hidden;box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s;position:relative;border-left:5px solid var(--teal)}
.job-card:nth-child(2){border-left-color:var(--blue)}
.job-card:nth-child(3){border-left-color:var(--orange)}
.job-card:nth-child(4){border-left-color:var(--bordeaux)}
.job-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.job-card-header{background:linear-gradient(135deg,var(--teal),var(--teal-light));color:#fff;padding:1.75rem;position:relative;overflow:hidden}
.job-card:nth-child(2) .job-card-header{background:linear-gradient(135deg,#2980B9,var(--blue))}
.job-card:nth-child(3) .job-card-header{background:linear-gradient(135deg,#E67E22,var(--orange))}
.job-card:nth-child(4) .job-card-header{background:linear-gradient(135deg,#6B2744,var(--bordeaux))}
.job-card-header::before{content:'';position:absolute;top:-50px;right:-50px;width:150px;height:150px;background:rgba(255,255,255,.1);border-radius:50%}
.job-card-icon{width:50px;height:50px;background:rgba(255,255,255,.25);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem;position:relative;z-index:1}
.job-card-title{font-family:'Quicksand',sans-serif;font-size:1.4rem;font-weight:700;margin-bottom:.5rem;position:relative;z-index:1}
.job-card-type{font-size:.85rem;opacity:.9;position:relative;z-index:1;display:flex;gap:.5rem;flex-wrap:wrap}
.job-card-body{padding:2rem}
.job-description{color:var(--text-light);font-size:.95rem;margin-bottom:1.5rem;line-height:1.7}
.job-requirements{background:#fafbfc;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}
.job-requirements h4{font-size:.85rem;color:var(--text);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}
.job-requirements ul{list-style:none;margin:0}
.job-requirements li{font-size:.85rem;color:var(--text-light);padding:.4rem 0;display:flex;align-items:flex-start;gap:.5rem}
.job-requirements li::before{content:'\2713';color:var(--teal);font-weight:700;margin-right:.25rem;flex-shrink:0}
.job-cta{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--teal),var(--teal-light));color:#fff;padding:.75rem 1.6rem;border-radius:50px;text-decoration:none;font-weight:700;font-size:.9rem;transition:transform .2s,box-shadow .2s}
.job-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(43,181,160,.3)}
.job-card:nth-child(2) .job-cta{background:linear-gradient(135deg,#2980B9,var(--blue))}
.job-card:nth-child(3) .job-cta{background:linear-gradient(135deg,#E67E22,var(--orange))}
.job-card:nth-child(4) .job-cta{background:linear-gradient(135deg,#6B2744,var(--bordeaux))}

.secondary-jobs{margin-top:4rem;padding-top:3rem;border-top:2px solid #e9ecef}
.secondary-jobs h2{font-size:1.6rem;color:var(--text);margin-bottom:1.5rem}
.secondary-job-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:var(--shadow);border-left:5px solid var(--navy);transition:transform .3s,box-shadow .3s;margin-bottom:1.5rem}
.secondary-job-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.secondary-job-card h3{font-size:1.25rem;color:var(--text);margin-bottom:.75rem}
.secondary-job-card p{color:var(--text-light);margin-bottom:1rem}
.secondary-job-card .job-requirements{background:linear-gradient(135deg,rgba(27,79,114,.05),rgba(27,79,114,.02));border:1px solid rgba(27,79,114,.1)}

.footnote-box{background:linear-gradient(135deg,#E8FFF7,#EEF7FF);border:2px solid var(--teal);border-radius:16px;padding:1.75rem;margin:3rem 0 0 0;text-align:center}
.footnote-box p{color:var(--text-light);font-size:.9rem;margin:0}
.footnote-box strong{color:var(--text)}

/* ══════════════════════════════════════
   LEISTUNGEN PAGE — Tables + Cards
   ══════════════════════════════════════ */
.leistung-section{margin-bottom:4rem}
.leistung-section h2{font-size:1.6rem;color:var(--text);margin-bottom:1rem;padding-left:1.25rem;border-left:4px solid var(--teal)}
.leistung-section.blue h2{border-left-color:var(--blue)}
.leistung-section.orange h2{border-left-color:var(--orange)}
.leistung-section p{color:var(--text-light);margin-bottom:1.5rem;line-height:1.8}

.table-wrapper{background:#fff;border-radius:16px;padding:2rem;box-shadow:var(--shadow);margin-bottom:2rem;overflow-x:auto}
.subpage-content table{width:100%;border-collapse:collapse}
.subpage-content thead tr{background:linear-gradient(90deg,#f8f9fa,#ffffff);border-bottom:2px solid #e9ecef}
.subpage-content thead th{padding:1.25rem;text-align:left;font-family:'Quicksand',sans-serif;font-weight:700;font-size:.95rem;color:var(--text)}
.subpage-content tbody tr{border-bottom:1px solid #e9ecef;transition:background .2s}
.subpage-content tbody tr:nth-child(even){background:#fafbfc}
.subpage-content tbody tr:hover{background:#f0f8f7}
.subpage-content tbody td{padding:1.25rem;font-size:.92rem}
.subpage-content tbody td:first-child{font-weight:600;color:var(--text)}
.subpage-content tbody td:last-child{font-weight:700;color:var(--text);background:linear-gradient(90deg,rgba(43,181,160,.08),transparent)}
.subpage-content tfoot tr{background:#fafbfc;border-top:2px solid #e9ecef}
.subpage-content tfoot td{padding:.75rem 1.25rem;font-size:.8rem;color:var(--text-light);font-style:italic}

.leistung-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:var(--shadow);margin-bottom:2rem;border-left:5px solid var(--teal);transition:transform .3s,box-shadow .3s}
.leistung-card.blue{border-left-color:var(--blue)}
.leistung-card.orange{border-left-color:var(--orange)}
.leistung-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.leistung-card h3{font-size:1.3rem;color:var(--text);margin-bottom:.75rem}
.leistung-card p{color:var(--text-light);line-height:1.8;margin-bottom:1rem}
.leistung-card ul{margin-left:1.5rem;color:var(--text-light)}
.leistung-card li{margin-bottom:.75rem;line-height:1.6}

.highlight-box{background:linear-gradient(135deg,#E8FFF7,#EEF7FF);border:2px solid var(--teal);border-radius:16px;padding:2rem;margin:3rem 0;text-align:center}
.highlight-box h3{color:var(--teal-dark);margin-bottom:.75rem}
.highlight-box p{color:var(--text-light);font-size:1.05rem;margin:0}

/* Leistungen CTA bar (overrides for subpage-content context) */
.subpage-content .cta-bar{background:linear-gradient(135deg,var(--teal),var(--blue));border-radius:16px;padding:2.5rem;color:#fff;text-align:center;margin:4rem 0;box-shadow:var(--shadow-lg)}
.subpage-content .cta-bar h3{font-size:1.6rem;margin-bottom:1rem;color:#fff}
.subpage-content .cta-bar p{font-size:1.05rem;margin-bottom:1.5rem;opacity:.95}
.subpage-content .cta-bar a,.subpage-content .cta-bar-phone{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.25);color:#fff;padding:.75rem 1.8rem;border-radius:50px;text-decoration:none;font-weight:700;transition:background .2s;margin:0 .75rem}
.subpage-content .cta-bar a:hover,.subpage-content .cta-bar-phone:hover{background:rgba(255,255,255,.35)}

/* ══════════════════════════════════════
   PFLEGEKONZEPT PAGE — Accordion + SIS
   ══════════════════════════════════════ */
.pflegekonzept-hero{padding-top:8rem;padding-bottom:2rem;background:linear-gradient(160deg,#E8FFF7 0%,#EEF7FF 50%,#FFF0F5 100%);position:relative;overflow:hidden}
.pflegekonzept-hero::before,.pflegekonzept-hero::after{content:'';position:absolute;border-radius:50%;opacity:.08;filter:blur(80px);pointer-events:none}
.pflegekonzept-hero::before{width:400px;height:400px;background:var(--teal);top:-50px;right:-100px}
.pflegekonzept-hero::after{width:350px;height:350px;background:var(--orange);bottom:-80px;left:-50px}
.pflegekonzept-hero-inner{margin:0 2rem;padding:0 2rem;position:relative;z-index:1}
.pflegekonzept-hero h1{font-size:2.8rem;margin-bottom:1rem;color:var(--text)}
.pflegekonzept-hero-subtitle{font-size:1.1rem;color:var(--text-light);max-width:700px;line-height:1.8}

.hero-image-section{margin:0 2rem;padding:0 2rem 4rem}
.hero-image-section img{width:100%;height:350px;object-fit:cover;border-radius:20px;box-shadow:var(--shadow-lg)}

.accordion-section{padding:6rem 2rem;background:#fff}
.accordion-inner{max-width:1000px;margin:0 auto}
.accordion-intro{text-align:center;margin-bottom:3rem}
.accordion-intro p{font-size:1.05rem;color:var(--text-light);max-width:700px;margin:0 auto;line-height:1.8}

.accordion{display:flex;flex-direction:column;gap:1.25rem}
.accordion-item{background:#fff;border:2px solid #f0f0f0;border-radius:16px;overflow:hidden;transition:all .3s;cursor:pointer}
.accordion-item:hover{border-color:var(--teal);box-shadow:var(--shadow)}
.accordion-item.active{border-color:var(--teal);box-shadow:var(--shadow-lg)}

.accordion-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;
    padding:1.75rem 2rem;background:linear-gradient(to right,rgba(43,181,160,.05),transparent);
    transition:background .2s;font-weight:600;font-size:1.1rem}
.accordion-item.active .accordion-header{background:linear-gradient(to right,rgba(43,181,160,.12),transparent)}

.accordion-badge{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;
    color:#fff;font-weight:700;font-size:1rem;flex-shrink:0}
.accordion-item:nth-child(1) .accordion-badge{background:linear-gradient(135deg,var(--teal-dark),var(--teal))}
.accordion-item:nth-child(2) .accordion-badge{background:linear-gradient(135deg,#2980B9,var(--blue))}
.accordion-item:nth-child(3) .accordion-badge{background:linear-gradient(135deg,#E67E22,var(--orange))}
.accordion-item:nth-child(4) .accordion-badge{background:linear-gradient(135deg,#6B2744,var(--bordeaux))}
.accordion-item:nth-child(5) .accordion-badge{background:linear-gradient(135deg,var(--navy),#1B4F72)}

.accordion-title{flex:1}
.accordion-toggle{width:32px;height:32px;border-radius:8px;background:rgba(43,181,160,.1);
    display:flex;align-items:center;justify-content:center;color:var(--teal);transition:all .3s;flex-shrink:0}
.accordion-item.active .accordion-toggle{background:var(--teal);color:#fff;transform:rotate(180deg)}

.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 2rem}
.accordion-item.active .accordion-content{max-height:2000px;padding:0 2rem 2rem 2rem}

.accordion-text{color:var(--text-light);line-height:1.85;font-size:.98rem;margin-bottom:1rem}
.accordion-text ul{list-style:none;margin-left:0}
.accordion-text li{padding-left:1.75rem;position:relative;margin-bottom:.75rem;font-size:.95rem}
.accordion-text li::before{content:'\2713';position:absolute;left:0;color:var(--teal);font-weight:700}

.sis-box{background:linear-gradient(135deg,var(--navy),#234E6F);color:#fff;border-radius:16px;padding:2.5rem;
    margin-top:2rem;border:2px solid rgba(255,255,255,.1)}
.sis-box h4{font-size:1.1rem;margin-bottom:1.75rem;text-transform:uppercase;letter-spacing:.08em}
.sis-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}
.sis-field{display:flex;gap:1rem}
.sis-number{min-width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.15);
    display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}
.sis-text{font-size:.9rem;line-height:1.6;color:rgba(255,255,255,.85)}

/* Pflegekonzept CTA bar */
.pfk-cta-bar{padding:3rem 2rem;background:linear-gradient(135deg,var(--teal),#0fa88e);color:#fff;text-align:center;margin-top:4rem}
.pfk-cta-bar-inner{max-width:1200px;margin:0 auto}
.pfk-cta-bar h2{font-size:1.6rem;margin-bottom:1rem}
.pfk-cta-bar p{font-size:1.05rem;color:rgba(255,255,255,.8);margin-bottom:1.5rem}
.pfk-cta-bar-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.8rem;background:#fff;color:var(--teal);
    border:none;border-radius:50px;font-weight:700;font-size:.95rem;text-decoration:none;cursor:pointer;
    transition:all .25s;box-shadow:0 4px 20px rgba(0,0,0,.15)}
.pfk-cta-bar-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,.25)}

/* ══════════════════════════════════════
   RESPONSIVE — Subpage Additions
   ══════════════════════════════════════ */
@media(max-width:1024px){
    .subpage-h1{font-size:2.2rem}
    .jobs-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}
    .table-wrapper{overflow-x:auto}
    .subpage-content tbody td{padding:1rem}
    .subpage-content thead th{padding:1rem}
    .pflegekonzept-hero h1{font-size:2.2rem}
    .sis-fields{grid-template-columns:1fr}
}

@media(max-width:768px){
    .subpage-header{padding:6rem 1.5rem 2rem}
    .subpage-h1{font-size:1.9rem}
    .subpage-content{padding:2.5rem 1.5rem}
    .subpage-hero-img{height:220px}
    .breadcrumb{font-size:.75rem}
    /* Jobs */
    .jobs-grid{grid-template-columns:1fr;gap:1.25rem}
    .job-card-body{padding:1.5rem}
    .job-card-title{font-size:1.2rem}
    .culture-box{padding:1.75rem;margin:2rem 0}
    .culture-box h3{font-size:1.2rem}
    /* Leistungen */
    .leistung-section h2{font-size:1.3rem;padding-left:1rem}
    .table-wrapper{padding:1.5rem}
    .subpage-content tbody td,.subpage-content thead th{padding:.85rem}
    .leistung-card{padding:1.5rem}
    .subpage-content thead{font-size:.85rem}
    .subpage-content tbody{font-size:.8rem}
    .subpage-content .cta-bar{padding:1.75rem}
    .subpage-content .cta-bar h3{font-size:1.3rem}
    .subpage-content .cta-bar a,.subpage-content .cta-bar-phone{padding:.6rem 1.2rem;font-size:.85rem}
    /* Pflegekonzept */
    .pflegekonzept-hero{padding-top:7rem;padding-bottom:2rem}
    .pflegekonzept-hero h1{font-size:1.95rem}
    .hero-image-section{padding:0 2rem 3rem}
    .hero-image-section img{height:250px}
    .accordion-section{padding:4rem 1.5rem}
    .accordion-header{padding:1.5rem;font-size:1rem}
    .accordion-content{padding:0 1.5rem!important}
    .accordion-item.active .accordion-content{padding:0 1.5rem 1.5rem 1.5rem!important}
    .sis-box{padding:2rem;margin-top:1.5rem}
    .sis-fields{gap:1rem}
    .sis-field{gap:.75rem;font-size:.85rem}
    .pfk-cta-bar{margin-top:3rem}
    .pfk-cta-bar h2{font-size:1.35rem}
    .pfk-cta-bar p{font-size:.95rem}
}

@media(max-width:420px){
    .subpage-h1{font-size:1.6rem}
    .subpage-subtitle{font-size:.95rem}
    /* Jobs */
    .subpage-hero-img{height:180px}
    .job-card-title{font-size:1rem}
    .job-card-body{padding:1.25rem}
    .job-description{font-size:.85rem}
    .culture-box{padding:1.25rem;margin:1.5rem 0}
    .culture-box h3{font-size:1rem}
    .footnote-box{padding:1.25rem;font-size:.8rem}
    .subpage-content .cta-bar{padding:1.5rem}
    .subpage-content .cta-bar h3{font-size:1.1rem}
    /* Leistungen */
    .leistung-section h2{font-size:1.15rem}
    .table-wrapper{padding:1rem}
    .subpage-content tbody td,.subpage-content thead th{padding:.6rem}
    .subpage-content thead{font-size:.75rem}
    .subpage-content tbody{font-size:.7rem}
    .highlight-box{padding:1.5rem}
    /* Pflegekonzept */
    .pflegekonzept-hero h1{font-size:1.65rem}
    .pflegekonzept-hero-subtitle{font-size:.95rem}
    .breadcrumb{font-size:.8rem}
    .hero-image-section img{height:180px}
    .accordion-header{padding:1.25rem;font-size:.95rem}
    .accordion-badge{width:36px;height:36px;font-size:.85rem}
    .accordion-toggle{width:28px;height:28px}
    .sis-box{padding:1.5rem}
    .sis-fields{gap:.75rem}
}

/* ══════════════════════════════
   JOBS PAGE STYLES
   ══════════════════════════════ */

/* ── SUBPAGE HEADER (alternate layout) ── */
.subpage-header{background:linear-gradient(160deg,#E8FFF7 0%,#EEF7FF 30%,#FFF8E8 60%,#FFF0F5 100%);
    padding:7rem 2rem 3rem;margin-top:3rem;position:relative;overflow:hidden}
.subpage-blob{position:absolute;border-radius:50%;opacity:.1;filter:blur(60px)}
.sb1{width:500px;height:500px;background:var(--teal);top:-100px;right:-100px}
.sb2{width:400px;height:400px;background:var(--orange);bottom:-50px;left:-80px}
.subpage-h1{font-size:2.8rem;color:var(--text);margin-bottom:.75rem}
.subpage-h1 .highlight{background:linear-gradient(135deg,var(--teal),var(--blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.subpage-subtitle{font-size:1.05rem;color:var(--text-light);max-width:600px;margin-bottom:1.5rem}
.subpage.content{max-width:1200px;margin:0 auto;padding:4rem 2rem}

/* ── HERO IMAGE (subpage variant) ── */
.subpage-hero-img{margin-bottom:3rem;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lg);border:4px solid var(--teal);max-width:100%;height:320px}
.subpage-hero-img img{width:100%;height:100%;object-fit:cover}

/* ── CULTURE HIGHLIGHT ── */
.culture-box{background:linear-gradient(135deg,#FFF8E8,#FFE8E8);border:2px solid var(--orange);border-radius:16px;padding:2.5rem;margin:3rem 0;text-align:center;position:relative;overflow:hidden}
.culture-box::before{content:'';position:absolute;top:-100px;right:-100px;width:200px;height:200px;background:var(--orange);opacity:.05;border-radius:50%}
.culture-box h3{color:var(--orange);margin-bottom:1rem;font-size:1.4rem;position:relative;z-index:1}
.culture-box p{color:var(--text-light);font-size:1.05rem;margin:0;position:relative;z-index:1;line-height:1.7}
.culture-box .highlight-text{font-weight:700;color:var(--text)}

/* ── JOB CARDS GRID ── */
.jobs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin:3rem 0}
.job-card{background:#fff;border-radius:16px;padding:0;overflow:hidden;box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s;position:relative;border-left:5px solid var(--teal)}
.job-card:nth-child(2){border-left-color:var(--blue)}
.job-card:nth-child(3){border-left-color:var(--orange)}
.job-card:nth-child(4){border-left-color:var(--bordeaux)}
.job-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.job-card-header{background:linear-gradient(135deg,var(--teal),var(--teal-light));color:#fff;padding:1.75rem;position:relative;overflow:hidden}
.job-card:nth-child(2) .job-card-header{background:linear-gradient(135deg,#2980B9,var(--blue))}
.job-card:nth-child(3) .job-card-header{background:linear-gradient(135deg,#E67E22,var(--orange))}
.job-card:nth-child(4) .job-card-header{background:linear-gradient(135deg,#6B2744,var(--bordeaux))}
.job-card-header::before{content:'';position:absolute;top:-50px;right:-50px;width:150px;height:150px;background:rgba(255,255,255,.1);border-radius:50%}
.job-card-icon{width:50px;height:50px;background:rgba(255,255,255,.25);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem;position:relative;z-index:1}
.job-card-title{font-family:'Quicksand',sans-serif;font-size:1.4rem;font-weight:700;margin-bottom:.5rem;position:relative;z-index:1}
.job-card-type{font-size:.85rem;opacity:.9;position:relative;z-index:1;display:flex;gap:.5rem;flex-wrap:wrap}
.job-card-body{padding:2rem}
.job-description{color:var(--text-light);font-size:.95rem;margin-bottom:1.5rem;line-height:1.7}
.job-requirements{background:#fafbfc;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}
.job-requirements h4{font-size:.85rem;color:var(--text);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}
.job-requirements ul{list-style:none;margin:0}
.job-requirements li{font-size:.85rem;color:var(--text-light);padding:.4rem 0;display:flex;align-items:flex-start;gap:.5rem}
.job-requirements li::before{content:'\2713';color:var(--teal);font-weight:700;margin-right:.25rem;flex-shrink:0}
.job-cta{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--teal),var(--teal-light));color:#fff;padding:.75rem 1.6rem;border-radius:50px;text-decoration:none;font-weight:700;font-size:.9rem;transition:transform .2s,box-shadow .2s}
.job-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(43,181,160,.3)}
.job-card:nth-child(2) .job-cta{background:linear-gradient(135deg,#2980B9,var(--blue))}
.job-card:nth-child(3) .job-cta{background:linear-gradient(135deg,#E67E22,var(--orange))}
.job-card:nth-child(4) .job-cta{background:linear-gradient(135deg,#6B2744,var(--bordeaux))}

/* ── SECONDARY JOBS ── */
.secondary-jobs{margin-top:4rem;padding-top:3rem;border-top:2px solid #e9ecef}
.secondary-jobs h2{font-size:1.6rem;color:var(--text);margin-bottom:1.5rem}
.secondary-job-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:var(--shadow);border-left:5px solid var(--navy);transition:transform .3s,box-shadow .3s;margin-bottom:1.5rem}
.secondary-job-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.secondary-job-card h3{font-size:1.25rem;color:var(--text);margin-bottom:.75rem}
.secondary-job-card p{color:var(--text-light);margin-bottom:1rem}
.secondary-job-card .job-requirements{background:linear-gradient(135deg,rgba(27,79,114,.05),rgba(27,79,114,.02));border:1px solid rgba(27,79,114,.1)}

/* ── FOOTNOTE ── */
.footnote-box{background:linear-gradient(135deg,#E8FFF7,#EEF7FF);border:2px solid var(--teal);border-radius:16px;padding:1.75rem;margin:3rem 0 0 0;text-align:center}
.footnote-box p{color:var(--text-light);font-size:.9rem;margin:0}
.footnote-box strong{color:var(--text)}


/* ══════════════════════════════
   LEISTUNGEN PAGE STYLES
   ══════════════════════════════ */

/* ── LEISTUNGEN SEKTION ── */
.leistung-section{margin-bottom:4rem}
.leistung-section h2{font-size:1.6rem;color:var(--text);margin-bottom:1rem;padding-left:1.25rem;border-left:4px solid var(--teal)}
.leistung-section.blue h2{border-left-color:var(--blue)}
.leistung-section.orange h2{border-left-color:var(--orange)}
.leistung-section p{color:var(--text-light);margin-bottom:1.5rem;line-height:1.8}

/* ── STYLED TABLES ── */
.table-wrapper{background:#fff;border-radius:16px;padding:2rem;box-shadow:var(--shadow);margin-bottom:2rem;overflow-x:auto}
.content table{width:100%;border-collapse:collapse}
.content thead tr{background:linear-gradient(90deg,#f8f9fa,#ffffff);border-bottom:2px solid #e9ecef}
.content thead th{padding:1.25rem;text-align:left;font-family:'Quicksand',sans-serif;font-weight:700;font-size:.95rem;color:var(--text)}
.content tbody tr{border-bottom:1px solid #e9ecef;transition:background .2s}
.content tbody tr:nth-child(even){background:#fafbfc}
.content tbody tr:hover{background:#f0f8f7}
.content tbody td{padding:1.25rem;font-size:.92rem}
.content tbody td:first-child{font-weight:600;color:var(--text)}
.content tbody td:last-child{font-weight:700;color:var(--text);background:linear-gradient(90deg,rgba(43,181,160,.08),transparent)}
.content tfoot tr{background:#fafbfc;border-top:2px solid #e9ecef}
.content tfoot td{padding:.75rem 1.25rem;font-size:.8rem;color:var(--text-light);font-style:italic}

/* ── CARD-LAYOUT SEKTION ── */
.leistung-card{background:#fff;border-radius:16px;padding:2rem;box-shadow:var(--shadow);margin-bottom:2rem;border-left:5px solid var(--teal);transition:transform .3s,box-shadow .3s}
.leistung-card.blue{border-left-color:var(--blue)}
.leistung-card.orange{border-left-color:var(--orange)}
.leistung-card.bordeaux{border-left-color:var(--bordeaux)}
.leistung-card.navy{border-left-color:var(--navy)}
.leistung-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.leistung-card h3{font-size:1.3rem;color:var(--text);margin-bottom:.75rem}
.leistung-card p{color:var(--text-light);line-height:1.8;margin-bottom:1rem}
.leistung-card ul{margin-left:1.5rem;color:var(--text-light)}
.leistung-card li{margin-bottom:.75rem;line-height:1.6}

/* ── HIGHLIGHT BOX ── */
.highlight-box{background:linear-gradient(135deg,#E8FFF7,#EEF7FF);border:2px solid var(--teal);border-radius:16px;padding:2rem;margin:3rem 0;text-align:center}
.highlight-box h3{color:var(--teal-dark);margin-bottom:.75rem}
.highlight-box p{color:var(--text-light);font-size:1.05rem;margin:0}


/* ══════════════════════════════
   PFLEGEKONZEPT PAGE STYLES
   ══════════════════════════════ */

/* ── ACCORDION SECTION ── */
.accordion-section{padding:6rem 2rem;background:#fff}
.accordion-inner{max-width:1000px;margin:0 auto}
.accordion-intro{text-align:center;margin-bottom:3rem}
.accordion-intro p{font-size:1.05rem;color:var(--text-light);max-width:700px;margin:0 auto;line-height:1.8}

.accordion{display:flex;flex-direction:column;gap:1.25rem}
.accordion-item{background:#fff;border:2px solid #f0f0f0;border-radius:16px;overflow:hidden;
    transition:all .3s;cursor:pointer}
.accordion-item:hover{border-color:var(--teal);box-shadow:var(--shadow)}
.accordion-item.active{border-color:var(--teal);box-shadow:var(--shadow-lg)}

.accordion-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;
    padding:1.75rem 2rem;background:linear-gradient(to right,rgba(43,181,160,.05),transparent);
    transition:background .2s;font-weight:600;font-size:1.1rem}
.accordion-item.active .accordion-header{background:linear-gradient(to right,rgba(43,181,160,.12),transparent)}

.accordion-badge{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;
    color:#fff;font-weight:700;font-size:1rem;flex-shrink:0}
.accordion-item:nth-child(1) .accordion-badge{background:linear-gradient(135deg,var(--teal-dark),var(--teal))}
.accordion-item:nth-child(2) .accordion-badge{background:linear-gradient(135deg,#2980B9,var(--blue))}
.accordion-item:nth-child(3) .accordion-badge{background:linear-gradient(135deg,#E67E22,var(--orange))}
.accordion-item:nth-child(4) .accordion-badge{background:linear-gradient(135deg,#6B2744,var(--bordeaux))}
.accordion-item:nth-child(5) .accordion-badge{background:linear-gradient(135deg,var(--navy),#1B4F72)}

.accordion-title{flex:1}
.accordion-toggle{width:32px;height:32px;border-radius:8px;background:rgba(43,181,160,.1);
    display:flex;align-items:center;justify-content:center;color:var(--teal);transition:all .3s;flex-shrink:0}
.accordion-item.active .accordion-toggle{background:var(--teal);color:#fff;transform:rotate(180deg)}

.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 2rem}
.accordion-item.active .accordion-content{max-height:2000px;padding:0 2rem 2rem 2rem}

.accordion-text{color:var(--text-light);line-height:1.85;font-size:.98rem;margin-bottom:1rem}
.accordion-text ul{list-style:none;margin-left:0}
.accordion-text li{padding-left:1.75rem;position:relative;margin-bottom:.75rem;font-size:.95rem}
.accordion-text li::before{content:'\2713';position:absolute;left:0;color:var(--teal);font-weight:700}

/* ── SIS BOX ── */
.sis-box{background:linear-gradient(135deg,var(--navy),#234E6F);color:#fff;border-radius:16px;padding:2.5rem;
    margin-top:2rem;border:2px solid rgba(255,255,255,.1)}
.sis-box h4{font-size:1.1rem;margin-bottom:1.75rem;text-transform:uppercase;letter-spacing:.08em}
.sis-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}
.sis-field{display:flex;gap:1rem}
.sis-number{min-width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.15);
    display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}
.sis-text{font-size:.9rem;line-height:1.6;color:rgba(255,255,255,.85)}


/* ══════════════════════════════
   RESPONSIVE: JOBS PAGE
   ══════════════════════════════ */
@media(max-width:1024px){
    .subpage-h1{font-size:2.2rem}
    .jobs-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}
}

@media(max-width:768px){
    .subpage-header{padding:6rem 1.5rem 2rem}
    .subpage-h1{font-size:1.9rem}
    .subpage-content{padding:2.5rem 1.5rem}
    .subpage-hero-img{height:220px;margin-bottom:2rem}
    .jobs-grid{grid-template-columns:1fr;gap:1.25rem}
    .job-card-body{padding:1.5rem}
    .job-card-title{font-size:1.2rem}
    .culture-box{padding:1.75rem;margin:2rem 0}
    .culture-box h3{font-size:1.2rem}
}

@media(max-width:420px){
    .subpage-h1{font-size:1.6rem}
    .subpage-subtitle{font-size:.95rem}
    .subpage-hero-img{height:180px}
    .job-card-title{font-size:1rem}
    .job-card-body{padding:1.25rem}
    .job-description{font-size:.85rem}
    .culture-box{padding:1.25rem;margin:1.5rem 0}
    .culture-box h3{font-size:1rem}
    .footnote-box{padding:1.25rem;font-size:.8rem}
}


/* ══════════════════════════════
   RESPONSIVE: LEISTUNGEN PAGE
   ══════════════════════════════ */
@media(max-width:1024px){
    .table-wrapper{overflow-x:auto}
    .content tbody td{padding:1rem}
    .content thead th{padding:1rem}
}

@media(max-width:768px){
    .leistung-section h2{font-size:1.3rem;padding-left:1rem}
    .table-wrapper{padding:1.5rem}
    .content tbody td,.content thead th{padding:.85rem}
    .leistung-card{padding:1.5rem}
    .content thead{font-size:.85rem}
    .content tbody{font-size:.8rem}
}

@media(max-width:420px){
    .leistung-section h2{font-size:1.15rem}
    .table-wrapper{padding:1rem}
    .content tbody td,.content thead th{padding:.6rem}
    .content thead{font-size:.75rem}
    .content tbody{font-size:.7rem}
    .highlight-box{padding:1.5rem}
}


/* ══════════════════════════════
   RESPONSIVE: PFLEGEKONZEPT PAGE
   ══════════════════════════════ */
@media(max-width:1024px){
    .sis-fields{grid-template-columns:1fr}
}

@media(max-width:768px){
    .accordion-section{padding:4rem 1.5rem}
    .accordion-header{padding:1.5rem;font-size:1rem}
    .accordion-content{padding:0 1.5rem!important}
    .accordion-item.active .accordion-content{padding:0 1.5rem 1.5rem 1.5rem!important}
    .sis-box{padding:2rem;margin-top:1.5rem}
    .sis-fields{gap:1rem}
    .sis-field{gap:.75rem;font-size:.85rem}
}

@media(max-width:420px){
    .accordion-header{padding:1.25rem;font-size:.95rem}
    .accordion-badge{width:36px;height:36px;font-size:.85rem}
    .accordion-toggle{width:28px;height:28px}
    .sis-box{padding:1.5rem}
    .sis-fields{gap:.75rem}
}


/* ══════════════════════════════
   PFLEGEKONZEPT HERO & CTA
   (page-specific class names)
   ══════════════════════════════ */

/* ── PFLEGEKONZEPT HERO ── */
.pflegekonzept-hero{padding-top:8rem;padding-bottom:2rem;background:linear-gradient(160deg,#E8FFF7 0%,#EEF7FF 50%,#FFF0F5 100%);position:relative;overflow:hidden}
.pflegekonzept-hero::before,.pflegekonzept-hero::after{content:'';position:absolute;border-radius:50%;opacity:.08;filter:blur(80px);pointer-events:none}
.pflegekonzept-hero::before{width:400px;height:400px;background:var(--teal);top:-50px;right:-100px}
.pflegekonzept-hero::after{width:350px;height:350px;background:var(--orange);bottom:-80px;left:-50px}
.pflegekonzept-hero-inner{margin:0 2rem;padding:0 2rem;position:relative;z-index:1}
.pflegekonzept-hero h1{font-size:2.8rem;margin-bottom:1rem;color:var(--text)}
.pflegekonzept-hero-subtitle{font-size:1.1rem;color:var(--text-light);max-width:700px;line-height:1.8}

/* ── PFLEGEKONZEPT CTA BAR ── */
.pfk-cta-bar{padding:3rem 2rem;background:linear-gradient(135deg,var(--teal),#0fa88e);color:#fff;text-align:center;margin-top:4rem}
.pfk-cta-bar-inner{max-width:1200px;margin:0 auto}
.pfk-cta-bar h2{font-size:1.6rem;margin-bottom:1rem}
.pfk-cta-bar p{font-size:1.05rem;color:rgba(255,255,255,.8);margin-bottom:1.5rem}
.pfk-cta-bar-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.8rem;background:#fff;color:var(--teal);
    border:none;border-radius:50px;font-weight:700;font-size:.95rem;text-decoration:none;cursor:pointer;
    transition:all .25s;box-shadow:0 4px 20px rgba(0,0,0,.15)}
.pfk-cta-bar-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,.25)}

/* ── PFLEGEKONZEPT RESPONSIVE ── */
@media(max-width:1024px){
    .pflegekonzept-hero h1{font-size:2.2rem}
}

@media(max-width:768px){
    .pflegekonzept-hero{padding-top:7rem;padding-bottom:2rem}
    .pflegekonzept-hero h1{font-size:1.95rem}
    .pfk-cta-bar{margin-top:3rem}
    .pfk-cta-bar h2{font-size:1.35rem}
    .pfk-cta-bar p{font-size:.95rem}
}

@media(max-width:420px){
    .pflegekonzept-hero h1{font-size:1.65rem}
    .pflegekonzept-hero-subtitle{font-size:.95rem}
    .breadcrumb{font-size:.8rem}
}


/* ══════════════════════════════
   CTA BAR VARIANT (inside subpage-content)
   For jobs & leistungen pages
   ══════════════════════════════ */
.subpage-content .cta-bar{background:linear-gradient(135deg,var(--teal),var(--blue));border-radius:16px;padding:2.5rem;color:#fff;text-align:center;margin:4rem 0;box-shadow:var(--shadow-lg)}
.subpage-content .cta-bar h3{font-size:1.6rem;margin-bottom:1rem;color:#fff}
.subpage-content .cta-bar p{font-size:1.05rem;margin-bottom:1.5rem;opacity:.95}
.subpage-content .cta-bar a,.subpage-content .cta-bar .cta-bar-phone{display:inline-flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.25);color:#fff;padding:.75rem 1.8rem;border-radius:50px;text-decoration:none;font-weight:700;transition:background .2s;margin:0 .75rem}
.subpage-content .cta-bar a:hover,.subpage-content .cta-bar .cta-bar-phone:hover{background:rgba(255,255,255,.35)}

@media(max-width:768px){
    .subpage-content .cta-bar{padding:1.75rem;margin:3rem 0}
    .subpage-content .cta-bar h3{font-size:1.3rem}
    .subpage-content .cta-bar a,.subpage-content .cta-bar .cta-bar-phone{padding:.6rem 1.2rem;font-size:.85rem;margin:.4rem}
}

@media(max-width:420px){
    .subpage-content .cta-bar{padding:1.25rem}
    .subpage-content .cta-bar h3{font-size:1.1rem}
    .subpage-content .cta-bar a,.subpage-content .cta-bar .cta-bar-phone{padding:.5rem 1rem;font-size:.75rem}
}


/* ══════════════════════════════
   TABLE STYLES (inside table-wrapper)
   ══════════════════════════════ */
.table-wrapper table{width:100%;border-collapse:collapse}
.table-wrapper thead tr{background:linear-gradient(90deg,#f8f9fa,#ffffff);border-bottom:2px solid #e9ecef}
.table-wrapper thead th{padding:1.25rem;text-align:left;font-family:'Quicksand',sans-serif;font-weight:700;font-size:.95rem;color:var(--text)}
.table-wrapper tbody tr{border-bottom:1px solid #e9ecef;transition:background .2s}
.table-wrapper tbody tr:nth-child(even){background:#fafbfc}
.table-wrapper tbody tr:hover{background:#f0f8f7}
.table-wrapper tbody td{padding:1.25rem;font-size:.92rem}
.table-wrapper tbody td:first-child{font-weight:600;color:var(--text)}
.table-wrapper tbody td:last-child{font-weight:700;color:var(--text);background:linear-gradient(90deg,rgba(43,181,160,.08),transparent)}
.table-wrapper tfoot tr{background:#fafbfc;border-top:2px solid #e9ecef}
.table-wrapper tfoot td{padding:.75rem 1.25rem;font-size:.8rem;color:var(--text-light);font-style:italic}

@media(max-width:1024px){
    .table-wrapper tbody td{padding:1rem}
    .table-wrapper thead th{padding:1rem}
}

@media(max-width:768px){
    .table-wrapper tbody td,.table-wrapper thead th{padding:.85rem}
    .table-wrapper thead{font-size:.85rem}
    .table-wrapper tbody{font-size:.8rem}
}

@media(max-width:420px){
    .table-wrapper tbody td,.table-wrapper thead th{padding:.6rem}
    .table-wrapper thead{font-size:.75rem}
    .table-wrapper tbody{font-size:.7rem}
}


/* ══════════════════════════════
   ANFAHRGEBIETE — City Cards & Map
   ══════════════════════════════ */
.city-section{padding:6rem 2rem}
.city-inner{max-width:1200px;margin:0 auto}
.city-grid{display:grid;grid-template-columns:1fr;gap:3rem;margin-top:3rem;max-width:800px;margin-left:auto;margin-right:auto}
.city-card{border-radius:24px;overflow:hidden;background:#fff;box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s}
.city-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.city-card-header{padding:2rem;color:#fff;display:flex;align-items:center;gap:1rem}
.city-card:nth-child(1) .city-card-header{background:linear-gradient(135deg,var(--teal-dark),var(--teal))}
.city-card:nth-child(2) .city-card-header{background:linear-gradient(135deg,#2980B9,var(--blue))}
.city-card-icon{width:60px;height:60px;border-radius:16px;background:rgba(255,255,255,.2);
    display:flex;align-items:center;justify-content:center;font-size:1.8rem;flex-shrink:0}
.city-card h3{font-size:1.8rem;margin:0}
.city-card-body{padding:2rem}
.districts-grid{display:flex;flex-wrap:wrap;gap:.75rem}
.district-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.1rem;
    border-radius:50px;background:var(--bg);font-size:.85rem;font-weight:600;color:var(--text);
    transition:all .25s;border:2px solid transparent;cursor:default}
.city-card:nth-child(1) .district-pill:hover{background:rgba(43,181,160,.1);border-color:var(--teal);color:var(--teal-dark)}
.city-card:nth-child(2) .district-pill:hover{background:rgba(74,172,224,.1);border-color:var(--blue);color:#2980B9}

.map-section{padding:0 2rem 4rem}
.map-inner{max-width:1200px;margin:0 auto}
.map-header{text-align:center;margin-bottom:2rem}
.map-header h2{font-size:1.8rem;margin-bottom:.5rem}
.map-header p{color:var(--text-light);font-size:.95rem}
.map-container{border-radius:24px;overflow:hidden;box-shadow:var(--shadow-lg);border:3px solid var(--teal);position:relative}
.map-container iframe{width:100%;height:500px;border:none;display:block}
.map-legend{display:flex;gap:2rem;justify-content:center;margin-top:1.5rem;flex-wrap:wrap}
.map-legend-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--text)}
.map-legend-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}

@media(max-width:1024px){
    .city-grid{grid-template-columns:1fr}
}

@media(max-width:768px){
    .city-grid{gap:2rem}
    .city-card-header{padding:1.5rem}
    .city-card h3{font-size:1.5rem}
    .city-card-body{padding:1.5rem}
    .districts-grid{gap:.5rem}
    .district-pill{padding:.45rem .9rem;font-size:.8rem}
    .map-container iframe,.map-container #map{height:350px}
    .map-section{padding:0 1.5rem 3rem}
    .map-header h2{font-size:1.4rem}
}

@media(max-width:420px){
    .city-card-header{gap:.5rem}
    .city-card-icon{width:50px;height:50px;font-size:1.5rem}
    .city-card h3{font-size:1.3rem}
}
/* ═══════════════════════════════════════════════════
   SUBPAGE PATCHES — append to subpage.css
   Fixes: Header für Leistungen/Jobs/Pflegekonzept,
          Jobs-Karten, Leistungen-Tables, Pflegekonzept-Accordion,
          Jobs-CTA Textfarbe
   ═══════════════════════════════════════════════════ */

/* ══════════════════════════════
   SHARED: SUBPAGE HEADER (Jobs, Leistungen, Pflegekonzept)
   Leitbild nutzt .subpage-hero direkt — hier nur .subpage-header
   ══════════════════════════════ */
.subpage-header{
    background:linear-gradient(160deg,#E8FFF7 0%,#EEF7FF 30%,#FFF8E8 60%,#FFF0F5 100%);
    padding:7rem 2rem 3rem;margin-top:3rem;position:relative;overflow:hidden
}
.subpage-blob{position:absolute;border-radius:50%;opacity:.1;filter:blur(60px)}
.sb1{width:500px;height:500px;background:var(--teal);top:-100px;right:-100px}
.sb2{width:400px;height:400px;background:var(--orange);bottom:-50px;left:-80px}

/* Inner wrapper wenn .subpage-hero INNERHALB von .subpage-header steht */
.subpage-header .subpage-hero{
    max-width:1200px;margin:0 auto;position:relative;z-index:1;
    /* Reset der Leitbild-Styles die sonst greifen würden */
    padding:0;background:none
}
.subpage-header .subpage-hero::before,
.subpage-header .subpage-hero::after{display:none}

.subpage-h1{font-size:2.8rem;color:var(--text);margin-bottom:.75rem}
.subpage-h1 .highlight{
    background:linear-gradient(135deg,var(--teal),var(--blue));
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text
}
.subpage-subtitle{font-size:1.05rem;color:var(--text-light);max-width:600px;margin-bottom:1.5rem}
.subpage.content{max-width:1200px;margin:0 auto;padding:4rem 2rem}

/* Hero Image (Leistungen/Jobs) */
.subpage-hero-img{
    margin-bottom:2rem;border-radius:20px;overflow:hidden;
    box-shadow:var(--shadow-lg);border:4px solid var(--teal);max-width:100%;height:300px
}
.subpage-hero-img img{width:100%;height:100%;object-fit:cover}

/* ══════════════════════════════
   JOBS PAGE
   ══════════════════════════════ */

/* Culture Highlight */
.culture-box{
    background:linear-gradient(135deg,#FFF8E8,#FFE8E8);border:2px solid var(--orange);
    border-radius:16px;padding:2.5rem;margin:3rem 0;text-align:center;
    position:relative;overflow:hidden
}
.culture-box::before{content:'';position:absolute;top:-100px;right:-100px;width:200px;height:200px;background:var(--orange);opacity:.05;border-radius:50%}
.culture-box h3{color:var(--orange);margin-bottom:1rem;font-size:1.4rem;position:relative;z-index:1}
.culture-box p{color:var(--text-light);font-size:1.05rem;margin:0;position:relative;z-index:1;line-height:1.7}
.culture-box .highlight-text{font-weight:700;color:var(--text)}

/* Job Cards Grid */
.jobs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin:3rem 0}
.job-card{
    background:#fff;border-radius:16px;padding:0;overflow:hidden;
    box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s;
    position:relative;border-left:5px solid var(--teal)
}
.job-card:nth-child(2){border-left-color:var(--blue)}
.job-card:nth-child(3){border-left-color:var(--orange)}
.job-card:nth-child(4){border-left-color:var(--bordeaux)}
.job-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.job-card-header{
    background:linear-gradient(135deg,var(--teal),var(--teal-light));color:#fff;
    padding:1.75rem;position:relative;overflow:hidden
}
.job-card:nth-child(2) .job-card-header{background:linear-gradient(135deg,#2980B9,var(--blue))}
.job-card:nth-child(3) .job-card-header{background:linear-gradient(135deg,#E67E22,var(--orange))}
.job-card:nth-child(4) .job-card-header{background:linear-gradient(135deg,#6B2744,var(--bordeaux))}
.job-card-header::before{content:'';position:absolute;top:-50px;right:-50px;width:150px;height:150px;background:rgba(255,255,255,.1);border-radius:50%}
.job-card-icon{
    width:50px;height:50px;background:rgba(255,255,255,.25);border-radius:12px;
    display:flex;align-items:center;justify-content:center;font-size:1.5rem;
    margin-bottom:1rem;position:relative;z-index:1
}
.job-card-title{font-family:'Quicksand',sans-serif;font-size:1.4rem;font-weight:700;margin-bottom:.5rem;position:relative;z-index:1}
.job-card-type{font-size:.85rem;opacity:.9;position:relative;z-index:1;display:flex;gap:.5rem;flex-wrap:wrap}
.job-card-body{padding:2rem}
.job-description{color:var(--text-light);font-size:.95rem;margin-bottom:1.5rem;line-height:1.7}
.job-requirements{background:#fafbfc;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}
.job-requirements h4{font-size:.85rem;color:var(--text);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}
.job-requirements ul{list-style:none;margin:0}
.job-requirements li{font-size:.85rem;color:var(--text-light);padding:.4rem 0;display:flex;align-items:flex-start;gap:.5rem}
.job-requirements li::before{content:'\2713';color:var(--teal);font-weight:700;flex-shrink:0}
.job-cta{
    display:inline-flex;align-items:center;gap:.5rem;
    background:linear-gradient(135deg,var(--teal),var(--teal-light));color:#fff;
    padding:.75rem 1.6rem;border-radius:50px;text-decoration:none;
    font-weight:700;font-size:.9rem;transition:transform .2s,box-shadow .2s
}
.job-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(43,181,160,.3)}
.job-card:nth-child(2) .job-cta{background:linear-gradient(135deg,#2980B9,var(--blue))}
.job-card:nth-child(3) .job-cta{background:linear-gradient(135deg,#E67E22,var(--orange))}
.job-card:nth-child(4) .job-cta{background:linear-gradient(135deg,#6B2744,var(--bordeaux))}

/* Secondary Jobs */
.secondary-jobs{margin-top:4rem;padding-top:3rem;border-top:2px solid #e9ecef}
.secondary-jobs h2{font-size:1.6rem;color:var(--text);margin-bottom:1.5rem}
.secondary-job-card{
    background:#fff;border-radius:16px;padding:2rem;box-shadow:var(--shadow);
    border-left:5px solid var(--navy);transition:transform .3s,box-shadow .3s;margin-bottom:1.5rem
}
.secondary-job-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.secondary-job-card h3{font-size:1.25rem;color:var(--text);margin-bottom:.75rem}
.secondary-job-card p{color:var(--text-light);margin-bottom:1rem}
.secondary-job-card .job-requirements{background:linear-gradient(135deg,rgba(27,79,114,.05),rgba(27,79,114,.02));border:1px solid rgba(27,79,114,.1)}

/* Footnote */
.footnote-box{
    background:linear-gradient(135deg,#E8FFF7,#EEF7FF);border:2px solid var(--teal);
    border-radius:16px;padding:1.75rem;margin:3rem 0 0 0;text-align:center
}
.footnote-box p{color:var(--text-light);font-size:.9rem;margin:0}
.footnote-box strong{color:var(--text)}

/* Jobs CTA Bar — Text muss weiß sein auf grünem Hintergrund */
.jobs-cta-bar{
    padding:3rem 2rem;background:linear-gradient(135deg,var(--teal),#0fa88e);
    color:#fff;text-align:center;border-radius:24px;margin-top:3rem
}
.jobs-cta-bar h2{font-size:1.6rem;margin-bottom:.75rem;color:#fff}
.jobs-cta-bar p{font-size:1.05rem;color:rgba(255,255,255,.85);margin-bottom:1.5rem}
.jobs-cta-bar a{color:#fff;text-decoration:none;font-weight:700;margin:0 .75rem;
    display:inline-flex;align-items:center;gap:.4rem;transition:opacity .2s}
.jobs-cta-bar a:hover{opacity:.85}

/* ══════════════════════════════
   LEISTUNGEN PAGE
   ══════════════════════════════ */

/* Leistung Section Headers */
.leistung-section{margin-bottom:4rem}
.leistung-section h2{
    font-size:1.6rem;color:var(--text);margin-bottom:1rem;
    padding-left:1.25rem;border-left:4px solid var(--teal)
}
.leistung-section.blue h2{border-left-color:var(--blue)}
.leistung-section.orange h2{border-left-color:var(--orange)}
.leistung-section p{color:var(--text-light);margin-bottom:1.5rem;line-height:1.8}

/* Styled Tables */
.table-wrapper{
    background:#fff;border-radius:16px;padding:2rem;
    box-shadow:var(--shadow);margin-bottom:2rem;overflow-x:auto
}
.table-wrapper table{width:100%;border-collapse:collapse}
.table-wrapper thead tr{background:linear-gradient(90deg,#f8f9fa,#ffffff);border-bottom:2px solid #e9ecef}
.table-wrapper thead th{
    padding:1.25rem;text-align:left;font-family:'Quicksand',sans-serif;
    font-weight:700;font-size:.95rem;color:var(--text)
}
.table-wrapper tbody tr{border-bottom:1px solid #e9ecef;transition:background .2s}
.table-wrapper tbody tr:nth-child(even){background:#fafbfc}
.table-wrapper tbody tr:hover{background:#f0f8f7}
.table-wrapper tbody td{padding:1.25rem;font-size:.92rem}
.table-wrapper tbody td:first-child{font-weight:600;color:var(--text)}
.table-wrapper tbody td:last-child{font-weight:700;color:var(--text);background:linear-gradient(90deg,rgba(43,181,160,.08),transparent)}
.table-wrapper tfoot tr{background:#fafbfc;border-top:2px solid #e9ecef}
.table-wrapper tfoot td{padding:.75rem 1.25rem;font-size:.8rem;color:var(--text-light);font-style:italic}

/* Card Layout */
.leistung-card{
    background:#fff;border-radius:16px;padding:2rem;box-shadow:var(--shadow);
    margin-bottom:2rem;border-left:5px solid var(--teal);
    transition:transform .3s,box-shadow .3s
}
.leistung-card.blue{border-left-color:var(--blue)}
.leistung-card.orange{border-left-color:var(--orange)}
.leistung-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.leistung-card h3{font-size:1.3rem;color:var(--text);margin-bottom:.75rem}
.leistung-card p{color:var(--text-light);line-height:1.8;margin-bottom:1rem}
.leistung-card ul{margin-left:1.5rem;color:var(--text-light)}
.leistung-card li{margin-bottom:.75rem;line-height:1.6}

/* Highlight Box */
.highlight-box{
    background:linear-gradient(135deg,#E8FFF7,#EEF7FF);border:2px solid var(--teal);
    border-radius:16px;padding:2rem;margin:3rem 0;text-align:center
}
.highlight-box h3{color:var(--teal-dark);margin-bottom:.75rem}
.highlight-box p{color:var(--text-light);font-size:1.05rem;margin:0}

/* ══════════════════════════════
   PFLEGEKONZEPT PAGE
   ══════════════════════════════ */

/* Accordion */
.accordion-section{padding:6rem 2rem;background:#fff}
.accordion-inner{max-width:1000px;margin:0 auto}
.accordion-intro{text-align:center;margin-bottom:3rem}
.accordion-intro p{font-size:1.05rem;color:var(--text-light);max-width:700px;margin:0 auto;line-height:1.8}

.accordion{display:flex;flex-direction:column;gap:1.25rem}
.accordion-item{
    background:#fff;border:2px solid #f0f0f0;border-radius:16px;
    overflow:hidden;transition:all .3s;cursor:pointer
}
.accordion-item:hover{border-color:var(--teal);box-shadow:var(--shadow)}
.accordion-item.active{border-color:var(--teal);box-shadow:var(--shadow-lg)}

.accordion-header{
    display:flex;align-items:center;justify-content:space-between;gap:1.5rem;
    padding:1.75rem 2rem;background:linear-gradient(to right,rgba(43,181,160,.05),transparent);
    transition:background .2s;font-weight:600;font-size:1.1rem
}
.accordion-item.active .accordion-header{background:linear-gradient(to right,rgba(43,181,160,.12),transparent)}

.accordion-badge{
    width:42px;height:42px;border-radius:12px;display:flex;align-items:center;
    justify-content:center;color:#fff;font-weight:700;font-size:1rem;flex-shrink:0
}
.accordion-item:nth-child(1) .accordion-badge{background:linear-gradient(135deg,var(--teal-dark),var(--teal))}
.accordion-item:nth-child(2) .accordion-badge{background:linear-gradient(135deg,#2980B9,var(--blue))}
.accordion-item:nth-child(3) .accordion-badge{background:linear-gradient(135deg,#E67E22,var(--orange))}
.accordion-item:nth-child(4) .accordion-badge{background:linear-gradient(135deg,#6B2744,var(--bordeaux))}
.accordion-item:nth-child(5) .accordion-badge{background:linear-gradient(135deg,var(--navy),#1B4F72)}

.accordion-title{flex:1}
.accordion-toggle{
    width:32px;height:32px;border-radius:8px;background:rgba(43,181,160,.1);
    display:flex;align-items:center;justify-content:center;color:var(--teal);
    transition:all .3s;flex-shrink:0
}
.accordion-item.active .accordion-toggle{background:var(--teal);color:#fff;transform:rotate(180deg)}

.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 2rem}
.accordion-item.active .accordion-content{max-height:2000px;padding:0 2rem 2rem 2rem}

.accordion-text{color:var(--text-light);line-height:1.85;font-size:.98rem;margin-bottom:1rem}
.accordion-text ul{list-style:none;margin-left:0}
.accordion-text li{padding-left:1.75rem;position:relative;margin-bottom:.75rem;font-size:.95rem}
.accordion-text li::before{content:'\2713';position:absolute;left:0;color:var(--teal);font-weight:700}

/* SIS Box */
.sis-box{
    background:linear-gradient(135deg,var(--navy),#234E6F);color:#fff;
    border-radius:16px;padding:2.5rem;margin-top:2rem;border:2px solid rgba(255,255,255,.1)
}
.sis-box h4{font-size:1.1rem;margin-bottom:1.75rem;text-transform:uppercase;letter-spacing:.08em}
.sis-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}
.sis-field{display:flex;gap:1rem}
.sis-number{
    min-width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.15);
    display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem
}
.sis-text{font-size:.9rem;line-height:1.6;color:rgba(255,255,255,.85)}

/* ══════════════════════════════
   RESPONSIVE
   ══════════════════════════════ */
@media(max-width:1024px){
    .jobs-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}
}

@media(max-width:768px){
    .subpage-header{padding:6rem 1.5rem 2rem}
    .subpage-h1{font-size:1.9rem}
    .subpage-content{padding:2.5rem 1.5rem}
    .subpage-hero-img{height:220px;margin-bottom:2rem}

    .jobs-grid{grid-template-columns:1fr;gap:1.25rem}
    .job-card-body{padding:1.5rem}
    .job-card-title{font-size:1.2rem}
    .culture-box{padding:1.75rem;margin:2rem 0}
    .culture-box h3{font-size:1.2rem}

    .table-wrapper{padding:1.5rem}
    .table-wrapper tbody td,.table-wrapper thead th{padding:.85rem}
    .leistung-card{padding:1.5rem}
    .leistung-section h2{font-size:1.3rem;padding-left:1rem}
    .footnote-box{padding:1.25rem;font-size:.85rem}

    .accordion-section{padding:4rem 1.5rem}
    .accordion-header{padding:1.5rem;font-size:1rem}
    .accordion-content{padding:0 1.5rem!important}
    .accordion-item.active .accordion-content{padding:0 1.5rem 1.5rem 1.5rem!important}
    .sis-box{padding:2rem;margin-top:1.5rem}
    .sis-fields{gap:1rem}
}

@media(max-width:420px){
    .subpage-h1{font-size:1.6rem}
    .subpage-subtitle{font-size:.95rem}
    .subpage-hero-img{height:180px}

    .job-card-title{font-size:1rem}
    .job-card-body{padding:1.25rem}
    .job-description{font-size:.85rem}
    .culture-box{padding:1.25rem;margin:1.5rem 0}
    .culture-box h3{font-size:1rem}

    .leistung-section h2{font-size:1.15rem}
    .table-wrapper{padding:1rem}
    .table-wrapper tbody td,.table-wrapper thead th{padding:.6rem}
    .highlight-box{padding:1.5rem}
    .footnote-box{padding:1.25rem}

    .accordion-header{padding:1.25rem;font-size:.95rem}
    .accordion-badge{width:36px;height:36px;font-size:.85rem}
    .accordion-toggle{width:28px;height:28px}
    .sis-box{padding:1.5rem}
    .sis-fields{gap:.75rem}
}
/* ═══════════════════════════════════════════════════
   SUBPAGE PATCHES — append to subpage.css
   Fixes: Header für Leistungen/Jobs/Pflegekonzept,
          Jobs-Karten, Leistungen-Tables, Pflegekonzept-Accordion,
          Jobs-CTA Textfarbe
   ═══════════════════════════════════════════════════ */

/* ══════════════════════════════
   SHARED: SUBPAGE HEADER (Jobs, Leistungen, Pflegekonzept)
   Leitbild nutzt .subpage-hero direkt — hier nur .subpage-header
   ══════════════════════════════ */
.subpage-header{
    background:linear-gradient(160deg,#E8FFF7 0%,#EEF7FF 30%,#FFF8E8 60%,#FFF0F5 100%);
    padding:7rem 2rem 3rem;margin-top:3rem;position:relative;overflow:hidden
}
.subpage-blob{position:absolute;border-radius:50%;opacity:.1;filter:blur(60px)}
.sb1{width:500px;height:500px;background:var(--teal);top:-100px;right:-100px}
.sb2{width:400px;height:400px;background:var(--orange);bottom:-50px;left:-80px}

/* Inner wrapper wenn .subpage-hero INNERHALB von .subpage-header steht */
.subpage-header .subpage-hero{
    max-width:1200px;margin:0 auto;position:relative;z-index:1;
    /* Reset der Leitbild-Styles die sonst greifen würden */
    padding:0;background:none
}
.subpage-header .subpage-hero::before,
.subpage-header .subpage-hero::after{display:none}

.subpage-h1{font-size:2.8rem;color:var(--text);margin-bottom:.75rem}
.subpage-h1 .highlight{
    background:linear-gradient(135deg,var(--teal),var(--blue));
    -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text
}
.subpage-subtitle{font-size:1.05rem;color:var(--text-light);max-width:600px;margin-bottom:1.5rem}
.subpage.content{max-width:1200px;margin:0 auto;padding:4rem 2rem}

/* Hero Image (Leistungen/Jobs) */
.subpage-hero-img{
    margin-bottom:2rem;border-radius:20px;overflow:hidden;
    box-shadow:var(--shadow-lg);border:4px solid var(--teal);max-width:100%;height:300px
}
.subpage-hero-img img{width:100%;height:100%;object-fit:cover}

/* ══════════════════════════════
   JOBS PAGE
   ══════════════════════════════ */

/* Culture Highlight */
.culture-box{
    background:linear-gradient(135deg,#FFF8E8,#FFE8E8);border:2px solid var(--orange);
    border-radius:16px;padding:2.5rem;margin:3rem 0;text-align:center;
    position:relative;overflow:hidden
}
.culture-box::before{content:'';position:absolute;top:-100px;right:-100px;width:200px;height:200px;background:var(--orange);opacity:.05;border-radius:50%}
.culture-box h3{color:var(--orange);margin-bottom:1rem;font-size:1.4rem;position:relative;z-index:1}
.culture-box p{color:var(--text-light);font-size:1.05rem;margin:0;position:relative;z-index:1;line-height:1.7}
.culture-box .highlight-text{font-weight:700;color:var(--text)}

/* Job Cards Grid */
.jobs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin:3rem 0}
.job-card{
    background:#fff;border-radius:16px;padding:0;overflow:hidden;
    box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s;
    position:relative;border-left:5px solid var(--teal)
}
.job-card:nth-child(2){border-left-color:var(--blue)}
.job-card:nth-child(3){border-left-color:var(--orange)}
.job-card:nth-child(4){border-left-color:var(--bordeaux)}
.job-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.job-card-header{
    background:linear-gradient(135deg,var(--teal),var(--teal-light));color:#fff;
    padding:1.75rem;position:relative;overflow:hidden
}
.job-card:nth-child(2) .job-card-header{background:linear-gradient(135deg,#2980B9,var(--blue))}
.job-card:nth-child(3) .job-card-header{background:linear-gradient(135deg,#E67E22,var(--orange))}
.job-card:nth-child(4) .job-card-header{background:linear-gradient(135deg,#6B2744,var(--bordeaux))}
.job-card-header::before{content:'';position:absolute;top:-50px;right:-50px;width:150px;height:150px;background:rgba(255,255,255,.1);border-radius:50%}
.job-card-icon{
    width:50px;height:50px;background:rgba(255,255,255,.25);border-radius:12px;
    display:flex;align-items:center;justify-content:center;font-size:1.5rem;
    margin-bottom:1rem;position:relative;z-index:1
}
.job-card-title{font-family:'Quicksand',sans-serif;font-size:1.4rem;font-weight:700;margin-bottom:.5rem;position:relative;z-index:1}
.job-card-type{font-size:.85rem;opacity:.9;position:relative;z-index:1;display:flex;gap:.5rem;flex-wrap:wrap}
.job-card-body{padding:2rem}
.job-description{color:var(--text-light);font-size:.95rem;margin-bottom:1.5rem;line-height:1.7}
.job-requirements{background:#fafbfc;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}
.job-requirements h4{font-size:.85rem;color:var(--text);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}
.job-requirements ul{list-style:none;margin:0}
.job-requirements li{font-size:.85rem;color:var(--text-light);padding:.4rem 0;display:flex;align-items:flex-start;gap:.5rem}
.job-requirements li::before{content:'\2713';color:var(--teal);font-weight:700;flex-shrink:0}
.job-cta{
    display:inline-flex;align-items:center;gap:.5rem;
    background:linear-gradient(135deg,var(--teal),var(--teal-light));color:#fff;
    padding:.75rem 1.6rem;border-radius:50px;text-decoration:none;
    font-weight:700;font-size:.9rem;transition:transform .2s,box-shadow .2s
}
.job-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(43,181,160,.3)}
.job-card:nth-child(2) .job-cta{background:linear-gradient(135deg,#2980B9,var(--blue))}
.job-card:nth-child(3) .job-cta{background:linear-gradient(135deg,#E67E22,var(--orange))}
.job-card:nth-child(4) .job-cta{background:linear-gradient(135deg,#6B2744,var(--bordeaux))}

/* Secondary Jobs */
.secondary-jobs{margin-top:4rem;padding-top:3rem;border-top:2px solid #e9ecef}
.secondary-jobs h2{font-size:1.6rem;color:var(--text);margin-bottom:1.5rem}
.secondary-job-card{
    background:#fff;border-radius:16px;padding:2rem;box-shadow:var(--shadow);
    border-left:5px solid var(--navy);transition:transform .3s,box-shadow .3s;margin-bottom:1.5rem
}
.secondary-job-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.secondary-job-card h3{font-size:1.25rem;color:var(--text);margin-bottom:.75rem}
.secondary-job-card p{color:var(--text-light);margin-bottom:1rem}
.secondary-job-card .job-requirements{background:linear-gradient(135deg,rgba(27,79,114,.05),rgba(27,79,114,.02));border:1px solid rgba(27,79,114,.1)}

/* Footnote */
.footnote-box{
    background:linear-gradient(135deg,#E8FFF7,#EEF7FF);border:2px solid var(--teal);
    border-radius:16px;padding:1.75rem;margin:3rem 0 0 0;text-align:center
}
.footnote-box p{color:var(--text-light);font-size:.9rem;margin:0}
.footnote-box strong{color:var(--text)}

/* Jobs CTA Bar — Text muss weiß sein auf grünem Hintergrund */
.jobs-cta-bar{
    padding:3rem 2rem;background:linear-gradient(135deg,var(--teal),#0fa88e);
    color:#fff;text-align:center;border-radius:24px;margin-top:3rem
}
.jobs-cta-bar h2{font-size:1.6rem;margin-bottom:.75rem;color:#fff}
.jobs-cta-bar p{font-size:1.05rem;color:rgba(255,255,255,.85);margin-bottom:1.5rem}
.jobs-cta-bar a{color:#fff;text-decoration:none;font-weight:700;margin:0 .75rem;
    display:inline-flex;align-items:center;gap:.4rem;transition:opacity .2s}
.jobs-cta-bar a:hover{opacity:.85}

/* ══════════════════════════════
   LEISTUNGEN PAGE
   ══════════════════════════════ */

/* Leistung Section Headers */
.leistung-section{margin-bottom:4rem}
.leistung-section h2{
    font-size:1.6rem;color:var(--text);margin-bottom:1rem;
    padding-left:1.25rem;border-left:4px solid var(--teal)
}
.leistung-section.blue h2{border-left-color:var(--blue)}
.leistung-section.orange h2{border-left-color:var(--orange)}
.leistung-section p{color:var(--text-light);margin-bottom:1.5rem;line-height:1.8}

/* Styled Tables */
.table-wrapper{
    background:#fff;border-radius:16px;padding:2rem;
    box-shadow:var(--shadow);margin-bottom:2rem;overflow-x:auto
}
.table-wrapper table{width:100%;border-collapse:collapse}
.table-wrapper thead tr{background:linear-gradient(90deg,#f8f9fa,#ffffff);border-bottom:2px solid #e9ecef}
.table-wrapper thead th{
    padding:1.25rem;text-align:left;font-family:'Quicksand',sans-serif;
    font-weight:700;font-size:.95rem;color:var(--text)
}
.table-wrapper tbody tr{border-bottom:1px solid #e9ecef;transition:background .2s}
.table-wrapper tbody tr:nth-child(even){background:#fafbfc}
.table-wrapper tbody tr:hover{background:#f0f8f7}
.table-wrapper tbody td{padding:1.25rem;font-size:.92rem}
.table-wrapper tbody td:first-child{font-weight:600;color:var(--text)}
.table-wrapper tbody td:last-child{font-weight:700;color:var(--text);background:linear-gradient(90deg,rgba(43,181,160,.08),transparent)}
.table-wrapper tfoot tr{background:#fafbfc;border-top:2px solid #e9ecef}
.table-wrapper tfoot td{padding:.75rem 1.25rem;font-size:.8rem;color:var(--text-light);font-style:italic}

/* Card Layout */
.leistung-card{
    background:#fff;border-radius:16px;padding:2rem;box-shadow:var(--shadow);
    margin-bottom:2rem;border-left:5px solid var(--teal);
    transition:transform .3s,box-shadow .3s
}
.leistung-card.blue{border-left-color:var(--blue)}
.leistung-card.orange{border-left-color:var(--orange)}
.leistung-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.leistung-card h3{font-size:1.3rem;color:var(--text);margin-bottom:.75rem}
.leistung-card p{color:var(--text-light);line-height:1.8;margin-bottom:1rem}
.leistung-card ul{margin-left:1.5rem;color:var(--text-light)}
.leistung-card li{margin-bottom:.75rem;line-height:1.6}

/* Highlight Box */
.highlight-box{
    background:linear-gradient(135deg,#E8FFF7,#EEF7FF);border:2px solid var(--teal);
    border-radius:16px;padding:2rem;margin:3rem 0;text-align:center
}
.highlight-box h3{color:var(--teal-dark);margin-bottom:.75rem}
.highlight-box p{color:var(--text-light);font-size:1.05rem;margin:0}

/* ══════════════════════════════
   PFLEGEKONZEPT PAGE
   ══════════════════════════════ */

/* Accordion */
.accordion-section{padding:6rem 2rem;background:#fff}
.accordion-inner{max-width:1000px;margin:0 auto}
.accordion-intro{text-align:center;margin-bottom:3rem}
.accordion-intro p{font-size:1.05rem;color:var(--text-light);max-width:700px;margin:0 auto;line-height:1.8}

.accordion{display:flex;flex-direction:column;gap:1.25rem}
.accordion-item{
    background:#fff;border:2px solid #f0f0f0;border-radius:16px;
    overflow:hidden;transition:all .3s;cursor:pointer
}
.accordion-item:hover{border-color:var(--teal);box-shadow:var(--shadow)}
.accordion-item.active{border-color:var(--teal);box-shadow:var(--shadow-lg)}

.accordion-header{
    display:flex;align-items:center;justify-content:space-between;gap:1.5rem;
    padding:1.75rem 2rem;background:linear-gradient(to right,rgba(43,181,160,.05),transparent);
    transition:background .2s;font-weight:600;font-size:1.1rem
}
.accordion-item.active .accordion-header{background:linear-gradient(to right,rgba(43,181,160,.12),transparent)}

.accordion-badge{
    width:42px;height:42px;border-radius:12px;display:flex;align-items:center;
    justify-content:center;color:#fff;font-weight:700;font-size:1rem;flex-shrink:0
}
.accordion-item:nth-child(1) .accordion-badge{background:linear-gradient(135deg,var(--teal-dark),var(--teal))}
.accordion-item:nth-child(2) .accordion-badge{background:linear-gradient(135deg,#2980B9,var(--blue))}
.accordion-item:nth-child(3) .accordion-badge{background:linear-gradient(135deg,#E67E22,var(--orange))}
.accordion-item:nth-child(4) .accordion-badge{background:linear-gradient(135deg,#6B2744,var(--bordeaux))}
.accordion-item:nth-child(5) .accordion-badge{background:linear-gradient(135deg,var(--navy),#1B4F72)}

.accordion-title{flex:1}
.accordion-toggle{
    width:32px;height:32px;border-radius:8px;background:rgba(43,181,160,.1);
    display:flex;align-items:center;justify-content:center;color:var(--teal);
    transition:all .3s;flex-shrink:0
}
.accordion-item.active .accordion-toggle{background:var(--teal);color:#fff;transform:rotate(180deg)}

.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 2rem}
.accordion-item.active .accordion-content{max-height:2000px;padding:0 2rem 2rem 2rem}

.accordion-text{color:var(--text-light);line-height:1.85;font-size:.98rem;margin-bottom:1rem}
.accordion-text ul{list-style:none;margin-left:0}
.accordion-text li{padding-left:1.75rem;position:relative;margin-bottom:.75rem;font-size:.95rem}
.accordion-text li::before{content:'\2713';position:absolute;left:0;color:var(--teal);font-weight:700}

/* SIS Box */
.sis-box{
    background:linear-gradient(135deg,var(--navy),#234E6F);color:#fff;
    border-radius:16px;padding:2.5rem;margin-top:2rem;border:2px solid rgba(255,255,255,.1)
}
.sis-box h4{font-size:1.1rem;margin-bottom:1.75rem;text-transform:uppercase;letter-spacing:.08em}
.sis-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}
.sis-field{display:flex;gap:1rem}
.sis-number{
    min-width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.15);
    display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem
}
.sis-text{font-size:.9rem;line-height:1.6;color:rgba(255,255,255,.85)}

/* ══════════════════════════════
   RESPONSIVE
   ══════════════════════════════ */
@media(max-width:1024px){
    .jobs-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}
}

@media(max-width:768px){
    .subpage-header{padding:6rem 1.5rem 2rem}
    .subpage-h1{font-size:1.9rem}
    .subpage-content{padding:2.5rem 1.5rem}
    .subpage-hero-img{height:220px;margin-bottom:2rem}

    .jobs-grid{grid-template-columns:1fr;gap:1.25rem}
    .job-card-body{padding:1.5rem}
    .job-card-title{font-size:1.2rem}
    .culture-box{padding:1.75rem;margin:2rem 0}
    .culture-box h3{font-size:1.2rem}

    .table-wrapper{padding:1.5rem}
    .table-wrapper tbody td,.table-wrapper thead th{padding:.85rem}
    .leistung-card{padding:1.5rem}
    .leistung-section h2{font-size:1.3rem;padding-left:1rem}
    .footnote-box{padding:1.25rem;font-size:.85rem}

    .accordion-section{padding:4rem 1.5rem}
    .accordion-header{padding:1.5rem;font-size:1rem}
    .accordion-content{padding:0 1.5rem!important}
    .accordion-item.active .accordion-content{padding:0 1.5rem 1.5rem 1.5rem!important}
    .sis-box{padding:2rem;margin-top:1.5rem}
    .sis-fields{gap:1rem}
}

@media(max-width:420px){
    .subpage-h1{font-size:1.6rem}
    .subpage-subtitle{font-size:.95rem}
    .subpage-hero-img{height:180px}

    .job-card-title{font-size:1rem}
    .job-card-body{padding:1.25rem}
    .job-description{font-size:.85rem}
    .culture-box{padding:1.25rem;margin:1.5rem 0}
    .culture-box h3{font-size:1rem}

    .leistung-section h2{font-size:1.15rem}
    .table-wrapper{padding:1rem}
    .table-wrapper tbody td,.table-wrapper thead th{padding:.6rem}
    .highlight-box{padding:1.5rem}
    .footnote-box{padding:1.25rem}

    .accordion-header{padding:1.25rem;font-size:.95rem}
    .accordion-badge{width:36px;height:36px;font-size:.85rem}
    .accordion-toggle{width:28px;height:28px}
    .sis-box{padding:1.5rem}
    .sis-fields{gap:.75rem}
}

/* ═══════════════════════════════════════════════════
   PATCH #2 — Weitere Fixes (2026-03-31)
   CTA-Bar, Inkontinenz-Liste, Leitbild-Farben,
   Pflege-Seiten Bullet-Listen
   ═══════════════════════════════════════════════════ */

/* ══════════════════════════════
   SHARED CTA-BAR (Pflege, Leistungen, Inkontinenz, etc.)
   Gradient-Hintergrund + weißer Text
   ══════════════════════════════ */
.cta-bar{
    background:linear-gradient(135deg,var(--teal),var(--blue));
    border-radius:24px;padding:3rem 2rem;text-align:center;
    margin:3rem 0;position:relative;overflow:hidden
}
.cta-bar::before{
    content:'';position:absolute;top:-80px;right:-80px;
    width:200px;height:200px;background:rgba(255,255,255,.08);
    border-radius:50%
}
.cta-bar h2,.cta-bar h3{color:#fff!important;font-size:1.6rem;margin-bottom:.75rem;position:relative;z-index:1}
.cta-bar p{color:rgba(255,255,255,.9)!important;font-size:1.05rem;margin-bottom:1.5rem;position:relative;z-index:1}
.cta-bar a.btn,.cta-bar .btn{
    background:#fff;color:var(--teal)!important;padding:.85rem 2rem;border-radius:50px;
    text-decoration:none;font-weight:700;font-size:.95rem;display:inline-flex;
    align-items:center;gap:.5rem;transition:transform .2s,box-shadow .2s;position:relative;z-index:1
}
.cta-bar a.btn:hover,.cta-bar .btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.15)}
/* Fallback: alle Links im CTA-Bar weiß */
.cta-bar a:not(.btn){color:#fff;text-decoration:none;font-weight:700;
    display:inline-flex;align-items:center;gap:.5rem;
    background:rgba(255,255,255,.2);padding:.75rem 1.8rem;border-radius:50px;
    transition:background .2s;position:relative;z-index:1}
.cta-bar a:not(.btn):hover{background:rgba(255,255,255,.3)}

/* ══════════════════════════════
   LEITBILD CTA-BAR (eigene Klasse)
   ══════════════════════════════ */
.leitbild-cta-bar{
    background:linear-gradient(135deg,var(--teal),#0fa88e);
    border-radius:24px;padding:3rem 2rem;text-align:center;
    margin:3rem 0;color:#fff;position:relative;overflow:hidden
}
.leitbild-cta-bar h2{color:#fff;font-size:1.6rem;margin-bottom:.75rem}
.leitbild-cta-bar p{color:rgba(255,255,255,.85);font-size:1.05rem;margin-bottom:1.5rem}
.leitbild-cta-bar a{color:#fff;text-decoration:none;font-weight:700}

/* ══════════════════════════════
   LEITBILD — Farbübergänge glätten
   Problem: Grün → Weiß → Blau wirkt abgehackt
   Fix: Sanfte Übergänge + einheitliche Farbfamilie
   ══════════════════════════════ */

/* Hero: sanfterer Gradient, weniger grün-intensiv */
.subpage-hero{
    background:linear-gradient(160deg,#f0faf7 0%,#f5f9fc 40%,#fafbfc 70%,#fff 100%)!important
}

/* Werte-Section: leichter Hintergrund statt hartem Weiß */
.values-section{
    background:linear-gradient(180deg,#fff 0%,#f8fbfa 100%)!important;
    padding-bottom:4rem
}

/* Zitat-Section: sanfterer Übergang, weniger harter Kontrast */
.quote-section{
    background:linear-gradient(135deg,#1e5a7e,#1B4F72)!important;
    border-radius:24px;margin:0 2rem;position:relative
}
.quote-section::before{
    content:'';position:absolute;top:-40px;left:0;right:0;height:40px;
    background:linear-gradient(180deg,transparent,rgba(30,90,126,.03))
}

/* Team-Section: sanfter Hintergrund */
.team-section{background:#f9fbfc!important}

/* ══════════════════════════════
   INKONTINENZ — Rezept-Checkliste
   Styled statt default bullets
   ══════════════════════════════ */
.content h3+ul,.content h3+ol{
    list-style:none;margin:1.5rem 0;padding:0
}
.content h3+ul li{
    position:relative;padding:.75rem 1rem .75rem 2.75rem;
    margin-bottom:.5rem;background:#fff;border-radius:12px;
    border:2px solid #f0f0f0;font-size:.95rem;color:var(--text);
    transition:border-color .2s,box-shadow .2s
}
.content h3+ul li:hover{border-color:var(--teal);box-shadow:0 2px 8px rgba(43,181,160,.08)}
.content h3+ul li::before{
    content:'\f058';font-family:'Font Awesome 6 Free';font-weight:900;
    position:absolute;left:.9rem;top:50%;transform:translateY(-50%);
    color:var(--teal);font-size:1.1rem
}

/* ══════════════════════════════
   PFLEGE/CONTENT SEITEN — Bullet-Listen
   Schönere Listen innerhalb von .content
   ══════════════════════════════ */
.content h4+ul,.content h3~p+ul,.content p+ul{
    list-style:none;margin:1rem 0 2rem;padding:0
}
.content h4+ul li,.content h3~p+ul li,.content p+ul li{
    position:relative;padding:.5rem 0 .5rem 1.75rem;
    color:var(--text-light);font-size:.95rem;line-height:1.6
}
.content h4+ul li::before,.content h3~p+ul li::before,.content p+ul li::before{
    content:'\f00c';font-family:'Font Awesome 6 Free';font-weight:900;
    position:absolute;left:0;color:var(--teal);font-size:.8rem;top:.7rem
}

/* ══════════════════════════════
   PFLEGE PAGE — Section Styling
   Sektionen mit Icons + farbigen Überschriften
   ══════════════════════════════ */
.content>h3,.content>h4{
    display:flex;align-items:center;gap:.5rem;
    margin-top:2.5rem;margin-bottom:1rem;padding-bottom:.5rem;
    border-bottom:2px solid #f0f0f0
}
.content>h3 i,.content>h4 i{font-size:1.1rem}

/* ══════════════════════════════
   RESPONSIVE ADDITIONS
   ══════════════════════════════ */
@media(max-width:768px){
    .cta-bar{padding:2rem 1.5rem;margin:2rem 0}
    .cta-bar h2,.cta-bar h3{font-size:1.3rem}
    .quote-section{margin:0 1rem;border-radius:16px}
    .content h3+ul li{padding:.65rem .75rem .65rem 2.5rem;font-size:.9rem}
}
@media(max-width:420px){
    .cta-bar{padding:1.75rem 1.25rem;border-radius:16px}
    .cta-bar h2,.cta-bar h3{font-size:1.15rem}
    .quote-section{margin:0 .5rem;border-radius:12px}
}

