:root {
  --ar-headings-font-family: Verdana, Helvetica, Arial, sans-serif;
  --ar-heading-font-weight: 500;
  --ar-body-font-family: Verdana, Helvetica, Arial, sans-serif;

  --ar-primary: #317775;
  --ar-primary-rgb: 49, 119, 117;

  --ar-secondary: rgb(250, 251, 251);
  --ar-secondary-rgb: 250, 251, 251;

  --ar-accent: #3A8D8A;
  --ar-accent-80: #61a9a7;
  --ar-accent-50: #8fc4c2;
  --ar-accent-30: #b7dedd;
  --ar-accent-10: #e8f4f4;

  --ar-accent-text: #ffffff;
  --ar-accent-rgb: 58, 141, 138;

  --ar-accent-hue: 178;

  --ar-accent-hover: #317775;
  --ar-accent-hover-rgb: 49, 119, 117;
  --ar-accent-cd-rgb: 105, 192, 186;

  --ar-accent-grey: #f1f2f5;
  --ar-bloom-rgb: 215,168,90;
  --ar-bloom-origin-rgb: 105, 192, 186;

  --ar-link-color-rgb: 87, 96, 113;
  --ar-link-hover-color-rgb: 0, 0, 0;

  --ar-light: #08b1ff;
  --ar-light-rgb: 255, 255, 255;

  --ar-stage-bg-rgb: 225, 246, 255;

  --ar-body-font-size: 1.15rem;
  --ar-nav-link-font-size: 1.25rem;

  --ar-border-width: 1px;
  --ar-border-color: #ddd;

  --ar-info: rgb(181, 203, 4);
  --ar-info-rgb: 181, 203, 4;

  --ar-warning: rgb(239, 125, 0);
  --ar-warning-rgb: 239, 125, 0;

  --ar-danger: rgb(197, 14, 32);
  --ar-danger-rgb: 197, 14, 32;
}

.btn-primary,
.klaro .context-notice .cm-btn {
  --ar-btn-color: var(--ar-accent-text) !important;
  --ar-btn-hover-color: var(--ar-accent-text);
  --ar-btn-active-color: var(--ar-accent-text);
  --ar-btn-bg: var(--ar-accent);
  --ar-btn-hover-bg: var(--ar-accent-hover);
  --ar-btn-active-bg: rgba(var(--ar-accent-rgb), 0.7);
  --ar-btn-border-color: var(--ar-accent);
  --ar-btn-hover-border-color: var(--ar-accent-hover);
  --ar-btn-active-border-color: rgba(var(--ar-accent-rgb), 0.7);
}
.btn-outline-primary {
  --ar-btn-color: var(--ar-primary);
  --ar-btn-hover-color: #fff;
  --ar-btn-active-color: #fff;
  --ar-btn-disabled-color: rgba(var(--ar-primary-rgb), 0.3);
  --ar-btn-bg: #ffffff;
  --ar-btn-hover-bg: rgba(var(--ar-accent-rgb), 1);
  --ar-btn-active-bg: rgba(var(--ar-accent-rgb), 0.7);
  --ar-btn-disabled-bg: var(--ar-secondary);
  --ar-btn-border-color: var(--ar-border-color);
  --ar-btn-hover-border-color: var(--ar-accent);
  --ar-btn-active-border-color: rgba(var(--ar-accent-rgb), 0.7);
  --ar-btn-disabled-border-color: var(--ar-border-color);
  --ar-btn-active-shadow: unset;
  --ar-gradient: none;
}
.btn-outline-secondary {
  --ar-btn-hover-bg: var(--ar-footer-bg);
}
.btn-icon.btn-sm,
.btn-group-sm > .btn-icon.btn,
.klaro .context-notice .btn-group-sm > .btn-icon.cm-btn {
  --ar-btn-size: 3rem;
}

/*  swiper-control buttons als btn-primary darstellen */
.btn-swiper-control.btn-outline-primary {
  --ar-btn-color: var(--ar-accent-text) !important;
  --ar-btn-hover-color: var(--ar-accent-text);
  --ar-btn-active-color: var(--ar-accent-text);
  --ar-btn-bg: var(--ar-accent);
  --ar-btn-hover-bg: var(--ar-accent-hover);
  --ar-btn-active-bg: rgba(var(--ar-accent-rgb), 0.7);
  --ar-btn-border-color: var(--ar-accent);
  --ar-btn-hover-border-color: var(--ar-accent-hover);
  --ar-btn-active-border-color: rgba(var(--ar-accent-rgb), 0.7);
}

