@import "lrn.css";
#pagehead {
  position:absolute;
  top:0;
  width:100%;
  padding:clamp(1.11rem,3.333rem,3.1vw);
  display:flex;
  z-index:10;
}
#pagehead .header-brand {
  margin-right:clamp(1.11rem,3.333rem,3.1vw);
  max-width:clamp(120px,360px,18.8vw);
  position:relative;
}
#pagehead .header-brand > a {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
@media (max-width: 449px) {
  #pagehead .header-brand {
    margin-right:.5rem;
    max-width:4.444rem;
  }
  #pagehead .header-brand img {
    width:80px;
    aspect-ratio:2;
  }
}
#pagehead nav {
  flex:1 1 75%;
  display:flex;
  justify-content:flex-end;
}
#pagehead nav .main-nav-container {
  display:flex;
  justify-content:flex-end;
  flex-wrap:wrap;
  row-gap:1rem;
  width:100%;
  max-width:700px;
  margin-top:clamp(1rem,2.5rem,2.4vw);
  list-style-type:none;
}
#pagehead nav .main-nav-container li {
  white-space:nowrap;
  flex:1 0 auto;
  display:flex;
  justify-content:flex-end;
}
#pagehead nav .main-nav-container li a {
  display:inline;
  max-height:clamp(2.4rem,2.8rem,2.8vw);
  position:relative;
  overflow:hidden;
}
#pagehead nav .main-nav-container li a:after {
  content:'';
  width:100%;
  height:5px;
  background:var(--color-yellow);
  display:block;
  position:absolute;
  bottom:0;
  transform:translateX(-100%);
  transition:transform ease-in-out .2s;
}
#pagehead nav .main-nav-container li a:hover:after { transform:translateX(0); }
#pagehead nav .main-nav-container li.active > a:after { transform:translateX(0); }
#pagehead nav .main-nav-container li.sub { position:relative; }
#pagehead nav .main-nav-container li.sub ul.sub-menu {
  position:absolute;
  z-index:10;
  background:#FFF;
  padding:.8rem 1rem;
  top:100%;
  translate:200% 0;
  box-shadow:6px 6px 6px rgba(0,0,0,0.16);
  transition:translate ease-in-out .3s;
}
#pagehead nav .main-nav-container li.sub ul.sub-menu li { transition:margin ease-in-out .2s; }
#pagehead nav .main-nav-container li.sub ul.sub-menu li a {
  font-size:1rem;
  font-family:var(--fonts-salvatore-book);
  padding-bottom:.277rem;
}
#pagehead nav .main-nav-container li.sub ul.sub-menu li:hover, #pagehead nav .main-nav-container li.sub ul.sub-menu li.active { margin:0 0 .25rem; }
#pagehead nav .main-nav-container li.sub ul.sub-menu li:hover a, #pagehead nav .main-nav-container li.sub ul.sub-menu li.active a { font-family:'Salvatore Extra Bold', sans-serif; }
#pagehead nav .main-nav-container li.sub ul.sub-menu li:hover:last-of-type, #pagehead nav .main-nav-container li.sub ul.sub-menu li.active:last-of-type { margin:.25rem 0 0; }
#pagehead nav .main-nav-container li.sub ul.sub-menu.active { translate:0; }
#pagehead nav .main-nav-container li.sub:hover .sub-menu { translate:0; }
@media (max-width: 449px) {
  #pagehead nav .main-nav-container { margin-top:.5rem; }
}
#pagehead.subpage-nav {
  position:unset;
  margin-bottom:clamp(2.22rem,4.44rem,4.2vw);
  background:#FFF;
  box-shadow:0 10px 6px rgba(0,0,0,0.16);
}
#pagehead.subpage-nav .header-brand { max-width:clamp(120px,280px,14.6vw); }
@font-face {
  font-family:'Salvatore Book';
  src:url('/css/fonts/SalvatoreBook/font.woff2') format('woff2'), url('/css/fonts/SalvatoreBook/font.woff') format('woff');
  font-weight:400;
  font-display:swap;
  unicode-range:U20-5F, U61-7D, UA0, UA7, UA9, UAB, UBB, UC4, UD6, UDC, UDF, UE4, UF6, UFC, U2010-2011, U2013-2014, U2018, U201A, U201C, U201E, U2026, U2030, U20AC;
}
@font-face {
  font-family:'Salvatore Extra Bold';
  src:url('/css/fonts/SalvatoreExtraBold/font.woff2') format('woff2'), url('/css/fonts/SalvatoreExtraBold/font.woff') format('woff');
  font-weight:800;
  font-display:swap;
  unicode-range:U20-5F, U61-7D, UA0, UA7, UA9, UAB, UBB, UC4, UD6, UDC, UDF, UE4, UF6, UFC, U2010-2011, U2013-2014, U2018, U201A, U201C, U201E, U2026, U2030, U20AC;
}
:root {
  --color-darkgrey:#042032;
  --color-darkgrey-transp:#04203280;
  --color-grey:#5D7086;
  --color-yellow:#FCEA10;
  --color-lightyellow:#FEF588;
  --color-darkblue:#001D34;
  --color-bluegrey:#CDD6E1;
  --color-button:#00B3C4;
  --color-button-hover:#0097A6;
  --font-salvatore-book:'Salvatore Book', sans-serif;
  --font-salvatore-extra-bold:'Salvatore Extra Bold', sans-serif;
  --flex-padding:60px;
  font-size:18px;
  color:var(--color-darkgrey);
}
body {
  font-family:var(--font-salvatore-book);
  overflow-x:hidden;
}
body.no-scroll { overflow:hidden; }
@media (max-width: ) {
  body { padding:0; }
}
html { scroll-behavior:smooth; }
* {
  margin:0;
  padding:0;
  box-sizing:border-box;
}
h1 {
  font-family:var(--font-salvatore-extra-bold);
  font-size:clamp(1.8rem,2.8vw,53px);
  line-height:clamp(1.9rem,3.4vw,65px);
}
h2 {
  font-family:var(--font-salvatore-extra-bold);
  font-size:clamp(1.33rem,3vw,3.222rem);
  line-height:clamp(1.77rem,3.6vw,3.8rem);
  margin-bottom:clamp(1.833rem,2.6vw,2.77rem);
}
h3 {
  font-family:var(--font-salvatore-extra-bold);
  font-size:clamp(1rem,2.1vw,2.22rem);
  line-height:clamp(1.55rem,3vw,3.11rem);
  margin-bottom:clamp(1.44rem,3.1vw,3.33rem);
}
h3.mb-sm { margin-bottom:1rem !important; }
.text-only h3 {
  margin-top:clamp(1.44rem,3.1vw,3.33rem);
  margin-bottom:clamp(1.55rem,2.1vw,2.22rem);
}
p {
  font-size:clamp(1rem,1.5vw,1.55rem);
  line-height:clamp(1.55rem,2.1vw,2.22rem);
  margin-bottom:clamp(1.55rem,2.1vw,2.22rem);
}
p a {
  font-family:var(--font-salvatore-book);
  font-size:clamp(1rem,1.5vw,1.55rem);
  text-decoration:underline;
  transition:color ease-in-out .2s;
}
p a:hover { color:var(--color-grey); }
a {
  color:var(--color-darkgrey);
  transition:all ease-in-out .2s;
  text-decoration:none;
  font-size:clamp(1rem,2rem,2vw);
  font-family:var(--font-salvatore-extra-bold);
}
.lrn-richtext p > a {
  font-family:"Salvatore Extra Bold", sans-serif;
  text-decoration:none;
  border-bottom:5px solid var(--color-yellow);
}
.lrn-richtext p > a:after {
  content:'\2192';
  margin-left:.5rem;
}
#lrn-main { overflow-x:hidden; }
button {
  appearance:none;
  background:transparent;
  border:none;
  position:relative;
  background:var(--color-button);
  transform:rotate(-3deg);
  padding:clamp(1.44rem,1.55rem,2.1vw) clamp(1.77rem,2.33rem,2.1vw) clamp(1rem,1.277rem,1.1vw) clamp(1.77rem,2.33rem,2.1vw);
  font-size:clamp(1rem,1.55rem,1.5vw);
  font-family:var(--font-salvatore-extra-bold);
  color:#FFF;
  box-shadow:5px 5px 6px rgba(0,0,0,0.37);
  transition:background ease-in-out .2s;
  cursor:pointer;
}
button a {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
}
button:hover { background:var(--color-button-hover); }
html {
  scroll-behavior:smooth;
  scroll-padding-top:clamp(1.5rem,3rem,2.9vw);
}
.row {
  margin-left:calc(clamp(.833rem, var(--flex-padding), 3.2vw) * -1);
  margin-right:calc(clamp(.833rem, var(--flex-padding), 3.2vw) * -1);
  display:flex;
  flex-wrap:wrap;
}
.col {
  padding:0 clamp(.833rem,var(--flex-padding),3.2vw);
  width:50%;
}
@media (max-width: 899px) {
  .col { width:100% !important; }
}
a:focus, a:active { outline:0; }
.container {
  width:calc(100% - clamp(1.11rem, 10.277rem, 9.7vw));
  margin:0 auto;
  max-width:1750px;
  position:relative;
}
.regular-text h3 { margin:0; }
@media (max-width: 899px) {
  .regular-text { text-align:center; }
}
ul.not-found-links { list-style-type:none; }
footer {
  background:var(--color-grey);
  padding:clamp(2rem,4.166rem,3.9vw) 0;
}
footer ul {
  display:flex;
  align-items:center;
  justify-content:center;
  list-style-type:none;
  column-gap:clamp(1.11rem,6.66rem,6.3vw);
}
footer ul a {
  font-size:clamp(1rem,2rem,2vw);
  color:#FFF;
  border-bottom:2px solid transparent;
  transition:border-color ease-in-out .2s;
  position:relative;
  overflow:hidden;
  display:inline-block;
}
footer ul a:after {
  content:'';
  width:100%;
  height:5px;
  background:var(--color-yellow);
  display:block;
  position:absolute;
  bottom:0;
  transform:translateX(-101%);
  transition:transform ease-in-out .2s;
}
footer ul a:hover:after, footer ul a.active:after { transform:translateX(0); }
@media (max-width: 499px) {
  footer { padding:2rem 1rem; }
  footer ul {
    flex-wrap:wrap;
    gap:1rem !important;
  }
  footer ul li { flex:1 0 auto; }
}
strong { font-family:var(--font-salvatore-extra-bold); }
@media (max-width: 899px) {
  form.gewinnspielForm { margin-bottom:2.66rem; }
}
fieldset { border:none; }
fieldset.main-inputs {
  display:flex;
  flex-wrap:wrap;
  margin-top:clamp(2.222rem,2.7777rem,2.7vw);
}
fieldset.main-inputs .input-group {
  width:100%;
  margin-bottom:clamp(1.111rem,3.1rem,3vw);
  position:relative;
}
fieldset.main-inputs .input-group input {
  width:100%;
  border-radius:0;
}
fieldset.main-inputs .input-group#plz { width:15%; }
fieldset.main-inputs .input-group#ort { width:85%; }
fieldset.main-inputs .input-group textarea {
  width:100%;
  border:none;
  background:var(--color-lightyellow);
  padding:1rem;
  font-family:var(--font-salvatore-book);
  font-size:clamp(1rem,1.55rem,1.5vw);
  resize:vertical;
}
fieldset.main-inputs .input-group textarea::placeholder { opacity:.6; }
fieldset.main-inputs .input-group select {
  font-size:clamp(1rem,1.55rem,1.5vw);
  font-family:var(--font-salvatore-book);
  appearance:none;
  -webkit-appearance:none;
  border:none;
  background:transparent;
}
fieldset.main-inputs .input-group select.pre-selected { font-family:var(--font-salvatore-extra-bold); }
fieldset.main-inputs .input-group select:not(.pre-selected) { cursor:pointer; }
fieldset.main-inputs .input-group label[for="ort_select"] {
  font-size:clamp(1rem,1.55rem,1.5vw);
  margin-right:1rem;
}
@media (max-width: 649px) {
  fieldset.main-inputs .input-group#plz { width:25%; }
  fieldset.main-inputs .input-group#ort { width:75%; }
}
input {
  appearance:none;
  border:none;
  border-bottom:2px solid var(--color-darkgrey);
  font-size:clamp(1rem,1.55rem,1.5vw);
  font-family:var(--font-salvatore-book);
  color:var(--color-darkgrey);
  background:transparent;
}
input[type="number"] { -moz-appearance:textfield; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance:none; }
::placeholder {
  color:var(--color-darkgrey);
  opacity:1;
}
input[type="radio"], input[type="checkbox"] {
  margin-right:1rem;
  width:clamp(1.33rem,2.222rem,2.1vw);
  height:clamp(1.33rem,2.222rem,2.1vw);
  min-width:2.222rem;
  min-height:2.222rem;
  border-radius:0;
  background:#FFF;
  border:1px solid #707070;
  position:relative;
  cursor:pointer;
  aspect-ratio:1;
}
input[type="radio"]:after, input[type="checkbox"]:after {
  content:'';
  position:absolute;
  width:calc(100% - .5rem);
  height:calc(100% - .5rem);
  top:50%;
  left:50%;
  background:transparent;
  z-index:1;
  transform:translate(-50%,-50%);
}
input[type="radio"]:checked:after, input[type="checkbox"]:checked:after { background:var(--color-darkgrey); }
input[type="radio"]:hover:after, input[type="checkbox"]:hover:after { background:var(--color-darkgrey-transp); }
input[type="radio"]:hover:checked:after, input[type="checkbox"]:hover:checked:after { background:var(--color-darkgrey); }
.radio-group {
  display:flex;
  max-width:100%;
  flex-wrap:wrap;
  gap:3rem;
}
.radio-group .radio {
  display:flex;
  align-items:center;
}
.radio-group label {
  font-size:clamp(1.33rem,2.222rem,2.1vw);
  line-height:clamp(1.33rem,2.222rem,2.1vw);
  font-family:var(--font-salvatore-extra-bold);
}
@media (max-width: 649px) {
  .radio-group { column-gap:clamp(1.5rem,2.66rem,2.5vw); }
  .radio-group .radio { flex:unset; }
}
.checkbox-group { display:flex; }
.checkbox-group label {
  max-width:70%;
  word-break:normal;
  -webkit-hyphens:auto;
  hyphens:auto;
}
.checkbox-group label a {
  font-size:clamp(1rem,1.55rem,1.5vw);
  font-family:var(--font-salvatore-book);
  text-decoration:underline;
  border:none;
  hyphens:none;
}
.checkbox-group label a:after { content:none; }
@media (max-width: 649px) {
  .checkbox-group label { max-width:85%; }
}
.help-block i { display:none; }
.help-block.error {
  position:absolute;
  top:100%;
  display:block;
  width:100%;
}
#captcha { margin-top:clamp(1.66rem,3.33rem,3.1vw); }
.form-actions { margin-top:clamp(1.66rem,3.33rem,3.1vw); }
@media (max-width: 899px) {
  .form-actions { text-align:center; }
}
.sub-area {
  background:var(--color-lightyellow);
  margin-top:0;
}
.sub-area.sub-area-home {
  margin-top:0;
  padding-bottom:clamp(4.166rem,6.66rem,6.3vw);
}
.sub-area.sub-area-home .gewinnspiel textarea { border:2px solid #000; }
.sub-area:not(.sub-area-home) {
  padding-top:clamp(2.22rem,3.33rem,3.1vw);
  padding-bottom:clamp(2.22rem,5.55rem,5.2vw);
}
.sub-area:not(.sub-area-home) p:last-of-type { margin-bottom:0; }
.sub-area.ort {
  position:relative;
  padding-top:11.11rem;
}
.sub-area.ort .text-graphic {
  position:absolute;
  max-width:1200px;
  top:calc(11.11rem * -1);
  translate:0 -45%;
}
@media (min-width: 1300px) and (max-width: 1800px) {
  .sub-area.ort { margin-top:clamp(6rem,7.5vw,8rem); }
}
@media (max-width: 899px) {
  .sub-area.ort {
    margin-top:clamp(6rem,16.5vw,11.11rem);
    padding-top:calc(clamp(2.22rem,3.1vw,3.33rem) * 2.5);
  }
  .sub-area.ort .text-graphic { top:calc((clamp(2.22rem,3.1vw,3.33rem) * 2.5) * -1); }
}
img {
  max-width:100%;
  height:auto;
}
.home-header {
  aspect-ratio:2.28;
  margin-bottom:clamp(2.22rem,4.44rem,4.2vw);
}
.home-header .header-image { position:relative; }
.home-header .header-image img#bg-image {
  width:100%;
  object-fit:cover;
  object-position:center 40%;
  aspect-ratio:2.75;
  min-height:200px;
}
@media (max-width: 749px) {
  .home-header .header-image img#bg-image { object-position:center 25%; }
}
.home-header .header-image > .container {
  transform:translate(-50%,-60%);
  position:absolute;
  left:50%;
}
.home-header .header-image > .container .text-image {
  display:flex;
  justify-content:center;
}
.home-header .header-image > .container { transform:translate(-50%,-68%); }
@media (max-width: 649px) {
  .home-header { aspect-ratio:1.4; }
  .home-header .header-image > .container { transform:translate(-50%,-20%); }
}
.image-text { margin-bottom:clamp(4.722rem,8.88rem,8.4vw); }
.image-text:last-of-type { margin-bottom:0; }
.image-text .text-container {
  padding-top:1rem;
  width:45%;
}
.image-text .text-container button { margin-top:clamp(2.77rem,3.611rem,3.1vw); }
.image-text .text-container p:last-of-type { margin-bottom:0; }
.image-text .img-container { width:55%; }
.image-text .img-container img { clip-path:polygon(3% 0,97% 4%,100% 100%,0% 100%); }
.image-text.img-right .text-container { text-align:right; }
.image-text.img-right .img-container img { clip-path:polygon(3% 4%,97% 0,100% 100%,0% 100%); }
@media (max-width: 899px) {
  .image-text .text-container { text-align:center; }
  .image-text.img-right { flex-wrap:wrap-reverse; }
  .image-text.img-right .text-container { text-align:center; }
}
@media (max-width: 649px) {
  .image-text .img-container img { clip-path:polygon(5% 12%,95% 0%,100% 100%,0% 100%); }
  .image-text.img-right .img-container img { clip-path:polygon(5% 0%,95% 12%,100% 100%,0% 100%); }
}
svg#headline_gewinnspiel { transform:translateY(-38%); }
@media (min-width: 650px) {
  svg#headline_gewinnspiel { max-width:75%; }
}
.single-image { margin-bottom:clamp(2.22rem,4.44rem,4.2vw); }
.single-image img { clip-path:polygon(3% 4%,97% 0,100% 100%,0% 100%); }
@media (max-width: 649px) {
  .single-image img { clip-path:polygon(5% 0%,95% 12%,100% 100%,0% 100%); }
}
.two-col-subpage .one-col { display:block; }
.two-col-subpage .one-col .text-container { text-align:center; }
.two-col-subpage .one-col .single-image { clip-path:polygon(3% 4%,97% 0,100% 100%,0% 100%); }
.two-col-subpage .one-col .single-image img { clip-path:unset; }
.two-col-subpage .one-col h3 { text-align:center; }
@media (min-width: 900px) {
  .two-col-subpage .one-col { display:none; }
}
.two-col-subpage.ort .one-col .text-container, .two-col-subpage .quotes .one-col .text-container { text-align:left; }
.two-col-subpage.ort .one-col h2, .two-col-subpage .quotes .one-col h2 { text-align:center; }
.two-col-subpage .two-col { display:none; }
.two-col-subpage .two-col .left { text-align:right; }
.two-col-subpage .two-col .left .single-image img { clip-path:polygon(3% 0,97% 4%,100% 100%,0% 100%); }
@media (min-width: 900px) {
  .two-col-subpage .two-col { display:flex; }
  .two-col-subpage .two-col .text-container p:last-of-type { margin-bottom:clamp(4.44rem,6.22rem,6.2vw) !important; }
  .two-col-subpage .two-col:not(.left) .single-image:first-of-type { margin-bottom:clamp(4.44rem,6.22rem,6.2vw); }
}
.two-col-subpage .one-col .single-image, .two-col-subpage .two-col .single-image { margin-bottom:clamp(2.22rem,3.11rem,3.1vw); }
.two-col-subpage .one-col .text-container, .two-col-subpage .two-col .text-container { width:100%; }
.two-col-subpage .one-col .text-container p:last-of-type, .two-col-subpage .two-col .text-container p:last-of-type { margin-bottom:clamp(1.55rem,2.22rem,2.1vw); }
.two-col-subpage .one-col h3, .two-col-subpage .two-col h3 { margin-bottom:clamp(2.5rem,5.277rem,5vw); }
.two-col-subpage .quotes { margin-bottom:clamp(8rem,12vw,12rem); }
.two-col-subpage .quotes img { margin-bottom:3rem; }
.two-col-subpage .quotes img:last-of-type { margin-bottom:0; }
.two-col-subpage .quotes .two-col .col:not(.left) { padding-top:2.777rem; }
@media (max-width: 899px) {
  .two-col-subpage .quotes {
    margin-top:clamp(1.66rem,6.66rem,6.3vw);
    margin-bottom:0;
  }
}
.text-graphic { margin-bottom:clamp(1.66rem,6.66rem,6.3vw); }
.text-graphic.ort { max-width:100%; }
@media (min-width: 900px) {
  .text-graphic.ort {
    max-width:50%;
    text-align:right;
  }
  .text-graphic.ort img { max-height:11.111rem; }
}
@media (max-width: 899px) {
  .text-graphic.ort img { max-height:7.777rem; }
}
@media (max-width: 549px) {
  .text-graphic.ort img { max-height:5.555rem; }
}
.map { position:relative; }
.map svg { max-width:62%; }
.map .text {
  position:absolute;
  top:0;
  left:50%;
  width:50%;
  margin-top:2.77rem;
}
@media (max-width: 899px) {
  .map svg { max-width:100%; }
  .map .text {
    position:relative;
    width:100%;
    left:unset;
    text-align:center;
  }
}
.image-list { margin-top:3.33rem; }
.image-list .single-image { margin-bottom:clamp(1.11rem,2.22rem,2.1vw); }
.image-list h3 { margin-bottom:clamp(.277rem,1.11rem,1vw); }
.image-list .text-container { margin-bottom:clamp(3.055rem,4.44rem,4.2vw); }
.image-list .one-col { display:block; }
.image-list .one-col .text-container { text-align:center; }
@media (min-width: 900px) {
  .image-list .one-col { display:none; }
}
@media (max-width: 899px) {
  .image-list .one-col .single-image.flipped img { clip-path:polygon(3% 0%,97% 4%,100% 100%,0% 100%); }
}
@media (max-width: 649px) {
  .image-list .one-col .single-image:not(.flipped) img { clip-path:polygon(3% 4%,97% 0%,100% 100%,0% 100%); }
}
.image-list .two-col { display:none; }
.image-list .two-col.left { text-align:right; }
.image-list .two-col.left .single-image img { clip-path:polygon(3% 0%,97% 4%,100% 100%,0% 100%); }
.image-list .two-col:not(.left) { margin-top:11.11rem; }
@media (min-width: 900px) {
  .image-list .two-col { display:block; }
}
.image-list .image-text-group { position:relative; }
.image-list .image-text-group .single-image { overflow:hidden; }
.image-list .image-text-group .single-image img {
  object-fit:cover;
  object-position:center;
  transform:scale(1);
  transition:transform ease-in-out .2s;
}
.image-list .image-text-group h3 {
  position:relative;
  display:inline-block;
  overflow:hidden;
}
.image-list .image-text-group h3:after {
  content:'';
  width:100%;
  height:5px;
  background:var(--color-yellow);
  display:block;
  position:absolute;
  bottom:0;
  transform:translateX(-100%);
  transition:transform ease-in-out .2s;
}
.image-list .image-text-group > a {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:10;
}
.image-list .image-text-group:hover .single-image img { transform:scale(1.1); }
.image-list .image-text-group:hover h3:after { transform:translateX(0); }
@media (max-width: 899px) {
  #submit-success { text-align:center; }
}
.fahrplan h2.has-sub { margin-bottom:0; }
.fahrplan p { margin-bottom:clamp(1.833rem,2.6vw,2.77rem) !important; }
.fahrplan iframe {
  width:100%;
  height:30rem;
  background:#FFF;
  margin-top:1.5rem;
}
.fahrplan iframe:first-of-type { margin-top:0; }
.gewinnspiel { margin:2rem 0 4rem; }
.gewinnspiel img { margin-bottom:2rem; }
.gewinnspiel .text-graphic { margin-bottom:0; }
.color-container {
  margin-top:clamp(2.22rem,3.33rem,3.1vw);
  padding-top:clamp(2.22rem,3.33rem,3.1vw);
  padding-bottom:clamp(2.22rem,5.55rem,5.2vw);
  position:relative;
}
.color-container.dark-blue {
  background:var(--color-darkblue);
  color:#FFF;
  padding-top:clamp(7.5rem,13.3vw,18.75rem);
  padding-bottom:clamp(2.22rem,21.33rem,20vw);
}
.color-container.light-blue { background:var(--color-bluegrey); }
.color-container .image-text { margin-bottom:0; }
.akkordeon { margin:4rem auto 0 auto; }
.akkordeon details {
  border-top:1px solid #FFF;
  background:transparent;
}
.akkordeon details[open] {
  padding-bottom:1.5rem;
  background:var(--color-darkblue);
}
.akkordeon details[open] summary::after { transform:rotate(180deg); }
.akkordeon details summary {
  padding:1.5rem 0;
  font-size:clamp(1.33rem,2.222rem,2.1vw);
  line-height:clamp(1.33rem,2.222rem,2.1vw);
  font-family:var(--font-salvatore-extra-bold);
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.akkordeon details summary::marker { content:""; }
.akkordeon details summary::after {
  content:'';
  display:inline-block;
  width:clamp(1.33rem,2.222rem,2.1vw);
  height:clamp(1.33rem,2.222rem,2.1vw);
  background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.75 10.73'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg id='Layer_1-2'%3E%3Cpath class='cls-1' d='m4.87,10.73L0,5.86l1.29-1.34,2.5,2.48V0h2.17v7l2.48-2.48,1.31,1.34-4.88,4.87Z'/%3E%3C/g%3E%3C/svg%3E");
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  transition:transform ease-in-out .2s;
}
.akkordeon details summary:hover { cursor:pointer; }
.akkordeon details p:last-of-type { margin-bottom:0; }
.akkordeon details a {
  color:#FFF;
  text-decoration:none;
}
.akkordeon details a:hover { text-decoration:underline; }
@media (min-width: 900px) {
  .akkordeon { max-width:60%; }
}
.top-bg-grad {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:clamp(5rem,9vw,12.5rem);
  background:linear-gradient(to bottom,#FFF 20%,transparent 100%);
}
@media (max-width: 749px) {
  .top-bg-grad { height:2rem; }
}
.top-bg {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:clamp(10rem,18vw,25rem);
  background:url(../images/svg/ice-crystals.svg) repeat-x center top;
}
.bg {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:url(../images/svg/snowflakes.svg) repeat-y center center;
  opacity:.2;
}
.bottom-bg-grad {
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  background:linear-gradient(to bottom,transparent 0%,var(--color-darkblue) 50%);
  height:40%;
}