@charset "UTF-8";
/*-------------   Color  -------------- */
/* Error */
/* --------------- Font ----------------------- */
/*  -----------------  Grid  ------------------------ */
/* -------------------------------------------------------- */
:root {
  --space-4xs: clamp(0.125rem, 0.0687rem + 0.1174vw, 0.1875rem);
  --space-3xs: clamp(0.25rem, 0.1937rem + 0.1174vw, 0.3125rem);
  --space-2xs: clamp(0.5rem, 0.3873rem + 0.2347vw, 0.625rem);
  --space-xs: clamp(0.75rem, 0.581rem + 0.3521vw, 0.9375rem);
  --space-s: clamp(1rem, 0.7746rem + 0.4695vw, 1.25rem);
  --space-m: clamp(1.25rem, 0.9683rem + 0.5869vw, 1.5625rem);
  --space-l: clamp(1.5rem, 1.162rem + 0.7042vw, 1.875rem);
  --space-xl: clamp(1.75rem, 1.3556rem + 0.8216vw, 2.1875rem);
  --space-2xl: clamp(2rem, 1.5493rem + 0.939vw, 2.5rem);
  --space-3xl: clamp(2.5rem, 1.9366rem + 1.1737vw, 3.125rem);
  --space-4xl: clamp(3rem, 2.3239rem + 1.4085vw, 3.75rem);
  --space-5xl: clamp(3.5rem, 2.7113rem + 1.6432vw, 4.375rem);
  --space-6xl: clamp(4rem, 3.0986rem + 1.8779vw, 5rem);
  --space-7xl: clamp(4.5rem, 3.4859rem + 2.1127vw, 5.625rem);
  --space-8xl: clamp(5rem, 3.8732rem + 2.3474vw, 6.25rem);
  --space-9xl: clamp(6rem, 4.6479rem + 2.8169vw, 7.5rem);
  --space-10xl: clamp(7rem, 5.4225rem + 3.2864vw, 8.75rem);
  --space-11xl: clamp(8rem, 6.1972rem + 3.7559vw, 10rem);
  --space-12xl: clamp(9rem, 6.9718rem + 4.2254vw, 11.25rem);
}

