/* set Logos in flyout to even gray tone (currently includes grayscale) */
#header .mainbar .partner-select .dropdown-menu .partner-link .partner-logo img {filter:brightness(0);}
#header .mainbar .partner-select .dropdown-menu .partner-link.active img {filter:brightness(0) invert(1)!important;}
#header .mainbar .partner-select .dropdown-menu .partner-link:hover img {filter:none;}


/* increase end of lists margin in faq widget */
#faq-popup .results ul {margin-bottom:1rem;}

/* "Legacy-Badges" - they don't show the correct color when on a new LNO page - need to fix this for VGO-Vogelsberg and VGO-Wetterau, as well as VLDW-VW */

body.lno-vgo-vogelsberg.home:not(.layout-inapp) #page[class*=partner--] .box.has-headline .badge, body.lno-vgo-wetterau.home:not(.layout-inapp) #page[class*=partner--] .box.has-headline .badge 
{background: linear-gradient(296deg, var(--partner-color-gradient-start) 26%, var(--partner-color-gradient-end) 72%);}

body.lno-frankfurt.home:not(.layout-inapp) #page[class*=partner--] .box.has-headline .badge, body.lno-marburg-biedenkopf.home:not(.layout-inapp) #page[class*=partner--] .box.has-headline .badge
{background: linear-gradient(296deg, var(--partner-color-gradient-start) 26%, var(--partner-color-gradient-end) 72%);}

body.lno-vldw.home:not(.layout-inapp) #page[class*=partner--] .box.has-headline .badge, body.lno-vldw-lw.home:not(.layout-inapp) #page[class*=partner--] .box.has-headline .badge
{background: linear-gradient(296deg, var(--partner-color-gradient-start) 26%, var(--partner-color-gradient-end) 72%);}

/* Add missing copyright sign to News-CE image captions */
.news-element figcaption.figure-caption::before {
    content: "\00A9 "; 
}


/* remove footer infos, so longer needed in new layout */
.ServiceBar .pull-left {display:none;}

/* fix active color for accordions */
.accordion {--bs-accordion-active-color:#162A6B;}

.teaser-card .card {margin-bottom:1rem;}

/* non-german-pages: remove everything that doesn't work in this language setting */
html:not([lang^="de"]) .partner-select,html:not([lang^="de"]) .accessibility-links  {display:none;}

/* Linksammlungs-CE: increase text size */
.LinkCollection a {font-size:1rem;color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));}
.LinkCollection {margin-top:1rem;}

/* Section-defining Headlines - Works only for Headline-CE and not in inApp-Display-  */
@media (min-width:768px) {
body:not(.layout-inapp)  .main-content .container .partner-header h1 {font-size:56px;margin-bottom:48px;}
body:not(.layout-inapp) .main-content .col-main>.frame-type-header>header>h2 {font-size:48px;margin-bottom:48px;margin-top:72px;}
}

.accordion-body h2 {font-size:1.5rem;margin-top:0.25rem;margin-bottom:0.5rem;}

/* in FAQ Widget: Headline margin bottom ist too big */
#faq-popup .popup-header h2 {margin-bottom:0rem;} 
#faq-popup {border-radius: 1rem;} /* Round edges for FAQ widget */
#faq-popup .popup-header {border-top-left-radius: 1rem;border-top-right-radius: 1rem;} 

/* add Icons for Headlines in Prefooter-Cards */
#footer .prefooter .col-md-6:nth-of-type(1) h3:before, #footer .prefooter .col-md-6:nth-of-type(1) .h3:before {
    content: "";
}
#footer .prefooter .col-md-6:nth-of-type(2) h3:before, #footer .prefooter .col-md-6:nth-of-type(2) .h3:before {
      content: "";
}


