@charset "UTF-8";
/*----- COLOR VALUES -----*/
:root,
::after,
::before {
  --schwarz:#252525;
  --weiss:#ffffff;
  --grau:#9f9f9f;
  --hellgrau:#ececed;
  --accent-color:#c7a6cf;
  --blue:#6e89c8;
  --green:#004431;
  --beige:#efe6de;
  --qs-rosa:#c7a6cf;
  --qs-dunkelgrau:#575757;
/*----- NAV -----*/
  --nav-height:10rem;
  --nav-logo-height:7rem;
/*----- BORDER RADIUS -----*/
}
@media only screen and (max-width: 1023px) {
   :root,
   ::after,
   ::before {
      --border-radius-l: var(--border-radius-m);
   }
}
/*----- COLOR: TEXT, BACKGROUND, GRADIENT, CAPTION, ACCENT -----*/
:root,
::after,
::before {
/*----- TEXT COLOR -----*/
--color-txt: var(--qs-dunkelgrau);
--color-txt-std: var(--qs-dunkelgrau);
--btn-clr: var(--qs-dunkelgrau);
--btn-bgc-hov: var(--qs-dunkelgrau);
/*----- BACKGROUND COLOR -----*/
--color-bg: var(--weiss);
--color-bg-std: var(--weiss);
--btn-clr-hov: var(--weiss);
--btn-bgc: transparent;
/*----- GRADIENT COLOR -----*/
}



