/*
Theme Name: Raiffeisen
Author: Lopar Media GmbH
Author URI: https://lopar-media.ch/
*/



  
@font-face {
  font-family: "FrutigerdNextPaneuropeanBold";
  src: url('assets/fonts/FrutigerNextPaneuropeanBold/font.woff2') format('woff2'), url('assets/fonts/FrutigerNextPaneuropeanBold/font.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "FrutigerNextPaneuropeanRegular";
  src: url('assets/fonts/FrutigerNextPaneuropeanRegular/font.woff2') format('woff2'), url('assets/fonts/FrutigerNextPaneuropeanRegular/font.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}





:root {
  --h1-fs: 66.6px;
  --h1-lh: 76.67px;
  --h2-fs: 40px;
  --h2-lh: 46px;
  --h5-fs: 26px;
  --h5-lh: 44px;
  --h5-ls: 0.175px;
  --lead-fs: 22.5px;
  --lead-lh: 34px;
  --lauftext-fs: 20px;
  --lauftext-lh: 26px;
  --lauftext-ls: 0px;
}

body {
  font-family: 'FrutigerNextPaneuropeanRegular';
  font-size: var(--lauftext-fs);
  line-height: var(--lauftext-lh);
  letter-spacing: var(--laufschrift-ls);
  font-weight: 400;
  color: #1A1A1A;
}

h1, h2, h3, h4, h5 {
  font-family: "FrutigerdNextPaneuropeanBold";
  font-weight: 700;
}

h1 {
  font-size: var(--h1-fs);
  line-height: var(--h1-lh);
}

h2 {
  font-size: var(--h2-fs);
  line-height: var(--h2-lh);
}

.lead {
  font-size: var(--lead-fs);
  line-height: var(--lead-lh);
}


.navbar {
  --bs-navbar-padding-y: 22px;
}



.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: #1A1A1A;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: 0;
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: none;
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: #EDEDED;
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}

.is-anmeldung .card {
  --bs-card-bg: #7B0000;
  --bs-card-title-color: #fff;
}

.vergangen .card {
  --bs-card-bg: #EDEDED;
  --bs-card-title-color: #9DA1A6;

}

.datum-badge {
  position: absolute;
  right: 18px;
  background-image: url(assets/img/Badge.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 58px;
  height: 43px;
  color: #fff;
  font-size: 22px;
  line-height: 22px;
  font-family: "FrutigerdNextPaneuropeanBold";
  padding-top: 3px;
}

.vergangen .datum-badge {
  background-image: url(assets/img/Badge_Grau.png);
}

.card-body {
  padding-top: 55px;
  padding-left: 18px;
  padding-right: 18px;
  padding-bottom: 5px;
}

.card-title {
  margin-bottom: 30px;
  color: var(--bs-card-title-color);
  font-size: var(--h5-fs);
  line-height: var(--h5-lh);
  letter-spacing: var(--h5-ls);
  font-weight: 700;
}

.card-img-top {
  margin-bottom: 48px;
}

.card-text {
  font-family: "FrutigerdNextPaneuropeanBold";
  color: #E82025;
  font-weight: 700;
}

.vergangen .card-text {
  color: #9DA1A6;
}

.rot {
  background-color: #E82025;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 50%;
}

.grau {
  background-color: #EDEDED;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 50%;
}



.vcarousel {
  position: relative;
  overflow: hidden; /* damit große SVGs nicht rauslaufen */
}


.vcarousel-bg{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
}

/* gemeinsame Basis */
.bg-svg{
  position:absolute;
  max-width:none;
  transition: transform 700ms cubic-bezier(.22,.61,.36,1);
  will-change: transform;
}

/* START: mittiges Motiv */
.bg-up{
  left:45%;
  top:58%;                 /* etwas tiefer, wie im Bild */
  width: 55vw;             /* je nach Motiv anpassen */
  transform: translate(-50%, -52%);
}

/* START: rechtes Motiv */
.bg-down{
  right:-11vw;              /* ein Stück ausserhalb, wie im Bild */
  top:18%;
  width: 55vw;
  transform: translate(0, -48%);
}

/* Content bleibt über dem Hintergrund */
.vcarousel-viewport,
.vcarousel-track,
.vcarousel-item{ position:relative; z-index:2; }

.vcarousel-viewport{
  height: 520px;      /* deine Höhe */
  overflow: hidden;
  position: relative;
}

.vcarousel-track{
  display: flex;
  flex-direction: column;
  transition: transform 650ms cubic-bezier(.22,.61,.36,1);
  will-change: transform;
}

.vcarousel-item{
  height: 520px;      /* muss gleich sein */
  flex: 0 0 520px;
  overflow: auto;     /* optional */
  font-family: "FrutigerdNextPaneuropeanBold";
  font-size: 30.507px;
  line-height: 43.352px; /* 142.105% */
}

.vcarousel-btn {
  padding-left: 0;
  padding-right: 0;
}

.day-indicator {
  position: absolute;
  right: 100px;
  background-image: url(assets/img/Badge_Weiss.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 106px;
  height: 79px;
  color: #E82025;
  font-size: 49px;
  line-height: 9.27px;
  font-family: "FrutigerdNextPaneuropeanBold";
  padding-top: 3px;
}

.single .day-indicator {
  color: #fff;
  background-image: url(assets/img/Badge.png);

}

.day-number{
  transition: transform .35s cubic-bezier(.22,.61,.36,1), opacity .25s;
}
.day-number.change{
  transform: translateY(-20px);
  opacity:0;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='6' viewBox='0 0 18 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.1249 5.8501C13.3749 5.31676 13.6166 4.8501 13.8499 4.4501C14.0999 4.0501 14.3416 3.71676 14.5749 3.4501H-9.73046e-05V2.4001H14.5749C14.3416 2.11676 14.0999 1.7751 13.8499 1.3751C13.6166 0.975097 13.3749 0.516764 13.1249 9.71258e-05H13.9999C15.0499 1.21676 16.1499 2.11676 17.2999 2.7001V3.1501C16.1499 3.71676 15.0499 4.61676 13.9999 5.8501H13.1249Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A");
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='6' viewBox='0 0 18 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.2999 5.8501C2.78324 5.23343 2.2499 4.7001 1.6999 4.2501C1.1499 3.8001 0.583236 3.43343 -9.73046e-05 3.1501V2.7001C1.1499 2.11676 2.2499 1.21676 3.2999 9.71258e-05H4.1749C3.90824 0.566764 3.64157 1.06676 3.3749 1.5001C3.10824 1.91676 2.8499 2.26676 2.5999 2.5501V3.3001C2.8499 3.56676 3.10824 3.91676 3.3749 4.3501C3.64157 4.76676 3.90824 5.26676 4.1749 5.8501H3.2999ZM2.4749 3.4501V2.4001H17.2999V3.4501H2.4749Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A");
}

a.back {
  color: #7B6E4C;
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 27px; /* 142.105% */
  letter-spacing: 0.175px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.btn {
    --bs-btn-padding-x: 45px;
    --bs-btn-padding-y: 15px;
    border-radius: 4px;
}

.btn-dark {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1A1A1A;
    line-height: 1;
    padding-top: 15px;
    padding-left: 45px;
    padding-right: 45px;
    padding-bottom: 12px;

}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 95%;
    }
}