@charset "UTF-8";  

/* CSS Document */
p, h1, h2, h3 h4, b, span, div, i {hyphens:none!important;
}
 /* Neuvorschläge Kopfbereich volle seite zeigen */
    
 body.path-neuvorschl-ge #block-fpl-olivero-content .view,
body.path-neuvorschl-ge #block-fpl-olivero-content .view-content {
  display: block !important;        /* statt grid */
}

body.path-neuvorschl-ge #block-fpl-olivero-content .view-header,
body.path-neuvorschl-ge #block-fpl-olivero-content .view-content {
  width: 100% !important;
  max-width: 100% !important;
}

/* bearbeiten-link im breadcrumb */
.breadcrumb {
  display: flex;
  align-items: center;
}

.breadcrumb__content {
  flex: 1 1 auto;
}

.bearbeitenlink {
  margin-left: auto;
}

.reference-group {
  display: block;
  margin-bottom: 0.25rem; /* Abstand zwischen den Arten */
}

/* Gap-Ersatz: Abstand zwischen Header und Content */
body.path-neuvorschl-ge #block-fpl-olivero-content .view-header {
  margin-bottom: var(--sp2, 1rem);
}

div.user-menu, div.user-menu p {
  background-color: #fff;
  padding-left: 14px;
  font-family: Arial, sans-serif !important;
}
/* Menü ausgeklappt lassen, wenn untermenüpunkt gewählt */


/* Active-Trail und seine Eltern aufklappen */
.menu__item--active-trail > .menu,
.menu__item--active-trail .menu__item--active-trail > .menu {
  display: block;
}

.view-id-neuerscheinungen {
    
    clear: both;
display: block;
}
.view-id-neuerscheinungen .view-header {
    margin-top:20px;
     margin-bottom:20px;
}

/* Burgermenuzeile */

/* === Mobile Top-Bar für Burger-Button === */
.mobile-topbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 48px;                      /* gewünschte Höhe */
  background-color: #fff;            /* weiße Zeile */
  border-bottom: 1px solid #ddd;     /* leichte Trennlinie */
  display: flex;
  align-items: center;
  justify-content: flex-start;       /* Button linksbündig */
  padding: 0 1rem;
  z-index: 1000;                     /* über Header & Inhalt */
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* Innerer Button-Stil */
.mobile-sidebar-button {
  background: none;
  border: none;
  padding: .5rem;
  font-size: 1rem;
  display: flex;
  align-items: center;
  gap: .5rem;
  cursor: pointer;
  color: #333;
}

/* Icon-Darstellung (klassischer Burger) */
.mobile-sidebar-button__icon {
  position: relative;
  width: 22px;
  height: 14px;
}
.mobile-sidebar-button__icon::before,
.mobile-sidebar-button__icon::after,
.mobile-sidebar-button__icon span {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #333;
  transition: 0.2s ease;
}
.mobile-sidebar-button__icon::before { top: 0; }
.mobile-sidebar-button__icon span    { top: 6px; }
.mobile-sidebar-button__icon::after  { bottom: 0; }

/* Nur auf Mobile sichtbar */
@media (min-width: 1025px) {
  .mobile-topbar { display: none; }
}

/* ====== NAV: Block "fpl_olivero_navigation" optisch wie das Seiten/Haupt-Menü ====== */
#block-fpl-olivero-navigation {
  background-color: #fff;
  padding: 10px;
  font-family: Arial, sans-serif !important;
}

/* Überschrift im Block ausblenden (wie beim Seitenmenü) */
#block-fpl-olivero-navigation h2.block__title {
  display: none;
}

/* Kontext-Links im Frontend verbergen */
#block-fpl-olivero-navigation .contextual {
  display: none !important;
}

/* UL/LIs glätten und exakt wie beim Seitenmenü aufbauen */
#block-fpl-olivero-navigation ul.menu {
  list-style: none;
  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
}

#block-fpl-olivero-navigation ul.menu li {
  border-bottom: 1px solid #b2b2b2;
  padding: 8px 12px;
  margin: 0 !important;
  line-height: 1.5 !important;
}

/* Links wie im Seitenmenü/Fußmenü: fett, 16px, Hover-Farbe */
#block-fpl-olivero-navigation ul.menu li a {
  text-decoration: none;
  color: #000;
  font-size: 16px !important;
  font-weight: bold !important;
  display: block;
  transition: color 0.3s ease-in-out;
  font-family: Arial, sans-serif !important;
  line-height: 1.5 !important;
  padding: 6px 10px !important;
  margin: 0 !important;
}

