@charset "UTF-8";

:root,
::after,
::before {
/*----- COLOR VALUES -----*/
  --black:#252525;
  --black-rgb:37 37 37;
  --white:#ffffff;
  --white-rgb:255 255 255;
  --grey:#494948;
  --grey-rgb:73 73 72;
  --lightgrey:#efefef;
  --lightgrey-rgb:239 239 239;
  --akzentfarbe:#f5efe7;
  --akzentfarbe-rgb:245 239 231;
  --dunkelgrau:#363634;
  --dunkelgrau-rgb:54 54 52;
  --mint:#c3ece4;
  --mint-rgb:195 236 228;
  --lila:#662282;
  --lila-rgb:102 34 130;
  --lila-hell:#c0b1d7;
  --lila-hell-rgb:192 177 215;
  --nav-height:10rem;
  --nav-logo-height:80%;
}

body,
body *::before,
body *::after {
/*----- TEXT COLOR -----*/
--color-txt: var(--grey);
--color-txt-rgb: var(--grey-rgb);
--color-txt-std: var(--grey);
--color-txt-std-rgb: var(--grey-rgb);
/*----- BACKGROUND COLOR -----*/
--color-bg: var(--white);
--color-bg-rgb: var(--white-rgb);
--color-bg-std: var(--white);
--color-bg-std-rgb: var(--white-rgb);
/*----- GRADIENTS -----*/
/*----- HEADLINE COLOR -----*/
--color-hdl: var(--lila);
--color-hdl-rgb: var(--lila-rgb);
--color-hdl-std: var(--lila);
--color-hdl-std-rgb: var(--lila-rgb);
}