/* HEADLINE */
/* statt calc(), führt bei Verdana zu seltsamen Darstellungen */ 
h1.display-3 {
  font-size: clamp(1.7rem, 1.475rem + 2.7vw, 54px);
  text-rendering: geometricPrecision;
}

h1.display-4 {
  font-size: clamp(1.6rem, 1.475rem + 2.7vw, 54px);
  transform: scaleX(0.9) scaleY(0.9);
  transform-origin: left center;
  text-rendering: geometricPrecision;
  width: 115%;
}

h1.display-5 {
  font-size: clamp(1.5rem, 1.425rem + 2.1vw, 41px);
  transform: scaleX(1.01) scaleY(1.01);
  text-rendering: geometricPrecision;
}

h1.display-6 {
  font-size: clamp(1.4rem, 1.3875rem + 1.65vw, 33px);
  transform: scaleX(1.01) scaleY(1.01);
  text-rendering: geometricPrecision;
}

/* NAVBAR */
.navbar {
  /*--ar-navbar-stuck-bg: var(--ar-accent);*/
  --ar-navbar-stuck-bg: #fff;
  --ar-navbar-toggler-color: var(--ar-gray-800);
  --ar-navbar-collapse-bg: var(--ar-accent-10);
  --ar-navbar-collapse-border-color: var(--ar-border-color);
  --ar-navbar-hover-color: var(--ar-accent);
}

header.navbar > .container-fluid {
  max-width: 1640px;
}
main[header-mode~="navbar-bg-layer"] header.navbar,
header.navbar.navbar-bg-layer {
  background-color: rgba(var(--ar-light-rgb), 0.8);
}
[header-mode~="navbar-bg-layer"] header.navbar.navbar-stuck,
header.navbar.navbar-bg-layer.navbar-stuck {
  background-color: var(--ar-navbar-stuck-bg);
}
[header-mode~="navbar-bg-layer"] header.navbar .navbar-buttons a,
[header-mode~="navbar-bg-white"] header.navbar .navbar-buttons a,
header.navbar.navbar-bg-layer .navbar-buttons a,
header.navbar.navbar-bg-white .navbar-buttons a {
  background-color: rgba(255, 255, 255, 0.4);
}

[header-mode~="navbar-bg-white"] header.navbar,
header.navbar.navbar-stuck {
  background-color: var(--ar-navbar-stuck-bg);
  box-shadow: 0 13px 35px -12px rgba(35, 35, 35, 0.1);
}

/* initially-dark-mode */
[header-mode~="navbar-bg-layer"][header-mode~="initially-dark-mode"] header.navbar:not(.navbar-stuck) {
  background-color: rgba(var(--ar-accentt-rgb), 0.4);
}
[header-mode~="initially-dark-mode"] header.navbar:not(.navbar-stuck) .navbar-buttons a {
  background-color: unset;
}
[header-mode~="initially-dark-mode"] header.navbar:not(.navbar-stuck) ul.navbar-nav > li > .nav-link,
[header-mode~="initially-dark-mode"] header.navbar:not(.navbar-stuck) ul.navbar-nav > li > .nav-link:hover,
[header-mode~="initially-dark-mode"] header.navbar:not(.navbar-stuck) ul.navbar-nav > li > .nav-link:focus,
[header-mode~="initially-dark-mode"] header.navbar:not(.navbar-stuck) .navbar-buttons {
  color: white;
}