#block-fpl-olivero-navigation ul.menu li a:hover {
  color: #ee6a13 !important;
}

/* Level-1: linke farbige Leiste auf Hover (wie bereits beim Seitenmenü) */
#block-fpl-olivero-navigation ul.menu--level-1 li a {
  border-left: 3px solid transparent !important;
}
#block-fpl-olivero-navigation ul.menu--level-1 li a:hover {
  border-left: 3px solid #ee6a13 !important;
}

/* Responsiv: auf kleineren Screens etwas kompakter */
@media (max-width: 768px) {
  #block-fpl-olivero-navigation {
    padding: 5px !important;
  }
  #block-fpl-olivero-navigation ul.menu li {
    padding: 6px 10px !important;
  }
  #block-fpl-olivero-navigation ul.menu li a {
    font-size: 14px !important;
    line-height: 1.4 !important;
  }
}


/* Smartphones: schwarzen Rand am footer entfernen */
@media (max-width: 767px) {
  body:not(.is-always-mobile-nav) .site-footer {
    border-inline-start: none!important;
  }
    
    /* Smartphone: Footer unten einspaltig + Reihenfolge Menü vor Text */
@media (max-width: 767px) {
  .site-footer .region.region--footer-bottom {
    display: flex !important;
    flex-direction: column !important;  /* statt row */
    flex-wrap: nowrap !important;
    gap: 0.75rem;                       /* optionaler Abstand */
  }

  /* Beide Blöcke volle Breite */
  .site-footer .region.region--footer-bottom > #block-fpl-olivero-footermenublock,
  .site-footer .region.region--footer-bottom > #block-fpl-olivero-footertextneu {
    flex: 0 0 100% !important;          /* volle Breite */
    max-width: 100% !important;
    width: 100% !important;
  }

  /* Reihenfolge explizit setzen */
  .site-footer .region.region--footer-bottom > #block-fpl-olivero-footermenublock { order: 1 !important; }
  .site-footer .region.region--footer-bottom > #block-fpl-olivero-footertextneu   { order: 2 !important; }

  /* Bild im Schriftzug responsiv */
  #footerschriftzug img { display: block; width: 100%; height: auto; }
}
@media (max-width: 767px) {
  .site-footer .region.region--footer-bottom.grid-full { display: flex !important; }
}

   
/* ===== Smartphone-Fix: Bild volle Breite ===== */
@media (max-width: 767px) {
  /* Container entkoppeln und auf volle Breite ziehen */
  .photo-gallery {
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    margin: 10px 0 20px 0 !important;
    display: block !important;
  }

  .photo-wrapper,
  .photo {
    width: 100% !important;
    max-width: none !important;
    display: block !important;
  }

  /* Das eigentliche Bild: wirklich 100% Breite */
  .photo img.portrait-style,
  img.portrait-style {
    display: block !important;
    width: 100% !important;     /* füllt den Container */
    max-width: 100% !important; /* falls woanders max-width gesetzt war */
    height: auto !important;    /* Verhältnis behalten */
  }

  /* Optional: Caption fürs Handy angenehmer */
  #bildunterschrift {
    text-align: left;           /* oder center, wenn gewünscht */
    font-size: 92%;
    line-height: 1.35;
    margin-top: 6px !important;
  }
  #bildunterschrift p {
    margin: 0 0 4px 0 !important;
  }
}
/* Mobile: Headergrafiken tauschen und links verankern */
/*@media (max-width: 1024px) {
  
  #header {
    background: none !important;
    min-height: 140px;            
  }*/

  /* Startseite */
  body.path-frontpage #header {
    background-image: url('../images/FBS_FPL_10_2025_mobile_Header_Startseite.jpg') !important;
    background-repeat: no-repeat;
    background-position: left center;   /* links verankert */
    background-size: cover;           /* oder: cover / auto 100% je nach Motiv */
  }

  /* Unterseiten */
  body.path-node #header {
    background-image: url('../images/FBS_FPL_10_2025_mobile_Header_Unterseite.jpg') !important;
    background-repeat: no-repeat;
    background-position: left center;   /* links verankert */
    background-size: cover;
  }
}
/* 1) Korrekte Media-Klammern + Grid-Spanne erzwingen */
@media (max-width: 1024px) {
  #content.grid-full > *,
  .region--content.grid-full > * {
    grid-column: 1 / -1 !important;
    min-width: 0;
  }

  /* 2) Olivero-Container-Breiten aufheben */
  #content.layout--pass--content-medium,
  .region--content.layout--pass--content-medium,
  .layout--content-medium {
    max-width: none !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* 3) Den konkreten Block zusätzlich "entfesseln" */
  #block-fpl-olivero-content {
    grid-column: 1 / -1 !important;
    max-width: none !important;
    width: 100% !important;
  }

  /* (Optional) Innenabstand, damit's nicht am Rand klebt */
  .region--content { padding-inline: var(--sp1, 1rem); }
}

