/* deine PV: Gestaltungsdatei (Baukasten) */
.dpv{--g:#23794b;--gd:#1f6b47;--gl:#4abf78;--y:#fccb06;--ink:#1d1d1b;--mut:#5f625c;--sand:#eef6f0;--line:#dcdcda;color:var(--ink);line-height:1.55;font-size:1rem}
.dpv *{box-sizing:border-box}
.dpv a{color:var(--gd)}
.dpv-sec{margin:0 0 44px}
.dpv-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;border-bottom:3px solid var(--y);padding-bottom:6px;margin-bottom:18px}
.dpv-head h2{margin:0;font-size:1.65rem;line-height:1.15;color:var(--ink)}
.dpv-head a{font-weight:600;text-decoration:none}
.dpv-intro{margin:-6px 0 16px;color:var(--mut);max-width:62ch}
.dpv-hero{background:var(--gd);color:#fff;border-radius:20px;padding:clamp(26px,5vw,56px);position:relative;overflow:hidden}
.dpv-hero::before{content:"";position:absolute;right:130px;bottom:-120px;width:210px;height:210px;border-radius:50%;background:var(--gl)}
.dpv-hero::after{content:"";position:absolute;right:-60px;bottom:-80px;width:240px;height:240px;border-radius:50%;background:var(--y)}
.dpv-hero>*{position:relative;z-index:1}
.dpv-eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:700;color:var(--y);margin:0 0 10px}
.dpv-hero h1{color:#fff;font-size:clamp(1.9rem,5vw,3.1rem);line-height:1.08;margin:0 0 14px;font-weight:800}
.dpv-hero h1 span{display:block}
.dpv-hero p{max-width:52ch;font-size:1.12rem;margin:0 0 22px;color:#f1f5ee}
.dpv-btns{display:flex;flex-wrap:wrap;gap:10px}
.dpv-btn{display:inline-block;padding:.72em 1.25em;border-radius:12px;font-weight:700;text-decoration:none!important;line-height:1.2}
.dpv-btn-y{background:var(--y);color:var(--ink)!important}
.dpv-btn-o{border:2px solid #fff;color:#fff!important}
.dpv-btn-d{background:var(--ink);color:#fff!important}
.dpv-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.dpv-tile{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px;text-decoration:none!important;color:var(--ink)!important;transition:border-color .15s,transform .15s}
.dpv-tile:hover{border-color:var(--g);transform:translateY(-2px)}
.dpv-tile b{display:block;font-size:1.12rem;margin-bottom:2px}
.dpv-tile span{color:var(--mut);font-size:.95rem}
.dpv-tile i{display:block;font-style:normal;color:var(--g);font-weight:700;margin-top:10px}
.dpv-news{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.dpv-news article{background:var(--sand);border-radius:16px;padding:18px 20px}
.dpv-date{font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--g);margin:0 0 4px}
.dpv-news h3{font-size:1.15rem;margin:0 0 6px;line-height:1.25}
.dpv-news h3 a{color:var(--ink);text-decoration:none}
.dpv-news p{margin:0;color:var(--mut)}
.dpv-topics{display:grid;gap:12px 24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));list-style:none;padding:0;margin:0}
.dpv-topics li{border-left:4px solid var(--y);padding:2px 0 2px 14px}
.dpv-topics b{display:block}
.dpv-topics span{color:var(--mut);font-size:.95rem}
.dpv-frog{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:center;background:var(--sand);border-radius:20px;padding:clamp(20px,4vw,36px)}
.dpv-frog p{margin:0 0 14px}
.dpv-dates{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dpv-dates li{display:flex;align-items:baseline;gap:12px;background:#fff;border-radius:12px;padding:10px 14px;border:1px solid var(--line)}
.dpv-dates b{font-size:1.5rem;min-width:2.2ch;color:var(--gd);font-variant-numeric:tabular-nums}
.dpv-dist details{background:#fff;border:1px solid var(--line);border-radius:14px;margin:0 0 8px;overflow:hidden}
.dpv-dist summary{cursor:pointer;padding:14px 18px;font-weight:700;font-size:1.08rem;list-style:none;display:flex;justify-content:space-between;gap:10px}
.dpv-dist summary::-webkit-details-marker{display:none}
.dpv-dist summary::after{content:"+";color:var(--g);font-size:1.3rem;line-height:1}
.dpv-dist details[open] summary::after{content:"–"}
.dpv-dist summary small{font-weight:400;color:var(--mut);margin-left:auto;margin-right:8px}
.dpv-person{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 16px;padding:10px 18px;border-top:1px solid var(--line)}
.dpv-person span{color:var(--mut)}
.dpv-person a{white-space:nowrap;font-variant-numeric:tabular-nums}
.dpv-dl{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.dpv-dl li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding:11px 2px;border-bottom:1px solid var(--line)}
.dpv-dl a{font-weight:600;text-decoration:none}
.dpv-dl span{color:var(--mut);font-size:.92rem}
.dpv-cards{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.dpv-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 20px}
.dpv-card b{display:block;font-size:1.15rem}
.dpv-card .r{color:var(--mut);margin-bottom:8px;display:block}
.dpv{container-type:inline-size}
.dpv-anker{scroll-margin-top:170px}
@container (max-width:900px){.dpv-hero::before{display:none}}
@container (max-width:600px){.dpv-hero{padding-bottom:64px}.dpv-hero::before{display:none}.dpv-hero::after{width:120px;height:120px;right:-30px;bottom:-60px}.dpv-hero .dpv-btn{display:block;text-align:center}.dpv-hero p{font-size:1.05rem}}
.dpv-bar{position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid var(--line);padding:10px 0;margin:0 0 32px;display:flex;align-items:center;gap:8px;overflow-x:auto}
.dpv-bar b{white-space:nowrap;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin-right:4px}
.dpv-chip{white-space:nowrap;padding:.45em .95em;border-radius:999px;background:var(--sand);border:1px solid var(--line);color:var(--ink)!important;text-decoration:none!important;font-weight:600;font-size:.95rem}
.dpv-chip:hover{background:var(--y);border-color:var(--y)}
.dpv-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:32px;align-items:start}
.dpv-side{position:sticky;top:16px;background:var(--sand);border-radius:16px;padding:18px}
.dpv-side p{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px;color:var(--mut);font-weight:700}
.dpv-side ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.dpv-side a{display:block;padding:8px 10px;border-radius:8px;color:var(--ink)!important;text-decoration:none!important;font-weight:600}
.dpv-side a:hover{background:#fff;color:var(--gd)!important}
@container (max-width:820px){.dpv-layout{grid-template-columns:1fr;gap:20px}.dpv-side{position:static}.dpv-side ul{display:flex;flex-wrap:wrap;gap:6px}.dpv-side a{background:#fff;border-radius:999px;padding:6px 12px}}
.dpv-pagehead{background:var(--gd);color:#fff;border-radius:20px;padding:clamp(22px,4vw,44px);position:relative;overflow:hidden}
.dpv-pagehead::before{content:"";position:absolute;right:90px;bottom:-110px;width:170px;height:170px;border-radius:50%;background:var(--gl)}
.dpv-pagehead::after{content:"";position:absolute;right:-50px;bottom:-70px;width:170px;height:170px;border-radius:50%;background:var(--y)}
@container (max-width:700px){.dpv-pagehead::before{display:none}.dpv-pagehead::after{width:110px;height:110px;right:-35px;bottom:-55px}.dpv-pagehead{padding-bottom:56px}}
.dpv-facts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 4px;padding:0;list-style:none}
.dpv-facts li{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:4px 12px;font-size:.88rem;color:#fff}
.dpv-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.dpv-link{position:relative;display:block;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 40px 16px 18px;color:var(--ink)!important;text-decoration:none!important;transition:border-color .15s,transform .15s}
.dpv-link:hover{border-color:var(--g);transform:translateY(-2px)}
.dpv-link b{display:block;line-height:1.3}
.dpv-link span{display:block;color:var(--mut);font-size:.9rem;margin-top:3px}
.dpv-link::after{content:"↗";position:absolute;right:16px;top:14px;color:var(--g);font-weight:700}
.dpv-link[href^="/"]::after{content:"→"}
.dpv-pagehead>*{position:relative;z-index:1}
.dpv-crumb{font-size:.85rem;margin:0 0 10px;color:#d9eadf}
.dpv-crumb a{color:#fff!important;text-decoration:none;font-weight:600}
.dpv-pagehead h1{color:#fff;font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.1;margin:0 0 10px;font-weight:800}
.dpv-pagehead p{max-width:60ch;margin:0 0 16px;color:#f1f5ee;font-size:1.05rem}
.dpv-pagehead p:last-child{margin-bottom:0}
div.dpv-dl{border:0}
.dpv-dl h3{font-size:.85rem;letter-spacing:.07em;text-transform:uppercase;color:var(--g);margin:26px 0 4px}
.dpv-dl h3:first-child{margin-top:0}
.dpv-note{background:var(--sand);border-left:5px solid var(--y);border-radius:0 14px 14px 0;padding:16px 20px}
.dpv-note p,.dpv-text p{margin:0 0 10px;max-width:68ch}.dpv-note p:last-child,.dpv-text p:last-child{margin-bottom:0}
.dpv-az-nav{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 24px}
.dpv-az-nav a,.dpv-az-nav span{display:inline-grid;place-items:center;width:2.3em;height:2.3em;border-radius:10px;font-weight:700;text-decoration:none!important}
.dpv-az-nav a{background:var(--sand);color:var(--gd)!important;border:1px solid var(--line)}
.dpv-az-nav a:hover{background:var(--y);border-color:var(--y);color:var(--ink)!important}
.dpv-az-nav span{color:#b9bcb5}
.dpv-az-group{scroll-margin-top:170px;margin-bottom:22px}
.dpv-az-group h2{font-size:1.6rem;color:var(--gd);margin:0 0 4px;border-bottom:3px solid var(--y);display:inline-block;padding-bottom:2px}
.dpv-cta{background:var(--y);color:var(--ink);border-radius:20px;padding:clamp(22px,4vw,36px);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}
.dpv-cta h2{margin:0 0 4px;font-size:1.6rem;color:var(--ink)}
.dpv-cta p{margin:0;max-width:55ch}
/* ===== deine PV: Gestaltung fuer TYPO3-Elemente (Klassen im Feld "Extra Class") ===== */
:root,.dpv{--dpv-g:#23794b;--dpv-gd:#1f6b47;--dpv-gl:#4abf78;--dpv-y:#fccb06;--dpv-ink:#1d1d1b;--dpv-mut:#5f625c;--dpv-sand:#eef6f0;--dpv-line:#dcdcda}
.dpv-dateien,.dpv-archiv,.dpv-bezirke{margin-bottom:44px}
.dpv-dateien header h2,.dpv-archiv>header h2,.dpv-bezirke>header h2,.dpv-titel header h2{font-size:1.65rem;font-weight:700;color:var(--dpv-ink);border-bottom:3px solid var(--dpv-y);padding-bottom:6px;margin:0 0 18px}
/* Dateilinks als Karten */
.dpv-dateien .list-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;border:0;border-radius:0;margin:0;padding:0;list-style:none}
.dpv-dateien .list-group-item{position:relative;display:flex;flex-direction:column;gap:3px;background:#fff;border:1px solid var(--dpv-line)!important;border-radius:14px!important;padding:16px 18px 16px 72px;min-height:78px;margin:0;transition:border-color .15s,transform .15s,box-shadow .15s}
.dpv-dateien .list-group-item:hover{border-color:var(--dpv-g)!important;transform:translateY(-2px);box-shadow:0 8px 20px rgba(31,107,71,.12)}
.dpv-dateien .list-group-item img{display:none}
.dpv-dateien .list-group-item a{color:var(--dpv-ink)!important;font-weight:700;text-decoration:none;line-height:1.3;word-break:break-word}
.dpv-dateien .list-group-item a::after{content:"";position:absolute;inset:0;border-radius:14px}
.dpv-dateien .list-group-item::before{content:"PDF";position:absolute;left:16px;top:16px;width:40px;height:46px;border-radius:8px;background:var(--dpv-sand);border:1px solid var(--dpv-line);color:var(--dpv-gd);font-size:.7rem;font-weight:800;letter-spacing:.04em;display:grid;place-items:center}
.dpv-dateien .list-group-item:has(a[href$=".xlsx"])::before,.dpv-dateien .list-group-item:has(a[href$=".xls"])::before{content:"XLS"}
.dpv-dateien .list-group-item:has(a[href$=".docx"])::before,.dpv-dateien .list-group-item:has(a[href$=".doc"])::before{content:"DOC"}
.dpv-dateien .list-group-item>span,.dpv-dateien .list-group-item>small,.dpv-dateien .list-group-item>div{color:var(--dpv-mut);font-size:.88rem;font-weight:400}
/* Variante gross: neueste Ausgabe hervorheben */
.dpv-gross .list-group{grid-template-columns:1fr}
.dpv-gross .list-group-item{padding:24px 24px 24px 100px;min-height:110px;background:var(--dpv-gd);border-color:var(--dpv-gd)!important;justify-content:center}
.dpv-gross .list-group-item a{color:#fff!important;font-size:1.3rem}
.dpv-gross .list-group-item::before{left:24px;top:24px;width:56px;height:64px;background:var(--dpv-y);border:0;color:var(--dpv-ink);font-size:.8rem}
.dpv-gross .list-group-item>span{color:#d9eadf}
/* Buchstaben fuer A bis Z */
.dpv-buchstabe{scroll-margin-top:170px;margin-bottom:22px;display:grid;grid-template-columns:3.4rem minmax(0,1fr);gap:16px;align-items:start}
.dpv-buchstabe>header{margin:0}
.dpv-buchstabe header h2{display:inline-grid!important;place-items:center;width:2.1em;height:2.1em;border-radius:12px;background:var(--dpv-gd);color:#fff!important;border:0!important;font-size:1.4rem!important;padding:0!important;margin:0 0 12px!important}
/* Buchstabenleiste (Menue: Abschnittsuebersicht) */
.dpv-az-nav ul{list-style:none;margin:0 0 30px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.dpv-az-nav li{margin:0}
.dpv-az-nav a{display:inline-grid;place-items:center;min-width:2.4em;height:2.4em;padding:0 .6em;border-radius:10px;background:var(--dpv-sand);border:1px solid var(--dpv-line);color:var(--dpv-gd)!important;font-weight:700;text-decoration:none}
.dpv-az-nav a:hover{background:var(--dpv-y);border-color:var(--dpv-y);color:var(--dpv-ink)!important}
/* Akkordeons: Bezirke und Archiv */
.dpv-bezirke .accordion-item,.dpv-archiv .accordion-item{border:1px solid var(--dpv-line)!important;border-radius:14px!important;margin-bottom:8px;overflow:hidden;background:#fff}
.dpv-bezirke .accordion-button,.dpv-archiv .accordion-button{font-weight:700;font-size:1.08rem;color:var(--dpv-ink);background:#fff;padding:14px 18px}
.dpv-bezirke .accordion-button:not(.collapsed),.dpv-archiv .accordion-button:not(.collapsed){background:var(--dpv-sand);color:var(--dpv-gd);box-shadow:none}
.dpv-bezirke .accordion-button:focus,.dpv-archiv .accordion-button:focus{box-shadow:0 0 0 3px rgba(252,203,6,.55)}
.dpv-bezirke .accordion-body p{margin:0;padding:10px 0;border-top:1px solid var(--dpv-line)}
.dpv-bezirke .accordion-body p:first-child{border-top:0}
.dpv-archiv .accordion-body{padding:16px}
.dpv-archiv .dpv-dateien{margin-bottom:0}
/* Karte und Hinweis */
.dpv-karte{background:#fff;border:1px solid var(--dpv-line);border-radius:16px;padding:22px 24px;margin-bottom:16px;height:calc(100% - 16px)}
.dpv-karte header h2{font-size:1.2rem!important;margin:0 0 8px;color:var(--dpv-gd)!important}
.dpv-hinweis{background:var(--dpv-sand);border-left:5px solid var(--dpv-y);border-radius:0 14px 14px 0;padding:16px 20px;margin-bottom:32px}
.dpv-hinweis header h2{font-size:1.1rem!important;margin:0 0 6px}
.dpv-karte p:last-child,.dpv-hinweis p:last-child{margin-bottom:0}
/* ===== Kopfzeile: weiss, Logo links, Menue-Knopf rechts (auch am Computer) ===== */
#main-navbar{background-color:#fff!important;padding-top:8px!important;padding-bottom:8px!important;box-shadow:0 1px 0 #dcdcda,0 6px 18px rgba(0,0,0,.05)}
#main-navbar>.container{flex-wrap:wrap!important;justify-content:space-between!important}
#main-navbar .navbar-brand img{max-height:64px;width:auto}
#main-navbar .navbar-toggler{display:block!important;width:52px;height:52px;border-radius:12px;background:#eef6f0!important;border:1px solid #dcdcda!important;position:relative}
#main-navbar .navbar-collapse:not(.show):not(.collapsing){display:none!important}
#main-navbar .navbar-collapse{flex-basis:100%!important;flex-grow:1}
#main-navbar .navbar-collapse.show{display:block!important}
#main-navbar .navbar-nav{width:100%}
#main-navbar.navbar-expand-lg .navbar-nav{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 28px;padding:12px 0 18px!important}
#main-navbar .nav-item{border-top:1px solid #dcdcda}
#main-navbar .nav-link{color:#1f6b47!important;text-transform:none!important;letter-spacing:0!important;font-size:1.15rem!important;font-weight:700!important;padding:12px 4px!important}
#main-navbar .dropdown-toggle::after{display:none!important}
#main-navbar .dropdown-menu{position:static!important;display:flex!important;flex-direction:column;gap:2px;border:0!important;box-shadow:none!important;background:transparent!important;padding:0 4px 12px!important;margin:0!important;width:auto!important;min-width:0!important}
#main-navbar .dropdown-item{color:#1d1d1b!important;text-transform:none!important;font-size:1rem!important;padding:4px 0!important;width:auto!important;background:transparent!important}
#main-navbar .dropdown-item:hover,#main-navbar .nav-link:hover{color:#23794b!important;text-decoration:underline!important}
#main-navbar .dropdown-menu img{display:none!important}
#main-navbar .nav-icon div,#main-navbar .nav-icon::before,#main-navbar .nav-icon::after{background-color:#1f6b47!important}
/* Mega-Menue der Vorlage als einfache Liste */
#main-navbar .nav-link{text-align:left!important}
#main-navbar .mega-dropdown-menu .row{display:block!important;margin:0!important}
#main-navbar .mega-dropdown-menu .column{width:auto!important;max-width:none!important;padding:0!important;flex:none!important}
#main-navbar .mega-dropdown-menu .col-12.w-100,#main-navbar .mega-dropdown-menu .gallery{display:none!important}
#main-navbar .mega-dropdown-menu header{margin:0!important}
#main-navbar .mega-dropdown-menu h2{font-size:1rem!important;font-weight:400!important;margin:0!important;padding:4px 0!important;line-height:1.4!important;color:#1d1d1b!important;text-transform:none!important;border:0!important;text-align:left!important}
#main-navbar .mega-dropdown-menu h2 a{color:#1d1d1b!important;text-decoration:none}
#main-navbar .mega-dropdown-menu h2 a:hover{color:#23794b!important;text-decoration:underline}
/* deine-PV-Logo gross und scharf */
#main-navbar .navbar-brand{display:block;width:84px;height:84px;margin:-6px 0;background:url(/fileadmin/user_upload/Logo/deinePV_4C.jpg) left center/contain no-repeat}
#main-navbar .navbar-brand img{opacity:0;width:84px!important;height:84px!important;max-height:none!important}
/* deine-PV-Logo gross und gut sichtbar */
#main-navbar .navbar-brand{display:block;width:150px;height:106px;margin:0;background:url(/fileadmin/user_upload/Logo/deinepv-logo-web.png) left center/contain no-repeat}
#main-navbar .navbar-brand img{opacity:0;width:150px!important;height:106px!important;max-height:none!important}
@media (max-width:991px){#main-navbar .navbar-brand,#main-navbar .navbar-brand img{width:110px!important;height:78px!important}}
body{padding-top:100px!important}
@media (min-width:992px){body{padding-top:132px!important}}
/* Linkkarten aus einem normalen Textelement mit Aufzaehlung */
.dpv-linkkarten{margin-bottom:44px}
.dpv-linkkarten header h2{font-size:1.65rem;font-weight:700;color:var(--dpv-ink);border-bottom:3px solid var(--dpv-y);padding-bottom:6px;margin:0 0 18px}
.dpv-linkkarten ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.dpv-linkkarten li{position:relative;background:#fff;border:1px solid var(--dpv-line);border-radius:14px;padding:16px 44px 16px 18px;color:var(--dpv-mut);font-size:.92rem;line-height:1.45;transition:border-color .15s,transform .15s,box-shadow .15s}
.dpv-linkkarten li:hover{border-color:var(--dpv-g);transform:translateY(-2px);box-shadow:0 8px 20px rgba(31,107,71,.12)}
.dpv-linkkarten li a{display:block;color:var(--dpv-ink)!important;font-weight:700;font-size:1rem;text-decoration:none;margin-bottom:3px}
.dpv-linkkarten li a::after{content:"";position:absolute;inset:0;border-radius:14px}
.dpv-linkkarten li::before{content:"\2197";position:absolute;right:16px;top:14px;color:var(--dpv-g);font-weight:700}
.dpv-linkkarten li:has(a[href^="/"])::before{content:"\2192"}
.dpv-hinweis header h2{font-weight:700!important;color:#1d1d1b!important}
.dpv-hinweis .bodytext,.dpv-hinweis p{color:#1d1d1b!important}