/* 
 * @change:    Vereinheitlicht Größe und Position von Accessibility-Button und Nach-oben-Pfeil und färbt den Nach-oben-Pfeil türkis, ohne die Optik des Accessibility-Panels zu verändern.
 * @page:      
 * @module:    Accessibility Widget / Nach-oben-Pfeil
 * @date:      2026-05-29
 * @author:    Steffi Petschnik
 */

/* Zentrale Steuerung der beiden Floating-Buttons */
:root {
  --apo-blue: #1113B4;
  --apo-turquoise: #00c0b7;

  --apo-floating-right: 28px;
  --apo-scrolltop-bottom: 24px;
  --apo-floating-size: 56px;
  --apo-floating-gap: 12px;
  --apo-panel-gap: 18px;
}

/* Gemeinsame Basis: beide Buttons exakt gleich groß und rechts bündig */
.accessibility_widget_trigger,
body.acc_show .accessibility_widget_trigger,
.scrolltop,
#scrolltop,
#scrollToTop,
#top_link,
#top-link,
.back-to-top,
.scroll-to-top,
.totop,
.toplink,
.ce_scrolltop,
.mod_scrolltop {
  box-sizing: border-box !important;
  position: fixed !important;
  top: auto !important;
  right: var(--apo-floating-right) !important;

  width: var(--apo-floating-size) !important;
  height: var(--apo-floating-size) !important;
  min-width: 0 !important;
  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50% !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Accessibility-Button oberhalb des Nach-oben-Pfeils */
.accessibility_widget_trigger,
body.acc_show .accessibility_widget_trigger {
  bottom: calc(var(--apo-scrolltop-bottom) + var(--apo-floating-size) + var(--apo-floating-gap)) !important;

  background: var(--apo-blue) !important;
  border: 0px solid #fff !important;
  box-shadow: 0 10px 28px rgba(17, 19, 180, 0.24) !important;

  z-index: 1000100 !important;
  overflow: hidden !important;
}

/* Text im Accessibility-Button ausblenden */
.accessibility_widget_trigger .shortcut,
.accessibility_widget_trigger .close,
.accessibility_widget_trigger span {
  display: none !important;
}

/* Icon im Accessibility-Button zentrieren */
.accessibility_widget_trigger i {
  width: 34px !important;
  height: 34px !important;
  background-size: 34px 34px !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* Hover- und Aktivzustand des Accessibility-Buttons */
.accessibility_widget_trigger:hover,
body.acc_show .accessibility_widget_trigger {
  background: var(--apo-turquoise) !important;
}

/* Geöffneter Zustand: X statt Icon */
body.acc_show .accessibility_widget_trigger i {
  display: none !important;
}

body.acc_show .accessibility_widget_trigger::before {
  content: "×";
  color: #fff;
  font-family: Arial, Verdana, sans-serif;
  font-size: 42px;
  line-height: 1;
  font-weight: 700;
  transform: translateY(-2px);
}

/* Nach-oben-Pfeil: gleiche Größe, gleiche Achse, türkis statt dunkelgrau */
.scrolltop,
#scrolltop,
#scrollToTop,
#top_link,
#top-link,
.back-to-top,
.scroll-to-top,
.totop,
.toplink,
.ce_scrolltop,
.mod_scrolltop {
  bottom: var(--apo-scrolltop-bottom) !important;

  background: var(--apo-turquoise) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 8px 20px rgba(0, 192, 183, 0.28) !important;

  z-index: 1000090 !important;
}

/* Falls der Pfeil ein inneres Link- oder Icon-Element verwendet */
.scrolltop a,
#scrolltop a,
#scrollToTop a,
#top_link a,
#top-link a,
.back-to-top a,
.scroll-to-top a,
.totop a,
.toplink a,
.ce_scrolltop a,
.mod_scrolltop a {
  width: 100% !important;
  height: 100% !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: transparent !important;
  color: #fff !important;
  border-radius: inherit !important;
}

.scrolltop i,
#scrolltop i,
#scrollToTop i,
#top_link i,
#top-link i,
.back-to-top i,
.scroll-to-top i,
.totop i,
.toplink i,
.ce_scrolltop i,
.mod_scrolltop i,
.scrolltop svg,
#scrolltop svg,
#scrollToTop svg,
#top_link svg,
#top-link svg,
.back-to-top svg,
.scroll-to-top svg,
.totop svg,
.toplink svg,
.ce_scrolltop svg,
.mod_scrolltop svg {
  color: #fff !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Accessibility-Panel: Optik beibehalten, nur Position an die Button-Achse koppeln */
#accessibility_widget {
  box-sizing: border-box !important;

  position: fixed !important;
  top: auto !important;
  right: var(--apo-floating-right) !important;
  bottom: calc(
    var(--apo-scrolltop-bottom) + var(--apo-floating-size) + var(--apo-floating-gap) + var(--apo-floating-size) + var(--apo-panel-gap)
  ) !important;

  width: min(420px, calc(100vw - 32px)) !important;
  min-width: 0 !important;
  max-width: calc(100vw - 32px) !important;
  max-height: calc(100vh - 160px) !important;
  overflow-y: auto !important;

  padding: 32px !important;
  border-radius: 24px !important;

  background: #fff !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: 0 24px 70px rgba(17, 19, 180, 0.18), 0 8px 24px rgba(0,0,0,0.08) !important;

  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateX(calc(100% + 48px)) !important;

  transition: transform 0.25s ease, opacity 0.2s ease, visibility 0.2s ease !important;
  z-index: 1000000 !important;
}

body.acc_show #accessibility_widget {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateX(0) !important;
}

/* Panel-Farben beibehalten */
#accessibility_widget div.h5,
#accessibility_widget div.h6,
#accessibility_widget i {
  color: var(--apo-blue) !important;
}