/* Mobile: Content-Region einspaltig, Kinder vollbreit */
@media (max-width: 1024px) {
  #content.grid-full,
  .region--content.grid-full {
    /* egal, was --grid-col-count ist → genau 1 Spalte */
    grid-template-columns: 1fr !important;
    grid-column-gap: var(--grid-gap, 1rem);
  }

  /* Alle direkten Kinder über volle Breite ziehen */
  #content.grid-full > *,
  .region--content.grid-full > * {
    grid-column: 1 / -1 !important;
    min-width: 0; /* verhindert Überlauf durch lange Inhalte */
  }
}
/*Personendatensatz mobil*/
@media (max-width: 1024px) {
    .photo-gallery {
float: none!important;
width: 300px;
height: auto;
padding-left: 12px;
margin-top: 10px;
}
}
/* Personensuche */

/* Personensuche: Filter oben, Ergebnisse darunter */
.view-personensuche .view-filters {
  width: 100%;
  margin-bottom: 1rem;
}

.view-personensuche .view-content {
  clear: both;     /* falls das Formular floated */
  width: 100%;
  display: block;  /* Sicherheitsnetz gegen inline/inline-flex */
}

/* Falls das Parent-View per Grid/Flex nebeneinander stellt: hart auf Spalte */
.view-personensuche {
  display: block;          /* baseline */
}
@media (max-width: 2000px) {
  .view-personensuche {
    display: flex;
    flex-direction: column;  /* Filter über Content erzwingen */
  }
}

.family-members-list summary {
color: #ee6a13 !important;
font-weight: bold;
font-size: 105%;
    cursor:pointer;
}
/* Hover-Effekt */
.family-members-list summary:hover {
  font-size: 115%;       /* leicht größer */
  
  transform: scale(1.03);   /* minimaler Zoom */
}


/* Referenzelemente als inline-flex, damit sie im Fließtext bleiben und trotzdem positioniert werden können */
.lexika-reference,
.literatur-reference,
.quellen-reference,
.internet-reference {
  
cursor: pointer;
color: #ee6a13;
}
.page-wrapper {
    max-width:100%!important;
}
.reference-group.lexika b,  .reference-group.literatur b, .reference-group.quellen b, .reference-group.internet b {
float: left;
margin-right: 5px;
}

/* Tooltip-Styling bleibt unverändert */
.lexika-reference .custom-tooltip,
.literatur-reference .custom-tooltip,
.quellen-reference .custom-tooltip,
.internet-reference .custom-tooltip {
  display: none;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 8px;
  border-radius: 4px;
  max-width: 300px;
  white-space: normal;
  word-wrap: break-word;
  z-index: 1000;
  box-shadow: 0 2px 5px rgba(0,0,0,0.15);
}

/* Falls du noch den Separator im Field‑Template verwendest: */
.field__items .field-item,
.field__items .separator {
  display: inline;
}

/* Navigation */


/* Standard-Schriftart für die gesamte Website */
body, p, div, h1, h2, h3, h4, h5, h6, span, a, li, ul, ol, table, input, textarea, button {
  font-family: Georgia, "Times New Roman", Times, serif !important;
    line-height: 21px;
}
.region .user-menu {
margin-block-end: 0px!important;
}
/* generelle Anpassungen */
a:link,
a:visited {
    text-decoration: none;
    color: #ee6a13;
}

a:hover,
a:active {
    text-decoration: underline;
    color: #ff7a23;
}

.node__meta {
    display:none!important;
}

/* Userseite: falsches "Hauptinhalt der Seite" ausblenden */
.path-user h2.block__title {
    display:none;
}

/* fotodarstellung */

.photo-gallery {
float: right;
width: 300px;
height: auto;
padding-left: 12px;
margin-top:10px;
}
div.kopfangaben {
    margin-top:20px;
}
.photo-wrapper {
padding-bottom: 12px;
}

