/* ================================================================
   oev-oberengadin.ch
   Projektspezifische Anpassungen auf Basis von Eclipse X / PCT
   ================================================================ */

/* Fonts
------------------------------------------------------------------ */
@font-face {
  font-display: swap;
  font-family: "Asap";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/asap-v30-latin-regular.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "Asap";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/asap-v30-latin-700.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "Asap Condensed";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/asap-condensed-v17-latin-700.woff2") format("woff2");
}

@font-face {
  font-display: swap;
  font-family: "Material Symbols Outlined";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/material-symbols-outlined-v192-latin-300.woff2") format("woff2");
}

/* Variables and reset
------------------------------------------------------------------ */
:root {
  --oev-text: #333;
  --oev-blue: #2b2c86;
  --oev-yellow: #ffc538;
  --oev-yellow-dark: #fab900;
  --oev-bg: #f5f5f5;
  --oev-white: #fff;
  --oev-content: 1160px;
  --oev-page-padding: clamp(20px, 5vw, 70px);
}

html,
body {
  font-family: "Asap", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: var(--oev-text);
  background: var(--oev-bg);
}

body,
.body,
#contentwrapper,
#wrapper,
#container,
#main,
#main > .inside {
  background-color: var(--oev-bg);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

a,
a:link,
a:visited {
  position: relative;
  color: var(--oev-blue);
  text-decoration: none;
}

h1,
h2,
h3,
h4,
.ce_headline {
  font-family: "Asap Condensed", sans-serif;
  font-style: normal;
  font-weight: 700;
}

h1 {
  font-size: clamp(2.75rem, 4.2vw, 3.85rem);
  line-height: 1.04;
  letter-spacing: .5px;
}

h2 {
  font-size: clamp(1.65rem, 2.2vw, 2rem);
  line-height: 1.12;
  letter-spacing: .6px;
}

#main p,
#main a,
#main li {
  letter-spacing: .3px;
}

#main strong {
  font-family: "Asap Condensed", sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: .5px;
}

.mod_article:not(.fullwidth) > .container,
.mod_article.fullwidth-boxed > .container {
  width: min(calc(100% - (2 * var(--oev-page-padding))), var(--oev-content));
  max-width: var(--oev-content);
  margin-inline: auto;
}

/* Header and desktop navigation
------------------------------------------------------------------ */
#header {
  line-height: inherit !important;
  background: transparent;
}

#header .inside,
#stickyheader .inside {
  width: min(calc(100% - (2 * var(--oev-page-padding))), var(--oev-content));
  max-width: var(--oev-content);
  margin-inline: auto;
  padding: 38px 0 28px;
}

#header .logo,
#stickyheader .logo {
  width: 310px;
  height: 92px;
}

#header .logo a,
#stickyheader .logo a {
  display: block;
  width: 100%;
  height: 100%;
  background: url("../img/logo-gemeindeverband-oeffentlicher-verkehr-region-maloja.svg") left center / contain no-repeat;
}

#header .mainmenu,
#stickyheader .mainmenu {
  display: block;
  float: right;
  margin-top: 32px;
}

.mainmenu ul,
.mainmenu ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mainmenu .level_1 > li > .inner {
  display: flex;
  align-items: center;
  gap: clamp(24px, 3vw, 48px);
}

.mainmenu a.mainmenu_link {
  padding: 7px 0;
  color: var(--oev-text);
  font-family: "Asap Condensed", sans-serif;
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: .4px;
  text-transform: uppercase;
}

.mainmenu a.mainmenu_link::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 1px;
  left: 0;
  height: 2px;
  background: var(--oev-yellow-dark);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .25s ease;
}

.mainmenu a.mainmenu_link:hover::after,
.mainmenu .active > a.mainmenu_link::after,
.mainmenu .trail > a.mainmenu_link::after {
  transform: scaleX(1);
}

.mmenu_trigger {
  display: none !important;
}

/* Home hero
------------------------------------------------------------------ */
#slider {
  background: var(--oev-bg) url("../img/bg-header.jpg") bottom center / 3000px auto no-repeat;
}

.home #slider {
  padding: 22px 0 66px;
}

.home #slider .mod_article > .container {
  display: grid;
  grid-template-columns: minmax(290px, .78fr) minmax(0, 1.65fr);
  align-items: center;
  width: min(calc(100% - (2 * var(--oev-page-padding))), var(--oev-content));
  max-width: var(--oev-content);
  margin-inline: auto;
}