#accessibility_widget .widget {
  border-bottom: 1px solid rgba(17, 19, 180, 0.14) !important;
}

#accessibility_widget input[type="checkbox"] {
  accent-color: var(--apo-blue);
}

#accessibility_widget input:focus-visible,
.accessibility_widget_trigger:focus-visible {
  outline: 3px solid var(--apo-turquoise) !important;
  outline-offset: 4px !important;
}

/* Mobile Anpassung */
@media (max-width: 640px) {
  :root {
    --apo-floating-right: 18px;
    --apo-scrolltop-bottom: 24px;
    --apo-floating-size: 54px;
    --apo-floating-gap: 12px;
  }

  #accessibility_widget {
    right: 12px !important;
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    padding: 26px 22px !important;
  }
}

/*
.acc_contrast p,.acc_contrast p a, .acc_contrast .ce_text {color: #000;}
.acc_contrast .ce_accordion {color: #000;}
.acc_contrast .bg-accent .color-default p, .acc_contrast .bg-second .color-accent p {color:#fff;}
.acc_contrast .bg-second {background-color: #000;}
.acc_contrast .ce_image_text_box_v2 p span strong {color:#000;}
.acc_contrast .color-customColor2, .acc_contrast .color-customColor2 p {color:#fff; background:#000;}
.acc_contrast .header.original .mainmenu ul li a.trail, .acc_contrast .header.original .mainmenu ul li a.active, .acc_contrast .header.cloned .mainmenu ul li a.trail, .acc_contrast .header.cloned .mainmenu ul li a.active {
    color: #000 !important;}
.acc_contrast .color-customColor2, .acc_contrast .color-customColor2 p, .acc_contrast .color-customColor2 i, .color-customColor2 h1, .acc_contrast  .color-customColor2 h2, .acc_contrast .color-customColor2 h3, .acc_contrast .color-customColor2 h4, .acc_contrast .color-customColor2 h5, .acc_contrast .color-customColor2 h6, .acc_contrast .color-customColor2 .h1, .acc_contrast .color-customColor2.h2, .acc_contrast .color-customColor2 .h3, .acc_contrast .color-customColor2 .h4, .acc_contrast .color-customColor2 .h5, .acc_contrast .color-customColor2 .h6 {
    background: #fff;
}
.acc_contrast .ce_scroll_reveal_words[data-color="custom2"] {
    color: #fff;
}

.acc_contrast .mmenu_trigger .burger .burger_lines, 
.acc_contrast .mmenu_trigger .burger .burger_lines:after, 
.acc_contrast .mmenu_trigger .burger .burger_lines:before {
  background :#fff!important;
}
.acc_contrast .mmenu_trigger .burger.transform.open .burger_lines {
    background-color: transparent!important;
}

.acc_contrast #footer, .acc_contrast #footer *, .acc_contrast #footer a, .acc_contrast #footer a:hover {
    color: #fff !important;
    background: #000;
}

.acc_contrast .color-customColor2 {background: transparent;}


.accessibility_widget_trigger {
  /*position: absolute;*/
  position: fixed;
  top: unset;
  bottom:20px;
  right: -52px;
  width:180px;
  height:60px;
  z-index: 1000000;
  line-height: 44px;
  text-align: center;
  vertical-align: middle;
  border-radius: 10px 0 0 10px;
  background: transparent;
  color: #fff;
  padding: 15px 20px 0 15px;
  cursor: pointer;
  transition: all 0.1s ease;
  border: 1px solid transparent;
    border-right-width: 2px;
    border-right-style: solid;
    border-right-color: rgb(255, 255, 255);
  border-right: 0;
  min-width: 80px;
}