/* basic rem mixin */
/*
    @include magic-border(2px, blue, 0.3s, 0);
    @include magic-border(4px, #222, 0.2s, 1);
    @include magic-border-mask(10px, 0.4s, linear-gradient(to bottom, #40e0d0, #ff8c00, #ff0080), 0);
*/
@font-face {
  font-family: "Geist Variable";
  src: url("fonts/Geist[wght].ttf") format("truetype"), url("fonts/Geist-Italic[wght].ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
*,
:after,
:before {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  color: #343434;
  font-family: "Geist Variable", sans-serif;
  font-weight: 400;
  margin: 0;
  line-height: 1.4;
  overscroll-behavior: none;
  font-size: 1rem;
  hyphens: auto;
}

input, textarea {
  font-family: "Geist Variable", sans-serif;
  font-weight: 400;
  color: #575756;
}

.btn a {
  padding: var(--space-2xs) var(--space-s);
  background-color: #85DB7F;
  text-decoration: none;
  display: inline-block;
  border-radius: 20px;
  margin-top: var(--space-l);
  transition: all 0.4s ease-out;
}
.btn a:hover {
  transform: translateX(7px);
  background-color: #3D56C3;
  color: #fff;
}

.frame-bg-green .btn a, .bg-green .btn a {
  background-color: #3D56C3;
  color: #fff;
}
.frame-bg-green .btn a:hover, .bg-green .btn a:hover {
  background-color: #011144;
}

.frame-bg-blue .btn a:hover, .bg-blue .btn a:hover {
  background-color: #011144;
}

p.name {
  margin-left: 30px;
}

ul,
ol,
p,
figure {
  margin: 0;
  padding: 0;
}

img {
  display: block;
  width: 100%;
  height: auto;
}

.se-quote blockquote p,
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.1;
}

h1,
h2 {
  margin: 0 0 var(--space-4xl) 0;
}

.se-hero h1 {
  max-width: 50%;
}

p + h2,
ul + h2,
ol + h2 {
  margin: var(--space-6xl) 0 var(--space-xl) 0;
}

.simple h2 {
  text-transform: none;
}

h3 {
  margin: 0 0 var(--space-xs) 0;
}

.header h2 + h3 {
  margin: calc(var(--space-4xl) * -1) 0 var(--space-4xl) 0;
}

p + h3,
ul + h3,
ol + h3 {
  margin: var(--space-l) 0 var(--space-xs) 0;
}

.se-teaser p + h3 {
  margin: 0 0 var(--space-xs) 0;
}

.news .news-list-view .article h3 {
  margin: var(--space-l) 0 var(--space-xs) 0;
}

.teaser-text .more {
  margin-top: var(--space-l);
  display: block;
}

h4 {
  margin: 0 0 var(--space-xs) 0;
}

p + h4,
ul + h4,
ol + h4 {
  margin: var(--space-m) 0 var(--space-xs) 0;
}

.portofolio-item h3 {
  margin: 0;
}

h5,
h6 {
  margin: 0 0 var(--space-xs) 0;
}

footer ul li + li,
p + p {
  margin-top: var(--space-2xs);
}

blockquote + p,
ul + p,
p + ul {
  margin-top: var(--space-xs);
}

nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
nav ul a {
  text-decoration: none;
}

main ul,
.ce-intext.ce-left ul,
main > ul {
  list-style: none;
  padding-left: 16px;
}
main ul li,
.ce-intext.ce-left ul li,
main > ul li {
  position: relative;
}
main ul li:before,
.ce-intext.ce-left ul li:before,
main > ul li:before {
  content: "•";
  position: absolute;
  left: -16px;
  font-weight: 800;
  color: #253476;
}
main ul li + li,
.ce-intext.ce-left ul li + li,
main > ul li + li {
  margin-top: var(--space-2xs);
}

.bg-bluetas .ce-intext.ce-left ul li:before,
.bg-bluetas ul li:before,
.bg-dark-blue .ce-intext.ce-left ul li:before,
.bg-dark-blue ul li:before,
.bg-blue .ce-intext.ce-left ul li:before,
.bg-blue ul li:before {
  color: #fff;
}

.studien a .teaser-text p,
.news .article h3 a {
  text-decoration: none;
}

button.btn {
  appearance: none;
  background: #253476;
  color: #fff;
  padding: 10px 30px;
  border: 1px solid transparent;
  border-radius: 20px;
  cursor: pointer;
  margin-top: var(--space-l);
}
button.btn:hover {
  background: #fff;
  border: 1px solid #253476;
  color: #253476;
}

.header h1.ce-headline:first-of-type:has(+ .ce-headline) {
  margin-bottom: 0;
}

.weiterbildungen p {
  color: #343434;
}

.se-quote blockquote + p,
.header h2 + h3,
.studien .title,
.frame-bg-bluetas h3,
h1 {
  color: #85DB7F;
}

.btn a,
h2 {
  color: #011144;
}

.weiterbildungen p.title,
.bg-gray h4,
.se-teaser h3,
p.name,
.news .article h3 a {
  color: #253476;
}

a {
  color: #3D56C3;
  text-underline-offset: 4px;
}
a:hover {
  text-decoration: none;
}

.frame-bg-blue a {
  color: white;
}

.studien p {
  color: #fff;
}

h1 {
  font-size: 4.5rem;
}

h2 {
  font-size: 4rem;
}

.se-quote blockquote p {
  font-size: 3.375rem;
}

.alphabet-filter button,
.se-teaser h3,
h3 {
  font-size: 2rem;
}

details summary {
  font-size: 1.6875rem;
}

.weiterbildungen .title,
.quick-links .page-title,
.studien .title,
.news .article h3 {
  font-size: 1.5rem;
}

h4,
#haupt-menu,
.foot-head {
  font-size: 1.3125rem;
}

table,
summary span,
button.btn,
input,
textarea,
.frame-type-form_formframework,
.quick-links .title,
main p,
main ul,
.foot-nav {
  font-size: 1.125rem;
}

footer {
  font-size: 1rem;
}

.weiterbildungen .title,
.quick-links .page-title,
p.name,
#haupt-menu,
h1,
h1 strong,
.teaser-text .more,
.btn a {
  font-weight: 700;
}

.alphabet-filter button,
.studien .title,
details summary,
.foot-nav,
.foot-head,
h2 {
  font-weight: 600;
}

p.name span {
  font-weight: 400;
}

h2 span {
  font-weight: 300;
}

.grid {
  width: 94%;
  margin: 0 auto;
}

.col-12 {
  grid-column-end: span 12;
}

.row.flex {
  display: flex;
}

.row {
  padding-left: 3%;
  padding-right: 3%;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 2vw;
}
.row .row {
  padding-left: 0;
  padding-right: 0;
}

.studien.row .row {
  gap: 0;
}

.align-items-center .row {
  align-items: center;
}

.h-full .frame {
  height: 100%;
}

.h-full .frame-type-image {
  display: flex;
  align-items: center;
  justify-content: center;
}

section {
  padding: var(--space-8xl) 0;
  position: relative;
}

section + section {
  padding: 0 0 var(--space-8xl) 0;
}

.col--1 {
  grid-column-end: span 1;
}

.col-offset--1 {
  grid-column-start: 2;
}

.row--1 {
  grid-row-end: span 1;
}

.row-offset--1 {
  grid-row-start: 2;
}

.col--2 {
  grid-column-end: span 2;
}

.col-offset--2 {
  grid-column-start: 3;
}

.row--2 {
  grid-row-end: span 2;
}

.row-offset--2 {
  grid-row-start: 3;
}

.col--3 {
  grid-column-end: span 3;
}

.col-offset--3 {
  grid-column-start: 4;
}

.row--3 {
  grid-row-end: span 3;
}

.row-offset--3 {
  grid-row-start: 4;
}

.col--4 {
  grid-column-end: span 4;
}

.col-offset--4 {
  grid-column-start: 5;
}

.row--4 {
  grid-row-end: span 4;
}

.row-offset--4 {
  grid-row-start: 5;
}

.col--5 {
  grid-column-end: span 5;
}

.col-offset--5 {
  grid-column-start: 6;
}

.row--5 {
  grid-row-end: span 5;
}

.row-offset--5 {
  grid-row-start: 6;
}

.col--6 {
  grid-column-end: span 6;
}

.col-offset--6 {
  grid-column-start: 7;
}

.row--6 {
  grid-row-end: span 6;
}

.row-offset--6 {
  grid-row-start: 7;
}

.col--7 {
  grid-column-end: span 7;
}

.col-offset--7 {
  grid-column-start: 8;
}

.row--7 {
  grid-row-end: span 7;
}

.row-offset--7 {
  grid-row-start: 8;
}

.col--8 {
  grid-column-end: span 8;
}

.col-offset--8 {
  grid-column-start: 9;
}

.row--8 {
  grid-row-end: span 8;
}

.row-offset--8 {
  grid-row-start: 9;
}

.col--9 {
  grid-column-end: span 9;
}

.col-offset--9 {
  grid-column-start: 10;
}

.row--9 {
  grid-row-end: span 9;
}

.row-offset--9 {
  grid-row-start: 10;
}

.col--10 {
  grid-column-end: span 10;
}

.col-offset--10 {
  grid-column-start: 11;
}

.row--10 {
  grid-row-end: span 10;
}

.row-offset--10 {
  grid-row-start: 11;
}

.col--11 {
  grid-column-end: span 11;
}

.col-offset--11 {
  grid-column-start: 12;
}

.row--11 {
  grid-row-end: span 11;
}

.row-offset--11 {
  grid-row-start: 12;
}

.col--12 {
  grid-column-end: span 12;
}

.col-offset--12 {
  grid-column-start: 13;
}

.row--12 {
  grid-row-end: span 12;
}

.row-offset--12 {
  grid-row-start: 13;
}

@media (min-width: 360px) {
  .col-xs-1 {
    grid-column-end: span 1;
  }
  .col-offset-xs-1 {
    grid-column-start: 2;
  }
  .row-xs-1 {
    grid-row-end: span 1;
  }
  .row-offset-xs-1 {
    grid-row-start: 2;
  }
  .col-xs-2 {
    grid-column-end: span 2;
  }
  .col-offset-xs-2 {
    grid-column-start: 3;
  }
  .row-xs-2 {
    grid-row-end: span 2;
  }
  .row-offset-xs-2 {
    grid-row-start: 3;
  }
  .col-xs-3 {
    grid-column-end: span 3;
  }
  .col-offset-xs-3 {
    grid-column-start: 4;
  }
  .row-xs-3 {
    grid-row-end: span 3;
  }
  .row-offset-xs-3 {
    grid-row-start: 4;
  }
  .col-xs-4 {
    grid-column-end: span 4;
  }
  .col-offset-xs-4 {
    grid-column-start: 5;
  }
  .row-xs-4 {
    grid-row-end: span 4;
  }
  .row-offset-xs-4 {
    grid-row-start: 5;
  }
  .col-xs-5 {
    grid-column-end: span 5;
  }
  .col-offset-xs-5 {
    grid-column-start: 6;
  }
  .row-xs-5 {
    grid-row-end: span 5;
  }
  .row-offset-xs-5 {
    grid-row-start: 6;
  }
  .col-xs-6 {
    grid-column-end: span 6;
  }
  .col-offset-xs-6 {
    grid-column-start: 7;
  }
  .row-xs-6 {
    grid-row-end: span 6;
  }
  .row-offset-xs-6 {
    grid-row-start: 7;
  }
  .col-xs-7 {
    grid-column-end: span 7;
  }
  .col-offset-xs-7 {
    grid-column-start: 8;
  }
  .row-xs-7 {
    grid-row-end: span 7;
  }
  .row-offset-xs-7 {
    grid-row-start: 8;
  }
  .col-xs-8 {
    grid-column-end: span 8;
  }
  .col-offset-xs-8 {
    grid-column-start: 9;
  }
  .row-xs-8 {
    grid-row-end: span 8;
  }
  .row-offset-xs-8 {
    grid-row-start: 9;
  }
  .col-xs-9 {
    grid-column-end: span 9;
  }
  .col-offset-xs-9 {
    grid-column-start: 10;
  }
  .row-xs-9 {
    grid-row-end: span 9;
  }
  .row-offset-xs-9 {
    grid-row-start: 10;
  }
  .col-xs-10 {
    grid-column-end: span 10;
  }
  .col-offset-xs-10 {
    grid-column-start: 11;
  }
  .row-xs-10 {
    grid-row-end: span 10;
  }
  .row-offset-xs-10 {
    grid-row-start: 11;
  }
  .col-xs-11 {
    grid-column-end: span 11;
  }
  .col-offset-xs-11 {
    grid-column-start: 12;
  }
  .row-xs-11 {
    grid-row-end: span 11;
  }
  .row-offset-xs-11 {
    grid-row-start: 12;
  }
  .col-xs-12 {
    grid-column-end: span 12;
  }
  .col-offset-xs-12 {
    grid-column-start: 13;
  }
  .row-xs-12 {
    grid-row-end: span 12;
  }
  .row-offset-xs-12 {
    grid-row-start: 13;
  }
}
@media (min-width: 552px) {
  .col-sm-1 {
    grid-column-end: span 1;
  }
  .col-offset-sm-1 {
    grid-column-start: 2;
  }
  .row-sm-1 {
    grid-row-end: span 1;
  }
  .row-offset-sm-1 {
    grid-row-start: 2;
  }
  .col-sm-2 {
    grid-column-end: span 2;
  }
  .col-offset-sm-2 {
    grid-column-start: 3;
  }
  .row-sm-2 {
    grid-row-end: span 2;
  }
  .row-offset-sm-2 {
    grid-row-start: 3;
  }
  .col-sm-3 {
    grid-column-end: span 3;
  }
  .col-offset-sm-3 {
    grid-column-start: 4;
  }
  .row-sm-3 {
    grid-row-end: span 3;
  }
  .row-offset-sm-3 {
    grid-row-start: 4;
  }
  .col-sm-4 {
    grid-column-end: span 4;
  }
  .col-offset-sm-4 {
    grid-column-start: 5;
  }
  .row-sm-4 {
    grid-row-end: span 4;
  }
  .row-offset-sm-4 {
    grid-row-start: 5;
  }
  .col-sm-5 {
    grid-column-end: span 5;
  }
  .col-offset-sm-5 {
    grid-column-start: 6;
  }
  .row-sm-5 {
    grid-row-end: span 5;
  }
  .row-offset-sm-5 {
    grid-row-start: 6;
  }
  .col-sm-6 {
    grid-column-end: span 6;
  }
  .col-offset-sm-6 {
    grid-column-start: 7;
  }
  .row-sm-6 {
    grid-row-end: span 6;
  }
  .row-offset-sm-6 {
    grid-row-start: 7;
  }
  .col-sm-7 {
    grid-column-end: span 7;
  }
  .col-offset-sm-7 {
    grid-column-start: 8;
  }
  .row-sm-7 {
    grid-row-end: span 7;
  }
  .row-offset-sm-7 {
    grid-row-start: 8;
  }
  .col-sm-8 {
    grid-column-end: span 8;
  }
  .col-offset-sm-8 {
    grid-column-start: 9;
  }
  .row-sm-8 {
    grid-row-end: span 8;
  }
  .row-offset-sm-8 {
    grid-row-start: 9;
  }
  .col-sm-9 {
    grid-column-end: span 9;
  }
  .col-offset-sm-9 {
    grid-column-start: 10;
  }
  .row-sm-9 {
    grid-row-end: span 9;
  }
  .row-offset-sm-9 {
    grid-row-start: 10;
  }
  .col-sm-10 {
    grid-column-end: span 10;
  }
  .col-offset-sm-10 {
    grid-column-start: 11;
  }
  .row-sm-10 {
    grid-row-end: span 10;
  }
  .row-offset-sm-10 {
    grid-row-start: 11;
  }
  .col-sm-11 {
    grid-column-end: span 11;
  }
  .col-offset-sm-11 {
    grid-column-start: 12;
  }
  .row-sm-11 {
    grid-row-end: span 11;
  }
  .row-offset-sm-11 {
    grid-row-start: 12;
  }
  .col-sm-12 {
    grid-column-end: span 12;
  }
  .col-offset-sm-12 {
    grid-column-start: 13;
  }
  .row-sm-12 {
    grid-row-end: span 12;
  }
  .row-offset-sm-12 {
    grid-row-start: 13;
  }
}
@media (min-width: 960px) {
  .col-md-1 {
    grid-column-end: span 1;
  }
  .col-offset-md-1 {
    grid-column-start: 2;
  }
  .row-md-1 {
    grid-row-end: span 1;
  }
  .row-offset-md-1 {
    grid-row-start: 2;
  }
  .col-md-2 {
    grid-column-end: span 2;
  }
  .col-offset-md-2 {
    grid-column-start: 3;
  }
  .row-md-2 {
    grid-row-end: span 2;
  }
  .row-offset-md-2 {
    grid-row-start: 3;
  }
  .col-md-3 {
    grid-column-end: span 3;
  }
  .col-offset-md-3 {
    grid-column-start: 4;
  }
  .row-md-3 {
    grid-row-end: span 3;
  }
  .row-offset-md-3 {
    grid-row-start: 4;
  }
  .col-md-4 {
    grid-column-end: span 4;
  }
  .col-offset-md-4 {
    grid-column-start: 5;
  }
  .row-md-4 {
    grid-row-end: span 4;
  }
  .row-offset-md-4 {
    grid-row-start: 5;
  }
  .col-md-5 {
    grid-column-end: span 5;
  }
  .col-offset-md-5 {
    grid-column-start: 6;
  }
  .row-md-5 {
    grid-row-end: span 5;
  }
  .row-offset-md-5 {
    grid-row-start: 6;
  }
  .col-md-6 {
    grid-column-end: span 6;
  }
  .col-offset-md-6 {
    grid-column-start: 7;
  }
  .row-md-6 {
    grid-row-end: span 6;
  }
  .row-offset-md-6 {
    grid-row-start: 7;
  }
  .col-md-7 {
    grid-column-end: span 7;
  }
  .col-offset-md-7 {
    grid-column-start: 8;
  }
  .row-md-7 {
    grid-row-end: span 7;
  }
  .row-offset-md-7 {
    grid-row-start: 8;
  }
  .col-md-8 {
    grid-column-end: span 8;
  }
  .col-offset-md-8 {
    grid-column-start: 9;
  }
  .row-md-8 {
    grid-row-end: span 8;
  }
  .row-offset-md-8 {
    grid-row-start: 9;
  }
  .col-md-9 {
    grid-column-end: span 9;
  }
  .col-offset-md-9 {
    grid-column-start: 10;
  }
  .row-md-9 {
    grid-row-end: span 9;
  }
  .row-offset-md-9 {
    grid-row-start: 10;
  }
  .col-md-10 {
    grid-column-end: span 10;
  }
  .col-offset-md-10 {
    grid-column-start: 11;
  }
  .row-md-10 {
    grid-row-end: span 10;
  }
  .row-offset-md-10 {
    grid-row-start: 11;
  }
  .col-md-11 {
    grid-column-end: span 11;
  }
  .col-offset-md-11 {
    grid-column-start: 12;
  }
  .row-md-11 {
    grid-row-end: span 11;
  }
  .row-offset-md-11 {
    grid-row-start: 12;
  }
  .col-md-12 {
    grid-column-end: span 12;
  }
  .col-offset-md-12 {
    grid-column-start: 13;
  }
  .row-md-12 {
    grid-row-end: span 12;
  }
  .row-offset-md-12 {
    grid-row-start: 13;
  }
}
@media (min-width: 1224px) {
  .col-lg-1 {
    grid-column-end: span 1;
  }
  .col-offset-lg-1 {
    grid-column-start: 2;
  }
  .row-lg-1 {
    grid-row-end: span 1;
  }
  .row-offset-lg-1 {
    grid-row-start: 2;
  }
  .col-lg-2 {
    grid-column-end: span 2;
  }
  .col-offset-lg-2 {
    grid-column-start: 3;
  }
  .row-lg-2 {
    grid-row-end: span 2;
  }
  .row-offset-lg-2 {
    grid-row-start: 3;
  }
  .col-lg-3 {
    grid-column-end: span 3;
  }
  .col-offset-lg-3 {
    grid-column-start: 4;
  }
  .row-lg-3 {
    grid-row-end: span 3;
  }
  .row-offset-lg-3 {
    grid-row-start: 4;
  }
  .col-lg-4 {
    grid-column-end: span 4;
  }
  .col-offset-lg-4 {
    grid-column-start: 5;
  }
  .row-lg-4 {
    grid-row-end: span 4;
  }
  .row-offset-lg-4 {
    grid-row-start: 5;
  }
  .col-lg-5 {
    grid-column-end: span 5;
  }
  .col-offset-lg-5 {
    grid-column-start: 6;
  }
  .row-lg-5 {
    grid-row-end: span 5;
  }
  .row-offset-lg-5 {
    grid-row-start: 6;
  }
  .col-lg-6 {
    grid-column-end: span 6;
  }
  .col-offset-lg-6 {
    grid-column-start: 7;
  }
  .row-lg-6 {
    grid-row-end: span 6;
  }
  .row-offset-lg-6 {
    grid-row-start: 7;
  }
  .col-lg-7 {
    grid-column-end: span 7;
  }
  .col-offset-lg-7 {
    grid-column-start: 8;
  }
  .row-lg-7 {
    grid-row-end: span 7;
  }
  .row-offset-lg-7 {
    grid-row-start: 8;
  }
  .col-lg-8 {
    grid-column-end: span 8;
  }
  .col-offset-lg-8 {
    grid-column-start: 9;
  }
  .row-lg-8 {
    grid-row-end: span 8;
  }
  .row-offset-lg-8 {
    grid-row-start: 9;
  }
  .col-lg-9 {
    grid-column-end: span 9;
  }
  .col-offset-lg-9 {
    grid-column-start: 10;
  }
  .row-lg-9 {
    grid-row-end: span 9;
  }
  .row-offset-lg-9 {
    grid-row-start: 10;
  }
  .col-lg-10 {
    grid-column-end: span 10;
  }
  .col-offset-lg-10 {
    grid-column-start: 11;
  }
  .row-lg-10 {
    grid-row-end: span 10;
  }
  .row-offset-lg-10 {
    grid-row-start: 11;
  }
  .col-lg-11 {
    grid-column-end: span 11;
  }
  .col-offset-lg-11 {
    grid-column-start: 12;
  }
  .row-lg-11 {
    grid-row-end: span 11;
  }
  .row-offset-lg-11 {
    grid-row-start: 12;
  }
  .col-lg-12 {
    grid-column-end: span 12;
  }
  .col-offset-lg-12 {
    grid-column-start: 13;
  }
  .row-lg-12 {
    grid-row-end: span 12;
  }
  .row-offset-lg-12 {
    grid-row-start: 13;
  }
}
@media (min-width: 1730px) {
  .col-xl-1 {
    grid-column-end: span 1;
  }
  .col-offset-xl-1 {
    grid-column-start: 2;
  }
  .row-xl-1 {
    grid-row-end: span 1;
  }
  .row-offset-xl-1 {
    grid-row-start: 2;
  }
  .col-xl-2 {
    grid-column-end: span 2;
  }
  .col-offset-xl-2 {
    grid-column-start: 3;
  }
  .row-xl-2 {
    grid-row-end: span 2;
  }
  .row-offset-xl-2 {
    grid-row-start: 3;
  }
  .col-xl-3 {
    grid-column-end: span 3;
  }
  .col-offset-xl-3 {
    grid-column-start: 4;
  }
  .row-xl-3 {
    grid-row-end: span 3;
  }
  .row-offset-xl-3 {
    grid-row-start: 4;
  }
  .col-xl-4 {
    grid-column-end: span 4;
  }
  .col-offset-xl-4 {
    grid-column-start: 5;
  }
  .row-xl-4 {
    grid-row-end: span 4;
  }
  .row-offset-xl-4 {
    grid-row-start: 5;
  }
  .col-xl-5 {
    grid-column-end: span 5;
  }
  .col-offset-xl-5 {
    grid-column-start: 6;
  }
  .row-xl-5 {
    grid-row-end: span 5;
  }
  .row-offset-xl-5 {
    grid-row-start: 6;
  }
  .col-xl-6 {
    grid-column-end: span 6;
  }
  .col-offset-xl-6 {
    grid-column-start: 7;
  }
  .row-xl-6 {
    grid-row-end: span 6;
  }
  .row-offset-xl-6 {
    grid-row-start: 7;
  }
  .col-xl-7 {
    grid-column-end: span 7;
  }
  .col-offset-xl-7 {
    grid-column-start: 8;
  }
  .row-xl-7 {
    grid-row-end: span 7;
  }
  .row-offset-xl-7 {
    grid-row-start: 8;
  }
  .col-xl-8 {
    grid-column-end: span 8;
  }
  .col-offset-xl-8 {
    grid-column-start: 9;
  }
  .row-xl-8 {
    grid-row-end: span 8;
  }
  .row-offset-xl-8 {
    grid-row-start: 9;
  }
  .col-xl-9 {
    grid-column-end: span 9;
  }
  .col-offset-xl-9 {
    grid-column-start: 10;
  }
  .row-xl-9 {
    grid-row-end: span 9;
  }
  .row-offset-xl-9 {
    grid-row-start: 10;
  }
  .col-xl-10 {
    grid-column-end: span 10;
  }
  .col-offset-xl-10 {
    grid-column-start: 11;
  }
  .row-xl-10 {
    grid-row-end: span 10;
  }
  .row-offset-xl-10 {
    grid-row-start: 11;
  }
  .col-xl-11 {
    grid-column-end: span 11;
  }
  .col-offset-xl-11 {
    grid-column-start: 12;
  }
  .row-xl-11 {
    grid-row-end: span 11;
  }
  .row-offset-xl-11 {
    grid-row-start: 12;
  }
  .col-xl-12 {
    grid-column-end: span 12;
  }
  .col-offset-xl-12 {
    grid-column-start: 13;
  }
  .row-xl-12 {
    grid-row-end: span 12;
  }
  .row-offset-xl-12 {
    grid-row-start: 13;
  }
}
@media (min-width: 1900px) {
  .col-xxl-1 {
    grid-column-end: span 1;
  }
  .col-offset-xxl-1 {
    grid-column-start: 2;
  }
  .row-xxl-1 {
    grid-row-end: span 1;
  }
  .row-offset-xxl-1 {
    grid-row-start: 2;
  }
  .col-xxl-2 {
    grid-column-end: span 2;
  }
  .col-offset-xxl-2 {
    grid-column-start: 3;
  }
  .row-xxl-2 {
    grid-row-end: span 2;
  }
  .row-offset-xxl-2 {
    grid-row-start: 3;
  }
  .col-xxl-3 {
    grid-column-end: span 3;
  }
  .col-offset-xxl-3 {
    grid-column-start: 4;
  }
  .row-xxl-3 {
    grid-row-end: span 3;
  }
  .row-offset-xxl-3 {
    grid-row-start: 4;
  }
  .col-xxl-4 {
    grid-column-end: span 4;
  }
  .col-offset-xxl-4 {
    grid-column-start: 5;
  }
  .row-xxl-4 {
    grid-row-end: span 4;
  }
  .row-offset-xxl-4 {
    grid-row-start: 5;
  }
  .col-xxl-5 {
    grid-column-end: span 5;
  }
  .col-offset-xxl-5 {
    grid-column-start: 6;
  }
  .row-xxl-5 {
    grid-row-end: span 5;
  }
  .row-offset-xxl-5 {
    grid-row-start: 6;
  }
  .col-xxl-6 {
    grid-column-end: span 6;
  }
  .col-offset-xxl-6 {
    grid-column-start: 7;
  }
  .row-xxl-6 {
    grid-row-end: span 6;
  }
  .row-offset-xxl-6 {
    grid-row-start: 7;
  }
  .col-xxl-7 {
    grid-column-end: span 7;
  }
  .col-offset-xxl-7 {
    grid-column-start: 8;
  }
  .row-xxl-7 {
    grid-row-end: span 7;
  }
  .row-offset-xxl-7 {
    grid-row-start: 8;
  }
  .col-xxl-8 {
    grid-column-end: span 8;
  }
  .col-offset-xxl-8 {
    grid-column-start: 9;
  }
  .row-xxl-8 {
    grid-row-end: span 8;
  }
  .row-offset-xxl-8 {
    grid-row-start: 9;
  }
  .col-xxl-9 {
    grid-column-end: span 9;
  }
  .col-offset-xxl-9 {
    grid-column-start: 10;
  }
  .row-xxl-9 {
    grid-row-end: span 9;
  }
  .row-offset-xxl-9 {
    grid-row-start: 10;
  }
  .col-xxl-10 {
    grid-column-end: span 10;
  }
  .col-offset-xxl-10 {
    grid-column-start: 11;
  }
  .row-xxl-10 {
    grid-row-end: span 10;
  }
  .row-offset-xxl-10 {
    grid-row-start: 11;
  }
  .col-xxl-11 {
    grid-column-end: span 11;
  }
  .col-offset-xxl-11 {
    grid-column-start: 12;
  }
  .row-xxl-11 {
    grid-row-end: span 11;
  }
  .row-offset-xxl-11 {
    grid-row-start: 12;
  }
  .col-xxl-12 {
    grid-column-end: span 12;
  }
  .col-offset-xxl-12 {
    grid-column-start: 13;
  }
  .row-xxl-12 {
    grid-row-end: span 12;
  }
  .row-offset-xxl-12 {
    grid-row-start: 13;
  }
}
/* debug grid */
.testgrid .wrapp {
  position: fixed;
  z-index: 100000000000000000;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-gap: 2vw;
  gap: 2vw;
  pointer-events: none;
}
.testgrid .wrapp div {
  background: rgba(109, 207, 121, 0.2);
}

/* headrom & Nav */
#oben {
  position: fixed;
  width: 100%;
  z-index: 99;
  padding: 20px 0;
  top: 0;
  left: 0;
  right: 0;
  transition: all 0.4s ease-out;
  background: rgba(255, 255, 255, 0.87);
  backdrop-filter: blur(5px);
  border-bottom: 1px solid white;
}
#oben .grid {
  height: 100%;
}
#oben .grid .flex {
  height: 100%;
  align-items: center;
  justify-content: space-between;
}
#oben .logo svg {
  display: block;
}
#oben:hover {
  backdrop-filter: none;
  background: rgb(255, 255, 255);
}