[header-mode~="initially-dark-mode"] header.navbar:has(#navbarMenu.show) ul.navbar-nav > li > .nav-link,
[header-mode~="initially-dark-mode"] header.navbar:has(#navbarMenu.show) ul.navbar-nav > li > .nav-link:hover,
[header-mode~="initially-dark-mode"] header.navbar:has(#navbarMenu.show) ul.navbar-nav > li > .nav-link:focus,
[header-mode~="initially-dark-mode"] header.navbar:has(#navbarMenu.show) .navbar-buttons {
  color: var(--ar-nav-link-color);
}


[header-mode~="initially-dark-mode"] header.navbar:not(.navbar-stuck) #logo {
  background-image: var(--white-logo);
}
/*
[header-mode~="navbar-bg-layer"] header.navbar .navbar-buttons a:hover,
[header-mode~="navbar-bg-white"] header.navbar .navbar-buttons a:hover,
header.navbar.navbar-bg-layer .navbar-buttons a:hover,
header.navbar.navbar-bg-white .navbar-buttons a:hover {
      background-color: var(--ar-footer-bg);
}

header.navbar.navbar-stuck .nav-link {
      color: white;
}

header.navbar.dark-mode.navbar-stuck .navbar-buttons a,
header.navbar-stuck .navbar-buttons a {
    background-color: #0075AF;
    color: #434a57;
    fill: #434a57;
    border-color: transparent;
}
*/

#navbarButtons .btn {
  border: none;
  color: var(--ar-accent);
}
#navbarButtons .btn.is-active {
  color: var(--ar-accent-hover);
}

#navbarButtons .btn:hover {
  background-color: rgba(255, 255, 255, 0.6);
}
#navbarButtons .btn.is-active:hover {
  background-color: var(--ar-accent-50);
}
.navbar-buttons svg {
  width: 32px;
  height: 28px;
  fill: var(--ar-accent);
}

[header-mode~="initially-dark-mode"] header.navbar:not(.navbar-stuck) #navbarButtons .btn,
[header-mode~="initially-dark-mode"] header.navbar:not(.navbar-stuck) #navbarButtons .btn:hover,
[header-mode~="initially-dark-mode"] header.navbar:not(.navbar-stuck) .navbar-toggler {
  color: white;
  background-color: none;
}
[header-mode~="initially-dark-mode"] header.navbar:has(#navbarMenu.show) #navbarButtons .btn,
[header-mode~="initially-dark-mode"] header.navbar:has(#navbarMenu.show) #navbarButtons .btn:hover,
[header-mode~="initially-dark-mode"] header.navbar:has(#navbarMenu.show) .navbar-toggler {
  color: var(--ar-accent);
}
[header-mode~="initially-dark-mode"] header.navbar:has(#navbarMenu.show) .menue-label {
  color: var(--ar-nav-link-color);
}
[header-mode~="initially-dark-mode"] header.navbar:not(.navbar-stuck) .language-toggle > span.rounded-pill {
  color: var(--ar-accent);
}

[header-mode~="initially-dark-mode"] header.navbar:not(.navbar-stuck) .navbar-buttons svg {
  fill: white;
}

[header-mode~="initially-dark-mode"] header.navbar:not(.navbar-stuck) .navbar-toggler-icon,
[header-mode~="initially-dark-mode"] header.navbar:not(.navbar-stuck) .navbar-toggler-icon::before,
[header-mode~="initially-dark-mode"] header.navbar:not(.navbar-stuck) .navbar-toggler-icon::after {
  background-color: white;
}

header.navbar-stuck .navbar-buttons a:hover {
  /*background-color: #0DAEFF;*/
  background-color: var(--ar-accent-50);
}
header.navbar:has(#navbarNav.show) {
  background-color: var(--ar-navbar-stuck-bg);
}
#navbarMenu .nav-thumb {
  display: none;
}
#navbarMenu,
header.navbar:has(#navbarMenu.show) {
  background-color: var(--ar-navbar-stuck-bg);
}
/** top-navigation dropdown min-width */
.dropdown-menu {
  --ar-dropdown-min-width: 20rem;
}
.language-toggle-menu {
    --ar-dropdown-min-width: 12rem;
}

/* rounded corners */
:root {
  --ar-border-radius: 1rem;
}
.rounded-pill:not(header .rounded-pill) {
  border-radius: var(--ar-border-radius) !important;
}

.accordion {
  --ar-accordion-bg: unset;
}

/* search input */
#search-box {
  /*background-color: var(--ar-accent);*/
  padding: 2rem !important;
  padding-top: 1rem !important;
  border: none !important;
}
#search-box .text-dark,
#search-box a,
#search-box a:hover {
  color: #fff !important;
}
#search-box #search-input {
  border: 1px solid var(--ar-accent);
  outline-offset: 1px;
  outline: 1px solid #fff;
}
#search-box #search-input:focus {
  border-color: var(--ar-accent-30);
}
#hero .form-control:not(:focus) + .ai-search.bg-white {
  color: rgb(var(--ar-primary-rgb)) !important;
}

