/* prinzrudolf: Optimierungen 2026 (L8), eingebunden in opt2026.typoscript */

/* Skip-Link: erst bei Tastatur-Fokus sichtbar */
.skip-link {position: absolute; left: 10px; top: -60px; z-index: 100000; padding: 10px 16px; background: #ffd100; color: #222;
  font-family: 'Town 10 Display'; font-weight: 900; letter-spacing: 1px; text-decoration: none;}
.skip-link:focus {top: 10px;}
#maincontent:focus {outline: none;}

/* Cookie-Hinweis (terms_*.js.php setzt background:#777 inline: 4,5:1 knapp verfehlt) -> dunkler */
.cookiealert a.ok {background: #555 !important;}

/* Fusszeilen-Titel jetzt h2 (opt2026.typoscript), Aussehen wie vorher .footer h3 */
.footer h2.footer-title {font-family: 'Town 10 Display'; font-weight: 900; font-style: normal; letter-spacing: 1px;
  font-size: 18px; line-height: 22px; margin: 0 0 20px; color: #fff;}
@media (max-width: 1280px) {.footer h2.footer-title {font-size: 16px; line-height: 20px;}}
@media (max-width: 1100px) {.footer h2.footer-title {font-size: 14px; line-height: 18px;}}

/* Anfrage-Formulare (EXT:form) wie das alte Powermail-Layout (BootstrapClassesAndLayout): Titel zentriert,
   zwei Fieldsets nebeneinander (col-md-6), darin Label 5 / Feld 7 (col-sm-5 / col-sm-7), Absenden in der rechten Spalte */
.frame-type-form_formframework > header {text-align: center;}
.frame-type-form_formframework legend {font-size: 1.5rem; padding-bottom: 15px;}
.frame-type-form_formframework [hidden] {display: none !important;}
@media (min-width: 768px) {
  .frame-type-form_formframework form {display: grid; grid-template-columns: 1fr 1fr; column-gap: 60px;}
  .frame-type-form_formframework form > div:not(.actions) {grid-column: 1 / -1;}   /* versteckte Felder (__state) */
  .frame-type-form_formframework form > .actions {grid-column: 2;}
}
@media (min-width: 576px) {
  .frame-type-form_formframework .form-element:not(.form-element-fieldset):not(.form-element-statictext) {
    display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: 30px; align-items: start;}
  .frame-type-form_formframework .form-element > .form-label {padding-top: calc(.375rem + 1px); margin-bottom: 0;}
  .frame-type-form_formframework .form-element > .invalid-feedback,
  .frame-type-form_formframework .form-element > .form-text {grid-column: 2;}
  .frame-type-form_formframework .actions {padding-left: calc((100% - 30px) * 5 / 12 + 30px);}
}
/* EXT:form rendert Bootstrap-5-Klassen (form-select), die Site hat Bootstrap 4: Auswahlfelder wie .form-control */
.frame-type-form_formframework .form-select {display: block; width: 100%; min-width: 0; height: calc(1.5em + .75rem + 2px);
  padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff;
  border: 1px solid #ced4da; border-radius: .25rem;}