.header-navs {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  height: 70px;
}

.is-bg-se #oben.open {
  background: #fff;
}

#oben.open {
  height: 100dvh;
  height: 100vh;
}
#oben.open .logo {
  display: block;
}
#oben.open .grid .flex {
  height: auto;
}

.open #haupt-menu li a {
  padding: 0;
}

.headroom {
  will-change: transform;
  transition: -webkit-transform 0.6s linear;
  transition: transform 0.6s linear;
  transition: transform 0.6s linear, -webkit-transform 0.6s linear;
}

.headroom--pinned {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.headroom--unpinned, .headroom--hidden {
  -webkit-transform: translateY(-125%);
  transform: translateY(-125%);
}

.logo {
  display: flex;
  align-items: end;
  justify-content: space-between;
}

nav {
  position: relative;
}
nav a {
  text-decoration: none;
}

.mainnav .nav {
  display: flex;
  justify-content: space-between;
  transition: transform 0.5s;
}

#haupt-menu {
  display: flex;
  list-style-type: none;
  justify-content: space-around;
  margin-left: 0;
}
#haupt-menu li + li {
  margin-left: 2vw;
}
#haupt-menu li a {
  display: inline-block;
  color: #575756;
}
#haupt-menu li a.active {
  color: #253476;
}
#haupt-menu li a:after {
  position: relative;
  content: "";
  width: 0%;
  height: 4px;
  background: #85DB7F;
  bottom: 0;
  left: 0;
  display: block;
  transition: width 0.5s;
}
#haupt-menu li a.active:after,
#haupt-menu > li a:hover:after {
  width: 100%;
}
#haupt-menu li.lang span {
  text-transform: uppercase;
}
#haupt-menu li.dropdown ul {
  display: none;
  background: #fff;
  position: absolute;
  text-transform: none;
  padding: 10px 20px 10px 20px;
  transform: translateX(-20px);
}
#haupt-menu li.dropdown ul li a {
  padding: 5px;
}
#haupt-menu li.dropdown ul li a:after {
  height: 2px;
}
#haupt-menu li.dropdown ul li + li {
  margin-left: 0;
}
#haupt-menu li.dropdown:hover ul {
  display: block;
}

