/* Ergaenzungen fuer den Umzug ins neue System (22.10.2026).
   Das Aussehen kommt aus main.css/global.css des alten Auftritts. Hier steht nur, was das
   neue System anders ausgibt: Sprunglink, FAQ-Klappliste, Kontaktformular. */
.skip-link{position:absolute;left:-9999px;top:0;z-index:100000;background:#fff;color:#000;padding:.5em 1em}
.skip-link:focus{left:1em}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* FAQ: die alte Seite benutzte das jQuery-UI-Akkordeon. Ueberschrift der Rubrik steht
   eingebacken im Abschnitt, die neue Kopfzeile des Moduls entfaellt. */
.faq-section .section-header,.verwandte-themen-section{display:none}
.faq-section .container{padding:0;max-width:none}
.faq-item{margin:2px 0 0 0}
.faq-frage{display:block;width:100%;text-align:left;cursor:pointer;margin:0;padding:.5em .5em .5em .7em;
  border:1px solid #c5c5c5;background:#f6f6f6;font:inherit;font-weight:700;font-size:12px;color:inherit;border-radius:3px}
.faq-frage:hover{background:#ededed;border-color:#ccc}
.faq-antwort{display:none;padding:1em 2.2em;border:1px solid #ddd;border-top:0;background:#fff}
.faq-item.offen .faq-antwort,.faq-frage[aria-expanded="true"]+.faq-antwort{display:block}

/* Kontaktformular: Beschriftung links, Feld rechts, wie das alte Formular */
.ib-kontakt aside,.ib-kontakt .ib-formular>h2,.ib-kontakt .ib-feld:has(#k-anliegen){display:none}
.ib-kontakt-raster{display:block}
.ib-formular .ib-paar{display:block}
.ib-formular .ib-feld{display:flex;flex-wrap:wrap;margin-bottom:15px;max-width:680px}
.ib-formular .ib-feld label{width:150px;padding-top:5px;font-size:12px}
.ib-formular .ib-feld input,.ib-formular .ib-feld select,.ib-formular .ib-feld textarea{flex:1;min-width:200px;max-width:530px;
  padding:3px 4px 6px;border:1px solid #ccc;border-radius:5px;font:inherit}
.ib-formular .ib-feld textarea{border-color:#7C7A7A;padding:3px}
.ib-formular .ib-zustimmung,.ib-formular .ib-pflicht{max-width:680px;font-size:12px;margin:0 0 15px 150px}
.ib-formular .ib-knopf{margin-left:150px;font-size:14px;padding:5px 15px 8px;border:1px solid #377da1;background:#fff;color:#377da1;border-radius:5px;cursor:pointer}
.ib-formular .form-meldung{margin-left:150px}
@media (max-width:700px){
  .ib-formular .ib-feld label{width:100%}
  .ib-formular .ib-zustimmung,.ib-formular .ib-pflicht,.ib-formular .ib-knopf,.ib-formular .form-meldung{margin-left:0}
}

/* Das neue System schreibt jedem Bild width/height (gegen Springen beim Laden). Wo das alte
   CSS nur die Breite setzt, wuerde das Bild sonst auf die volle Hoehe gestreckt. */
img[width][height]:not(.flexbin img){height:auto}

/* FAQ: die Rubrik steht schon eingebacken als Ueberschrift darueber */
.faq-section .faq-rubrik{display:none}
.faq-frage{font-size:15px;color:#007fa5;padding:.5em .5em .5em 1.1em}

/* Karte im Fuss (js/karte-fuss.js): das Popup erbt sonst die helle Fussschrift */
.karte-fuss .leaflet-popup-content{color:#333;font-size:12px;line-height:1.4}
.karte-fuss{z-index:0;position:relative}

/* Bewerbungsformular der Stellenanzeige im Stil des Kontaktformulars */
.stellenangebot_wrapper .vorzeile{display:none}
.ib-formular .btn{margin-left:150px;font-size:14px;padding:5px 15px 8px;border:1px solid #377da1;background:#fff;color:#377da1;border-radius:5px;cursor:pointer}
@media (max-width:700px){.ib-formular .btn{margin-left:0}}

/* Galerie (flexbin) der alten Fassung: die Kachelbreite ergibt sich aus der Bildbreite bei
   fester Hoehe. Das width-Attribut des neuen Systems wuerde jede Kachel auf volle Breite ziehen. */
.flexbin > * > img[width]{width:auto}