.photo {
display: block;
width: 100%;
max-width: 300px;
height: auto;
/* height: 100%; */
}
#bildunterschrift p {
margin: 0px !important;
}
#bildunterschrift {
font-size: 88%;
line-height: 135%;
margin-top: 8px;
}

.green {
border-bottom: 2px #009d30;
cursor: default;
color: #009d30;
display: inline;
}
.rotfett {
color: #ee6a13 !important;
}
/* breite des hauptberacihs rechts */

.sidebar-grid > .site-main {
display: grid;
grid-template-columns: repeat(8, minmax(0, 1fr));
grid-column: 3 / 11;
    max-width:760px;
    font-size: 0.95em;
}
/* ende generelle anpassungen */
.site-footer {
position: relative;

background: #333!important;
}

body:not(.is-always-mobile-nav) .site-footer {
border-inline-start: solid var(--content-left) var(--color--black);
    background-color:#333!important;
}
/* Header */

body #header {
height: 180px;
background-image: url("../images/FBS_FPL_10_2025_Header_Unterseite.jpg");
background-repeat: no-repeat;
background-position: center;
}
body.path-frontpage #header {
height: 360px;
background-image: url("../images/FBS_FPL_10_2025_Header_Startseite.jpg");
background-repeat: no-repeat;
background-position: center;
}


body #page #header .site-header__fixable {
    
}

body #page #header .site-header__initial {
position: relative;
z-index: 102;
display: flex;
align-items: flex-end;
align-self: stretch;
background-color: transparent!important;
}
body #page #header .site-header__inner {
position: relative;
left:80px;
z-index: 1;

flex-grow: 1;
width: calc(100vw - var(--content-left) - var(--drupal-displace-offset-left, 0px) - var(--drupal-displace-offset-right, 0px));
background: 0 none;
}
body.path-frontpage #page #header #block-fpl-olivero-site-branding {
display: none!important;
flex-shrink: 1;
align-items: flex-end;
/*background:url("../images/FBS_FPL_10_2025_Schriftzug_Header.png");
*/
left: 13%;
top: 172px;
width: 307px;
height:180px;
}
body #page #header #block-fpl-olivero-site-branding {

  display: none!important;
  text-decoration:none;
align-items: flex-end;
/*background:url("../images/FBS_FPL_2025_10_Schriftzug_Header.png");
*/
left: 13%;
top: 0px;
width: 307px;
height:180px;
}

/* Die Link-Fläche liegt über dem Header-Hintergrund, aber unter den Buttons */
.header-link-cover {
  position: absolute;
  inset: 0;        /* top/right/bottom/left: 0 */
  display: block;
  z-index: 1;      /* Grundfläche */
}

/* Interaktive Elemente darüber legen */
.sticky-header-toggle,
.mobile-buttons,
.header-nav,
.site-header__inner {
  position: relative;
  z-index: 2;
}

/* A11y: Screenreader-Only */
.visually-hidden {
  position: absolute !important;
  width: 1px; height: 1px;
  overflow: hidden; clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}

/* ende header */



/* startseite sepzielle */

.path-frontpage .node__content {
    display:none;
    
}

/* monatsteaser auf startseite */

.path-frontpage .view-monatsteaser .views-row {
padding-left: 15px;
padding-right: 15px;
padding-top: 13px;
padding-bottom: 1px;
background-color: #e9ebeb;
margin-bottom: 35px;
width: 94%;
}

.path-frontpage .view-monatsteaser .views-row a.views-more-link:hover, #lesekasten a:hover {
color: #ee6a13 !important;
text-decoration: none !important;
}

.path-frontpage .view-monatsteaser .views-row a.views-more-link {
margin-bottom: 15px;
width: 100% !important;
}

.path-frontpage .view-monatsteaser a.views-more-link {
display: inline-block;
width: 98%;
border: 1px solid #b2b2b2 !important;
height: 45px;
line-height: 45px;
text-align: center;
color: #000000!important;
margin-top: -10px;
}
.path-frontpage .view-monatsteaser p strong {
    font-weight: normal;
font-size: 20px;
margin-bottom: 10px;
padding-bottom: 10px;
display: inline-block;
}
/* Personensuche Formular Anpassungen */

#edit-field-nachname-value-wrapper {
    color: white!important; 
    border: 0 none!important; 
    background-color: 0 none!important; 
    float: left!important;
}
#edit-field-nachname-value-wrapper .fieldset__legend {
    width:auto!important;
    float: left!important;
    color: #000000!important;
    background-color: white!important; 
    clear: none!important;
}
#edit-field-nachname-value-wrapper .fieldset__label {
    color: #000000!important;
    float: left!important;
    padding-top: 35px;
}