.open #haupt-menu li.dropdown ul li a:after {
  display: none;
}

.logo, button, nav {
  pointer-events: all;
}

.text-muted {
  padding: 1.6rem 1rem;
  display: inline-block;
}

.menu-button {
  display: none;
  position: absolute;
  right: 6%;
  top: 40px;
  margin-top: -12px;
  z-index: 1000;
  width: 24px;
  height: 24px;
  padding: 0;
  cursor: pointer;
  border: none;
  outline: none;
  background: transparent;
}

.menu-button:after,
.menu-button:before,
.menu-button span {
  background: #343434;
}

.menu-button:after:hover,
.menu-button:before:hover,
.menu-button span:hover {
  background: #343434;
}

.menu-button:before,
.menu-button:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  pointer-events: none;
  transition: transform 0.25s;
  transform-origin: 50% 50%;
}

.menu-button span {
  position: absolute;
  left: 0;
  overflow: clip;
  width: 100%;
  height: 2px;
  text-indent: -9999px;
  transition: opacity 0.25s;
}

.menu-button:before {
  transform: translate3d(0, -10px, 0) scaleX(1);
}

.menu-button:after {
  transform: translate3d(0, 10px, 0) scaleX(1);
}

.menu-button--open span {
  opacity: 0;
}

.menu-button--open:before {
  transform: rotate(45deg);
}

.menu-button--open:after {
  transform: rotate(-45deg);
}

.language-menu a, .language-menu span {
  text-transform: uppercase;
}

.header.center {
  text-align: center;
  justify-content: center;
}

.meta-nav {
  display: flex;
  list-style-type: none;
  justify-content: flex-end;
  margin-left: 0;
}
.meta-nav a {
  color: #575756;
  text-transform: uppercase;
}
.meta-nav li.active a {
  /*font-weight: 600;*/
  color: #253476;
}
.meta-nav li + li {
  margin-left: 30px;
}
.meta-nav li ul {
  display: none;
}
.meta-nav li:hover ul {
  display: block;
  position: absolute;
}