/*========== COLOR CLASSES ==========*/
.schwarz-clr,
.schwarz-clr *::before,
.schwarz-clr *::after,
.clr .schwarz-clr,
.clr .schwarz-clr *::before,
.clr .schwarz-clr *::after {
  --color-txt: var(--schwarz);
  --color-hdl: var(--schwarz);
  --btn-clr: var(--schwarz);
  --btn-bgc-hov: var(--schwarz);
}
.schwarz-cpt-clr *,
.schwarz-cpt-clr *::before,
.schwarz-cpt-clr *::after {
  --nav-cpt-clr: var(--schwarz);
  --nav-cpt-clr-rgb: var(--schwarz-rgb);
}
.schwarz-bgc,
.schwarz-bgc *::before,
.schwarz-bgc *::after,
.bgc .schwarz-bgc,
.bgc .schwarz-bgc *::before,
.bgc .schwarz-bgc *::after {
  --color-bg: var(--schwarz);
  --btn-clr-hov: var(--schwarz);
  --btn-bgc: var(--schwarz);
}
* .schwarz-bgc { background-color: var(--schwarz); }
* .schwarz-bgc { background-color: var(--schwarz); }
section.schwarz-bgc:not(.bgi) + section.schwarz-bgc:not(.bgi),
article.schwarz-bgc:not(.bgi) + article.schwarz-bgc:not(.bgi) {
   padding-top: 0;
   margin-top: 0;
}
.weiss-clr,
.weiss-clr *::before,
.weiss-clr *::after,
.clr .weiss-clr,
.clr .weiss-clr *::before,
.clr .weiss-clr *::after {
  --color-txt: var(--weiss);
  --color-hdl: var(--weiss);
  --btn-clr: var(--weiss);
  --btn-bgc-hov: var(--weiss);
}
.weiss-cpt-clr *,
.weiss-cpt-clr *::before,
.weiss-cpt-clr *::after {
  --nav-cpt-clr: var(--weiss);
  --nav-cpt-clr-rgb: var(--weiss-rgb);
}
.weiss-bgc,
.weiss-bgc *::before,
.weiss-bgc *::after,
.bgc .weiss-bgc,
.bgc .weiss-bgc *::before,
.bgc .weiss-bgc *::after {
  --color-bg: var(--weiss);
  --btn-clr-hov: var(--weiss);
  --btn-bgc: var(--weiss);
}
* .weiss-bgc { background-color: var(--weiss); }
* .weiss-bgc { background-color: var(--weiss); }
section.weiss-bgc:not(.bgi) + section.weiss-bgc:not(.bgi),
article.weiss-bgc:not(.bgi) + article.weiss-bgc:not(.bgi) {
   padding-top: 0;
   margin-top: 0;
}
.grau-clr,
.grau-clr *::before,
.grau-clr *::after,
.clr .grau-clr,
.clr .grau-clr *::before,
.clr .grau-clr *::after {
  --color-txt: var(--grau);
  --color-hdl: var(--grau);
  --btn-clr: var(--grau);
  --btn-bgc-hov: var(--grau);
}
.grau-cpt-clr *,
.grau-cpt-clr *::before,
.grau-cpt-clr *::after {
  --nav-cpt-clr: var(--grau);
  --nav-cpt-clr-rgb: var(--grau-rgb);
}
.grau-bgc,
.grau-bgc *::before,
.grau-bgc *::after,
.bgc .grau-bgc,
.bgc .grau-bgc *::before,
.bgc .grau-bgc *::after {
  --color-bg: var(--grau);
  --btn-clr-hov: var(--grau);
  --btn-bgc: var(--grau);
}
* .grau-bgc { background-color: var(--grau); }
* .grau-bgc { background-color: var(--grau); }
section.grau-bgc:not(.bgi) + section.grau-bgc:not(.bgi),
article.grau-bgc:not(.bgi) + article.grau-bgc:not(.bgi) {
   padding-top: 0;
   margin-top: 0;
}
.hellgrau-clr,
.hellgrau-clr *::before,
.hellgrau-clr *::after,
.clr .hellgrau-clr,
.clr .hellgrau-clr *::before,
.clr .hellgrau-clr *::after {
  --color-txt: var(--hellgrau);
  --color-hdl: var(--hellgrau);
  --btn-clr: var(--hellgrau);
  --btn-bgc-hov: var(--hellgrau);
}
.hellgrau-cpt-clr *,
.hellgrau-cpt-clr *::before,
.hellgrau-cpt-clr *::after {
  --nav-cpt-clr: var(--hellgrau);
  --nav-cpt-clr-rgb: var(--hellgrau-rgb);
}
.hellgrau-bgc,
.hellgrau-bgc *::before,
.hellgrau-bgc *::after,
.bgc .hellgrau-bgc,
.bgc .hellgrau-bgc *::before,
.bgc .hellgrau-bgc *::after {
  --color-bg: var(--hellgrau);
  --btn-clr-hov: var(--hellgrau);
  --btn-bgc: var(--hellgrau);
}
* .hellgrau-bgc { background-color: var(--hellgrau); }
* .hellgrau-bgc { background-color: var(--hellgrau); }
section.hellgrau-bgc:not(.bgi) + section.hellgrau-bgc:not(.bgi),
article.hellgrau-bgc:not(.bgi) + article.hellgrau-bgc:not(.bgi) {
   padding-top: 0;
   margin-top: 0;
}
.accent-color-clr,
.accent-color-clr *::before,
.accent-color-clr *::after,
.clr .accent-color-clr,
.clr .accent-color-clr *::before,
.clr .accent-color-clr *::after {
  --color-txt: var(--accent-color);
  --color-hdl: var(--accent-color);
  --btn-clr: var(--accent-color);
  --btn-bgc-hov: var(--accent-color);
}
.accent-color-cpt-clr *,
.accent-color-cpt-clr *::before,
.accent-color-cpt-clr *::after {
  --nav-cpt-clr: var(--accent-color);
  --nav-cpt-clr-rgb: var(--accent-color-rgb);
}
.accent-color-bgc,
.accent-color-bgc *::before,
.accent-color-bgc *::after,
.bgc .accent-color-bgc,
.bgc .accent-color-bgc *::before,
.bgc .accent-color-bgc *::after {
  --color-bg: var(--accent-color);
  --btn-clr-hov: var(--accent-color);
  --btn-bgc: var(--accent-color);
}
* .accent-color-bgc { background-color: var(--accent-color); }
* .accent-color-bgc { background-color: var(--accent-color); }
section.accent-color-bgc:not(.bgi) + section.accent-color-bgc:not(.bgi),
article.accent-color-bgc:not(.bgi) + article.accent-color-bgc:not(.bgi) {
   padding-top: 0;
   margin-top: 0;
}
.blue-clr,
.blue-clr *::before,
.blue-clr *::after,
.clr .blue-clr,
.clr .blue-clr *::before,
.clr .blue-clr *::after {
  --color-txt: var(--blue);
  --color-hdl: var(--blue);
  --btn-clr: var(--blue);
  --btn-bgc-hov: var(--blue);
}
.blue-cpt-clr *,
.blue-cpt-clr *::before,
.blue-cpt-clr *::after {
  --nav-cpt-clr: var(--blue);
  --nav-cpt-clr-rgb: var(--blue-rgb);
}
.blue-bgc,
.blue-bgc *::before,
.blue-bgc *::after,
.bgc .blue-bgc,
.bgc .blue-bgc *::before,
.bgc .blue-bgc *::after {
  --color-bg: var(--blue);
  --btn-clr-hov: var(--blue);
  --btn-bgc: var(--blue);
}
* .blue-bgc { background-color: var(--blue); }
* .blue-bgc { background-color: var(--blue); }
section.blue-bgc:not(.bgi) + section.blue-bgc:not(.bgi),
article.blue-bgc:not(.bgi) + article.blue-bgc:not(.bgi) {
   padding-top: 0;
   margin-top: 0;
}
.green-clr,
.green-clr *::before,
.green-clr *::after,
.clr .green-clr,
.clr .green-clr *::before,
.clr .green-clr *::after {
  --color-txt: var(--green);
  --color-hdl: var(--green);
  --btn-clr: var(--green);
  --btn-bgc-hov: var(--green);
}
.green-cpt-clr *,
.green-cpt-clr *::before,
.green-cpt-clr *::after {
  --nav-cpt-clr: var(--green);
  --nav-cpt-clr-rgb: var(--green-rgb);
}
.green-bgc,
.green-bgc *::before,
.green-bgc *::after,
.bgc .green-bgc,
.bgc .green-bgc *::before,
.bgc .green-bgc *::after {
  --color-bg: var(--green);
  --btn-clr-hov: var(--green);
  --btn-bgc: var(--green);
}
* .green-bgc { background-color: var(--green); }
* .green-bgc { background-color: var(--green); }
section.green-bgc:not(.bgi) + section.green-bgc:not(.bgi),
article.green-bgc:not(.bgi) + article.green-bgc:not(.bgi) {
   padding-top: 0;
   margin-top: 0;
}
.beige-clr,
.beige-clr *::before,
.beige-clr *::after,
.clr .beige-clr,
.clr .beige-clr *::before,
.clr .beige-clr *::after {
  --color-txt: var(--beige);
  --color-hdl: var(--beige);
  --btn-clr: var(--beige);
  --btn-bgc-hov: var(--beige);
}
.beige-cpt-clr *,
.beige-cpt-clr *::before,
.beige-cpt-clr *::after {
  --nav-cpt-clr: var(--beige);
  --nav-cpt-clr-rgb: var(--beige-rgb);
}
.beige-bgc,
.beige-bgc *::before,
.beige-bgc *::after,
.bgc .beige-bgc,
.bgc .beige-bgc *::before,
.bgc .beige-bgc *::after {
  --color-bg: var(--beige);
  --btn-clr-hov: var(--beige);
  --btn-bgc: var(--beige);
}
* .beige-bgc { background-color: var(--beige); }
* .beige-bgc { background-color: var(--beige); }
section.beige-bgc:not(.bgi) + section.beige-bgc:not(.bgi),
article.beige-bgc:not(.bgi) + article.beige-bgc:not(.bgi) {
   padding-top: 0;
   margin-top: 0;
}
.qs-rosa-clr,
.qs-rosa-clr *::before,
.qs-rosa-clr *::after,
.clr .qs-rosa-clr,
.clr .qs-rosa-clr *::before,
.clr .qs-rosa-clr *::after {
  --color-txt: var(--qs-rosa);
  --color-hdl: var(--qs-rosa);
  --btn-clr: var(--qs-rosa);
  --btn-bgc-hov: var(--qs-rosa);
}
.qs-rosa-cpt-clr *,
.qs-rosa-cpt-clr *::before,
.qs-rosa-cpt-clr *::after {
  --nav-cpt-clr: var(--qs-rosa);
  --nav-cpt-clr-rgb: var(--qs-rosa-rgb);
}
.qs-rosa-bgc,
.qs-rosa-bgc *::before,
.qs-rosa-bgc *::after,
.bgc .qs-rosa-bgc,
.bgc .qs-rosa-bgc *::before,
.bgc .qs-rosa-bgc *::after {
  --color-bg: var(--qs-rosa);
  --btn-clr-hov: var(--qs-rosa);
  --btn-bgc: var(--qs-rosa);
}
* .qs-rosa-bgc { background-color: var(--qs-rosa); }
* .qs-rosa-bgc { background-color: var(--qs-rosa); }
section.qs-rosa-bgc:not(.bgi) + section.qs-rosa-bgc:not(.bgi),
article.qs-rosa-bgc:not(.bgi) + article.qs-rosa-bgc:not(.bgi) {
   padding-top: 0;
   margin-top: 0;
}
.qs-dunkelgrau-clr,
.qs-dunkelgrau-clr *::before,
.qs-dunkelgrau-clr *::after,
.clr .qs-dunkelgrau-clr,
.clr .qs-dunkelgrau-clr *::before,
.clr .qs-dunkelgrau-clr *::after {
  --color-txt: var(--qs-dunkelgrau);
  --color-hdl: var(--qs-dunkelgrau);
  --btn-clr: var(--qs-dunkelgrau);
  --btn-bgc-hov: var(--qs-dunkelgrau);
}
.qs-dunkelgrau-cpt-clr *,
.qs-dunkelgrau-cpt-clr *::before,
.qs-dunkelgrau-cpt-clr *::after {
  --nav-cpt-clr: var(--qs-dunkelgrau);
  --nav-cpt-clr-rgb: var(--qs-dunkelgrau-rgb);
}
.qs-dunkelgrau-bgc,
.qs-dunkelgrau-bgc *::before,
.qs-dunkelgrau-bgc *::after,
.bgc .qs-dunkelgrau-bgc,
.bgc .qs-dunkelgrau-bgc *::before,
.bgc .qs-dunkelgrau-bgc *::after {
  --color-bg: var(--qs-dunkelgrau);
  --btn-clr-hov: var(--qs-dunkelgrau);
  --btn-bgc: var(--qs-dunkelgrau);
}
* .qs-dunkelgrau-bgc { background-color: var(--qs-dunkelgrau); }
* .qs-dunkelgrau-bgc { background-color: var(--qs-dunkelgrau); }
section.qs-dunkelgrau-bgc:not(.bgi) + section.qs-dunkelgrau-bgc:not(.bgi),
article.qs-dunkelgrau-bgc:not(.bgi) + article.qs-dunkelgrau-bgc:not(.bgi) {
   padding-top: 0;
   margin-top: 0;
}