.home #slider h1 {
  position: relative;
  z-index: 1;
  max-width: 410px;
  margin: 0 -54px 0 0;
  text-align: left;
}

.home #slider .ce_image,
.home #slider .image_container,
.home #slider picture,
.home #slider img {
  display: block;
  width: 100%;
}

.home #slider img {
  height: auto;
}

/* General content and subpage header
------------------------------------------------------------------ */
.mod_article.bg-styles:not(.fullwidth):not(.fullwidth-boxed-medium):not(.fullwidth-boxed-small) > .container {
  padding-top: 110px;
  padding-bottom: 150px;
}

.content_page #slider {
  display: none;
}

.content_page #main .inside > .mod_article:first-of-type {
  padding-top: 96px;
  background: url("../img/bg-header.jpg") top center / 3000px auto no-repeat;
}

.content_page #main .inside > .mod_article:first-of-type > .container {
  padding-bottom: 140px;
}

.content_page #main h1 {
  min-height: 225px;
  margin: 0 0 64px;
}

#main h2 {
  margin-top: 55px;
  margin-bottom: 18px;
}

#main h3 {
  margin: 30px 0 15px;
  font-size: 1.33rem;
  letter-spacing: .5px;
}

#main h4 {
  margin: 40px 0 20px;
  font-size: 1.1rem;
}

/* Lead area on home
------------------------------------------------------------------ */
.home .aufgaben-aemter > .container {
  padding-top: 105px;
  padding-bottom: 88px;
}

.home .aufgaben-aemter .lead {
  max-width: 780px;
}

.home .aufgaben-aemter .lead p {
  margin: 0;
  font-family: "Asap Condensed", sans-serif;
  font-size: 1.12rem;
  line-height: 1.65;
  font-weight: 700;
  letter-spacing: .35px;
}

/* Standard pill buttons
------------------------------------------------------------------ */
#main .ce_hyperlink a,
#footer .ce_hyperlink a,
#main a.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  margin: 12px 0;
  padding: 6px 22px;
  border: 2px solid var(--oev-text);
  border-radius: 9px;
  color: var(--oev-text);
  background: transparent;
  font-family: "Asap Condensed", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .45px;
  line-height: 1.1;
  text-transform: uppercase;
  transition: color .2s ease, background-color .2s ease;
}

#main .ce_hyperlink a:hover,
#footer .ce_hyperlink a:hover,
#main a.btn:hover {
  color: var(--oev-white);
  background: var(--oev-text);
}

/* Text link used below the home lead */
.home .aufgaben-aemter .ce_hyperlink a {
  justify-content: flex-start;
  min-height: 0;
  margin-top: 24px;
  padding: 0 34px 3px 0;
  border: 0;
  border-radius: 0;
  color: var(--oev-blue);
  background: transparent;
  font-family: "Asap", sans-serif;
  font-weight: 400;
  letter-spacing: .3px;
  text-transform: none;
}

.home .aufgaben-aemter .ce_hyperlink a::after {
  content: "\e5c8";
  position: absolute;
  top: 50%;
  right: 0;
  font-family: "Material Symbols Outlined";
  font-size: 1.45rem;
  font-weight: 300;
  transform: translateY(-50%);
  transition: right .2s ease;
}

.home .aufgaben-aemter .ce_hyperlink a:hover {
  color: var(--oev-blue);
  background: transparent;
}

.home .aufgaben-aemter .ce_hyperlink a:hover::after {
  right: -5px;
}

/* Current downloads on home
   Add the article class "aktuelle-dokumente" in Contao. The current
   article ID remains as a fallback until that class has been added.
------------------------------------------------------------------ */
.home .aktuelle-dokumente > .container,
.home #article-14917 > .container {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  padding-top: 20px;
  padding-bottom: 108px;
}

.home .aktuelle-dokumente h2,
.home #article-14917 h2 {
  grid-column: 1 / -1;
  margin: 0 0 16px;
}

#main h2.i-pdf {
  display: flex;
  align-items: center;
  gap: 18px;
  overflow: visible;
}

#main h2.i-pdf::after {
  content: "";
  display: block;
  width: 31px;
  height: 31px;
  flex: 0 0 31px;
  background: url("../img/i-pdf-schwarz.svg") center / contain no-repeat;
}