.sticky-menu {
  position: fixed;
  right: 0;
  top: 150px;
}
.sticky-menu li a {
  width: 64px;
  height: 64px;
  display: block;
  background: #85DB7F;
  border-radius: 20px;
  text-indent: -9999px;
  transition: transform 0.4s ease-out;
}
.sticky-menu li a:hover {
  transform: translateX(-5px);
}
.sticky-menu li + li {
  margin-top: 1px;
}
.sticky-menu .sticky56 a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='38' height='36' viewBox='0 0 38 36'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23011144' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M24.519 6.327h10.235A2.253 2.253 0 0 1 37 8.573v23.874a2.254 2.254 0 0 1-2.246 2.246H3.246A2.254 2.254 0 0 1 1 32.447V8.573a2.253 2.253 0 0 1 2.246-2.246h10.462'/%3E%3Cpath d='M24.097 9.696H13.903V6.098a5.098 5.098 0 1 1 10.194 0zM18.558 25.963l-3.79-2.32c1.203-.603 2.046-1.809 2.1-3.224l.113-2.96c0-1.935-1.594-3.502-3.561-3.502h-.784c-1.968 0-3.563 1.567-3.563 3.503l.114 2.959a3.77 3.77 0 0 0 2.093 3.221l-3.785 2.321a1.88 1.88 0 0 0-1.073 1.697v1.504h13.212V27.66c0-.727-.419-1.389-1.076-1.697M24.721 16.572h3.567M24.721 21.558h6.937M24.721 26.546h6.937'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.sticky-menu .sticky57 a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='38' viewBox='0 0 48 38'%3E%3Cg fill='none' fill-rule='nonzero'%3E%3Cpath fill='%23011144' stroke='%2385db7f' d='M39.367 16.05c0-.542.122-1.056.335-1.52l-4.866-4.35-.018.017a5.15 5.15 0 0 1-3.309 1.179l-.936 3.285c2.432 1.236 4.104 3.756 4.104 6.664 0 4.124-3.355 7.48-7.48 7.48a7.4 7.4 0 0 1-3.317-.787l-1.84 2.403c.521.807.756 1.757.66 2.725a4.24 4.24 0 0 1-1.537 2.883 4.22 4.22 0 0 1-3.121.95 4.23 4.23 0 0 1-2.883-1.534 4.24 4.24 0 0 1-.954-3.128 4.24 4.24 0 0 1 1.537-2.882 4.24 4.24 0 0 1 3.124-.95c.371.035.729.122 1.069.248l1.786-2.333a7.45 7.45 0 0 1-1.874-3.737l-7.875.02a5.586 5.586 0 0 1-6.255 4.153c-3.032-.474-5.119-3.325-4.652-6.356a5.583 5.583 0 0 1 6.356-4.653 5.54 5.54 0 0 1 3.644 2.213c.434.593.74 1.252.913 1.944l7.872-.019c.642-3.475 3.69-6.118 7.348-6.118q.4 0 .79.043l.918-3.225a5.2 5.2 0 0 1-1.391-1.18 5.15 5.15 0 0 1-1.158-3.8c.136-1.38.8-2.625 1.87-3.505a5.14 5.14 0 0 1 3.799-1.155 5.195 5.195 0 0 1 4.662 5.667 5.2 5.2 0 0 1-.291 1.265l5.259 4.701a3.6 3.6 0 0 1 1.374-.27 3.666 3.666 0 0 1 3.662 3.663 3.666 3.666 0 0 1-3.662 3.662 3.666 3.666 0 0 1-3.663-3.662Z'/%3E%3Cpath fill='%2385db7f' stroke='%23011144' d='M27.198 26.106a4.786 4.786 0 0 1-4.78-4.781 4.785 4.785 0 0 1 4.78-4.78 4.786 4.786 0 0 1 4.781 4.78 4.787 4.787 0 0 1-4.781 4.781'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}
.sticky-menu .sticky58 a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='38' viewBox='0 0 35 38'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg stroke='%23011144' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M26.167 4.785h3.525c1.937 0 3.524 2.025 3.524 4.5v23.216c0 2.475-2.025 4.5-4.5 4.5H5.5A4.513 4.513 0 0 1 1 32.5V9.285c0-2.475 1.811-4.5 4.026-4.5h4.027M12.242 4.785H22.98M1 13.257h32.215'/%3E%3Cpath d='M10.65 8.472h-.003c-.88 0-1.594-.714-1.594-1.594V2.594c0-.88.714-1.594 1.594-1.594h.002c.88 0 1.593.713 1.593 1.594v4.284c0 .88-.713 1.594-1.593 1.594M24.574 8.472c-.88 0-1.594-.714-1.594-1.594V2.594a1.594 1.594 0 0 1 3.187 0v4.284c0 .88-.713 1.594-1.593 1.594'/%3E%3C/g%3E%3Cpath fill='%23011144' fill-rule='nonzero' d='M15.334 20.609H14.5v1.097h2.15v7.678h1.287V19h-1.01c0 1.126-.482 1.609-1.593 1.609'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
}

/* FAQ */
.faq-item {
  overflow: clip;
  position: relative;
  border: 1px solid #575756;
  cursor: pointer;
  background-color: #DFE0E4;
  height: 65px;
  transition: height 0.7s;
}
.faq-item .faq-name {
  position: relative;
}
.faq-item .faq-name svg {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -12px;
}

.faq-item + .faq-item {
  margin-top: 10px;
}

.faq-item.active {
  border: 1px solid #B1024E;
  height: 100%;
}
.faq-item.active .faq-name {
  background-color: #B1024E;
  color: white;
}
.faq-item.active .faq-name svg #plus {
  transform: scale(0);
}
.faq-item.active .faq-name svg #minus {
  fill: white;
}

.faq-name {
  padding: 20px 40px 15px 20px;
  margin: 0;
}

.faq-answer {
  background-color: white;
}

.faq-text {
  padding: 20px;
}

.grid-col > .faq-item + .faq-item {
  margin-top: 5px;
}

.ce-image .ce-row {
  display: block;
}

.faq-schema .row {
  gap: 6px;
}

details {
  interpolate-size: allow-keywords;
  overflow: clip;
  margin-top: 0.125em;
  border: 0;
  color: #575756;
}

details[open] {
  padding-bottom: 2vw;
}

details summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  position: relative;
  padding: 15px 0;
  color: #575756;
  border-bottom: 1px solid #85DB7F;
  padding-right: 64px;
}

details:not([open]) summary:hover,
details:not([open]) summary:focus {
  color: #253476;
}

details summary:after {
  content: "+";
  position: absolute;
  right: 0;
  color: #253476;
  background: #85DB7F;
  width: 48px;
  text-align: center;
  line-height: 48px;
  border-radius: 20px;
  margin-top: -5px;
}

details[open] summary {
  color: #253476;
}
details[open] summary:after {
  content: "−";
}

details[open]::details-content {
  height: auto;
}

details::details-content {
  height: 0;
  overflow-y: clip;
  transition: content-visibility 475ms allow-discrete, height 475ms;
}

details main {
  padding: 1em 2.2em;
}

.info {
  padding-top: var(--space-xl);
}
.info .frame {
  height: 100%;
}