/*========== GRADIENT CLASSES ==========*/


/*========== SLIDER SETTINGS ==========*/
.slider {
   --slider-speed:1000ms;
   --slider-interval:5000ms;
}
.carousel {
   --slider-speed:500ms;
   --slider-interval:5000ms;
}
.art-slider {
   --slider-speed:1000ms;
   --slider-interval:5000ms;
}
.tiles .art-slider {
   --slider-speed:1000ms;
   --slider-interval:5000ms;
}

/*========== FONT SETTINGS ==========*/
@font-face {
font-family: "ogg-regular-italic";
src: url(/site/assets/files/9684/ogg-regularitalic.woff) format(woff); 
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "source-sans-italic";
src: url(/site/assets/files/13726/sourcesans3-italic.woff2) format(woff2); 
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "source-sans-regular";
src: url(/site/assets/files/12498/sourcesans3-regular.woff) format(woff); 
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "source-sans-semibold";
src: url(/site/assets/files/12499/sourcesans3-semibold.woff) format(woff); 
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "source-sans-semibold-italic";
src: url(/site/assets/files/13727/sourcesans3-semibolditalic.woff2) format(woff2); 
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "sourcesans-bold";
src: url(/site/assets/files/13724/sourcesans3-bold.woff2) format(woff2); 
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "sourcesans-bold-italic";
src: url(/site/assets/files/13725/sourcesans3-bolditalic.woff2) format(woff2); 
font-weight: normal;
font-style: normal;
font-display: swap;
}
 