/* Fix border radius in scrolled state navigation, so the image below can't be seen */
body.scrolled #header .partner-navigation--desktop .navbar {border-radius: 1.25rem;}
body:not(:has(.tpl-startpage #hero)) #header .partner-navigation--desktop .navbar {border-radius: 1.25rem;}

/* shift Hero Banner slightly down, so the image does not show below the fly-out-menu */
#content #hero .banner {margin-top:2px;}

/* In FAQ Lists the questions are smaller than the answers */
.faq-list .category-headline h3 {font-size:1.75rem!important;margin-top: 1.5rem;}

/* Info-Headline for Regio-Filter */
main .tx-ikanos-rgfilter .above-panels-headline {font-size:1.25rem;}


/* Alle Elements in the main content area get a standard margin bottom - except in inapp-layouts */
body:not(.layout-inapp) .col-main > * {
    margin-bottom: 3rem; /* Default margin of all elements - working with exceptions from this default */
}




.footer-navigation h2 {font-size:1.25rem;margin-bottom:24px;} /* Headlines in  Footer */
.footer-navigation ul.ce-menu {margin-bottom:48px;} /* Abstand der Untermenüliste nach unten -> Wichtig für Abstand Mobile */
#footer .footer-navigation {padding-bottom:0rem;} /* Der blaue Footer kommt direkt nach der Footernavigation, hier ist noch ein riesiges Padding drin */

.prefooter h2 {font-size:3rem;margin-bottom:3rem;} /* Die H2-Headline für den Prefooter mit Größe und Standard-Abstand nach unten */

@media only screen and (min-width: 992px) { .frame-type-rmvtemplate_boxwithheadlineandfullwidthimage img:not(#c204843 *) {height:340px;object-fit:cover;object-position: top; }} /* Wir geben den alten News Teasern etwas flachere Bildmaße per CSS */
.frame-type-rmvtemplate_boxwithheadlineandfullwidthimage h3 a {font-weight:700;} /* In einigen alten News-Teasern war der font-weight für die verlinkten Überschriften zu gering */



.partner-navigation--desktop .dropdown-menu {min-width:300px;}
/* .partner-navigation--desktop .dropdown-menu.show {margin-top: 8px!important;} */
#header .partner-navigation--desktop a.nav-link:hover {background-color: rgb(255, 255, 255, 0.3)!important;
    border-radius: 0.5rem;} /* Hover Effect für Haupt-Items des Partner-Menü */
#header .partner-navigation--desktop .navbar a.navbar-brand:hover  {background-color: rgb(255, 255, 255, 0.3)!important;}



.frame-type-rmvtemplate_threecolumns .teaser-card h3 {font-size:1.5rem;} /* Wenn 3 Teaser Cards in einem Dreispalter-Stecken sind die Headlines zu groß, sollten dann so groß sein wie bei den Cards im Pre-Footer. Nochh besser wäre eigentlich ein container-Query generell für diese Cards, Schriftgröße basiert immer auf große des Containers , but this seems like an ok workaround */

/* Hover-State beim Partner-Submenu. So wie beim RMV-Hauptmenü */
.partner-navigation--desktop .dropdown-item:hover {box-shadow:0 1.25rem 3rem rgba(22, 42, 107, 0.2);background-color:white;font-weight:600;     letter-spacing: .25px;}


/* provisorisches Styling der Suchbox auf https://www.rmv-stage.de/c/de/start/vgo/mobilitaet-vor-ort/linienfahrplaene */
.box.rmv-lightgray2 {background-color:white;    box-shadow: 0px 15.74px 37.78px 0px rgba(22, 42, 107, .1)!important;}
.searchbar label {font-weight: 700; margin-bottom: 0.25rem;}
.tx-ikanos-rgfilter .searchbar .form-inner-addon i {    color: #162a6b;    margin-top: 0.3rem;}

.dropdown-menu {transition: opacity 0.3s ease-in-out,visibility 0s linear 0.3s;}



/* in Tabellen die Überschriften vertikal an Logos ausrichtgen */
.tx-ikanos-timetable h2 {margin-top:5px;}
 .tx-ikanos-timetable .table {margin-bottom:3rem;border-radius:1.25rem;}
/* .tx-ikanos-timetable .table td, .tx-ikanos-timetable .table tr, .tx-ikanos-timetable .table thead  {background-color:white;}*/


.frame-type-rmvtemplate_box {margin-top:48px;}

.main-content .container header .box h2 {
    font-size: initial; /* Setzt auf den Browser-Standard oder den geerbten Wert zurück */
    margin-bottom: initial;
    margin-top: initial;
}

.news-element {margin-bottom:32px;}
.news-element.card {height: calc(100% - 1rem)!important;}
body:not(.layout-inapp) .frame-type-rmvtemplate_twocolumns .col-md-6 {padding-bottom:2rem;}


    /* adds a stronger box shadow for  teaser cards in footer section */
.teaser-card {  transition: box-shadow 0.3s ease-in-out;}
.teaser-card:hover {
    box-shadow: 0px 20px 48px 0px rgba(22, 42, 107, 0.10);
}


.tx-ikanos-downloads img[src="/c/typo3conf/ext/ikanos_downloads/Resources/Public/Images/download.png"] {
display:none;
}  /* remove  download icon */

.tx-ikanos-downloads h2 {font-size:1.3rem;} /* on pages with download widget: Reduce size of way too big h2  */
.tx-ikanos-downloads .h3 {display:none!important;}
/* .tx-ikanos-downloads .col-md-4 img {width:100%;}  die Thumbnails der Bilder bei den DOwnloads sind zu klein */
.tx-ikanos-downloads .col-md-8 strong {font-size:1.5rem;line-height:110%;    color: #162a6b;}

/* Logo for KVG-Main-Kinzig is extra large in Partner-Dropdown - This is a temporary fix for this issue */
#header .mainbar .partner-select .dropdown-menu .partner-link .partner-logo img {
    max-width: 75px !important; 
}


/* Whenever images in Media-CEs are used, it is mostly advised to show them in full width - might need to add exceptions */
.ce-media img {width:100%;} 

/* Hide duplicate "Kundenanliegen eingeben" H1 headline on Rahmenseite for Kundenanliegen PI_11552 */
#page_11552 .has-headline .content h1 {display:none;}

/* For accessibility reasons, text should not exceed 100 chars in content column */
.col-main p, .col-main li {max-width:100ch;}

/* Limit extra-wide accordeon appearance in 1-column layout */
.col-main .frame-type-rmvtemplate_accordion  {max-width:950px;}

/* adds some needed margin-bottom to LNO-Logos and removes accidental border-radius on LNO-logos in Inapp-Views */
body.layout-inapp .partner-header img {margin-bottom:1.5rem;border-radius:0px!important;}
/* increase size of LNO-logos in inapp-views */
body.layout-inapp .partner-header img {width:100%;max-width:200px!important;height:auto; max-height: 140px;object-fit: contain;
    object-position: left !important;}