/* pixel-lightbox  v 1.77 */
/* pixel-lightbox  v 1.77 */
div.lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0);
  display: none;
  z-index: 9999;
  justify-content: center;
  align-items: center;
  opacity: 0.1;
  transition: opacity 0.6s ease, display 0.6s ease allow-discrete;
  will-change: opacity;
}
div.lightbox.active {
  display: flex;
  opacity: 1;
  cursor: pointer;
  z-index: 999999;
}
div.lightbox.active .lightbox-content {
  transform: scale(1);
}
div.lightbox .lightbox-content {
  width: 90%;
  height: 90%;
  overflow: hidden;
  display: flex;
  transform: scale(0.9);
  transition: all 0.4s;
}
div.lightbox .lightbox-content.full {
  width: 100%;
  height: 100%;
  transform: scale(1) !important;
}
div.lightbox .lightbox-slides {
  display: flex;
  transition: transform 0.3s ease-in-out;
  min-width: 100%;
}
div.lightbox .slide-wrapper {
  background: black;
  flex: 0 0 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  outline: 2px solid black;
}
div.lightbox .slide-wrapper img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  cursor: n-resize;
  width: 100%;
}
div.lightbox .lightbox-controls .prev-btn,
div.lightbox .lightbox-controls .next-btn {
  background: none;
  border: none;
  color: white;
  cursor: pointer;
  width: 48px;
  height: 48px;
  position: absolute;
  bottom: 47%;
  margin: 0;
  padding: 0;
  opacity: 0.4;
}
div.lightbox .lightbox-controls .prev-btn {
  left: 0;
}
div.lightbox .lightbox-controls .prev-btn:hover {
  opacity: 1;
}
div.lightbox .lightbox-controls .next-btn {
  right: 0;
}
div.lightbox .lightbox-controls .next-btn:hover {
  opacity: 1;
}
div.lightbox .lightbox-controls .prev-btn svg,
div.lightbox .lightbox-controls .next-btn svg {
  width: 28px;
  height: 28px;
}
div.lightbox .lightbox-controls .prev-btn svg path,
div.lightbox .lightbox-controls .next-btn svg path {
  fill: white;
}
div.lightbox .pagination {
  color: white;
  position: fixed;
  top: 16px;
  left: 16px;
  opacity: 0.4;
  margin-top: 0;
}
div.lightbox .close-btn {
  position: fixed;
  top: 6px;
  right: 6px;
  width: 48px;
  height: 48px;
  background: none;
  border: 0;
  cursor: pointer;
}
div.lightbox .close-btn svg {
  width: 20px;
  height: 20px;
}
div.lightbox .close-btn svg path {
  fill: white;
  opacity: 0.4;
}
div.lightbox .close-btn:hover svg path {
  opacity: 1;
}
div.lightbox .disabled {
  cursor: not-allowed !important;
}
div.lightbox .disabled:hover {
  cursor: not-allowed !important;
  opacity: 0.4 !important;
}
div.lightbox .none {
  display: none;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes scaleIn {
  from {
    scale: 0.9;
  }
  to {
    scale: 1;
  }
}
@keyframes scaleOut {
  from {
    scale: 1;
  }
  to {
    scale: 0.9;
  }
}
.blaze-slider {
  --slides-to-show: 1;
  --slide-gap: 20px;
  direction: ltr;
}

.blaze-container {
  position: relative;
}

.blaze-track-container {
  overflow: hidden;
}

.blaze-track {
  will-change: transform;
  touch-action: pan-y;
  display: flex;
  gap: var(--slide-gap);
  --slide-width: calc((100% - (var(--slides-to-show) - 1) * var(--slide-gap)) / var(--slides-to-show));
  box-sizing: border-box;
}

.blaze-track > * {
  box-sizing: border-box;
  width: var(--slide-width);
  flex-shrink: 0;
}

/* Custom ****/
.gallery {
  margin: 0 auto;
}
.gallery .gallery-main {
  position: relative;
  margin-bottom: 16px;
  border-radius: 20px;
  overflow: hidden;
}
.gallery .gallery-main img {
  width: 100%;
  height: auto;
  display: block;
}
.gallery .nav-buttons {
  display: flex;
  width: 100%;
  justify-content: space-between;
  position: absolute;
  top: calc(50% - 45px);
}
.gallery .nav-buttons button {
  appearance: none;
  border: 0;
  color: #fff;
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  cursor: pointer;
}
.gallery .nav-buttons button svg {
  height: 90px;
  width: auto;
}
.gallery .blaze-track-container {
  max-width: 900px;
  margin: 0 auto;
  border-radius: 20px;
}
.gallery .thumbs-viewport {
  overflow-x: auto;
  scrollbar-width: none;
  margin-top: 3vw;
}
.gallery .thumbs-viewport .blaze-track-container {
  max-width: 100%;
}
.gallery .thumbs-viewport::-webkit-scrollbar {
  display: none;
}
.gallery .gallery-thumbs {
  min-width: 100%;
}
.gallery .blaze-track > div {
  cursor: pointer;
  border: 3px solid transparent;
  border-radius: 20px;
  overflow: hidden;
  transition: 0.2s ease;
  box-sizing: border-box;
}
.gallery .gallery-thumbs .blaze-track > div {
  opacity: 0.6;
}
.gallery .gallery-thumbs .blaze-track > div.active {
  opacity: 1;
  border-color: #85DB7F;
  transform: translateY(-2px);
}
.gallery .gallery-thumbs img {
  width: 100%;
  height: auto;
  display: block;
}
@media (max-width: 768px) {
  .gallery .gallery-main img {
    height: 320px;
  }
  .gallery .gallery-thumbs img {
    height: 80px;
  }
}
.gallery .blaze-slider {
  --slide-gap: 2vw !important;
}

.ce-image .ce-row {
  display: block;
}

/* ----------------------------------------------------
Design‑Variablen
---------------------------------------------------- */
:root {
  /* Höhe des großen Bild‑Carousels   */
  --thumb-size: 15.2%;
  /* Breite/Höhe eines Thumbs          */
  --thumb-gap: 20px;
  /* Abstand zwischen Thumbs           */
  --thumbs-visible: 6;
  /* **Anzahl Thumbs, die gleichzeitig sichtbar sein sollen** */
  /* Gesamte Breite des Thumbnail‑Strips (Thumbs + Lücken) */
  --thumb-strip-width: calc((var(--thumb-size) * var(--thumbs-visible)) + (var(--thumb-gap) * (var(--thumbs-visible) - 1)));
  --arrow-size: 2.8rem;
  --arrow-bg: rgba(0, 0, 0, .4);
  --arrow-color: #fff;
  --thumb-border: 3px solid #fff;
}

/* Mobile‑Optimierung – nur 4 Thumbs sichtbar */
@media (max-width: 768px) {
  :root {
    --thumb-size: 90px;
    --thumbs-visible: 4;
  }
}
/* ----------------------------------------------------
    Slider‑Container
---------------------------------------------------- */
.tslider {
  position: relative;
  margin: 2rem auto;
  overflow: hidden;
  /* ----------------------------------------------------
      Slides (horizontal flex + scroll‑snap)
  ---------------------------------------------------- */
}
.tslider .thumb-slides {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  max-width: 900px;
  margin: 0 auto;
  border-radius: 20px;
}
.tslider .thumb-slides::-webkit-scrollbar {
  display: none;
}
.tslider {
  /* Chrome / Safari */
}
.tslider .slide {
  flex: 0 0 100%;
  scroll-snap-align: start;
  position: relative;
}
.tslider .slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tslider {
  /* ----------------------------------------------------
      Pfeile für die Haupt‑Slides
  ---------------------------------------------------- */
}
.tslider .arrow {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  cursor: pointer;
  display: grid;
  place-items: center;
  transition: background 0.2s;
  z-index: 10;
}
.tslider .arrow:hover,
.tslider .arrow:focus-visible {
  background: rgba(0, 0, 0, 0.1);
}
.tslider .arrow-left {
  left: 0;
}
.tslider .arrow-right {
  right: 0;
}
.tslider {
  /* ----------------------------------------------------
    Thumbnail‑Strip – fester Breite, overflow‑scrollbar
  ---------------------------------------------------- */
}
.tslider .thumb-strip {
  position: relative;
  /* für die Pfeile drüber */
  width: var(--thumb-strip-width);
  max-width: 100%;
  /* nie breiter als Slider selbst */
  margin: auto;
  /* zentriert unterhalb des Carousels */
  overflow: hidden;
  /* versteckt alles außerhalb */
  overflow-x: auto;
  scrollbar-width: none;
  margin-top: 3vw;
}
.tslider {
  /* eigentlicher flex‑Container, scroll‑fähig */
}
.tslider .thumbnails {
  display: flex;
  gap: var(--thumb-gap);
  justify-content: flex-start;
  /* linksbündig, weil Breite fix */
  overflow-x: auto;
  /* scroll‑bar (unsichtbar) */
  scroll-snap-type: x mandatory;
  /* optionales Einrasten */
  scrollbar-width: none;
  /* Firefox */
}
.tslider .thumbnails::-webkit-scrollbar {
  display: none;
}
.tslider {
  /* einzelne Thumbnail‑Buttons */
}
.tslider .thumb {
  flex: 0 0 var(--thumb-size);
  background: transparent;
  padding: 0;
  cursor: pointer;
  border: 3px solid transparent;
  border-radius: 20px;
  overflow: hidden;
  transition: 0.2s ease;
  box-sizing: border-box;
}
.tslider .thumb img {
  width: 100%;
  height: auto;
  opacity: 0.6;
  border-radius: 4px;
  transition: opacity 0.2s, transform 0.2s;
}
.tslider .thumb:hover img,
.tslider .thumb:focus-visible img {
  opacity: 1;
  transform: scale(1.03);
}
.tslider .thumb.active {
  opacity: 1;
  border-color: #85DB7F;
}
.tslider .thumb.active img {
  opacity: 1;
}
.tslider {
  /* Pfeile, die über dem Thumbnail‑Strip liegen */
}
.tslider .thumb-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: var(--arrow-size);
  height: var(--arrow-size);
  background: var(--arrow-bg);
  border: none;
  border-radius: 50%;
  color: var(--arrow-color);
  cursor: pointer;
  display: grid;
  place-items: center;
  transition: background 0.2s;
}
.tslider .thumb-arrow:hover,
.tslider .thumb-arrow:focus-visible {
  background: rgba(0, 0, 0, 0.6);
}
.tslider .thumb-arrow.left {
  left: 0;
}
.tslider .thumb-arrow.right {
  right: 0;
}
.tslider .thumb-arrow svg {
  fill: currentColor;
  width: 1.2rem;
  height: 1.2rem;
}
.tslider {
  /* ----------------------------------------------------
      Kleine Feineinstellungen für Mobilgeräte
  ---------------------------------------------------- */
}
@media (max-width: 768px) {
  .tslider .arrow {
    --arrow-size: 2.2rem ;
  }
  .tslider .thumb-arrow {
    --arrow-size: 2.0rem ;
  }
}

.row:has(.tslider) {
  padding-left: 0;
  padding-right: 0;
}