.home .aktuelle-dokumente .ce_downloads,
.home #article-14917 .ce_downloads {
  min-width: 0;
  min-height: 174px;
  background-color: var(--oev-white);
  background-position: right 20px center;
  background-repeat: no-repeat;
  background-size: auto 82%;
  transition: transform .2s ease, box-shadow .2s ease;
}

.home .aktuelle-dokumente .ce_downloads:hover,
.home #article-14917 .ce_downloads:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(43, 44, 134, .08);
}

.home .ce_downloads.budget {
  background-image: url("../../symbole-und-logos/budget.svg");
}

.home .ce_downloads.jahresrechnung {
  background-image: url("../../symbole-und-logos/jahresrechnung.svg");
}

.home .ce_downloads.geschaeftsbericht {
  background-image: url("../../symbole-und-logos/geschaeftsbericht.svg");
}

.home .ce_downloads.revisionsbericht {
  background-image: url("../../symbole-und-logos/revisionsbericht.svg");
}

.home .ce_downloads.gpk-bericht {
  background-image: url("../../symbole-und-logos/gpk_bericht.svg");
}

.home .ce_downloads.ausfuehrungsbestimmungen {
  background-image: url("../../symbole-und-logos/ausfuehrungsbestimmungen.svg");
}

.home .aktuelle-dokumente .ce_downloads ul,
.home .aktuelle-dokumente .ce_downloads li,
.home #article-14917 .ce_downloads ul,
.home #article-14917 .ce_downloads li {
  width: 100%;
  height: 100%;
  min-height: inherit;
  margin: 0;
  padding: 0;
  list-style: none;
}

.home .aktuelle-dokumente .ce_downloads a,
.home #article-14917 .ce_downloads a {
  display: flex;
  align-items: flex-start;
  width: 100%;
  min-height: 174px;
  margin: 0;
  padding: 30px 50% 28px 24px;
  color: var(--oev-blue);
  font-family: "Asap Condensed", sans-serif;
  font-size: 1.32rem;
  font-weight: 700;
  line-height: 1.12;
  letter-spacing: .4px;
}

/* Suppress the generic PDF icon inside the graphical cards. */
.home .aktuelle-dokumente .ce_downloads a::before,
.home .aktuelle-dokumente .ce_downloads a::after,
.home #article-14917 .ce_downloads a::before,
.home #article-14917 .ce_downloads a::after {
  display: none !important;
  content: none !important;
}

/* Generic download lists on archive pages
------------------------------------------------------------------ */
#main .ce_downloads:not(.budget):not(.jahresrechnung):not(.geschaeftsbericht):not(.revisionsbericht):not(.gpk-bericht):not(.ausfuehrungsbestimmungen) li,
.content_page #main .ce_downloads li {
  margin: 0 0 9px;
  padding: 0;
  border: 0;
  list-style: none;
}

.content_page #main .ce_downloads a,
.content_page #main a[href$=".pdf"] {
  display: inline-block;
  min-height: 30px;
  margin: 0;
  padding: 3px 0 3px 38px;
  color: var(--oev-blue);
}

.content_page #main .ce_downloads a::after,
.content_page #main a[href$=".pdf"]::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 27px;
  height: 27px;
  background: url("../img/i-pdf-blau.svg") center / contain no-repeat;
}

span.size {
  display: none;
}

/* Partner area
------------------------------------------------------------------ */
.home .gemeindelinks > .container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 28px 70px;
  padding-top: 0;
  padding-bottom: 120px;
}

.home .gemeindelinks h2 {
  flex: 0 0 100%;
  margin: 0 0 12px;
}

.home .gemeindelinks .ce_image {
  flex: 0 1 230px;
}

.home .gemeindelinks .ce_image figure,
.home .gemeindelinks .ce_image img {
  display: block;
  width: 100%;
  height: auto;
}

.home .gemeindelinks .ce_hyperlink {
  flex: 0 0 auto;
}

.home .gemeindelinks .ce_hyperlink a {
  margin: 0;
}

/* Accordions on document page
------------------------------------------------------------------ */
.content-accordion {
  margin-top: 48px;
  border: 0;
}

.content-accordion .handorgel__header {
  margin: 14px 0 0 !important;
  color: var(--oev-blue);
  background: var(--oev-white);
}

.content-accordion .handorgel__header__button {
  width: 100%;
  padding: 24px 28px;
  border: 0;
  background: transparent;
  color: inherit;
  font-family: "Asap Condensed", sans-serif;
  font-size: 1.15rem;
  font-weight: 700;
  text-align: left;
  cursor: pointer;
}