.accessibility_widget_trigger .shortcut, .accessibility_widget_trigger .close{
  display:none;
  height:0px;
  overflow: hidden;
}

#accessibility_widget {
  min-width: 350px;
  margin-left: auto;
  margin-right: auto;
  background: #fff;
  border-radius: 10px 0 0 10px;
  padding: 30px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 1rem;
  position: fixed;
  z-index: 100000;
  right: 0;
  top: 180px;
  transform: translateX(360px);
  transition: transform 0.3s ease;
  outline: 3px solid #fff;
  border: 3px solid transparent;
    border-right-width: 3px;
    border-right-style: solid;
    border-right-color: rgb(42, 104, 164);
  border-right: 0;
  box-shadow: 0 0 32px 11px rgba(0,0,0,0.1);
}

.accessibility_widget_trigger i {
    height: 50px;
    background-size: 50px;
}
*/

/* 
 * @change:    Einheitliches Innenpadding für Dropdown-Menüs plus Margin oben bei Mainmenü, aber nicht im Stickyheader
 * @page:      
 * @module:    Hauptnavigation (Dropdown / Untermenü)
 * @date:      2026-01-20
 * @author:    Steffi Petschnik
 */

.mainmenu ul ul {
  padding: 40px 20px 40px 20px;
  margin-top: -40px;
}
.header.cloned .mainmenu ul ul {
  margin-top: 0;
}


/* 
 * @change:    Erstellt Bulletpoints für Listen im Text-Element als square.svg (Farbe im SVG), inkl. Einzug/Positionierung und Mobile-Größe
 * @page:      
 * @module:    ce_text_extended
 * @date:      2026-02-20
 * @author:    Steffi Petschnik
 */

.ce_text_extented ul {
  list-style: none;
  margin-left: 0; /* Kein Einzug */
  padding-left: 0;
}


.ce_text_extented ul li {
  position: relative;
  padding-left: 30px; /* Platz für den SVG-Pfeil */
  padding-bottom: 10px;
}