@media (prefers-reduced-motion: no-preference) {
  /* css page transition api */
  @view-transition {
    navigation: auto;
  }
  /* css scroll driven aniomations */
  .forcehardware {
    transform: translate3d(0, 0, 0);
  }
  .backface {
    backface-visibility: hidden;
  }
  .pers-origin {
    perspective-origin: 50% 0;
  }
  @keyframes autoBLurAnimation {
    0% {
      filter: blur(20px);
    }
    15% {
      filter: blur(0px);
    }
    95% {
      filter: blur(0px);
    }
    100% {
      filter: blur(20px);
    }
  }
  @keyframes open {
    from {
      transform: scale(0.8);
      opacity: 0;
    }
    to {
      transform: scale(1);
      opacity: 1;
    }
  }
  @keyframes close {
    from {
      transform: scale(1);
      opacity: 1;
    }
    to {
      transform: scale(0.8);
      opacity: 0;
    }
  }
  @keyframes in-view {
    from {
      opacity: 0;
      transform: translateY(40px);
      transition: opacity 0.6s ease, transform 0.6s ease;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }
  .reveal {
    animation: fade-up 0.6s ease-out both;
    animation-trigger: --t play-forwards;
    timeline-trigger-name: --t;
    timeline-trigger-source: view();
  }
  @keyframes fade-up {
    from {
      opacity: 0;
      translate: 0 10px;
    }
    to {
      opacity: 1;
      translate: 0 0;
    }
  }
}
.thumb, .article, .frame-type-form_formframework, .col-lg-4, .col-md-6 {
  animation-name: fade-up;
  animation-duration: 0.4s;
  animation-iteration-count: 1;
  animation-timing-function: linear;
  animation-fill-mode: backwards;
  animation-delay: calc(0.35s * sibling-index());
}

html {
  scroll-behavior: smooth;
}

* {
  box-sizing: border-box;
}

:focus-visible {
  outline: 1px solid #343434;
  border-radius: 0;
}

svg:not(:root) {
  overflow: visible;
}

.frame-bg-bluetas {
  background-color: #253476;
  color: #fff;
}

.frame-bg-blue {
  background-color: #3D56C3;
  color: #fff;
}

.frame-bg-dark-blue {
  background-color: #011144;
  color: #fff;
}

.frame-bg-green {
  background-color: #85DB7F;
}

.frame-bg-gray {
  background-color: #DFE0E4;
}

.frame-bg-light-gray {
  background-color: #F6F6F6;
}

.frame-bg-white {
  background-color: white;
}

.frame-bg-bluetas,
.frame-bg-blue,
.frame-bg-dark-blue,
.frame-bg-green,
.frame-bg-light-gray,
.frame-bg-gray,
.frame-bg-white {
  padding: 2vw;
  border-radius: 20px;
}

.bg-bluetas .grid {
  background-color: #253476;
  color: #fff;
}
.bg-bluetas .grid h2 {
  color: #fff;
}

.bg-blue .grid {
  background-color: #3D56C3;
  color: #fff;
}
.bg-blue .grid p,
.bg-blue .grid h2,
.bg-blue .grid h3,
.bg-blue .grid h4,
.bg-blue .grid ul,
.bg-blue .grid ol {
  color: #fff;
}

.bg-dark-blue .grid {
  background-color: #011144;
  color: #fff;
}
.bg-dark-blue .grid h2 {
  color: #fff;
}

.bg-green .grid {
  background-color: #85DB7F;
}

.bg-gray .grid {
  background-color: #DFE0E4;
}

.bg-light-gray .grid {
  background-color: #F6F6F6;
}

.bg-light-gray .grid,
.bg-gray .grid,
.bg-bluetas .grid,
.bg-blue .grid,
.bg-green .grid,
.bg-dark-blue .grid {
  border-radius: 20px;
  padding: var(--space-8xl) 0;
}

.se-hero .grid {
  padding: var(--space-4xl) 0;
  position: relative;
}
.se-hero .grid .ce-textpic {
  display: flex;
  gap: 2vw;
}
.se-hero .grid .ce-textpic .ce-gallery {
  width: 35%;
  order: 2;
}
.se-hero .grid .ce-textpic .ce-gallery .image {
  padding: var(--space-m);
  background: #253476;
  border-radius: 20px;
}
.se-hero .grid .ce-textpic .ce-bodytext {
  width: 65%;
  order: 1;
}
.se-hero .grid .col-12 + .col-12 {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 42.5%;
}

.frame-type-menu_subpages a.row {
  background-color: #253476;
  border-radius: 20px;
  text-decoration: none;
  transition: transform 0.4s ease-out;
}
.frame-type-menu_subpages a.row:hover {
  transform: translatex(5px);
}

.frame-type-menu_subpages .pageid40 a.row,
.frame-type-menu_subpages .pageid41 a.row,
.frame-type-menu_subpages .pageid42 a.row,
.frame-type-menu_subpages .pageid43 a.row,
.frame-type-menu_subpages .pageid44 a.row {
  background-color: #011144;
}

main {
  padding-top: 150px;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  max-width: 100%;
  width: 100%;
  overflow-x: auto;
  vertical-align: top;
  text-align: left;
}
table th {
  border-bottom: 1px solid #343434;
  padding: 15px;
}
table tr:nth-child(2n) {
  background: #E7F8E5;
}
table tr td {
  border-bottom: 1px solid #343434;
  vertical-align: top;
  padding: 15px;
}
table tr td + td {
  border-left: 1px solid #343434;
}

.tas-table.ce-table th, .tas-table.ce-table td, .tas-table.ce-table td + td {
  border: 0;
}
.tas-table.ce-table thead {
  background: #85DB7F;
}
.tas-table.ce-table tr:nth-child(2n) {
  background: #E7F8E5;
}
.tas-table.ce-table th, .tas-table.ce-table td {
  padding: 10px 20px;
}

/* video */
.frame-type-textmedia {
  width: 100%;
}

.ce-gallery picture {
  width: 100%;
}
.ce-gallery img {
  width: auto;
  max-width: 100%;
  width: 100%;
  border-radius: 20px;
}

.ce-gallery figcaption {
  display: table-caption;
  caption-side: bottom;
  padding: 5px 3px 10px 3px;
  font-size: 14px;
  line-height: 1.2;
}

.news .news-list-view .article .teaser-text,
.news .news-list-view .article {
  padding: 0;
  margin: 0;
}

.news .news-list-view .article .news-img-wrap a {
  padding: 0;
  border: 0;
  float: none;
}

.news .news-list-view .article .news-img-wrap {
  margin: 0;
  float: none;
}
.news .news-list-view .article .news-img-wrap img {
  float: none;
  border-radius: 20px;
  max-width: 100%;
}

.news .article .news-img-wrap img {
  aspect-ratio: 16/9;
  object-fit: cover;
}

.news-single .article .header {
  margin-top: 2vw;
}

.news-single .article .news-img-wrap {
  width: 50% !important;
}

.news-backlink-wrap {
  margin-top: 2vw;
}

.news-single .article .news-img-wrap img {
  border-radius: 20px;
}

#calendar {
  background-color: white;
}

table tr:nth-child(2n) {
  background: #f3f3f5;
}

.ce-textpic.ce-right.ce-intext {
  display: flex;
  gap: 2vw;
}
.ce-textpic.ce-right.ce-intext .ce-gallery {
  order: 2;
  width: 50%;
}
.ce-textpic.ce-right.ce-intext .ce-bodytext {
  order: 1;
  width: 50%;
}

.ce-textpic.ce-left.ce-intext {
  display: flex;
  align-items: center;
}
.ce-textpic.ce-left.ce-intext .ce-gallery {
  width: auto;
  margin: 0;
}

.pl-two .ce-textpic.ce-left.ce-intext,
details .ce-textpic.ce-left.ce-intext {
  display: flex;
  align-items: start;
  gap: 2vw;
}
.pl-two .ce-textpic.ce-left.ce-intext .ce-gallery,
details .ce-textpic.ce-left.ce-intext .ce-gallery {
  width: 30%;
}
.pl-two .ce-textpic.ce-left.ce-intext .ce-bodytext,
details .ce-textpic.ce-left.ce-intext .ce-bodytext {
  width: 70%;
}

.pl-two.se-75 .ce-textpic.ce-left.ce-intext .ce-gallery {
  width: 17%;
}

.ce-border img,
.ce-border iframe {
  border: 1px solid #85DB7F;
}

.frame-type-table + .frame-type-text,
details + div,
.frame-type-table + .frame-type-table,
.pl-two .frame + .frame {
  margin-top: 2vw;
}

.mitgliedsinstitutionen .header.col-12 {
  display: block;
}
.mitgliedsinstitutionen .col-12 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2vw;
}
.mitgliedsinstitutionen .col-12 .frame {
  position: relative;
}
.mitgliedsinstitutionen .col-12 .ce-gallery img {
  border-radius: 0;
}
.mitgliedsinstitutionen .col-12 .ce-textpic {
  display: flex;
  align-items: center;
  gap: 4vw;
  height: 100%;
}
.mitgliedsinstitutionen .col-12 .ce-textpic .ce-gallery {
  width: 30%;
  margin-bottom: 0;
  height: 100%;
  display: flex;
  align-items: center;
}
.mitgliedsinstitutionen .col-12 .ce-textpic .ce-bodytext {
  width: 70%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-flow: column;
}
.mitgliedsinstitutionen .col-12 .ce-textpic .ce-bodytext:before {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  background: #DFE0E4;
  left: calc(30% + 20px);
  top: 0;
}

.se-quote .grid {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='644' height='549' viewBox='0 0 644 549'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='100%25' x2='0%25' y1='50%25' y2='50%25'%3E%3Cstop offset='0%25' stop-color='%238087a2'/%3E%3Cstop offset='100%25' stop-color='%23010f46'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' fill-rule='nonzero' d='M1817 4441.826V4187h-267v254.826h95.224L1564.937 4736h130.7zm-644 0h95.224L1187.937 4736h130.7L1440 4441.826V4187h-267z' transform='translate(-1173 -4187)'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 90% 0%;
  background-size: contain;
}
.se-quote .grid blockquote {
  margin: 0;
}

.glossar-item.bg-gray {
  background-color: #F6F6F6;
  border: 1px solid #3D56C3;
  border-radius: 20px;
  padding: 2vw;
  margin-top: 2vw;
}
.glossar-item.bg-gray .glossar-header {
  font-size: 6rem;
  color: #3D56C3;
  font-weight: 600;
}

.studien .teaser-text {
  padding: 20px;
}

.quick-links img,
.studien img {
  border-radius: 20px;
}