/* HERO */
img.i-ar-hero-image {
  border-radius: 40px;
}

/* MODULES */
.card {
  --ar-card-spacer-y: 1.5rem;
  --ar-card-spacer-x: 1.5rem;
}

.card.bg-primary {
  background-color: var(--ar-accent) !important;
}

.card.bg-secondary {
  background-color: var(--ar-footer-bg) !important;
}

.cards-featured-container .card-body > span {
  min-height: 104px;
}

.image_gallery_container .card-body {
  align-items: flex-start !important;
  padding-left: 0px;
  padding-bottom: 0px;
}
.image_gallery_container .card-body > span {
  color: #fff !important;
  background-color: var(--ar-accent) !important;
  border-radius: 0 var(--ar-border-radius) !important;
}

.wordmodule a {
  font-weight: 600;
  letter-spacing: -0.03rem;
  /*color: rgba(var(--ar-link-color-rgb), var(--ar-link-opacity, 1)) !important;*/
  text-decoration: underline !important;
}

/* text shall get a font-size of at least 16px */
.wordmodule *[style*="font-size"] {
  font-size: max(1em, 16px) !important;
}

.wordmodule p.Text,
.cke p.Text {
  hyphens: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
  width: 100%;
}

/* empty lines shall have a min.height */
.i-ar-default-wordmodule-format span:empty,
.cke span:empty {
  background: none !important;
}

.i-ar-default-wordmodule-format span:empty::before,
.cke span:empty::before {
  content: "\00a0";
  display: inline-block;
  min-height: 0.75rem;
}

.i-ar-default-wordmodule-format .table-wrapper,
.cke .table-wrapper {
  width: 100%;
  overflow-x: auto;
}

.i-ar-default-wordmodule-format .table-wrapper > table,
.cke .table-wrapper > table {
  width: 99%;
}
.i-ar-default-wordmodule-format .table-wrapper > table.MsoTableGrid,
.cke .table-wrapper > table.MsoTableGrid {
  min-width: 800px;
  width: 100%;
  border-collapse: collapse;
}

/* no double counting */
.i-ar-default-wordmodule-format ol li.NumberschriftEbene1::before {
  content: none;
}

.i-ar-default-wordmodule-format ol li.NumberschriftEbene1 {
  padding-left: 2.5em;
  text-indent: -1.5em;
  margin-left: 1.5rem !important;
}

/* correct counting */
.i-ar-default-wordmodule-format ol {
  counter-reset: li;
}

.i-ar-default-wordmodule-format ol[start="2"] {
  counter-reset: li 1;
}

.i-ar-default-wordmodule-format ol[start="3"] {
  counter-reset: li 2;
}

.i-ar-default-wordmodule-format ol[start="4"] {
  counter-reset: li 3;
}

.i-ar-default-wordmodule-format ol[start="5"] {
  counter-reset: li 4;
}

.i-ar-default-wordmodule-format ol[start="6"] {
  counter-reset: li 5;
}

.i-ar-default-wordmodule-format ol[start="7"] {
  counter-reset: li 6;
}

.i-ar-default-wordmodule-format ol[start="8"] {
  counter-reset: li 7;
}

.i-ar-default-wordmodule-format ol[start="9"] {
  counter-reset: li 8;
}

.i-ar-default-wordmodule-format ol[start="10"] {
  counter-reset: li 9;
}

.i-ar-default-wordmodule-format ol[start="11"] {
  counter-reset: li 10;
}

.i-ar-default-wordmodule-format ol[start="12"] {
  counter-reset: li 11;
}

.i-ar-default-wordmodule-format ol[start="13"] {
  counter-reset: li 12;
}

.i-ar-default-wordmodule-format ol[start="14"] {
  counter-reset: li 13;
}

.i-ar-default-wordmodule-format ol[start="15"] {
  counter-reset: li 14;
}

.i-ar-default-wordmodule-format ol li {
  position: relative;
  padding-left: 2em;
}