.content-accordion .handorgel__header__button::after {
  content: "\e5cf";
  float: right;
  font-family: "Material Symbols Outlined";
  font-size: 1.45rem;
  font-weight: 300;
  transition: transform .2s ease;
}

.content-accordion .handorgel__header--opened .handorgel__header__button::after {
  transform: rotate(180deg);
}

.content-accordion .handorgel__content {
  border: 0;
  background: var(--oev-white);
}

.content-accordion .handorgel__content__inner {
  padding: 4px 28px 30px;
}

/* Lists
------------------------------------------------------------------ */
.ce_text ul,
.ce_text ol,
.ce_list ul,
.ce_list ol {
  padding-left: 18px;
}

.ce_text ul li,
.ce_list ul li {
  position: relative;
  margin-bottom: 11px;
  list-style: none;
}

.ce_text ul li::before,
.ce_list ul li::before {
  content: "";
  position: absolute;
  top: .45em;
  left: -15px;
  width: 4px;
  height: 14px;
  background: var(--oev-yellow-dark);
}

/* Footer
------------------------------------------------------------------ */
#footer {
  padding: 72px 0 26px;
  background: var(--oev-yellow) url("../img/bg-footer.jpg") bottom center / 3000px auto no-repeat;
}

#footer .inside {
  width: min(calc(100% - (2 * var(--oev-page-padding))), var(--oev-content));
  max-width: var(--oev-content);
  margin-inline: auto;
}

#footer .autogrid_row {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(260px, .8fr);
  gap: 70px;
}

#footer .column {
  width: auto;
  padding: 0;
}

#footer .ce_headline.h5 {
  margin-bottom: 10px;
  font-family: "Asap Condensed", sans-serif;
  font-size: 1.15rem;
  font-weight: 700;
}

#footer p {
  margin-bottom: 4px;
}

#footer a {
  color: var(--oev-text);
  font-weight: 700;
}

#footer .column:not(.top-themen) .ce_hyperlink {
  display: block;
}

#footer .column:not(.top-themen) .ce_hyperlink a {
  min-width: 240px;
  margin: 0 0 8px;
}

#footer > .inside > .ce_text.h-align-center {
  margin-top: 46px;
  font-size: .8rem;
}

#footer .totop {
  display: none;
}

/* Responsive
------------------------------------------------------------------ */
@media (max-width: 1100px) {
  :root {
    --oev-page-padding: 36px;
  }

  #header .logo,
  #stickyheader .logo {
    width: 270px;
  }

  .mainmenu .level_1 > li > .inner {
    gap: 24px;
  }

  .home #slider .mod_article > .container {
    grid-template-columns: minmax(250px, .72fr) minmax(0, 1.45fr);
  }

  .home #slider h1 {
    margin-right: -35px;
  }

  .home .aktuelle-dokumente .ce_downloads,
  .home #article-14917 .ce_downloads,
  .home .aktuelle-dokumente .ce_downloads a,
  .home #article-14917 .ce_downloads a {
    min-height: 160px;
  }
}

@media (max-width: 900px) {
  .home .aktuelle-dokumente > .container,
  .home #article-14917 > .container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home .gemeindelinks > .container {
    gap: 28px 44px;
  }
}