.frame-type-menu_subpages .pageid40,
.frame-type-menu_subpages .pageid41,
.frame-type-menu_subpages .pageid42,
.frame-type-menu_subpages .pageid43,
.frame-type-menu_subpages .pageid44 {
  position: relative;
}
.frame-type-menu_subpages .pageid40:before,
.frame-type-menu_subpages .pageid41:before,
.frame-type-menu_subpages .pageid42:before,
.frame-type-menu_subpages .pageid43:before,
.frame-type-menu_subpages .pageid44:before {
  content: "";
  position: absolute;
  display: block;
  left: 10px;
  top: 10px;
  width: 64px;
  height: 64px;
  background: #85DB7F;
  border-radius: 20px;
  z-index: 5;
  background-repeat: no-repeat;
  background-position: center center;
}

.frame-type-menu_subpages .pageid40:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' viewBox='0 0 46 46'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23253476' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'%3E%3Cpath d='M44 2v42H2z'/%3E%3Cpath d='M35.173 23.478v11.696H23.476z'/%3E%3C/g%3E%3C/svg%3E");
}

.frame-type-menu_subpages .pageid41:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' viewBox='0 0 46 46'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23253476' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'%3E%3Cpath d='M8.072 44.228H37.66V21.856H8.072zM43.79 21.856H1.944L22.863 2.38z'/%3E%3Cpath d='M17.647 44.228h10.439V30.262h-10.44zM36.99 15.981v-8.37'/%3E%3C/g%3E%3C/svg%3E");
}

.frame-type-menu_subpages .pageid42:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='42' viewBox='0 0 46 42'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23253476' stroke-width='3'%3E%3Cpath d='M22.858 1.5a9.2 9.2 0 0 1 6.523 2.702 9.2 9.2 0 0 1 2.702 6.523 9.2 9.2 0 0 1-2.703 6.523 9.2 9.2 0 0 1-6.522 2.702 9.2 9.2 0 0 1-6.522-2.702 9.2 9.2 0 0 1-2.703-6.523 9.2 9.2 0 0 1 2.702-6.523A9.2 9.2 0 0 1 22.858 1.5ZM34.991 22.05a9.2 9.2 0 0 1 6.523 2.702 9.2 9.2 0 0 1 2.702 6.523 9.2 9.2 0 0 1-2.702 6.523A9.2 9.2 0 0 1 34.99 40.5a9.2 9.2 0 0 1-6.522-2.702 9.2 9.2 0 0 1-2.703-6.523 9.2 9.2 0 0 1 2.702-6.523 9.2 9.2 0 0 1 6.523-2.702ZM10.725 22.05a9.2 9.2 0 0 1 6.523 2.702 9.2 9.2 0 0 1 2.702 6.523 9.2 9.2 0 0 1-2.702 6.523 9.2 9.2 0 0 1-6.523 2.702 9.2 9.2 0 0 1-6.522-2.702A9.2 9.2 0 0 1 1.5 31.275a9.2 9.2 0 0 1 2.702-6.523 9.2 9.2 0 0 1 6.523-2.702Z'/%3E%3C/g%3E%3C/svg%3E");
}

.frame-type-menu_subpages .pageid43:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='37' viewBox='0 0 52 37'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23253476' stroke-width='3'%3E%3Cpath d='m30.624 4.655 2.006 16.508M37.446 7.191l1.349 7.806M26 2.005s-2.183-.01-3.44 0c-1.062.009-.981 1.357-1.183 2.65C2.53 8.734 4.437 27.769 4.437 27.769s-5.635 2.866.233 5.179C10.537 35.259 26 35.483 26 35.483s15.463-.224 21.33-2.536c5.868-2.313.233-5.18.233-5.18s1.906-19.034-16.94-23.111c-.202-1.294-.121-2.642-1.184-2.651-1.256-.01-3.439 0-3.439 0Z'/%3E%3Cpath d='M11.083 28.92C14.696 30.211 26 30.013 26 30.013s11.303.198 14.917-1.095M21.376 4.655 19.37 21.163M14.554 7.191l-1.349 7.806'/%3E%3C/g%3E%3C/svg%3E");
}

.frame-type-menu_subpages .pageid44:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='46' viewBox='0 0 35 46'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23253476' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'%3E%3Cpath d='M11.026 9.042s-1.695 5.217 1.825 8.084C12.201 10.346 18.46 3.042 23.022 2c-1.955 5.608.523 10.17 3 13.3 2.478 3.13 7.389 9.043 6.78 16.17-.676 7.926-8.085 12.518-15.647 12.518-7.564 0-14.605-4.257-15.126-12.978-.46-7.68 4.694-17.796 8.997-21.968'/%3E%3Cpath d='M17.155 43.988c-4.305.29-7.476-4.866-5.65-8.432 1.826-3.564 7.39-5.91 5.91-12.083 4.434 2.087 11.388 19.732-.26 20.515'/%3E%3C/g%3E%3C/svg%3E");
}

.quick-links img {
  aspect-ratio: 16/9;
  object-fit: cover;
}
.quick-links a {
  display: block;
  text-decoration: none;
  color: #343434;
}
.quick-links .page-title {
  color: #253476;
}
.quick-links .teaser-text {
  margin-top: var(--space-l);
}

.frame-type-form_formframework input {
  height: 40px;
  border: 1px solid #253476;
  width: 100%;
  padding: 0 10px;
}
.frame-type-form_formframework input.add-on {
  width: auto;
  height: auto;
}
.frame-type-form_formframework textarea {
  padding: 10px;
  width: 100%;
  min-height: 120px;
}
.frame-type-form_formframework .form-group {
  margin-bottom: var(--space-xs);
}

.background-image {
  position: absolute;
  left: 0;
  bottom: 0;
}

.background-image + .grid {
  position: relative;
}

.frame-type-menu_subpages .weiterbildungen a.row {
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid #253476;
  border-radius: 20px;
  text-decoration: none;
  color: #253476;
  padding: 2vw;
}

.news-single .article {
  padding-bottom: 0;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
}
.news-single .article .news-list-date {
  display: inline-block;
  margin-top: 3vw;
}

.news-single .article .col-md-8 {
  display: flex;
  flex-direction: column;
}

.news-single .article .news-img-wrap {
  float: none !important;
  margin: 0 !important;
  width: 100% !important;
}
.news-single .article .news-img-wrap a {
  border: none !important;
}
.news-single .article .news-img-wrap img {
  width: 100% !important;
}

.pager {
  margin-top: 2rem;
}

.f3-widget-paginator {
  display: flex;
  list-style-type: none;
  justify-content: center;
}
.f3-widget-paginator li:before {
  content: none;
}
.f3-widget-paginator a {
  color: #ffffff;
  background-color: #011144;
  text-decoration: none;
  padding: 8px 16px;
  margin: 6px;
  border-radius: 20px;
}
.f3-widget-paginator li.current a {
  background-color: rgba(1, 17, 68, 0.4588235294);
  pointer-events: none;
}
.f3-widget-paginator li + li {
  margin-top: 0;
}

/* footer */
footer a {
  color: #fff;
}

.footer-top {
  background-color: #011144;
  padding: var(--space-4xl) 0;
}

.footer-down {
  background-color: #253476;
  color: #fff;
  text-align: center;
  padding: var(--space-xs) 0;
}

.foot-nav.meta,
.first {
  color: #F6F6F6;
  opacity: 0.8;
}

.foot-partner {
  background: #253476;
  padding: 2vw;
  border-radius: 20px;
}
.foot-partner .partner-head {
  color: #fff;
  border-bottom: 1px solid #fff;
  margin-bottom: 2vw;
}

.stretch {
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}

footer nav li.icon-doc {
  padding-left: 24px;
  position: relative;
}

.ico-doc, .icons .icon-doc a:before {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 4px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M19 0L19 3L0 3L0 0L19 0Z' fill='%2385DB7F' transform='translate(0 16)' /%3E%3Cpath d='M19 0L19 3L0 3L0 0L19 0Z' fill='%2385DB7F' transform='translate(0 12)' /%3E%3Cpath d='M19 0L19 3L0 3L0 0L19 0Z' fill='%2385DB7F' transform='translate(0 8)' /%3E%3Cpath d='M19 0L19 3L0 3L0 0L19 0Z' fill='%2385DB7F' transform='translate(0 4)' /%3E%3Cpath d='M19 0L19 3L0 3L0 0L19 0Z' fill='%2385DB7F' /%3E%3C/g%3E%3C/svg%3E");
}

/* media */
@media only screen and (max-width: 1620px) {
  .logo .name {
    display: none;
  }
}
@media only screen and (max-width: 943px) {
  .menu-button {
    display: block;
  }
  .header-navs {
    display: none;
  }
  .meta-nav {
    display: block;
  }
  .meta-nav li + li {
    margin-left: 0;
  }
  #haupt-menu {
    display: block;
  }
  #haupt-menu li + li {
    margin-left: 0;
  }
  .menu-button--open + .header-navs {
    position: absolute;
    top: 130px;
    display: block;
  }
  #haupt-menu li.dropdown ul {
    position: static;
  }
  #haupt-menu li.dropdown ul li a {
    font-weight: 400;
    font-size: 16px;
  }
  .mitgliedsinstitutionen .col-12 {
    grid-template-columns: 1fr;
  }
}
@media only screen and (min-width: 1921px) {
  .grid {
    width: 90%;
  }
}
@media only screen and (min-width: 2100px) {
  .grid {
    width: 85%;
  }
}
@media only screen and (min-width: 2200px) {
  .grid {
    width: 80%;
  }
}

/*# sourceMappingURL=main.css.map */