#edit-field-nachname-value-wrapper .fieldset__wrapper {
padding-block: 0!important; 
padding-inline: 2px!important; 
clear: none!important;
width: 700px!important;
}
select#edit-field-nachname-value-op {
border: 0 none!important;   
}
select#edit-field-nachname-value-op:hover {
  
    color:#ee6a13 !important;
}
input#edit-field-nachname-value:hover {
   color:#ee6a13 !important;
}
input.button {
    color:#000000!important;
}
input.button:hover {
    color:#ee6a13 !important;
}
.pager__item--active {
color:#ee6a13 !important;
background-color: #ffffff!important;
}
#edit-field-nachname-value-wrapper .fieldset__wrapper .js-form-item 
{
    float: left!important;
    padding-right: 5px;
}
/* ende personensuche */
.view-content {
    gap:0!important;
}
/*
.view-content, .view-veroeffentlichte-artikel-glossar .view-content, .view-neuerscheinungen.view-display-id-block_2 .view-content, .view-neuerscheinungen.view-display-id-block_1 .view-content, .view-neuerscheinungen.view-id-neuerscheinungen.view-display-id-page_1 .view-content {
    gap:0!important;
}*/
/* Menüs */

#block-fpl-olivero-footermenublock {
width: 240px;
float: left;
height: 100%;
flex:0.5!important;
}
/* Footer-Bottom: flex-Container erzwingen */
.region--footer-bottom {
  display: flex !important;
  flex-wrap: wrap;
  gap: 1rem; /* optionaler Abstand zwischen den Blöcken */
}

/* Direkte Kind-Blöcke auf 50 % Breite */
.region--footer-bottom > .block {
  flex: 1 1 50%;
  box-sizing: border-box; /* damit Padding korrekt gerechnet wird */
}

#block-fpl-olivero-footertextneu {
width: 690px;
padding-left: 5px;
font-size: 14px;
float: left;
}
#block-fpl-olivero-footertextneu h2.block__title {
display:none;
}
#block-fpl-olivero-footertextneu .block__content .text-content {
font-size:14px;
font-family: Georgia,"Times New Roman",Times,serif;
color: #c0c0c0;
}
#block-fpl-olivero-footertextneu .block__content .text-content p {
margin-block-start: 0!important;
margin-block-end: 12px!important;
line-height: 20px!important;
}

 ul.menu li a {
color: #000000 !important;
margin-left: 13px;
display: block;
font-size: 15px;
}
ul.menu li a:hover {
color: #ff7a23 !important;
margin-left: 13px;
display: block;
font-size: 15px;
text-decoration:none!important;
}

/* Grundlegendes Styling für das neue Menü, um es an das alte anzupassen */

#block-fpl-olivero-usermenu {
  background-color: #fff;
  
  padding-left: 14px;
  font-family: Arial, sans-serif !important;
}

/* Entfernen der standardmäßigen Block-Überschrift */
#block-fpl-olivero-usermenu h2 {
  display: none;
}

#block-fpl-olivero-usermenu ul {
  list-style: none;
  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
}

#block-fpl-olivero-usermenu ul li {
  border-bottom: 1px solid #b2b2b2;
  padding: 8px 12px;
  margin: 0 !important;
  line-height: 1.5 !important; /* Zeilenhöhe an das Original anpassen */
}

#block-fpl-olivero-usermenu ul li a {
  text-decoration: none;
  color: #000;
  font-size: 16px !important;
  font-weight: bold !important;
  display: block;
  transition: color 0.3s ease-in-out;
  font-family: Arial, sans-serif !important;
  line-height: 1.5 !important; /* Einheitlicher Zeilenabstand */
  padding: 6px 10px !important;
  margin: 0 !important;
}

#block-fpl-olivero-usermenu ul li a:hover {
  color: #ee6a13 !important;
}

/* Spezifisches Styling für Menü-Elemente, damit es dem alten Menü ähnelt */
#block-fpl-olivero-usermenu ul {
  padding-left: 0 !important;
}

#block-fpl-olivero-usermenu ul li {
  padding-left: 0 !important;
}

#block-fpl-olivero-usermenu ul li a {
  font-size: 15px !important;
  padding: 6px 10px !important;
  border-left: 3px solid transparent !important;
}

#block-fpl-olivero-usermenu ul li a:hover {
  border-left: 3px solid #ee6a13 !important;
}