/*----- FONT VARIABLES -----*/
:root,
::after,
::before {
--font-nav: source-sans-regular;
--font-nav-bold: sourcesans-bold;
--font-hdl: source-sans-regular;
--font-hdl-bold: sourcesans-bold;
--font-bdy: source-sans-regular;
--font-bdy-bold: sourcesans-bold;
--font-script: ogg-regular-italic;
--font-script-bold: ogg-regular-italic;
}

/*========== ANIMATION STYLES ==========*/
*[class*="ani-itm-"].ani-sui {
  opacity: 0;
    top: var(--gap-row);
  }
.ani-con.visible.ani-itm-1.ani-sui {
  animation: var(--ani-duration) var(--ani-easing-two) forwards slideUpIn;
}
.ani-con.visible.ani-itm-1.ani-sui,
.ani-con.visible .ani-itm-1.ani-sui {
   animation: var(--ani-duration) var(--ani-easing-two) 0ms forwards slideUpIn;
}
.ani-con.visible.ani-itm-2.ani-sui,
.ani-con.visible .ani-itm-2.ani-sui {
   animation: var(--ani-duration) var(--ani-easing-two) 250ms forwards slideUpIn;
}
.ani-con.visible.ani-itm-3.ani-sui,
.ani-con.visible .ani-itm-3.ani-sui {
   animation: var(--ani-duration) var(--ani-easing-two) 500ms forwards slideUpIn;
}
.ani-con.visible.ani-itm-4.ani-sui,
.ani-con.visible .ani-itm-4.ani-sui {
   animation: var(--ani-duration) var(--ani-easing-two) 750ms forwards slideUpIn;
}
.ani-con.visible.ani-itm-5.ani-sui,
.ani-con.visible .ani-itm-5.ani-sui {
   animation: var(--ani-duration) var(--ani-easing-two) 1000ms forwards slideUpIn;
}
.ani-con.visible.ani-itm-6.ani-sui,
.ani-con.visible .ani-itm-6.ani-sui {
   animation: var(--ani-duration) var(--ani-easing-two) 1250ms forwards slideUpIn;
}
.ani-con.visible.ani-itm-7.ani-sui,
.ani-con.visible .ani-itm-7.ani-sui {
   animation: var(--ani-duration) var(--ani-easing-two) 1500ms forwards slideUpIn;
}
.ani-con.visible.ani-itm-8.ani-sui,
.ani-con.visible .ani-itm-8.ani-sui {
   animation: var(--ani-duration) var(--ani-easing-two) 1750ms forwards slideUpIn;
}
.ani-con.visible.ani-itm-9.ani-sui,
.ani-con.visible .ani-itm-9.ani-sui {
   animation: var(--ani-duration) var(--ani-easing-two) 2000ms forwards slideUpIn;
}
.ani-con.visible.ani-itm-10.ani-sui,
.ani-con.visible .ani-itm-10.ani-sui {
   animation: var(--ani-duration) var(--ani-easing-two) 2250ms forwards slideUpIn;
}
.ani-con.visible.ani-itm-11.ani-sui,
.ani-con.visible .ani-itm-11.ani-sui {
   animation: var(--ani-duration) var(--ani-easing-two) 2500ms forwards slideUpIn;
}
.ani-con.visible.ani-itm-12.ani-sui,
.ani-con.visible .ani-itm-12.ani-sui {
   animation: var(--ani-duration) var(--ani-easing-two) 2750ms forwards slideUpIn;
}
/*========== MEDIA QUERIES ==========*/
@media only screen and (max-width: 80rem) {
:root,
::after,
::before {
--nav-height:8rem;
--nav-logo-height:6rem;
}
}