.ce_text_extented ul li::before{
  content: "";
  position: absolute;
  top: 0.55em;
  left: 0;
  width: 16px;
  height: 16px;
  display: inline-block;
  background-image: url('/files/icons/square.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

@media (max-width: 768px) {
  .ce_text_extented ul li::before {
  content: "";
  position: absolute;
  top: 0.55em;
  left: 0;
  width: 12px;
  height: 12px;
  display: inline-block;
  background-image: url('/files/icons/square.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  }
}

/* 
 * @change:    Setzt für den Button der Slide-in-Area explizit die Schriftart Ubuntu (wie im restlichen Projekt verwendet)
 * @page:      Startseite
 * @module:    ce_slide_in_toggler
 * @date:      2026-02-20
 * @author:    Steffi Petschnik
 */

.ce_slide_in_toggler button {
  font-family: "Ubuntu", sans-serif;
  font-weight: 700;
}

/* 
 * @change:    Entfernt automatisch generiertes Themify-Icon vor ce_fancylink und stellt globale Schrift (Ubuntu) wieder her
 * @page:      
 * @module:    ce_fancylink
 * @date:      2026-02-20
 * @author:    Steffi Petschnik
 */

/* Themify-Icon vor dem Fancylink deaktivieren */
.ce_fancylink.ti-arrow-right::before {
  content: none;
}

/* Schrift wieder auf globale Typografie zurücksetzen */
.ce_fancylink {
  font-family: inherit;
}

/* 
 * @change:    Vereinheitlicht Typografie, Farbe und Pfeilgestaltung für ce_fancylink (Entkopplung von Themify + CI-Farbe #00c0c9)
 * @page:      
 * @module:    ce_fancylink
 * @date:      2026-02-20
 * @author:    Steffi Petschnik
 */

/* 1. Schrift vom Themify-Icon-Font lösen (wegen !important im Theme notwendig) */
.ce_fancylink.ti,
.ce_fancylink[class^="ti-"],
.ce_fancylink[class*=" ti-"] {
  font-family: Ubuntu, sans-serif !important;
  font-weight: 700;
}

/* 2. CI-Farbe für Linktext */
.ce_fancylink a {
  color: #00c0c9;
}

/* 3. Mehr Abstand zwischen Text und Pfeil (Theme hatte 35px) */
.ce_fancylink.style2 a {
  padding-right: 42px;
}

/* 4. Pfeilfarbe */
.ce_fancylink.style2 .arrow::before {
  color: #00c0c9;
}

/* 5. Kreis/Outline um den Pfeil einfärben (Theme-Override erforderlich) */
.ce_fancylink.style2 a,
.ce_fancylink.style2 a::before,
.ce_fancylink.style2 a::after,
.ce_fancylink.style2 a .arrow,
.ce_fancylink.style2 a .arrow::before,
.ce_fancylink.style2 a .arrow::after {
  border-color: #00c0c9 !important;
  outline-color: #00c0c9 !important;
}

/* 
 * @change:    Setzt für alle Bilder im Inhaltselement ce_image_extended einen einheitlichen Border-Radius von 10px und verhindert Überlauf an den Ecken
 * @page:      
 * @module:    ce_image_extended
 * @date:      2026-02-27
 * @author:    Steffi Petschnik
 */

.ce_image_extended .image_container {
  overflow: hidden;
}

.ce_image_extended .image_container img {
  border-radius: 10px;
  display: block; /* verhindert kleine Inline-Abstände unterhalb des Bildes */
}

/* 
 * @change:    Schriftstärke auf bold gesetzt und Textfarbe der Positionsbezeichnung auf #1113B4 angepasst
 * @page:      Unsere Apotheke
 * @module:    ce_teambox_simple
 * @date:      2026-02-27
 * @author:    Steffi Petschnik
 */

.ce_teambox_simple .job.default {
  color: #1113B4;        /* Corporate-Blau für konsistente Markenwirkung */
}
.ce_teambox_simple .name.default {
  font-weight: 700;      /* klare visuelle Hierarchie innerhalb der Teambox */
  color: #1113B4;        /* Corporate-Blau für konsistente Markenwirkung */
}

/* 
 * @change:    Reihenfolge innerhalb der Teambox umgedreht – zuerst Name, danach Positionsbezeichnung (nur visuelle Änderung via Flexbox)
 * @page:      Unsere Apotheke
 * @module:    ce_teambox_simple
 * @date:      2026-02-27
 * @author:    Steffi Petschnik
 */

.ce_teambox_simple {
  display: flex;
  flex-direction: column;
}

.ce_teambox_simple > figure {
  order: 1;
}

.ce_teambox_simple > .name {
  order: 2;
}

.ce_teambox_simple > .job {
  order: 3;
}

.ce_teambox_simple > .description {
  order: 4;
}

/* 
 * @change:    Bild-Ecken der Teambox dauerhaft auf 10px gesetzt – inklusive Hover-Zustand (Container + Bild abgesichert)
 * @page:      Unsere Apotheke
 * @module:    ce_teambox_simple
 * @date:      2026-02-27
 * @author:    Steffi Petschnik
 */

/* Container beschneiden, falls Hover-Effekt mit Scale arbeitet */
.ce_teambox_simple .image_container {
  border-radius: 10px;
  overflow: hidden; /* verhindert eckiges „Überstehen“ beim Hover */
}

/* Bild selbst */
.ce_teambox_simple .image_container img {
  border-radius: 10px;
}

/* Sicherheit: auch im Hover-Zustand */
.ce_teambox_simple:hover .image_container,
.ce_teambox_simple:hover .image_container img {
  border-radius: 10px;
}

/* 
 * @change:    Hintergrundelement mit Klasse "zitat" erhält an allen äußeren Ecken einen Radius von 10px
 * @page:      
 * @module:    ce_bgimage
 * @date:      2026-03-05
 * @author:    Steffi Petschnik
 */

.ce_bgimage.zitat {
    border-radius: 10px;
    overflow: hidden; /* stellt sicher, dass auch das Hintergrundbild den Radius übernimmt */
}

/* 
 * @change:    Bild innerhalb des Zitat-Elements erhält mobil ebenfalls 10px Border-Radius
 * @page:      
 * @module:    ce_bgimage
 * @date:      2026-03-05
 * @author:    Steffi Petschnik
 */

@media (max-width: 767px) {
    .ce_bgimage.zitat .mobile_image img {
        border-radius: 5px;
    }
}

/* 
 * @change:    Akkordeon als weiße Karte mit 10px Rundung und blauer Ubuntu-Typografie gestaltet; eigenes Plus/Minus-Icon entfernt und vorhandenes Pfeil-Icon des Akkordeons als einziges Öffnen-/Schließen-Symbol positioniert
 * @page:      
 * @module:    ce_accordion
 * @date:      2026-03-06
 * @author:    Steffi Petschnik
 */

.ce_accordion .ce_accordionSingle,
.ce_accordionSingle.style1 {
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    margin-bottom: 20px !important;
    box-shadow: none !important;
}

.ce_accordion .ce_accordionSingle .toggler,
.ce_accordionSingle.style1 .toggler,
.ce_accordion .toggler.ui-accordion-header {
    width: 100% !important;
    display: block !important;
    position: relative !important;
    margin: 0 !important;
    padding: 22px 22px 22px 28px !important;
    border: 0 !important;
    background: transparent !important;
    text-align: left !important;
    font-family: "Ubuntu", sans-serif !important;
    font-size: 22px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    color: #1f27b8 !important;
    box-shadow: none !important;
}

/* 
 * @change:    Eigenes per Pseudoelement erzeugtes Plus/Minus-Icon vollständig entfernt, damit nur das systemseitige Akkordeon-Pfeil-Icon sichtbar bleibt
 * @page:      App & E-Rezept
 * @module:    ce_accordion
 * @date:      2026-03-06
 * @author:    Steffi Petschnik
 */

.ce_accordion .ce_accordionSingle .toggler::after,
.ce_accordionSingle.style1 .toggler::after,
.ce_accordion .toggler.ui-accordion-header::after {
    content: none !important;
    display: none !important;
}

/* 
 * @change:    Vorhandenes Akkordeon-Pfeil-Icon rechts im Header positioniert und optisch an die neue Karten-Gestaltung angepasst
 * @page:      App & E-Rezept
 * @module:    ce_accordion
 * @date:      2026-03-06
 * @author:    Steffi Petschnik
 */

.ce_accordion .ce_accordionSingle .toggler .ui-accordion-header-icon,
.ce_accordionSingle.style1 .toggler .ui-accordion-header-icon,
.ce_accordion .toggler.ui-accordion-header .ui-accordion-header-icon {
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    right: 28px !important;
    left: auto !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    font-size: 0 !important;
}

/* 
 * @change:    Antwortbereich des Akkordeons mit passenden Innenabständen ohne zusätzliche Rahmen oder Hintergrunddefinitionen versehen
 * @page:      App & E-Rezept
 * @module:    ce_accordion
 * @date:      2026-03-06
 * @author:    Steffi Petschnik
 */

.ce_accordion .ce_accordionSingle .accordion,
.ce_accordionSingle.style1 .accordion,
.ce_accordion .ui-accordion-content {
    padding: 0 70px 28px 28px !important;
    border: 0 !important;
    background: transparent !important;
}

.ce_accordion .ce_accordionSingle .accordion > div,
.ce_accordionSingle.style1 .accordion > div,
.ce_accordion .ui-accordion-content > div {
    padding: 0 !important;
}

/* 
 * @change:    Typografie im geöffneten Antwortbereich auf Ubuntu und Blau vereinheitlicht
 * @page:      App & E-Rezept
 * @module:    ce_accordion
 * @date:      2026-03-06
 * @author:    Steffi Petschnik
 */

.ce_accordion .ce_accordionSingle .accordion p,
.ce_accordion .ce_accordionSingle .accordion li,
.ce_accordion .ce_accordionSingle .accordion a,
.ce_accordion .ce_accordionSingle .accordion span,
.ce_accordionSingle.style1 .accordion p,
.ce_accordionSingle.style1 .accordion li,
.ce_accordionSingle.style1 .accordion a,
.ce_accordionSingle.style1 .accordion span,
.ce_accordion .ui-accordion-content p,
.ce_accordion .ui-accordion-content li,
.ce_accordion .ui-accordion-content a,
.ce_accordion .ui-accordion-content span {
    font-family: "Ubuntu", sans-serif !important;
    font-size: 22px !important;
    line-height: 1.45 !important;
    font-weight: 400 !important;
    color: #1f27b8 !important;
}

.ce_accordion .ce_accordionSingle .accordion p:last-child,
.ce_accordionSingle.style1 .accordion p:last-child,
.ce_accordion .ui-accordion-content p:last-child {
    margin-bottom: 0 !important;
}

/* 
 * @change:    Individuelles OpenStreetMap-Element direkt am Leaflet-Container mit 10px Radius und Clipping versehen
 * @page:      Kontakt
 * @module:    ce_openstreetmap
 * @date:      2026-03-09
 * @author:    Steffi Petschnik
 */

/*#leaflet_map_1694 {
    border-radius: 10px;
    overflow: hidden;
}*/

/* 
 * @change:    Hintergrund des Attributes-Containers von weiß auf transparent überschrieben (Inline-Style Override)
 * @page:      
 * @module:    Autogrid / Slider-Element (attributes Container)
 * @date:      2026-03-16
 * @author:    Steffi Petschnik
 */

.autogrid_row .column .attributes {
    background-color: transparent !important;
}



/* CTA an den unteren Rand (innerhalb des Paddings) */
.ce_fancybox.style3 .link_text {
  margin-top: auto;         /* schiebt den CTA nach unten */
  align-self: flex-start;    /* links bündig */
}

/* Atropos soll den CTA NICHT verschieben */
.ce_fancybox.style3 .link_text[data-atropos-offset] {
  transform: none !important;
}

/* Weicher Hover-Zoom ohne Verzerrung */
.ce_fancybox.style3 {
  transform: scale(1);
  transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
  will-change: transform;
}
.ce_fancybox.style3:hover {
  transform: scale(1.04);
}

/* Atropos-Rotate neutralisieren (kein Kipp-/Zerr-Effekt) */
.ce_fancybox.style3 .atropos-rotate,
.ce_fancybox.style3 .atropos-inner {
  transform: none !important;
  transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* 
 * @change:    Dunkles Overlay im Normalzustand und vollständiges Ausblenden des Overlays beim Hover für Fancybox Style 3
 * @page:      
 * @module:    ce_fancybox
 * @date:      2026-03-16
 * @author:    Steffi Petschnik
 */

.ce_fancybox.style3 .overlay {
  background: #1113B4;
  opacity: 0.7;
}

.ce_fancybox.style3.fancy_box_color_second .overlay {
    opacity: 0.7;
}

.ce_fancybox.style3.fancy_box_color_customColor2 .overlay {
    opacity: 0.7;
}



.ce_fancybox.style3:hover .overlay,
.ce_fancybox.style3.has_focus .overlay {
  opacity: 0;
}

/* 
 * @change:    Alle h4-Headlines auf dieser Unterseite fett dargestellt und in Markenfarbe #00c0c9 eingefärbt
 * @page:      Unterseite (body.page_28)
 * @module:    
 * @date:      2026-03-16
 * @author:    Steffi Petschnik
 */

body.page_28 h4 {
    font-weight: 700;
}

/* 
 * @change:    h4-Headlines in den Fancybox-Karten dieser Unterseite unten ausgerichtet und wieder linksbündig über die volle Kartenbreite dargestellt
 * @page:      Unterseite (body.page_28)
 * @module:    ce_fancybox
 * @date:      2026-03-16
 * @author:    Steffi Petschnik
 */

body.page_28 .ce_fancybox .inside {
    display: flex;
    flex-direction: column;
    height: 100%;
}

body.page_28 .ce_fancybox .content {
    margin-top: auto;
    width: 100%;
}

body.page_28 .ce_fancybox .ce_headline,
body.page_28 .ce_fancybox h4 {
    width: 100%;
    text-align: left;
}

body.page_28 .ce_fancybox.style3 .inside {
  padding: 10%;
}

/* 
 * @change:    Hintergrundbilder der Fancybox-Karten auf dieser Seite mittig ausgerichtet, damit nicht nur der obere Bildbereich sichtbar ist
 * @page:      Unterseite (body.page_28)
 * @module:    ce_fancybox
 * @date:      2026-03-16
 * @author:    Steffi Petschnik
 */

body.page_28 .ce_fancybox.style3 .inside {
    background-position: center center;
}

/* 
 * @change:    Newsteaser-Bilder erhalten einheitliche Höhe, Radius und sauberes Cropping ohne Verzerrung
 * @page:      
 * @module:    mod_newslist / newsteaser_v7
 * @date:      2026-03-17
 * @author:    Steffi Petschnik
 */

.newsteaser_v7 .image_container {
    border-radius: 10px;
    height: 300px;
    overflow: hidden;
}

.newsteaser_v7 .image_container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
    display: block;
}

.newsteaser_v7 .item-overlay {
  background: rgba(17,19,180,0.8);
  border-radius: 10px;
}

/* 
 * @change:    Überschrift (h5) im Newsteaser_v7 auf Accent-Farbe gesetzt
 * @page:      
 * @module:    mod_newslist / newsteaser_v7
 * @date:      2026-03-17
 * @author:    Steffi Petschnik
 */

.newsteaser_v7 .title.h5 {
    color: #1113B4;
    font-size: 1.2rem;
}

.newsteaser_v7:hover .h5 {
    color: #00c0c9;
}
    
/* 
 * @change:    Blendet ausschließlich die automatisch generierte H1 und Info im Headerbereich des Newsreaders aus, Inhaltselemente bleiben unberührt
 * @page:      Newsdetailseite
 * @module:    mod_newsreader
 * @date:      2026-03-17
 * @author:    Steffi Petschnik
 */

.mod_newsreader .layout_full > h1,
.mod_newsreader .layout_full > .info {
    display: none;
}

/* 
 * @change:    Overlay-Farbe der Fancybox mit Klasse "test-rot" auf #e4445a gesetzt
 * @page:      
 * @module:    ce_fancybox
 * @date:      2026-03-31
 * @author:    Steffi Petschnik
 */

.ce_fancybox.style3.kachel-grau .overlay {
    background: #54778f;
}


.ce_accordionSingle.style1 {
  background: #f8f8f8 !important;
}

/* 
 * @change:    Überschreibt die hellgraue Hintergrundfarbe der Akkordeons nur im Artikel "rezept" und setzt Wrapper, Header sowie Inhalt auf Weiß
 * @page:      App & E-Rezept
 * @module:    ce_accordionSingle
 * @date:      2026-04-21
 * @author:    Steffi Petschnik
 */
#rezept .ce_accordionSingle.style1 {
    background: #fff !important;
}

/* 
 * @change:    Pfeilspitzen der Fancylinks nur innerhalb eines bestimmten Artikels farblich auf #00c0c9 gesetzt, ohne den Linktext zu beeinflussen
 * @page:      
 * @module:    ce_fancylink
 * @date:      2026-04-21
 * @author:    Steffi Petschnik
 */

#notdienst .ce_fancylink.style2 .arrow:before {
    color: #00c0c9 !important;
}

/* 
 * @change:    Mobile Höhe der Service-Fancybox erhöht und den unteren Abstand der Kacheln innerhalb des Bereichs service-kacheln reduziert
 * @page:      
 * @module:    ce_fancybox
 * @date:      2026-04-21
 * @author:    Steffi Petschnik
 */

@media (max-width: 767px) {

  #service-kacheln .ce_fancybox.mb-xs {
    margin-bottom: 10px !important;
  }

  #service-kacheln .ce_fancybox .inside {
    min-height: 180px !important;
  }

}
  