/* Kontextmenü-Links ausblenden */
#block-fpl-olivero-usermenuu .contextual {
  display: none !important;
}

/* Responsives Design für kleinere Bildschirme */
@media screen and (max-width: 768px) {
 #block-fpl-olivero-usermenu {
    padding: 5px !important;
  }

  #block-fpl-olivero-usermenu ul li {
    padding: 6px 10px !important;
  }

 #block-fpl-olivero-usermenu ul li a {
    font-size: 14px !important;
    line-height: 1.4 !important;
  }
}


#block-fpl-olivero-seitenmenu, #block-fpl-olivero-aufgaben {
  background-color: #fff;
  
  padding: 10px;
  font-family: Arial, sans-serif !important;
}

/* Entfernen der standardmäßigen Block-Überschrift */
#block-fpl-olivero-seitenmenu h2 {
  display: none;
}

#block-fpl-olivero-seitenmenu ul.menu, #block-fpl-olivero-aufgaben ul.menu {
  list-style: none;
  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
}

#block-fpl-olivero-seitenmenu ul.menu li, #block-fpl-olivero-aufgaben ul.menu li {
  border-bottom: 1px solid #b2b2b2;
  padding: 8px 12px;
  margin: 0 !important;
  line-height: 1.5 !important; /* Zeilenhöhe an das Original anpassen */
}

#block-fpl-olivero-seitenmenu ul.menu li a, #block-fpl-olivero-aufgaben ul.menu li a{
  text-decoration: none;
  color: #000;
  font-size: 16px !important;
  font-weight: bold !important;
  display: block;
  transition: color 0.3s ease-in-out;
  font-family: Arial, sans-serif !important;
  line-height: 1.5 !important; /* Einheitlicher Zeilenabstand */
  padding: 6px 10px !important;
  margin: 0 !important;
}

#block-fpl-olivero-seitenmenu ul.menu li a:hover, #block-fpl-olivero-aufgaben ul.menu li a:hover{
  color: #ee6a13 !important;
}

/* Spezifisches Styling für Menü-Elemente, damit es dem alten Menü ähnelt */
#block-fpl-olivero-seitenmenu ul.menu--level-1, #block-fpl-olivero-aufgaben ul.menu--level-1 {
  padding-left: 0 !important;
}

#block-fpl-olivero-seitenmenu ul.menu--level-1 li, #block-fpl-olivero-aufgaben ul.menu--level-1 li {
  padding-left: 0 !important;
}

#block-fpl-olivero-seitenmenu ul.menu--level-1 li a, #block-fpl-olivero-aufgaben ul.menu--level-1 li a {
  font-size: 15px !important;
  padding: 6px 10px !important;
  border-left: 3px solid transparent !important;
}
#block-fpl-olivero-aufgaben ul.menu--level-1 li a {
padding-left:20px!important;
}
#comments {
  background-color: aliceblue;
background-clip: content-box;
padding-left: 50px!important;
}

#block-fpl-olivero-seitenmenu ul.menu--level-1 li a:hover, #block-fpl-olivero-aufgaben ul.menu--level-1 li a:hover {
  border-left: 3px solid #ee6a13 !important;
}

/* Kontextmenü-Links ausblenden */
#block-fpl-olivero-seitenmenu .contextual {
  display: none !important;
}

/* Responsives Design für kleinere Bildschirme */
@media screen and (max-width: 768px) {
  #block-fpl-olivero-seitenmenu, #block-fpl-olivero-aufgaben {
    padding: 5px !important;
  }

  #block-fpl-olivero-seitenmenu ul.menu li, #block-fpl-olivero-aufgaben ul.menu li {
    padding: 6px 10px !important;
  }

  #block-fpl-olivero-seitenmenu ul.menu li a, #block-fpl-olivero-aufgaben ul.menu li a {
    font-size: 14px !important;
    line-height: 1.4 !important;
  }
}






/* MOBILE FIX: #content und alle Kinder wirklich vollbreit */
@media (max-width:1024px){
  /* 1) Grid am Container aus: */
  #content.grid-full,
  .region--content.grid-full{
    display:block !important;
    width:100% !important;
    max-width:none !important;
  }

  /* 2) Jedes direkte Kind über volle Breite + kein Float/Flex-Shink */
  #content > *,
  .region--content > *{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    grid-column:1 / -1 !important;
    float:none !important;
    flex: 1 1 auto !important;
    min-width:0 !important;
  }

  /* 3) Der konkrete Block, der schmal bleibt */
  #block-fpl-olivero-content{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    float:none !important;
    flex:1 1 auto !important;
  }

  /* 4) Typische Übeltäter neutralisieren */
  .layout--content-medium,
  .layout--pass--content-medium{
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    width:100% !important;
  }
  .contextual{ float:none !important; width:auto !important; }
}

