/* KOPAC OB Stuttgart Differenz: 06-2026
*  INFO: 
*  Die Basis-Stylings stehen im Textbaustein RTEDIF, da sie fuer Backend (Froala-Editor) und Frontend gleichermassen gelten. 
*  Die Variablen fuer die Farben werden am Anfang des Textbausteins RTEDIF definiert!
*  In der RTEDIF sollten moeglichst nur die Variablen angepasst werden. 
*  Alle anderen differenzierenden Aenderungen legen Sie bitte in der CSSDIF an.
*  Der Textbaustein CSSDIF ueberschreibt bei Bedarf Angaben aus der RTEDIF, da er zuletzt geladen wird.
*/

/* ERGAENZENDE Variablen die nur in Stuttgart genutzt werden: */


:root {
    /* Links mit der Klasse .rte-link-button */
    --link_button_markierung: rgb(0, 79, 128);
}

html[data-font-size="small"] {
  font-size: 80%;
}

html[data-font-size="medium"] {
  font-size: 100%;
}

html[data-font-size="large"] {
  font-size: 140%;
}

#lnav li.nav-barrierfreiheit a {
  background-position: 0.15em center;
  background-size: 2em 2em;
}

#mhead {
  background-image: url("/aDISWeb_stu/images/header-background.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#slogan-wrapper {
  font-family: "DINW05-Medium", Helvetica, Arial, Verdana, sans-serif;
  text-transform: uppercase;
  font-weight: normal;
}

.splide__pagination {
  display: none;
}
.adis-slider .slider-content {
  margin-bottom: 0;
}

a.rte-link-button,
a.rte-link-button:link,
a.rte-link-button:visited {
  padding: 0.625rem 0.625rem 0.625rem 3.25rem;
}
a.rte-link-button::before {
  background-color: var(--link_button_markierung);
  background-image: none !important;
  border-radius: 0;
  content: " ";
  height: 100%;
  width: 1.75rem;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.hintergrund-alternativ a.rte-link-button,
.highlights a.rte-link-button {
  background-color: var(--hell);
}

.kacheln div[class*="rte-box"] a::before {
  background-position: center center;
  background-repeat: no-repeat;
  background-color: var(--link_button_markierung);
  background-image: none !important;
  background-size: 1.8rem 1.8rem;
  border-radius: 0;
  content: " ";
  height: 100%;
  width: 1.75rem;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}

.event-info {
  flex-wrap: wrap;
  flex-direction: column;
} 

.rte-box-breite-smartphone-100 .accordion {
  max-width: 100%;
}