@media (max-width: 767px) {
  :root {
    --oev-page-padding: 20px;
  }

  #header .inside,
  #stickyheader .inside {
    min-height: 90px;
    padding: 18px 0;
  }

  #header .logo,
  #stickyheader .logo {
    width: 205px;
    height: 58px;
  }

  #header .mainmenu,
  #stickyheader .mainmenu {
    display: none;
  }

  .mmenu_trigger {
    display: flex !important;
    position: absolute;
    top: 50%;
    right: 20px !important;
    align-items: center;
    transform: translateY(-50%);
  }

  .mmenu_trigger .label {
    display: none;
  }

  .mmenu_trigger .burger {
    width: 34px;
    height: 34px;
  }

  .mmenu_trigger .burger_lines,
  .mmenu_trigger .burger_lines::before,
  .mmenu_trigger .burger_lines::after {
    height: 3px;
    border-radius: 0;
    background: var(--oev-text);
  }

  .home #slider {
    padding: 22px 0 54px;
  }

  .home #slider .mod_article > .container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  .home #slider h1 {
    max-width: 310px;
    margin: 0 0 28px;
  }

  .home #slider .ce_image {
    width: calc(100% + var(--oev-page-padding));
    margin-right: calc(-1 * var(--oev-page-padding));
  }

  .home .aufgaben-aemter > .container {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .home .aufgaben-aemter .lead p {
    font-size: 1.05rem;
    line-height: 1.55;
  }

  .content_page #main .inside > .mod_article:first-of-type {
    padding-top: 54px;
    background-size: 2200px auto;
  }

  .content_page #main .inside > .mod_article:first-of-type > .container {
    padding-bottom: 80px;
  }

  .content_page #main h1 {
    min-height: 155px;
    margin-bottom: 42px;
  }

  .home .aktuelle-dokumente > .container,
  .home #article-14917 > .container {
    gap: 14px;
    padding-bottom: 76px;
  }

  .home .aktuelle-dokumente .ce_downloads,
  .home #article-14917 .ce_downloads,
  .home .aktuelle-dokumente .ce_downloads a,
  .home #article-14917 .ce_downloads a {
    min-height: 145px;
  }

  .home .aktuelle-dokumente .ce_downloads a,
  .home #article-14917 .ce_downloads a {
    padding: 22px 48% 22px 20px;
    font-size: 1.14rem;
  }

  .home .gemeindelinks > .container {
    gap: 26px 38px;
    padding-bottom: 84px;
  }

  .home .gemeindelinks .ce_image {
    flex-basis: 190px;
  }

  #footer {
    padding-top: 56px;
  }

  #footer .autogrid_row {
    grid-template-columns: 1fr;
    gap: 42px;
  }

  #footer .column:not(.top-themen) .ce_hyperlink a {
    min-width: 0;
  }
}

@media (max-width: 560px) {
  .home .aktuelle-dokumente > .container,
  .home #article-14917 > .container {
    grid-template-columns: 1fr;
  }

  .home .aktuelle-dokumente .ce_downloads,
  .home #article-14917 .ce_downloads,
  .home .aktuelle-dokumente .ce_downloads a,
  .home #article-14917 .ce_downloads a {
    min-height: 150px;
  }

  .home .gemeindelinks > .container {
    display: grid;
    grid-template-columns: 1fr;
  }

  .home .gemeindelinks .ce_image {
    width: min(230px, 75%);
  }

  .home .gemeindelinks .ce_hyperlink {
    margin-top: 6px;
  }
}

/* ==================================================================
   Project refinements – November 2026
   ================================================================== */

/* Global width and navigation */
:root {
  --oev-content: 1200px;
}

.mainmenu a.mainmenu_link {
  padding: 7px 0 !important;
  background: transparent !important;
  font-size: 24px;
  line-height: 1.15;
}

.mainmenu a.mainmenu_link span {
  display: block;
}

.mainmenu a.mainmenu_link::after {
  bottom: 0;
  height: 4px;
}

/* Home header and hero */
.home #slider {
  padding-top: 205px;
  padding-bottom: 72px;
}

.home #slider .mod_article > .container {
  grid-template-columns: 360px minmax(0, 1fr);
}

.home #slider h1 {
  max-width: 340px;
  margin: 0;
  padding-right: 28px;
  font-size: clamp(42px, 3.25vw, 52px);
  line-height: 1.08;
  hyphens: none;
}

/* Plain text links – usable on home and subpages */
#main .ce_hyperlink.text a {
  justify-content: flex-start;
  min-height: 0;
  margin-top: 24px;
  padding: 0 34px 3px 0;
  border: 0;
  border-radius: 0;
  color: var(--oev-blue);
  background: transparent;
  font-family: "Asap", sans-serif;
  font-weight: 400;
  letter-spacing: .3px;
  text-transform: none;
}

#main .ce_hyperlink.text a::after {
  content: "\e5c8";
  position: absolute;
  top: 50%;
  right: 0;
  font-family: "Material Symbols Outlined";
  font-size: 1.45rem;
  font-weight: 300;
  transform: translateY(-50%);
  transition: right .2s ease;
}

#main .ce_hyperlink.text a:hover {
  color: var(--oev-blue);
  background: transparent;
}

#main .ce_hyperlink.text a:hover::after {
  right: -5px;
}

#main h2.i-pdf::after {
  width: 54px;
  height: 54px;
  flex-basis: 54px;
}