/* Grundlegendes Styling für das Footer-Menü */

#block-fpl-olivero-footermenublock {
  background-color: #333 !important;
  padding: 20px !important;
  border-top: 2px solid #555 !important;
  font-family: Arial, sans-serif !important;
  text-align: center !important;
}

/* Kontextmenü-Links ausblenden */
#block-fpl-olivero-footermenublock .contextual {
  display: none !important;
}

/* Styling für das Logo im Footer */
#footerschriftzug img {
  max-width: 82% !important;
  height: auto !important;
}

/* Styling für das Footer-Menü */
#block-fpl-olivero-footermenublock .footer-menu {
margin-top: 15px !important;
width: 118px;
text-align: left!important;
margin-left: 0px;
padding-left: 0px!important;
/* display: inline-block; */
}

#block-fpl-olivero-footermenublock .footer-menu ul.menu {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
}

#block-fpl-olivero-footermenublock .footer-menu ul.menu li {
  
  margin: 0 10px !important;
  padding: 5px 0 !important;
    
border-bottom: 1px solid #b2b2b2;
padding: 8px 12px;
margin: 0 !important;
line-height: 1.5 !important;

}

#block-fpl-olivero-footermenublock .footer-menu ul.menu li a {
  text-decoration: none !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: bold !important;
  display: inline-block !important;
  transition: color 0.3s ease-in-out !important;
  font-family: Arial, sans-serif !important;
}

#block-fpl-olivero-footermenublock .footer-menu ul.menu li a:hover {
  color: #ee6a13 !important;
}

/* Responsive Design für kleinere Bildschirme */
@media screen and (max-width: 768px) {
  #block-fpl-olivero-footermenublock {
    padding: 15px !important;
  }

  #block-fpl-olivero-footermenublock .footer-menu ul.menu li {
    display: block !important;
    margin: 5px 0 !important;
      
  }

  #block-fpl-olivero-footermenublock .footer-menu ul.menu li a {
    font-size: 14px !important;
  }
}


/* Seitenleiste von rechts nach links verschieben */
.sidebar-grid {
  display: flex !important;
  /*flex-direction: row-reverse !important; *//* Dreht die Reihenfolge um */
}

/* Stellt sicher, dass die Sidebar links und der Hauptinhalt rechts ist */
.region--sidebar {
  order: -1 !important;
}

.site-main {
  order: 0 !important;
}

/* typografie */
h3.unterzeile {
    font-size: 1.17em;
    margin-top:7px;
    margin-bottom:10px;
    font-weight:normal!important;
    line-height: 1em!important;
}

h1.page-title, h2.block__title {
    
font-size: 27px !important;
line-height: 30px !important;
padding-top: 5px;
color:#000000!important;
    font-weight: normal!important;
}
.page-node-type-biographischer-artikel h1.page-title, h2.block__title {
    

    margin-bottom:0px!important;
}