.i-ar-default-wordmodule-format ol li::before {
  counter-increment: li;
  content: counter(li);
  color: #858c97;
  margin-right: 0.25em;
  position: absolute;
  font-size: 16px;
  top: 0px;
  left: 0;
}

.i-ar-default-wordmodule-format ul {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
}

.i-ar-default-wordmodule-format ul li {
  position: relative;
  padding-left: 1.5em;
  margin-bottom: 10px;
}

.i-ar-default-wordmodule-format ul li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0px;
}


/* accordion-button: chevron icon in white */
.text-accent.accordion-button::after,
.text-accent.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3e%3cpath d='M.5 6.3c.6-.6 1.6-.6 2.3 0l9.3 9.3 9.3-9.3c.6-.6 1.6-.6 2.3 0 .6.6.6 1.6 0 2.3L13.3 18.8c-.6.6-1.6.6-2.3 0L.8 8.5c-.9-.8-.9-1.6-.3-2.2z'/%3e%3c/svg%3e");
}

/* EVENT */
.event-profile,
.event-profile.bg-,
.event-profile.bg-on,
.event-profile.bg-light {
  background-color: var(--ar-accent-grey);
}
.event-profile svg,
.event-profile.bg- svg,
.event-profile.bg-on svg,
.event-profile.bg-light svg,
.event-calendar svg,
bg-accent-grey svg {
  color: black;
  fill: var(--ar-accent-grey);
}
.event-profile .btn-accent svg {
  color: white;
}
.event-calendar .text-accent svg {
  color: white;
  fill: var(--ar-accent);
}
.event-profile .swiper,
.offer-profile .swiper {
  border-radius: 20px !important;
}
.event-profile .swiper-slide > figure,
.offer-profile .swiper-slide > figure
{
  border-radius: 0 !important;
}
.event-profile .btn-secondary {
  background-color: white;
  color: var(--ar-accent) !important;
}
.event-profile .btn-secondary:hover {
  background-color: var(--ar-btn-hover-bg);
}

.event-calendar .delimiter::before,
.event-profile .delimiter::before {
  content: "\2B24"; /* Unicode für ⬤ */
}

.event-calendar {
  padding-top: 0rem !important;
}
.event-calendar > h2 {
  margin-bottom: 0.25rem !important;
}

.event-calendar > .row.rounded-5 {
  /* background-image: url(/demo/medien/bilder/veranstaltungen.jpg); */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  filter: brightness(1.05);
}
.event-calendar > .row.rounded-5::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(var(--ar-accent-rgb), 0.4); /* Blau mit Transparenz */
  backdrop-filter: blur(2px); /* Blur-Effekt */
  z-index: 0;
  border-radius: var(--ar-border-radius-xxl) !important; /* Hinter den Inhalt */
}

.event-calendar .stretched-text {
  transform: none;
  font-size: 1.4rem;
  font-weight: 400 !important;
  color: var(--ar-accent);
  margin-bottom: 0.25rem !important;
}
.event-calendar .text-accent .stretched-text {
  color: white;
}
.event-calendar .ribbon-corner,
.event-profile .ribbon-corner,
.ribbon-bg {
  background-color: var(--ar-accent);
}
.event-calendar .border-bottom {
  border-bottom: none !important;
  position: relative;
}
.event-calendar a.border-bottom::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 97%;
  border-bottom: 1px solid var(--ar-accent-50);
}
.event-calendar a.border-bottom:last-child::after {
  display: none;
}

#event-calendar-type .btn::after {
  content: "\2B58";
}
#event-calendar-type .btn.active::after {
  content: "\2B24";
}

/* FOOTER */
/*
:root {
      --ar-footer-bg: var(--ar-accent-10);
	--ar-footer-bg-fill: rgba(var(--ar-accent-rgb), 0);
}
footer .btn-accent {
    background-color: var(--ar-accent-50);
}
footer button.rounded-circle, footer a.rounded-circle  {
    border-radius: 50% !important;
}
*/
:root {
  --ar-footer-bg: var(--ar-accent);
  --ar-footer-bg-fill: #3A8D8A;
}
footer .nav-link,
footer p,
footer .nav-link:hover,
footer .nav-link:focus {
  color: #fff;
}

footer .btn-accent {
  background-color: var(--ar-accent-50);
}
footer .btn-accent:hover {
  background-color: #fff;
}
footer button.rounded-circle,
footer a.rounded-circle {
  border-radius: 50% !important;
}