/* Subpage header: title only in the blue header area */
.content_page #top-wrapper {
  background: var(--oev-bg) url("../img/bg-header.jpg") bottom center / 3000px auto no-repeat;
}

.content_page #header .inside {
  position: relative;
  min-height: 355px;
}

.content_page #header .inside > h1 {
  position: absolute;
  right: 0;
  bottom: 54px;
  left: 0;
  margin: 0;
  font-size: clamp(42px, 3.25vw, 52px);
  line-height: 1.08;
}

.content_page #main,
.content_page #main > .inside,
.content_page #main .inside > .mod_article:first-of-type {
  background-color: var(--oev-bg);
  background-image: none;
}

.content_page #main .inside > .mod_article:first-of-type {
  margin: 0;
  padding-top: 105px;
}

.content_page #main .inside > .mod_article:first-of-type > .container {
  padding-bottom: 125px;
}

.content_page #main .lead {
  max-width: 760px;
  font-family: "Asap Condensed", sans-serif;
  font-weight: 700;
  line-height: 1.55;
}

.content_page #main h2 {
  margin-top: 92px;
  margin-bottom: 28px;
}

/* Native Contao accordions on the document page */
.content_page #main .ce_accordionStart {
  margin: 14px 0 0;
  border: 0 !important;
  background: var(--oev-white);
}

.content_page #main .ce_accordionStart .toggler {
  position: relative;
  margin: 0 !important;
  padding: 24px 72px 24px 28px !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0;
  color: var(--oev-blue) !important;
  background: var(--oev-white) !important;
  font-family: "Asap Condensed", sans-serif;
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
}

.content_page #main .ce_accordionStart .toggler .ui-accordion-header-icon {
  display: none !important;
}

.content_page #main .ce_accordionStart .toggler::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 28px;
  width: 22px;
  height: 22px;
  background: url("../img/i-arrow.svg") center / contain no-repeat;
  transform: translateY(-50%);
  transition: transform .2s ease;
}

.content_page #main .ce_accordionStart .toggler.active::after,
.content_page #main .ce_accordionStart .toggler.ui-state-active::after {
  transform: translateY(-50%) rotate(180deg);
}

.content_page #main .ce_accordionStart .accordion {
  margin: 0;
  padding: 0 28px 28px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--oev-white) !important;
}

.content_page #main .ce_accordionStart .accordion > div {
  padding: 0 !important;
}

/* Single Statuten download, visually matching a closed accordion */
.content_page #main .ce_download {
  margin-top: 14px;
  border: 0 !important;
  background: var(--oev-white) !important;
}

.content_page #main .ce_download .download-element {
  margin: 0;
}

.content_page #main .ce_download a[href$=".pdf"],
.content_page #main .ce_download a[href*=".pdf&"] {
  display: block;
  width: 100%;
  min-height: 0;
  padding: 24px 72px 24px 28px;
  color: var(--oev-blue);
  background: transparent;
  font-family: "Asap Condensed", sans-serif;
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.2;
}

.content_page #main .ce_download a[href$=".pdf"]::after,
.content_page #main .ce_download a[href*=".pdf&"]::after {
  top: 50%;
  right: 28px;
  left: auto;
  width: 22px;
  height: 22px;
  background: url("../img/i-arrow.svg") center / contain no-repeat;
  transform: translateY(-50%);
}

/* Footer */
#footer {
  background-position: top center;
  background-size: cover;
}

#footer .autogrid_row {
  grid-template-columns: minmax(0, 1fr) 384px;
  gap: 70px;
}

#footer .ce_headline.h5 {
  font-size: 24px;
  line-height: 1.2;
}

#footer .column:not(.top-themen) .ce_hyperlink a {
  width: 100%;
  min-width: 0;
}

@media (max-width: 900px) {
  #footer .autogrid_row {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 34%);
    gap: 40px;
  }
}

@media (max-width: 767px) {
  .home #slider {
    padding-top: 30px;
  }

  .home #slider h1 {
    font-size: 42px;
  }

  .content_page #header .inside {
    min-height: 245px;
  }

  .content_page #header .inside > h1 {
    bottom: 38px;
    font-size: 42px;
  }

  .content_page #main .inside > .mod_article:first-of-type {
    padding-top: 64px;
  }

  .content_page #main h2 {
    margin-top: 64px;
  }

  #footer .autogrid_row {
    grid-template-columns: 1fr;
    gap: 42px;
  }
}