/* 
 * @change:    Hebt mobil bei boxed-Artikeln mit App/Info-Zweispalter anhand der typischen Innenstruktur die Breitenbegrenzung auf, ohne alle boxed-Artikel global zu verändern
 * @page:      
 * @module:    mod_article
 * @date:      2026-04-21
 * @author:    Steffi Petschnik
 */

@media only screen and (max-width: 767px) {

  .mod_article.fullwidth-boxed:has(.autogrid_row.same_height .column.order_2_m.col_6) > .container {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}



/* 
 * @change:    Reduziert mobil die Schriftgröße der Akkordeon-Überschriften im Artikel mit der ID rezept und überschreibt die bestehende Style1-Definition gezielt
 * @page:      
 * @module:    ce_accordionSingle
 * @date:      2026-04-21
 * @author:    Steffi Petschnik
 */

@media only screen and (max-width: 767px) {

  .ce_accordion .ce_accordionSingle .toggler,
  .ce_accordion .ce_accordionSingle .toggler.ui-accordion-header,
  .ce_accordionSingle.style1 .toggler,
  .ce_accordionSingle.style1 .toggler.ui-accordion-header {
    font-size: 18px !important;
    line-height: 1.35 !important;
  }

  .ce_accordion .ce_accordionSingle .accordion p,
  .ce_accordion .ce_accordionSingle .accordion li,
  .ce_accordion .ce_accordionSingle .accordion a,
  .ce_accordion .ce_accordionSingle .accordion span,
  .ce_accordionSingle.style1 .accordion p,
  .ce_accordionSingle.style1 .accordion li,
  .ce_accordionSingle.style1 .accordion a,
  .ce_accordionSingle.style1 .accordion span,
  .ce_accordion .ui-accordion-content p,
  .ce_accordion .ui-accordion-content li,
  .ce_accordion .ui-accordion-content a,
  .ce_accordion .ui-accordion-content span {
    font-size: 18px !important;
    line-height: 1.5 !important;
  }

}

/* 
 * @change:    Verkleinert den Zitattext in allen Zitatboxen auf Mobilgeräten auf 18px und überschreibt dabei inline gesetzte Schriftgrößen innerhalb der Textausgabe
 * @page:      
 * @module:    ce_bgimage / Zitatbox
 * @date:      2026-04-21
 * @author:    Steffi Petschnik
 */

@media only screen and (max-width: 767px) {
  .ce_bgimage.zitat .ce_bgimage-inside p span {
    font-size: 22px !important;
  }
}