.icons8 {
  display: inline-block;
  height: 1em; /* proportional zur Schriftgröße */
  width: 1em;
  background-color: currentColor; /* nutzt die Textfarbe */
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;

  opacity: 1;
  transition: opacity 0.5s ease-in-out;
}
#imperia .pina .icons8 {
  min-width: 3em;
}
a:hover .card-hover .icons8 {
  opacity: 0;
}

.icons8-mobility {
  -webkit-mask-image: url("/assets/icons/icons8-kombi_mobilitaet.svg");
  mask-image: url("/assets/icons/icons8-kombi_mobilitaet.svg");
  width: auto;
}
.icons8-health {
  -webkit-mask-image: url("/assets/icons/icons8-kombi_gesundheit_soziales.svg");
  mask-image: url("/assets/icons/icons8-kombi_gesundheit_soziales.svg");
  width: auto;
}
.icons8-food {
  -webkit-mask-image: url("/assets/icons/icons8-kombi_tiere_lebensmittel.svg");
  mask-image: url("/assets/icons/icons8-kombi_tiere_lebensmittel.svg");
  width: auto;
}
.icons8-ecucation {
  -webkit-mask-image: url("/assets/icons/icons8-classroom-500.svg");
  mask-image: url("/assets/icons/icons8-classroom-500.svg");
  width: auto;
}
.icons8-culture {
  -webkit-mask-image: url("/assets/icons/icons8-kombi_kultur_tourismus.svg");
  mask-image: url("/assets/icons/icons8-kombi_kultur_tourismus.svg");
  width: auto;
}
.icons8-nature {
  -webkit-mask-image: url("/assets/icons/icons8-kombi_klima_umwelt.svg");
  mask-image: url("/assets/icons/icons8-kombi_klima_umwelt.svg");
  width: auto;
}
.icons8-building {
  -webkit-mask-image: url("/assets/icons/activity.svg");
  mask-image: url("/assets/icons/activity.svg");
  width: auto;
}
.icons8-rescue {
  -webkit-mask-image: url("/assets/icons/icons8-kombi_bevoelkerungsschutz_rettungswesen.svg");
  mask-image: url("/assets/icons/icons8-kombi_bevoelkerungsschutz_rettungswesen.svg");
  width: auto;
}
.icons8-integration {
  -webkit-mask-image: url("/assets/icons/icons8-identification-documents-500.svg");
  mask-image: url("/assets/icons/icons8-identification-documents-500.svg");
  width: auto;
}
.icons8-family {
  -webkit-mask-image: url("/assets/icons/icons8-kombi_kinder_jugend_familie.svg");
  mask-image: url("/assets/icons/icons8-kombi_kinder_jugend_familie.svg");
  width: auto;
}
.icons8-volunteer {
  -webkit-mask-image: url("/assets/icons/icons8-handshake-heart-500.svg");
  mask-image: url("/assets/icons/icons8-handshake-heart-500.svg");
  width: auto;
}

.icons8-law-and-order {
  -webkit-mask-image: url("/assets/icons/icons8-richtliniendokument.svg");
  mask-image: url("/assets/icons/icons8-richtliniendokument.svg");
  width: auto;
}