.text-content a:where(:not(.button)):hover, .cke_editable a:where(:not(.button)):hover {
-webkit-text-decoration: none!important;
text-decoration: none!important;

box-shadow:none!important;
text-decoration-color: var(--color--primary-80);
}
.text-content a:where(:not(.button)), .cke_editable a:where(:not(.button)) {
transition: box-shadow 0.3s cubic-bezier(0.55, 0.085, 0, 0.99);
-webkit-text-decoration: none;
text-decoration: none;
box-shadow: none!important;
}
/* ende typografie */
.frontend-editing-toggle {
    background-color:transparent!important;
}
/* MOBILE – Content wirklich 100% breit + Sidebar-Grid neutralisieren */
@media (max-width:1024px){
  /* 1) Grid am Content-Container komplett aus */
  #content.grid-full,
  .region--content.grid-full{
    display:block !important;
    width:100% !important;
    max-width:none !important;
  }

  /* 2) Alle direkten Kinder volle Breite */
  #content > *,
  .region--content > *{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    grid-column:1 / -1 !important;
    float:none !important;
    flex:1 1 auto !important;
    min-width:0 !important;
  }

  /* 3) Konkreter Hauptblock */
  #block-fpl-olivero-content{
    display:block !important;
    width:100% !important;
    max-width:none !important;
  }

  /* 4) Olivero-Containerbreiten aushebeln */
  .layout--content-medium,
  .layout--pass--content-medium{
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    width:100% !important;
  }

  /* 5) Sidebar-Grid im Mobilfall linear machen */
  .sidebar-grid{
    display:block !important;
  }
  .sidebar-grid > .site-main{
    display:block !important;
    width:100% !important;
    max-width:none !important;
    grid-column:1 / -1 !important;
  }
}
@media (max-width:1024px){
.page-node-type-biographischer-artikel h1.page-title, h2.block__title {
margin-bottom: 55px!important;
}
}
/* GLOSAAR STARTSEITE - Styling für die Liste der Artikel */
.view-veroeffentlichte-artikel-glossar div.view-content ul li {
    color: #000000 !important;
    float: left!important;
    list-style-type: none;
    margin-bottom: 10px!important;
    background: #e9ebeb !important;
    width: 38px!important;
    text-align: center!important;
    margin-right: 9px!important;
    padding-bottom: 3px!important;
    padding-left: 7px!important;
    padding-right: 7px!important;
    padding-top: 4px!important;
    font-size: 26px!important;
    font-weight: normal!important;
}
.block-views-blockveroeffentlichte-artikel-glossar-block-3 {
    
    position:relative;
    top:-60px;
}
.block-views-blockveroeffentlichte-artikel-glossar-block-3 ul {
 margin-inline-start: 0em!important;  
}
.block-views-blockveroeffentlichte-artikel-glossar-block-3 .view-content  {
 gap:0px!important;  
}
.block-views-blockveroeffentlichte-artikel-glossar-block-3 .view-footer a {
    color:#000000!important;
}
.block-views-blockveroeffentlichte-artikel-glossar-block-3 .view-footer a:hover, .view-id-lesetipps.view-display-id-block_1 .view-content a:hover {
    color:#ee6a13!important;
    text-decoration:none!important;
}
.view-veroeffentlichte-artikel-glossar div.view-content ul li {
color: #000000 !important;
font-weight: bold!important;
font-size: 20px!important;
list-style-type: none!important;
text-align: center;
font-size: 26px!important;
font-weight: normal!important;
width: 60px!important;
height: 60px!important;
font-size: 39px!important;
top: 35px!important;
line-height: 46px;
text-align: center!important;
}
.view-veroeffentlichte-artikel-glossar div.view-content ul li:hover {
    background: #ee6a13 !important;
}

.view-veroeffentlichte-artikel-glossar div.view-content ul li a, .view-id-lesetipps.view-display-id-block_1 .view-content a {
    color: #000000 !important;
    top: 5px;
position: relative;
}
.view-veroeffentlichte-artikel-glossar div.view-content ul li a:hover, .view-id-lesetipps.view-display-id-block_1 .view-content a:hover {
text-decoration:none!important;    
}
.view-veroeffentlichte-artikel-glossar div.view-content ul li a.active .view-id-lesetipps.view-display-id-block_1 .view-content a.active {
    color: #ee6a13 !important;
}

.view-veroeffentlichte-artikel-glossar div.view-content ul li:hover a {
    color: #ffffff !important;
    text-decoration: none !important;
}

.view-id-ver_ffentlichte_artikel_glossar .block__title {
    font-size: 24px!important;
    color: #000!important;
    margin-bottom: 10px!important;
    border-bottom: 2px solid #ee6a13;
    padding-bottom: 5px!important;
}
.front #block-views-1e3ce7685e502393050eeeab2e7ca9c4 h2 {
    font-size: 20px !important;
    line-height: 26px !important;
    padding-bottom: 10px!important;
}
.view-id-veroeffentlichte_artikel_glossar.view-display-id-block_3 .view-footer, .view-id-lesetipps.view-display-id-block_1 .view-content {
display: inline-block;
width: 98%;
border: 1px solid #b2b2b2 !important;
height: 45px;
line-height: 45px;
text-align: center;
color:#000000!important;
margin-top: -10px;
}
.view-id-lesetipps.view-display-id-block_1 .view-content {
margin-top: -50px!important; 
}
.block-views-blocklesetipps-block-1 {
position:relative;
    top:-60px;
}
h1#page-title {
    font-size: 27px !important;
    line-height: 30px !important;
    padding-top: 5px!important;
}
.view-header h2, .block-views-blockveroeffentlichte-artikel-glossar-block-3 h2 {
  font-size: 20px!important; 
    color:black!important;
}