/* Arbeitsfelder Nordstern – Stil für alle Teile der Seite „Unsere Arbeitsfelder“.
   Hochladen nach fileadmin/Pfarreien___Gemeinden/Kirchen_ev/Nordstern/ unter dem Namen
   arbeitsfelder-vN.css (N bei jeder Änderung hochzählen; aktuell eingebunden: v3) und im
   Erweiterungs-Template der Seite (Setup) den Namen anpassen:
   page.includeCSS.arbeitsfelderNordstern = fileadmin/Pfarreien___Gemeinden/Kirchen_ev/Nordstern/arbeitsfelder-v3.css
   Grund: Der Server cacht CSS ein Jahr lang; ein ?v=… im Pfad bricht die Seite ab.
   Quelle: git.gippner.eu/dg/kirchen-in-kl-arbeitsfelder */

/* Arbeitsfelder: Farbe je Feld aus der Buttonleiste der Website */
.af--taufe{--af:#586c87;--af-ink:#3f5068}
.af--konfi{--af:#5cb85c;--af-ink:#2e7031}
.af--trauung{--af:#f0ad4e;--af-ink:#8f5a08}
.af--bestattung{--af:#343a40;--af-ink:#343a40}
.af--kigo{--af:#5cb85c;--af-ink:#2e7031}
.af--anders{--af:#d9534f;--af-ink:#a5322e}
.af--senioren{--af:#586c87;--af-ink:#3f5068}
.af--seelsorge{--af:#343a40;--af-ink:#343a40}
.af--auszeit{--af:#5cb85c;--af-ink:#2e7031}
.af--oekumene{--af:#586c87;--af-ink:#3f5068}

/* Responsiv nach der Breite der Inhaltsspalte, nicht des Fensters (Container-Queries).
   Ältere Browser nehmen die auto-fit-Zeile als Rückfall. */
.af-wrap{container-type:inline-size;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
.af-grid{display:grid;gap:1.5rem;margin-bottom:2rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}
.af-grid>.card{height:auto!important}
@container (min-width:0){.af-grid{grid-template-columns:1fr}}
@container (min-width:32rem){.af-grid--4,.af-grid--2{grid-template-columns:repeat(2,1fr)}}
@container (min-width:44rem){.af-grid--3{grid-template-columns:repeat(3,1fr)}}
@container (min-width:62rem){.af-grid--4{grid-template-columns:repeat(4,1fr)}}
.af-split{display:grid;gap:0 2rem;grid-template-columns:1fr}
@container (min-width:44rem){.af-split{grid-template-columns:7fr 5fr}}

/* Abstand zwischen Tab-Leiste des TYPO3-Elements und den Karten */
.tab-pane>.af-wrap,.tab-pane .af-wrap:first-child{padding-top:1.5rem}
.af-todo{background:#fff3b0;color:#292b2c;padding:0 .25em;border-radius:2px}
.af-top{display:inline-block;margin-top:1.25rem;font-size:.9rem}
.af-top::before{content:"\2191\00A0"}
.af-callout{background:#f3f5f8;border-radius:.25rem;padding:1.25rem 1.5rem;margin-bottom:1rem}
.af-callout-title{font-weight:700;margin-bottom:.35rem!important}
.af-callout-nr a{font-weight:700;font-size:1.2rem;white-space:nowrap}

.af-intro{max-width:46rem;font-size:1.1rem}
.af-card{border-top:4px solid var(--af)!important}
/* Icons nur per CSS (kein SVG im Inhalt, übersteht RTE und Filter): eine Maske, eingefärbt mit der Feldfarbe */
:root{--i-taufe:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3c3 4 6 7.5 6 11a6 6 0 0 1-12 0c0-3.5 3-7 6-11z'/%3E%3Cpath d='M9 15a3 3 0 0 0 3 3'/%3E%3C/svg%3E")}
.af--taufe{--af-icon:var(--i-taufe)}
:root{--i-konfi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Ccircle cx='16.5' cy='9' r='2.5'/%3E%3Cpath d='M3 20c0-3.3 2.7-6 6-6s6 2.7 6 6'/%3E%3Cpath d='M14.5 14.4a5 5 0 0 1 6.5 4.8'/%3E%3C/svg%3E")}
.af--konfi{--af-icon:var(--i-konfi)}
:root{--i-trauung:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='14' r='5'/%3E%3Ccircle cx='15' cy='14' r='5'/%3E%3Cpath d='M10.5 5.5 12 4l1.5 1.5'/%3E%3C/svg%3E")}
.af--trauung{--af-icon:var(--i-trauung)}
:root{--i-bestattung:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='11' width='6' height='10' rx='1'/%3E%3Cpath d='M12 3c1.6 2 2.2 3.1 2.2 4.2a2.2 2.2 0 0 1-4.4 0C9.8 6.1 10.4 5 12 3z'/%3E%3Cpath d='M12 9.4V11'/%3E%3C/svg%3E")}
.af--bestattung{--af-icon:var(--i-bestattung)}
:root{--i-kigo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='5.5' r='2.5'/%3E%3Cpath d='M12 9v6M6.5 9.5l5.5 2.5 5.5-2.5M9 21l3-6 3 6'/%3E%3C/svg%3E")}
.af--kigo{--af-icon:var(--i-kigo)}
:root{--i-anders:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 3l1.8 5.2L18 10l-5.2 1.8L11 17l-1.8-5.2L4 10l5.2-1.8z'/%3E%3Cpath d='M19 15v5M16.5 17.5h5'/%3E%3C/svg%3E")}
.af--anders{--af-icon:var(--i-anders)}
:root{--i-senioren:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 11l8-7 8 7v9H4z'/%3E%3Cpath d='M12 17.5s-3-1.8-3-3.6a1.5 1.5 0 0 1 3-.6 1.5 1.5 0 0 1 3 .6c0 1.8-3 3.6-3 3.6z'/%3E%3C/svg%3E")}
.af--senioren{--af-icon:var(--i-senioren)}
:root{--i-seelsorge:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5h16v11H10l-5 4v-4H4z'/%3E%3Cpath d='M8.5 10.5h.01M12 10.5h.01M15.5 10.5h.01'/%3E%3C/svg%3E")}
.af--seelsorge{--af-icon:var(--i-seelsorge)}
:root{--i-auszeit:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 7 10h3l-4 6h12l-4-6h3z'/%3E%3Cpath d='M12 16v5'/%3E%3C/svg%3E")}
.af--auszeit{--af-icon:var(--i-auszeit)}
:root{--i-oekumene:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 15h18l-2.5 4.5h-13z'/%3E%3Cpath d='M12 3v12M9 6.5h6'/%3E%3C/svg%3E")}
.af--oekumene{--af-icon:var(--i-oekumene)}
.af-card h3::before,.af-section>h2::before{content:"";display:block;width:40px;height:40px;margin-bottom:.75rem;background-color:var(--af-ink);-webkit-mask:var(--af-icon) center/contain no-repeat;mask:var(--af-icon) center/contain no-repeat}
.af-facts{font-size:.9rem;margin:0 0 1rem;padding:0;list-style:none}
.af-facts li{padding:.35rem 0;border-top:1px solid rgba(0,0,0,.08)}
.af-facts strong{display:block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--af-ink)}
.af-more{border:1px solid var(--af-ink);color:var(--af-ink)!important;background:#fff}
.af-more:hover,.af-more:focus{background:var(--af-ink);color:#fff!important}

/* Kontakt (Teil 5) ist mit Inline-Styles gestaltet und braucht hier keine Regeln */

.af-section{scroll-margin-top:90px;padding-top:2.5rem;margin-top:2.5rem;border-top:1px solid rgba(0,0,0,.1)}
.af-section>h2{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem!important}
.af-section>h2::before{width:34px;height:34px;margin:0;flex:none}
.af-section .af-lead{font-size:1.1rem;max-width:46rem}

.af-acc .card-header .btn{position:relative;padding:.85rem 2.75rem .85rem 1.25rem;font-weight:700;color:#292b2c}
.af-acc .card-header .btn::after{content:"";position:absolute;right:1.25rem;top:50%;width:.6rem;height:.6rem;border-right:2px solid var(--af-ink);border-bottom:2px solid var(--af-ink);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.af-acc .card-header .btn[aria-expanded="true"]::after{transform:translateY(-30%) rotate(-135deg)}
.af-acc .card-header .btn:focus{outline:2px solid var(--af);outline-offset:-2px;box-shadow:none}
.af-acc .card-body>*:last-child{margin-bottom:0}

.af-dl{display:grid;grid-template-columns:minmax(7rem,max-content) 1fr;gap:.5rem 1.25rem;margin:0}
.af-dl dt{font-weight:700;color:var(--af-ink)}
.af-dl dd{margin:0}
@container (max-width:30rem){.af-dl{grid-template-columns:1fr}.af-dl dd{margin-bottom:.5rem}}

.af-people{display:flex;flex-wrap:wrap;gap:.75rem;padding:0;margin:0;list-style:none}
.af-people li{display:flex;align-items:center;gap:.6rem;border:1px solid rgba(0,0,0,.12);border-radius:2rem;padding:.3rem 1rem .3rem .3rem}
.af-who{margin:0 0 1.25rem!important}
.af-who li{font-weight:700;font-size:.95rem}
.af-section h3.h5{margin-top:1.25rem}
.af-people .af-avatar{width:2.2rem;height:2.2rem;border-radius:50%;background:var(--af-photo,none) center/cover no-repeat,var(--af);color:var(--af-initials,#fff);font-weight:700;font-size:.85rem;display:grid;place-items:center;flex:none}
.af-who .af-avatar{width:3rem;height:3rem;font-size:.95rem}
.af-who li{padding-right:1.1rem}

/* Portraitfotos: Sobald ein Foto im fileadmin liegt, in der Zeile der Person
   die Kommentarzeichen am Anfang und am Ende löschen.
   Ohne Foto erscheinen die Initialen. Foto quadratisch, ca. 200 × 200 px, JPG. */
.af-p-dg{--af-photo:url("/fileadmin/Pfarreien___Gemeinden/Kirchen_ev/Nordstern/portraits/david-gippner.jpg");--af-initials:transparent}
.af-p-nb{--af-photo:url("/fileadmin/Pfarreien___Gemeinden/Kirchen_ev/Nordstern/portraits/nicole-bizik.jpg");--af-initials:transparent}
/* .af-p-mk{--af-photo:url("/fileadmin/Pfarreien___Gemeinden/Kirchen_ev/Nordstern/portraits/maximilian-koelsch.jpg");--af-initials:transparent} */
/* .af-p-jj{--af-photo:url("/fileadmin/Pfarreien___Gemeinden/Kirchen_ev/Nordstern/portraits/juergen-jaeger.jpg");--af-initials:transparent} */
.af-p-jg{--af-photo:url("/fileadmin/Pfarreien___Gemeinden/Kirchen_ev/Nordstern/portraits/joerg-gotsche.jpg");--af-initials:transparent}
/* .af-p-mh{--af-photo:url("/fileadmin/Pfarreien___Gemeinden/Kirchen_ev/Nordstern/portraits/margarethe-hopf.jpg");--af-initials:transparent} */
/* .af-p-rh{--af-photo:url("/fileadmin/Pfarreien___Gemeinden/Kirchen_ev/Nordstern/portraits/richard-hacklaender.jpg");--af-initials:transparent} */

.af-links{list-style:none;padding:0;margin:0}
.af-links li{padding:.4rem 0}
.af-links a{font-weight:700}
.af-links small{display:block;color:#5f6772}

.af-steps{list-style:none;counter-reset:s;padding:0;margin:0 0 1rem}
.af-steps li{counter-increment:s;position:relative;padding:0 0 1rem 2.75rem}
.af-steps li::before{content:counter(s);position:absolute;left:0;top:0;width:1.9rem;height:1.9rem;border-radius:50%;border:2px solid var(--af);color:var(--af-ink);font-weight:700;display:grid;place-items:center;font-size:.9rem}
.af-steps li strong{display:block}

.af-quote{border-left:3px solid var(--af);padding:.25rem 0 .25rem 1.25rem;font-style:italic;color:#3d4146}
.af-quote p{margin-bottom:.35rem!important}

/* ===================================================================
   Native TYPO3-Elemente (wst3bootstrap: Tabs/Pills, Cards, Akkordeon)
   Nur auf dieser Seite (#page_1310). Die Elemente haben keine eigenen
   Klassen, deshalb richtet sich der Stil nach der Struktur:
   Tab 1–3 der Reihe nach, darin Card 1–4 der Reihe nach.
   Wird die Reihenfolge der Cards geändert, die Zuordnung unten anpassen.
   =================================================================== */
#page_1310 .frame-type-wst3bootstrap_tabs .tabbable{container-type:inline-size;overflow-wrap:break-word}
#page_1310 .frame-type-wst3bootstrap_tabs .tab-content .frame{scroll-margin-top:110px}

/* Tab-Leiste: drei gleich breite Schaltflächen, bei schmaler Spalte untereinander */
#page_1310 .frame-type-wst3bootstrap_tabs .tabbable>.nav{display:grid;grid-template-columns:1fr;gap:.5rem;margin:0 0 1.75rem;padding:0;border:0}
@container (min-width:36rem){#page_1310 .frame-type-wst3bootstrap_tabs .tabbable>.nav{grid-template-columns:repeat(3,1fr)}}
#page_1310 .frame-type-wst3bootstrap_tabs .tabbable>.nav .nav-item{display:flex;margin:0}
#page_1310 .frame-type-wst3bootstrap_tabs .tabbable>.nav .nav-link{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:.75rem 1rem;border:1px solid rgba(0,0,0,.18);border-radius:.25rem;background:#fff;color:#292b2c;font-weight:700;text-decoration:none}
#page_1310 .frame-type-wst3bootstrap_tabs .tabbable>.nav .nav-link:hover{border-color:#586c87;background:#f3f5f8}
#page_1310 .frame-type-wst3bootstrap_tabs .tabbable>.nav .nav-link:focus{outline:3px solid #f0ad4e;outline-offset:2px}
#page_1310 .frame-type-wst3bootstrap_tabs .tabbable>.nav .nav-link.active{background:#586c87;border-color:#586c87;color:#fff}

/* Cards: Raster nach Breite der Inhaltsspalte statt Bootstrap-card-group */
#page_1310 .frame-type-wst3bootstrap_tabs .card-group{display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:.5rem}
@container (min-width:32rem){#page_1310 .frame-type-wst3bootstrap_tabs .card-group{grid-template-columns:repeat(2,1fr)}}
@container (min-width:44rem){#page_1310 .frame-type-wst3bootstrap_tabs .card-group:has(>.card:nth-child(3):last-child){grid-template-columns:repeat(3,1fr)}}
@container (min-width:62rem){#page_1310 .frame-type-wst3bootstrap_tabs .card-group:has(>.card:nth-child(4):last-child){grid-template-columns:repeat(4,1fr)}}
#page_1310 .frame-type-wst3bootstrap_tabs .card-group>.card{--af:#586c87;--af-ink:#3f5068;margin:0!important;height:100%;border:1px solid rgba(0,0,0,.125)!important;border-top:4px solid var(--af)!important;border-radius:.25rem!important}
#page_1310 .frame-type-wst3bootstrap_tabs .card-group .card-body{display:flex;flex-direction:column;padding:1.25rem}
#page_1310 .frame-type-wst3bootstrap_tabs .card-group .card-body>:is(h2,h3,h4,h5):first-child::before{content:"";display:block;width:40px;height:40px;margin-bottom:.75rem;background-color:var(--af-ink);-webkit-mask:var(--af-icon) center/contain no-repeat;mask:var(--af-icon) center/contain no-repeat}
/* Liste in der Card = Kurzinfos; fett gesetzter Anfang = kleine Überschrift */
#page_1310 .frame-type-wst3bootstrap_tabs .card-group .card-body ul{list-style:none;padding:0;margin:0 0 1rem;font-size:.9rem}
#page_1310 .frame-type-wst3bootstrap_tabs .card-group .card-body li{padding:.35rem 0;border-top:1px solid rgba(0,0,0,.08)}
#page_1310 .frame-type-wst3bootstrap_tabs .card-group .card-body li strong{display:block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--af-ink)}
/* Letzter Absatz mit nur einem Link = Schaltfläche „Mehr zu …“, immer unten */
#page_1310 .frame-type-wst3bootstrap_tabs .card-group .card-body>p:last-child{margin:auto 0 0}
#page_1310 .frame-type-wst3bootstrap_tabs .card-group .card-body>p:last-child>a:only-child{display:block;text-align:center;padding:.3rem .65rem;border:1px solid var(--af-ink);border-radius:.25rem;background:#fff;color:var(--af-ink)!important;font-weight:700;font-size:.9rem;text-decoration:none}
#page_1310 .frame-type-wst3bootstrap_tabs .card-group .card-body>p:last-child>a:only-child:hover,
#page_1310 .frame-type-wst3bootstrap_tabs .card-group .card-body>p:last-child>a:only-child:focus{background:var(--af-ink);color:#fff!important}

/* Zuordnung Farbe/Icon: Tab 1 Lebensstationen */
#page_1310 .tab-content>.tab-pane:nth-child(1) .card-group>.card:nth-child(1){--af:#586c87;--af-ink:#3f5068;--af-icon:var(--i-taufe)}
#page_1310 .tab-content>.tab-pane:nth-child(1) .card-group>.card:nth-child(2){--af:#5cb85c;--af-ink:#2e7031;--af-icon:var(--i-konfi)}
#page_1310 .tab-content>.tab-pane:nth-child(1) .card-group>.card:nth-child(3){--af:#f0ad4e;--af-ink:#8f5a08;--af-icon:var(--i-trauung)}
#page_1310 .tab-content>.tab-pane:nth-child(1) .card-group>.card:nth-child(4){--af:#343a40;--af-ink:#343a40;--af-icon:var(--i-bestattung)}
/* Tab 2 Gottesdienste */
#page_1310 .tab-content>.tab-pane:nth-child(2) .card-group>.card:nth-child(1){--af:#5cb85c;--af-ink:#2e7031;--af-icon:var(--i-kigo)}
#page_1310 .tab-content>.tab-pane:nth-child(2) .card-group>.card:nth-child(2){--af:#d9534f;--af-ink:#a5322e;--af-icon:var(--i-anders)}
#page_1310 .tab-content>.tab-pane:nth-child(2) .card-group>.card:nth-child(3){--af:#586c87;--af-ink:#3f5068;--af-icon:var(--i-senioren)}
/* Tab 3 Begleitung & Begegnung */
#page_1310 .tab-content>.tab-pane:nth-child(3) .card-group>.card:nth-child(1){--af:#343a40;--af-ink:#343a40;--af-icon:var(--i-seelsorge)}
#page_1310 .tab-content>.tab-pane:nth-child(3) .card-group>.card:nth-child(2){--af:#5cb85c;--af-ink:#2e7031;--af-icon:var(--i-auszeit)}
#page_1310 .tab-content>.tab-pane:nth-child(3) .card-group>.card:nth-child(3){--af:#586c87;--af-ink:#3f5068;--af-icon:var(--i-oekumene)}

/* Abschnitte im Tab: Text-Element mit Überschrift = neuer Abschnitt mit Trennlinie */
#page_1310 .tab-content>.tab-pane>.frame-type-text{scroll-margin-top:110px}
#page_1310 .tab-content>.tab-pane>.frame-type-text:has(.ce-header){border-top:1px solid rgba(0,0,0,.1);padding-top:2rem;margin-top:1.5rem}
#page_1310 .tab-content>.tab-pane>.frame-type-text .ce-content>p:first-of-type{font-size:1.1rem;max-width:46rem}

/* Akkordeon (wst3bootstrap): ganze Kopfzeile klickbar, Pfeil zeigt den Zustand */
#page_1310 .frame-type-wst3bootstrap_accordion .accordion>.card{margin:0;border:1px solid rgba(0,0,0,.125);border-radius:0}
#page_1310 .frame-type-wst3bootstrap_accordion .accordion>.card:not(:last-child){border-bottom:0}
#page_1310 .frame-type-wst3bootstrap_accordion .accordion>.card:first-child{border-top-left-radius:.25rem;border-top-right-radius:.25rem}
#page_1310 .frame-type-wst3bootstrap_accordion .accordion>.card:last-child{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}
#page_1310 .frame-type-wst3bootstrap_accordion .card-header{padding:0;background:#f7f8fa;border-bottom:1px solid rgba(0,0,0,.125)}
#page_1310 .frame-type-wst3bootstrap_accordion .card-header h5{margin:0;font-size:1rem;line-height:1.4}
#page_1310 .frame-type-wst3bootstrap_accordion .card-header a{position:relative;display:block;padding:.85rem 2.75rem .85rem 1.25rem;font-weight:700;color:#292b2c;text-decoration:none}
#page_1310 .frame-type-wst3bootstrap_accordion .card-header a:hover{background:#eef1f5}
#page_1310 .frame-type-wst3bootstrap_accordion .card-header a:focus{outline:2px solid #586c87;outline-offset:-2px}
#page_1310 .frame-type-wst3bootstrap_accordion .card-header a::after{content:"";position:absolute;right:1.25rem;top:50%;width:.6rem;height:.6rem;border-right:2px solid #3f5068;border-bottom:2px solid #3f5068;transform:translateY(-30%) rotate(-135deg);transition:transform .2s}
#page_1310 .frame-type-wst3bootstrap_accordion .card-header a.collapsed::after{transform:translateY(-70%) rotate(45deg)}
@media (prefers-reduced-motion:reduce){#page_1310 .frame-type-wst3bootstrap_accordion .card-header a::after{transition:none}}
#page_1310 .frame-type-wst3bootstrap_accordion .card-body{padding:1rem 1.25rem}
#page_1310 .frame-type-wst3bootstrap_accordion .card-body .frame{margin:0!important;padding:0!important}
#page_1310 .frame-type-wst3bootstrap_accordion .card-body .ce-content>:last-child{margin-bottom:0}

/* Personen-Cards: Cards-Element, dessen Cards ein Bild haben (Passbild 7:9).
   Name (Card-Kopf) unter dem Bild, darunter Funktion, Adresse, Telefon, Mail-Schaltfläche.
   Gilt auf jeder Seite, die diese Datei lädt (#page = Seitenrahmen des Templates).
   Doppelte ID nur für höhere Spezifität: schlägt die Farb-Zuordnung nach Position. */
#page#page .card-group:has(>.card>figure){display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),13rem));justify-content:start;margin-bottom:.5rem}
#page#page .card-group:has(>.card>figure)>.card{--af:#586c87;--af-ink:#3f5068;display:flex;flex-direction:column;margin:0!important;height:100%;border:1px solid rgba(0,0,0,.125)!important;border-radius:.25rem!important;overflow:hidden}
#page#page .card-group:has(>.card>figure)>.card>figure{order:-1;margin:0}
#page#page .card-group:has(>.card>figure)>.card>figure img{display:block;width:100%;height:auto;aspect-ratio:7/9;object-fit:cover;border-radius:0}
#page#page .card-group:has(>.card>figure)>.card>.card-header{order:0;padding:.85rem 1rem 0;background:none;border:0;font-size:1.05rem;font-weight:700;line-height:1.3}
#page#page .card-group:has(>.card>figure) .card-body{order:1;display:flex;flex-direction:column;padding:.35rem 1rem 1rem;font-size:.9rem}
#page#page .card-group:has(>.card>figure) .card-body>p{margin:0 0 .5rem}
#page#page .card-group:has(>.card>figure) .card-body>p:first-child>strong:only-child{display:block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#3f5068}
#page#page .card-group:has(>.card>figure) .card-body>p:last-child{margin:auto 0 0;padding-top:.5rem}