/*----- COLOR CLASSES -----*/
.black-clr,
.black-clr *::before,
.black-clr *::after,
.clr .black-clr,
.clr .black-clr *::before,
.clr .black-clr *::after {
  --color-txt: var(--black);
  --color-txt-rgb: var(--black-rgb);
  --btn-bgc: var(--black);
  --btn-bgc-rgb: var(--black-rgb);
}
.black-cpt-clr *,
.black-cpt-clr *::before,
.black-cpt-clr *::after {
  --nav-cpt-clr: var(--black);
  --nav-cpt-clr-rgb: var(--black-rgb);
}
.black-bgc,
.black-bgc *::before,
.black-bgc *::after,
.bgc .black-bgc,
.bgc .black-bgc *::before,
.bgc .black-bgc *::after {
  --color-bg: var(--black);
  --color-bg-rgb: var(--black-rgb);
  --btn-clr: var(--black);
  --btn-clr-rgb: var(--black-rgb);
}
* .black-bgc { background-color: var(--black); }
section.black-bgc:not(.bgi) + section.black-bgc:not(.bgi),
article.black-bgc:not(.bgi) + article.black-bgc:not(.bgi) {
   padding-top: 0;
   margin-top: 0;
}
.white-clr,
.white-clr *::before,
.white-clr *::after,
.clr .white-clr,
.clr .white-clr *::before,
.clr .white-clr *::after {
  --color-txt: var(--white);
  --color-txt-rgb: var(--white-rgb);
  --btn-bgc: var(--white);
  --btn-bgc-rgb: var(--white-rgb);
}
.white-cpt-clr *,
.white-cpt-clr *::before,
.white-cpt-clr *::after {
  --nav-cpt-clr: var(--white);
  --nav-cpt-clr-rgb: var(--white-rgb);
}
.white-bgc,
.white-bgc *::before,
.white-bgc *::after,
.bgc .white-bgc,
.bgc .white-bgc *::before,
.bgc .white-bgc *::after {
  --color-bg: var(--white);
  --color-bg-rgb: var(--white-rgb);
  --btn-clr: var(--white);
  --btn-clr-rgb: var(--white-rgb);
}
* .white-bgc { background-color: var(--white); }
section.white-bgc:not(.bgi) + section.white-bgc:not(.bgi),
article.white-bgc:not(.bgi) + article.white-bgc:not(.bgi) {
   padding-top: 0;
   margin-top: 0;
}
.grey-clr,
.grey-clr *::before,
.grey-clr *::after,
.clr .grey-clr,
.clr .grey-clr *::before,
.clr .grey-clr *::after {
  --color-txt: var(--grey);
  --color-txt-rgb: var(--grey-rgb);
  --btn-bgc: var(--grey);
  --btn-bgc-rgb: var(--grey-rgb);
}
.grey-cpt-clr *,
.grey-cpt-clr *::before,
.grey-cpt-clr *::after {
  --nav-cpt-clr: var(--grey);
  --nav-cpt-clr-rgb: var(--grey-rgb);
}
.grey-bgc,
.grey-bgc *::before,
.grey-bgc *::after,
.bgc .grey-bgc,
.bgc .grey-bgc *::before,
.bgc .grey-bgc *::after {
  --color-bg: var(--grey);
  --color-bg-rgb: var(--grey-rgb);
  --btn-clr: var(--grey);
  --btn-clr-rgb: var(--grey-rgb);
}
* .grey-bgc { background-color: var(--grey); }
section.grey-bgc:not(.bgi) + section.grey-bgc:not(.bgi),
article.grey-bgc:not(.bgi) + article.grey-bgc:not(.bgi) {
   padding-top: 0;
   margin-top: 0;
}
.lightgrey-clr,
.lightgrey-clr *::before,
.lightgrey-clr *::after,
.clr .lightgrey-clr,
.clr .lightgrey-clr *::before,
.clr .lightgrey-clr *::after {
  --color-txt: var(--lightgrey);
  --color-txt-rgb: var(--lightgrey-rgb);
  --btn-bgc: var(--lightgrey);
  --btn-bgc-rgb: var(--lightgrey-rgb);
}
.lightgrey-cpt-clr *,
.lightgrey-cpt-clr *::before,
.lightgrey-cpt-clr *::after {
  --nav-cpt-clr: var(--lightgrey);
  --nav-cpt-clr-rgb: var(--lightgrey-rgb);
}
.lightgrey-bgc,
.lightgrey-bgc *::before,
.lightgrey-bgc *::after,
.bgc .lightgrey-bgc,
.bgc .lightgrey-bgc *::before,
.bgc .lightgrey-bgc *::after {
  --color-bg: var(--lightgrey);
  --color-bg-rgb: var(--lightgrey-rgb);
  --btn-clr: var(--lightgrey);
  --btn-clr-rgb: var(--lightgrey-rgb);
}
* .lightgrey-bgc { background-color: var(--lightgrey); }
section.lightgrey-bgc:not(.bgi) + section.lightgrey-bgc:not(.bgi),
article.lightgrey-bgc:not(.bgi) + article.lightgrey-bgc:not(.bgi) {
   padding-top: 0;
   margin-top: 0;
}
.akzentfarbe-clr,
.akzentfarbe-clr *::before,
.akzentfarbe-clr *::after,
.clr .akzentfarbe-clr,
.clr .akzentfarbe-clr *::before,
.clr .akzentfarbe-clr *::after {
  --color-txt: var(--akzentfarbe);
  --color-txt-rgb: var(--akzentfarbe-rgb);
  --btn-bgc: var(--akzentfarbe);
  --btn-bgc-rgb: var(--akzentfarbe-rgb);
}
.akzentfarbe-cpt-clr *,
.akzentfarbe-cpt-clr *::before,
.akzentfarbe-cpt-clr *::after {
  --nav-cpt-clr: var(--akzentfarbe);
  --nav-cpt-clr-rgb: var(--akzentfarbe-rgb);
}
.akzentfarbe-bgc,
.akzentfarbe-bgc *::before,
.akzentfarbe-bgc *::after,
.bgc .akzentfarbe-bgc,
.bgc .akzentfarbe-bgc *::before,
.bgc .akzentfarbe-bgc *::after {
  --color-bg: var(--akzentfarbe);
  --color-bg-rgb: var(--akzentfarbe-rgb);
  --btn-clr: var(--akzentfarbe);
  --btn-clr-rgb: var(--akzentfarbe-rgb);
}
* .akzentfarbe-bgc { background-color: var(--akzentfarbe); }
section.akzentfarbe-bgc:not(.bgi) + section.akzentfarbe-bgc:not(.bgi),
article.akzentfarbe-bgc:not(.bgi) + article.akzentfarbe-bgc:not(.bgi) {
   padding-top: 0;
   margin-top: 0;
}
.dunkelgrau-clr,
.dunkelgrau-clr *::before,
.dunkelgrau-clr *::after,
.clr .dunkelgrau-clr,
.clr .dunkelgrau-clr *::before,
.clr .dunkelgrau-clr *::after {
  --color-txt: var(--dunkelgrau);
  --color-txt-rgb: var(--dunkelgrau-rgb);
  --btn-bgc: var(--dunkelgrau);
  --btn-bgc-rgb: var(--dunkelgrau-rgb);
}
.dunkelgrau-cpt-clr *,
.dunkelgrau-cpt-clr *::before,
.dunkelgrau-cpt-clr *::after {
  --nav-cpt-clr: var(--dunkelgrau);
  --nav-cpt-clr-rgb: var(--dunkelgrau-rgb);
}
.dunkelgrau-bgc,
.dunkelgrau-bgc *::before,
.dunkelgrau-bgc *::after,
.bgc .dunkelgrau-bgc,
.bgc .dunkelgrau-bgc *::before,
.bgc .dunkelgrau-bgc *::after {
  --color-bg: var(--dunkelgrau);
  --color-bg-rgb: var(--dunkelgrau-rgb);
  --btn-clr: var(--dunkelgrau);
  --btn-clr-rgb: var(--dunkelgrau-rgb);
}
* .dunkelgrau-bgc { background-color: var(--dunkelgrau); }
section.dunkelgrau-bgc:not(.bgi) + section.dunkelgrau-bgc:not(.bgi),
article.dunkelgrau-bgc:not(.bgi) + article.dunkelgrau-bgc:not(.bgi) {
   padding-top: 0;
   margin-top: 0;
}
.mint-clr,
.mint-clr *::before,
.mint-clr *::after,
.clr .mint-clr,
.clr .mint-clr *::before,
.clr .mint-clr *::after {
  --color-txt: var(--mint);
  --color-txt-rgb: var(--mint-rgb);
  --btn-bgc: var(--mint);
  --btn-bgc-rgb: var(--mint-rgb);
}
.mint-cpt-clr *,
.mint-cpt-clr *::before,
.mint-cpt-clr *::after {
  --nav-cpt-clr: var(--mint);
  --nav-cpt-clr-rgb: var(--mint-rgb);
}
.mint-bgc,
.mint-bgc *::before,
.mint-bgc *::after,
.bgc .mint-bgc,
.bgc .mint-bgc *::before,
.bgc .mint-bgc *::after {
  --color-bg: var(--mint);
  --color-bg-rgb: var(--mint-rgb);
  --btn-clr: var(--mint);
  --btn-clr-rgb: var(--mint-rgb);
}
* .mint-bgc { background-color: var(--mint); }
section.mint-bgc:not(.bgi) + section.mint-bgc:not(.bgi),
article.mint-bgc:not(.bgi) + article.mint-bgc:not(.bgi) {
   padding-top: 0;
   margin-top: 0;
}
.lila-clr,
.lila-clr *::before,
.lila-clr *::after,
.clr .lila-clr,
.clr .lila-clr *::before,
.clr .lila-clr *::after {
  --color-txt: var(--lila);
  --color-txt-rgb: var(--lila-rgb);
  --btn-bgc: var(--lila);
  --btn-bgc-rgb: var(--lila-rgb);
}
.lila-cpt-clr *,
.lila-cpt-clr *::before,
.lila-cpt-clr *::after {
  --nav-cpt-clr: var(--lila);
  --nav-cpt-clr-rgb: var(--lila-rgb);
}
.lila-bgc,
.lila-bgc *::before,
.lila-bgc *::after,
.bgc .lila-bgc,
.bgc .lila-bgc *::before,
.bgc .lila-bgc *::after {
  --color-bg: var(--lila);
  --color-bg-rgb: var(--lila-rgb);
  --btn-clr: var(--lila);
  --btn-clr-rgb: var(--lila-rgb);
}
* .lila-bgc { background-color: var(--lila); }
section.lila-bgc:not(.bgi) + section.lila-bgc:not(.bgi),
article.lila-bgc:not(.bgi) + article.lila-bgc:not(.bgi) {
   padding-top: 0;
   margin-top: 0;
}
.lila-hell-clr,
.lila-hell-clr *::before,
.lila-hell-clr *::after,
.clr .lila-hell-clr,
.clr .lila-hell-clr *::before,
.clr .lila-hell-clr *::after {
  --color-txt: var(--lila-hell);
  --color-txt-rgb: var(--lila-hell-rgb);
  --btn-bgc: var(--lila-hell);
  --btn-bgc-rgb: var(--lila-hell-rgb);
}
.lila-hell-cpt-clr *,
.lila-hell-cpt-clr *::before,
.lila-hell-cpt-clr *::after {
  --nav-cpt-clr: var(--lila-hell);
  --nav-cpt-clr-rgb: var(--lila-hell-rgb);
}
.lila-hell-bgc,
.lila-hell-bgc *::before,
.lila-hell-bgc *::after,
.bgc .lila-hell-bgc,
.bgc .lila-hell-bgc *::before,
.bgc .lila-hell-bgc *::after {
  --color-bg: var(--lila-hell);
  --color-bg-rgb: var(--lila-hell-rgb);
  --btn-clr: var(--lila-hell);
  --btn-clr-rgb: var(--lila-hell-rgb);
}
* .lila-hell-bgc { background-color: var(--lila-hell); }
section.lila-hell-bgc:not(.bgi) + section.lila-hell-bgc:not(.bgi),
article.lila-hell-bgc:not(.bgi) + article.lila-hell-bgc:not(.bgi) {
   padding-top: 0;
   margin-top: 0;
}
/*----- GRADIENT CLASSES -----*/

/*========== CONTRAST SETTINGS ==========*/

body.hcm,
body.hcm :is(h1, h2, h3, h4, h5, h6, p, li, a, blockquote),
body.hcm *::after,
body.hcm *::before {
}
@media (forced-colors: active) {
body,
body :is(h1, h2, h3, h4, h5, h6, p, li, a, blockquote),
body *::after,
body *::before {
}
}

/*========== 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: "azosans-bold";
src: url(/site/assets/files/12016/azosans-bold.woff2) format(woff2); 
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "azosans-regular";
src: url(/site/assets/files/12018/azosans-regular.woff2) format(woff2); 
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "roboto-bold";
src: url(/site/assets/files/9667/roboto-bold.woff2) format(woff2); 
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "roboto-regular";
src: url(/site/assets/files/9669/roboto-regular.woff2) format(woff2); 
font-weight: normal;
font-style: normal;
}
 
/*----- FONT VARIABLES -----*/
:root,
::after,
::before {
--font-nav: azosans-regular;
--font-nav-bold: azosans-bold;
--font-hdl: azosans-regular;
--font-hdl-bold: azosans-bold;
--font-bdy: azosans-regular;
--font-bdy-bold: azosans-bold;
}

/*========== 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;
}