.icons8-mobility {
  -webkit-mask-image: url("/assets/icons/icons8-kombi_mobilitaet.svg");
  mask-image: url("/assets/icons/icons8-kombi_mobilitaet.svg");
}
.icons8-health {
  -webkit-mask-image: url("/assets/icons/icons8-kombi_gesundheit_soziales.svg");
  mask-image: url("/assets/icons/icons8-kombi_gesundheit_soziales.svg");
}
.icons8-food {
  -webkit-mask-image: url("/assets/icons/icons8-kombi_tiere_lebensmittel.svg");
  mask-image: url("/assets/icons/icons8-kombi_tiere_lebensmittel.svg");
}
.icons8-ecucation {
  -webkit-mask-image: url("/assets/icons/icons8-classroom-500.svg");
  mask-image: url("/assets/icons/icons8-classroom-500.svg");
}
.icons8-culture {
  -webkit-mask-image: url("/assets/icons/icons8-kombi_kultur_tourismus.svg");
  mask-image: url("/assets/icons/icons8-kombi_kultur_tourismus.svg");
}
.icons8-nature {
  -webkit-mask-image: url("/assets/icons/icons8-kombi_klima_umwelt.svg");
  mask-image: url("/assets/icons/icons8-kombi_klima_umwelt.svg");
}
.icons8-building {
  -webkit-mask-image: url("/assets/icons/icons8-crane.svg");
  mask-image: url("/assets/icons/icons8-crane.svg");
}
.icons8-rescue {
  -webkit-mask-image: url("/assets/icons/icons8-kombi_bevoelkerungsschutz_rettungswesen.svg");
  mask-image: url("/assets/icons/icons8-kombi_bevoelkerungsschutz_rettungswesen.svg");
}
.icons8-integration {
  -webkit-mask-image: url("/assets/icons/icons8-identification-documents-500.svg");
  mask-image: url("/assets/icons/icons8-identification-documents-500.svg");
}
.icons8-family {
  -webkit-mask-image: url("/assets/icons/icons8-kombi_kinder_jugend_familie.svg");
  mask-image: url("/assets/icons/icons8-kombi_kinder_jugend_familie.svg");
}
.icons8-volunteer {
  -webkit-mask-image: url("/assets/icons/icons8-handshake-heart-500.svg");
  mask-image: url("/assets/icons/icons8-handshake-heart-500.svg");
}

.icons8-alarm {
  -webkit-mask-image: url("/assets/icons/icons8-alarm-500.svg");
  mask-image: url("/assets/icons/icons8-alarm-500.svg");
}
.icons8-choice {
  -webkit-mask-image: url("/assets/icons/icons8-choice-500.svg");
  mask-image: url("/assets/icons/icons8-choice-500.svg");
}
.icons8-comments {
  -webkit-mask-image: url("/assets/icons/icons8-comments-500.svg");
  mask-image: url("/assets/icons/icons8-comments-500.svg");
}
.icons8-high-priority {
  -webkit-mask-image: url("/assets/icons/icons8-high-priority-500.svg");
  mask-image: url("/assets/icons/icons8-high-priority-500.svg");
}
.icons8-info {
  -webkit-mask-image: url("/assets/icons/icons8-info-500.svg");
  mask-image: url("/assets/icons/icons8-info-500.svg");
}
.icons8-licht-an {
  -webkit-mask-image: url("/assets/icons/icons8-licht-an.svg");
  mask-image: url("/assets/icons/icons8-licht-an.svg");
}
.icons8-help {
  -webkit-mask-image: url("/assets/icons/icons8-help-500.svg");
  mask-image: url("/assets/icons/icons8-help-500.svg");
}
.icons8-stimmzettel {
  -webkit-mask-image: url("/assets/icons/icons8-stimmzettel-500.svg");
  mask-image: url("/assets/icons/icons8-stimmzettel-500.svg");
}
.icons8-letter {
  -webkit-mask-image: url("/assets/icons/icons8-letter-500.svg");
  mask-image: url("/assets/icons/icons8-letter-500.svg");
}
.icons8-open-document {
  -webkit-mask-image: url("/assets/icons/icons8-dokument-öffnen.svg");
  mask-image: url("/assets/icons/icons8-dokument-öffnen.svg");
}
.icons8-internet {
  -webkit-mask-image: url("/assets/icons/icons8-internet.svg");
  mask-image: url("/assets/icons/icons8-internet.svg");
}
.icons8-system-info {
  -webkit-mask-image: url("/assets/icons/icons8-systeminformation.svg");
  mask-image: url("/assets/icons/icons8-systeminformation.svg");
}
.icons8-connection-status {
  -webkit-mask-image: url("/assets/icons/icons8-verbindungsstatus_-aus.svg");
  mask-image: url("/assets/icons/icons8-verbindungsstatus_-aus.svg");
}
.icons8-building {
  -webkit-mask-image: url("/assets/icons/icons8-gebäude.svg");
  mask-image: url("/assets/icons/icons8-gebäude.svg");
}
.icons8-country {
  -webkit-mask-image: url("/assets/icons/icons8-land.svg");
  mask-image: url("/assets/icons/icons8-land.svg");
}
.icons8-quote {
  -webkit-mask-image: url("/assets/icons/icons8-anführungszeichen.svg");
  mask-image: url("/assets/icons/icons8-anführungszeichen.svg");
}
.icons8-diagram {
  -webkit-mask-image: url("/assets/icons/icons8-kombi-diagramm.svg");
  mask-image: url("/assets/icons/icons8-kombi-diagramm.svg");
}
.icons8-collaboration {
  -webkit-mask-image: url("/assets/icons/icons8-im-kreis-zusammenarbeiten.svg");
  mask-image: url("/assets/icons/icons8-im-kreis-zusammenarbeiten.svg");
}
.icons8-today {
  -webkit-mask-image: url("/assets/icons/icons8-today-500.svg");
  mask-image: url("/assets/icons/icons8-today-500.svg");
}
.icons8-maintenance {
  -webkit-mask-image: url("/assets/icons/icons8-wartung.svg");
  mask-image: url("/assets/icons/icons8-wartung.svg");
}
.icons8-user-groups {
  -webkit-mask-image: url("/assets/icons/icons8-user-groups-500.svg");
  mask-image: url("/assets/icons/icons8-user-groups-500.svg");
}

/* overwrites */

.ai-phone, .ai-mobile, .ai-printer, .ai-mail, .ai-globe, .ai-map-pin {
      font-family: initial !important;   /* überschreibt "around-icons" */
      width: 1em;                 /* Größe folgt font-size */
      height: 1em;
      background-color: currentColor;     /* Farbe folgt color */
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-position: center;
      -webkit-mask-size: contain;
      mask-repeat: no-repeat;
      mask-position: center;
      mask-size: contain;
      
      line-height: 1;                /* verhindert unnötige Höhe */
      vertical-align: middle;        /* richtet sich am Text aus */
      margin-top: 4px;

}

/* Falls das Icon-Font Set via ::before arbeitet, schalte es aus */
.ai-phone::before, .ai-mobile::before, .ai-printer::before, .ai-mail::before, .ai-map-pin::before {
      content: none !important;
}

.ai-phone {
  -webkit-mask-image: url("/assets/icons/icons8-rotary-dial-telephone-500.svg");
  mask-image: url("/assets/icons/icons8-rotary-dial-telephone-500.svg");
}
.ai-mobile {
  -webkit-mask-image: url("/assets/icons/icons8-iphone-se-500.svg");
  mask-image: url("/assets/icons/icons8-iphone-se-500.svg");
}
.ai-printer /* fax */ {
  -webkit-mask-image: url("/assets/icons/icons8-fax-500.svg");
  mask-image: url("/assets/icons/icons8-fax-500.svg");
}
.ai-mail {
  -webkit-mask-image: url("/assets/icons/icons8-letter-500.svg");
  mask-image: url("/assets/icons/icons8-letter-500.svg");
}
.ai-map-pin {
  -webkit-mask-image: url("/assets/icons/icons8-address-500.svg");
  mask-image: url("/assets/icons/icons8-address-500.svg");
}
.ai-globe {
  -webkit-mask-image: url("/assets/icons/icons8-geography-500.svg");
  mask-image: url("/assets/icons/icons8-geography-500.svg");
}
.dropdown-item > .ai-globe {
  margin-top: 0 !important;
  margin-bottom: .25rem !important;
}

/*
icons8-facebook-500
icons8-instagram-500
icons8-youtube-500
*/


/* BG-DECO */
footer::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
      ellipse at 120% 25%,
      rgba(var(--ar-bloom-origin-rgb),.2),
      transparent 60%
    ),radial-gradient(
      circle at 10% 90%,
      rgba(var(--ar-accent-hover-rgb),.8),
      transparent 40%
    );;
  pointer-events: none;
}
.card.bg-accent,
.stage-wrapper.bg-accent:not(.stage-wrapper-50) {
  background-image: radial-gradient(
      circle at 0% 50%,
      rgba(var(--ar-info-rgb),.05),
      transparent 40%
    ),radial-gradient(
      circle at 40% 90%,
      rgba(var(--ar-accent-hover-rgb),.8),
      transparent 30%
    );
}

/** AROUND templateset overwrites */
.offer-profile > .container > .row.justify-content-center,
.event-profile > .container > .row.justify-content-center { 
  justify-content: unset !important; 
}