:root {
    --padding: var(--font-size);
    --padding-025: calc(var(--padding) * 0.25);
    --padding-050: calc(var(--padding) * 0.5);
    --padding-075: calc(var(--padding) * 0.75);
    --padding-125: calc(var(--padding) * 1.25);
    --padding-150: calc(var(--padding) * 1.5);
    --padding-200: calc(var(--padding) * 2);
    --padding-300: calc(var(--padding) * 3);
    --padding-500: calc(var(--padding) * 5);

    --margin: var(--font-size);
    --margin-025: calc(var(--margin) * 0.25);
    --margin-050: calc(var(--margin) * 0.5);
    --margin-075: calc(var(--margin) * 0.75);
    --margin-125: calc(var(--margin) * 1.25);
    --margin-150: calc(var(--margin) * 1.5);
    --margin-200: calc(var(--margin) * 2);
    --margin-300: calc(var(--margin) * 3);
    --margin-500: calc(var(--margin) * 5);

    --flex-gap-row: calc(var(--font-size) * 1.5);
    --flex-gap-col: var(--flex-gap-row);

    --bodycolor: light-dark(#191919, CanvasText);
    --accent-bgcolor: Highlight;
    --accent-txcolor: HighlightText;
    --primarycolor: light-dark(#175592, color-mix(in srgb, #175592 45%, #000 55%));
    --primarytextcolor: light-dark(#FFFFFF, CanvasText);
    --secondarycolor: light-dark(#FFDD00, color-mix(in srgb, #FFDD00 15%, #000 85%));
    --secondarytextcolor: light-dark(#175592, CanvasText);
    --linkcolor: #000000;
    --btncolor: Highlight;
    --btntextcolor: HighlightText;
    --ikiss-norel: light-dark(#c20000, #ff9090);

    --black: #000000;
    --darkgray: light-dark(#383838, CanvasText);
    --semigray: light-dark(#404040, CanvasText);
    --gray: light-dark(#484848, CanvasText);
    --silver: light-dark(#c8c8c8, CanvasText);
    --gainsboro: light-dark(#e8e8e8, CanvasText);
    --whitesmoke: light-dark(#f0f0f0, #fff);
    --white: #ffffff;

    --form-error: light-dark(#a30000, #ff6363);
    --form-warning: light-dark(#ff8c00, #ff8c00);

    --font-size: 19px;
    --font-family: system-ui, sans-serif;
    --font-headline: var(--font-family);
    --font-light: 300;
    --font-regular: 400;
    --font-bold: 700;
    --font-weight-headline: var(--font-bold);
    --fa-width: auto;

    --input-background-color: light-dark(#fff, Canvas);
    --input-border-color: light-dark(#949494, CanvasText);
    --input-border-focus: light-dark(#484848, CanvasText);
    --input-border-radius: 0.1rem;
    --input-height: max(3em, 48px);
    --input-padding: var(--padding-075) var(--padding);

    --button-height: var(--input-height);
    --button-border-radius: calc(var(--input-border-radius) * 2);

    --tab-focus-color: Highlight;
    --tab-focus-inner-color: Canvas;
    
    --swiper-theme-color: var(--primarycolor);
    --swiper-preloader-color: var(--swiper-theme-color);
    --swiper-wrapper-transition-timing-function: initial;
    --swiper-navigation-size: max(2.631em, 50px);
    --swiper-navigation-top-offset: 50%;
    --swiper-navigation-sides-offset: calc(-1 * calc(var(--swiper-navigation-size) + 30px));
    --swiper-navigation-color: var(--swiper-theme-color);
    
    @media screen and (max-width: 680px){
        --swiper-navigation-top-offset: 100%;
        --swiper-navigation-sides-offset: 0;
    }
}
pre {
    color: #000;
}
.tab-focus, audio:focus-visible, video:focus-visible {
    outline: unset;
    outline-offset: unset;
    border-radius: 0 !important;
    box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 5px #000 !important;
    transition: all 0s !important;
}
/* Layout Helper Media Queries */
@media screen and (min-width: 961px) {
    .hide-lg {
        display: none;
    }
}
@media screen and (max-width: 960px) {
    .md-only {
        display: block;
    }
    .hide-md {
        display: none !important;
    }
}
@media screen and (max-width: 680px) {
    .sm-only {
        display: block !important;
    }
    .hide-sm {
        display: none !important;
    }
}
/*Texte mit farbigem Hintergrund*/
/* Copyright */
.colored-container_image-copyright {
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: calc(100% - var(--padding-200));
    max-height: 100%;
    font-size: calc(1rem * 2/3);
    line-height: normal;
    color: var(--bodycolor);
    background-color: light-dark(rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0.85));
    padding: 0.25em 0.375em;
}
@media screen and (max-width: 680px) {
    .colored-container_image-copyright {
        font-size: 0.5rem;
    }
}
/* Textabschnitt mit speziellem Hintergrund */
.colored-container {
    display: flex;
    position: relative;
    width: 100%;
    margin: var(--margin-500) 0;
}
.colored-container.wappen{
    background-image: url('assets/img/Loewe_unsereThemen.png');
    background-repeat: no-repeat;
    background-position: right -335px bottom var(--padding-300);
}
.colored-container.colored-background[style*="--custom-bgcolor"] {
    background-color: light-dark(var(--custom-bgcolor), color-mix(in srgb, var(--custom-bgcolor) 25%, var(--black) 75%));
}
.colored-container.background-image,
.colored-container.colored-background {
    padding-top: var(--padding-150);
    padding-bottom: var(--padding-150);
}
.colored-container.padding-s {
    padding: calc(var(--padding-500) * 0.5) 0;
}
.colored-container.padding-m {
    padding: var(--padding-500) 0;
}
.colored-container.padding-xl {
    padding: calc(var(--padding-500) * 1.5) 0;
}
@media screen and (max-width: 960px) {
    .colored-container[class*="padding-"] {
        padding: var(--padding-300) 0;
    }
}
@media screen and (max-width: 680px) {
    .colored-container[class*="padding-"] {
        padding: var(--padding-300) 0;
    }
}
[style*="display:inline"]:first-child .colored-container:first-child {
    margin-top: 0;
}
.colored-container:last-child,
.colored-container.full-width:last-child {
    margin-bottom: 0;
}
.colored-container.full-width {
    width: calc(100vw - var(--scrollbar-width));
    padding-left: 0;
    padding-right: 0;
    margin: var(--margin-500) 0 var(--margin-500) calc(50% - 50vw + calc(var(--scrollbar-width) / 2));
}
.colored-container.full-width + .colored-container.full-width,
.colored-container:not(.full-width) + .colored-container:not(.full-width) {
    margin-top: calc(-1 * var(--margin-500));
}
.colored-container .colored-container.full-width,
.modal-window .colored-container.full-width,
.mceContentBody .colored-container.full-width {
    width: 100%;
    padding: var(--padding-150);
    margin: var(--margin-150) 0;
}
.colored-container .colored-container.full-width .wrapper,
.modal-window .colored-container.full-width .wrapper,
.mceContentBody .colored-container.full-width .wrapper {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
    transition: none;
}
.colored-container_image-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.colored-container_image-wrapper.ikiss_norel {
    background-color: var(--ikiss-norel);
}
.colored-container_image-wrapper.ikiss_norel > img {
    opacity: 0.666;
}
.colored-container_image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.colored-container_image.fixed {
    background-attachment: fixed;
}
@supports (-webkit-touch-callout: none) {
    .colored-container_image.fixed {
        background-attachment: scroll;
    }
}
.colored-container_text-wrapper {
    display: flex;
    position: relative;
    z-index: 2;
    font-size: 1em;
    margin: 0 auto;
}
.colored-container .colored-container_text-wrapper:not(.wrapper) {
    width: 100%;
}
.colored-container_text-container {
    position: relative;
    flex-basis: 100%;
    width: 100%;
    align-self: center;
}
.colored-container_text-container.top {
    align-self: flex-start;
}
.colored-container_text-container.bottom {
    align-self: flex-end;
}
.colored-container_text-container .text-color[style*="--custom-txcolor"] {
    color: light-dark(var(--custom-txcolor), color-mix(in srgb, var(--custom-txcolor) 25%, var(--white) 75%));
}
.colored-container_text-container .text-color[style*="--custom-txcolor-rgb"] {
    color: light-dark(rgb(var(--custom-txcolor-rgb)), color-mix(in srgb, rgb(var(--custom-txcolor-rgb)) 25%, var(--white) 75%));
    border-bottom-color: light-dark(rgba(var(--custom-txcolor-rgb), 0.25), color-mix(in srgb, color-mix(in srgb, rgb(var(--custom-txcolor-rgb)) 25%, var(--white) 75%) 50%, transparent 50%));
}
@media screen and (min-width: 1024px){
    .colored-container_text-container.width-33 {
        max-width: 33.333%;
    }
    .colored-container_text-container.width-50 {
        max-width: 50%;
    }
    .colored-container_text-container.width-66 {
        max-width: 66.666%;
    }
    .colored-container_text-container.left {
        margin: 0 auto 0 0 ;
    }
    .colored-container_text-container.right {
        margin: 0 0 0 auto;
    }
    .colored-container_text-container.center {
        margin: 0 auto;
    }
}
.colored-container_text-background {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}
.colored-container_text-background[style*="--custom-txbgcolor"] {
    background-color: light-dark(var(--custom-txbgcolor), color-mix(in srgb, var(--custom-txbgcolor) 25%, var(--black) 75%));
}
.colored-container_text-background + .colored-container_text {
    padding: var(--padding-200);
}
.colored-container_text.text-color :not(.img-copyright, .mc2_ac, .btn, .btn-outline, p.btn > a, p.btn-outline > a, .accordion-title, .flags .cards, .teaser-image-wrapper, .big-date *, .result-list_image-copyright, .top-news *, .with-background *, .result-list_object-property.booking) {
    color: inherit;
    border-color: inherit;
}
.colored-container_text.text-shadow {
    text-shadow: 0px 0px 1px var(--black), 0px 0px 2px var(--black), 0px 0px 5px var(--black), 0px 0px 1rem var(--black);
}
.colored-container_text.text-shadow :is(.img-copyright, .mc2_ac, .btn, .btn-outline, p.btn > a, p.btn-outline > a, .accordion-title, .flags .cards, .teaser-image-wrapper, .big-date *, .result-list_image-copyright, .top-news *, .with-background *, .result-list_object-property.booking) {
    text-shadow: none;
}
.colored-container_text :first-child:not(.flex-row, [class*="flex-col-"], .btn, .btn-outline) {
    margin-top: 0;
}
.colored-container_text :last-child:not(.text-columns, .result-list, .result-list_item, .flex-row, [class*="flex-col-"]) {
    margin-bottom: 0;
}
.opacity-100 {
    opacity: 1;
}
.opacity-75 {
    opacity: 0.75;
}
.opacity-50 {
    opacity: 0.5;
}
.opacity-25 {
    opacity: 0.25;
}
/*Linklisten*/
.link-list_link-title,
.link-list_docreader-link {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}
.link-list_link-title {
    font-weight:var(--font-bold);
}
.link-list_link:is(:hover, :focus, .tab-focus) .link-list_link-title,
.link-list_docreader-link:is(:hover, :focus, .tab-focus) {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}
.link-list:not(:last-child), .link-list_item:not(:last-child) .link-list {
    margin-bottom: var(--margin);
}
.link-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: var(--margin);
}
.link-list .link-list {
    margin-top: 0.5em;
}
.link-list:not(:last-child),
.link-list_item:not(:last-child) .link-list {
    margin-bottom: var(--margin);
}
.link-list_item {
    margin-left: 1.5em;
}
.link-list_item:not(:last-child) {
    margin-bottom: 0.5em;
}
.link-list_link {
    display: inline-block;
    text-decoration: none;
    padding-left: 1.5em;
    margin-left: -1.5em;
}
.link-list_link-icon {
    width: 1.25em;
    text-align: center;
    margin-right: 0.25em;
    margin-left: -1.5em;
}
.link-list_link-icon.colored[class*="fa-file-"] {
    color: var(--gray);
}
.link-list_link-icon.colored.fa-file-word {
    color: #185abd;
}
.link-list_link-icon.colored.fa-file-excel {
    color: #107a40;
}
.link-list_link-icon.colored.fa-file-powerpoint {
    color: #c43f1d;
}
.link-list_link-icon.colored.fa-file-pdf {
    color: #f40f02;
}
.secondary-bg-color .link-list_link-icon.colored[class*="fa-file-"] {
    color: var(--secondarytextcolor);
}
.link-list_link-title.no-link {
    text-decoration: none;
}
.link-list_link-title:not(:last-child),
.link-list_prop:not(:last-child),
.link-list_link:not(:last-child) {
    margin-right: var(--margin-050);
}
.link-list_properties {
    font-size: 0.8125rem;
    color: var(--gray);
}
.link-list_prop {
    display: inline-block;
}
.link-list_prop-icon {
    margin-right: 0.25em;
}
.link-list_docreader-link {
    display: inline-block;
    font-size: 0.8125rem;
}
.link-list_docreader-icon {
    margin-right: 0.25em;
}
.link-list.hide-icons .link-list_item {
    margin-left: 0;
}
.link-list.hide-icons .link-list_link-icon.fa-external-link {
    width: unset;
    margin-left: 0;
}
.link-list.hide-icons .link-list_link-icon:not(.fa-external-link) {
    display: none;
}
.link-list.hide-icons .link-list_link {
    padding-left: 0;
    margin-left: 0;
}
.link-list.inline-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em 1em;
}
.link-list.inline-list .link-list_item {
    margin-bottom: 0;
}
.link-list.btn-list .link-list_item {
    margin-bottom: 0;
    margin-left: 0;
}
.link-list.btn-list .link-list_link {
    display: flex;
    padding: 0.5em 1em;
    margin: 0;
}
.link-list.btn-list .link-list_link-icon {
    width: unset;
    color: unset;
    margin-right: calc(1em / 3);
    margin-left: 0;
    align-self: baseline;
    transform: translateY(0.1em);
}
@media screen and (max-width: 960px) {
    .link-list.btn-list .link-list_link-icon {
        transform: translateY(0.3em);
    }
}
.link-list.btn-list .link-list_link-text {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0 0.5em;
    align-items: baseline;
}
.link-list.btn-list .link-list_link-title {
    color: unset;
    text-decoration: none;
    margin-right: 0;
}
.link-list.btn-list .link-list_properties {
    color: unset;
}
.link-list.btn-list .link-list_properties:not(:has(.file,.author,.copyright)),
.link-list.btn-list .link-list_prop:not(.file,.author,.copyright),
.link-list.btn-list .link-list_link-title:not(.file) + .link-list_properties,
.link-list.btn-list br[data-mce-bogus] {
    display: none;
}
.link-list.ikiss-grid {
    gap: 0 var(--margin);
}
a > [class*="fa-"], button > [class*="fa-"] {
  line-height: 1.33;
  vertical-align: baseline;
  margin-right: 0.25em;
}
span > [class*="fa-"] {
  margin-right: 0.25em;
}
.js-link {
  cursor: pointer;
}
.order-1 {
  order: 1;
}
.order-0 {
  order: 0;
}
/* Suchergebnis/Listengenerator */
.result-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.result-list .flex-row {
    --flex-gap-row: 0px;
    --flex-gap-col: var(--margin-150);
}
.result-list .flex-row .flex-col-1.order-1 {
    padding-top: var(--flex-gap-col);
}
.result-list_item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    padding-bottom: var(--padding-150);
    margin-bottom: var(--margin-150);
}
.widget .result-list_item {
    border-bottom-color: var(--silver);
}
.result-list:not(.flex-row):last-child > .result-list_item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
.result-list_text > * {
    margin: var(--margin-050) 0;
}
.result-list_text-columns + .btn-list {
    margin-top: var(--margin-150);
}
.result-list_text > :first-child {
    margin-top: 0;
}
.result-list_text > :last-child {
    margin-bottom: 0;
}
.result-list_text-columns .flex-row {
    --flex-gap-row: var(--margin-050);
    --flex-gap-col: var(--margin);
}
.result-list_object-title {
    font-size: 1.3125rem;
    font-weight: var(--font-bold);
}
.widget .result-list_object-title {
    font-size: 1rem;
    font-weight: var(--font-bold);
}
.randspalte .result-list_object-title,
.randspalte .result-list_object-title:first-child {
    font-size: 1rem;
    font-weight: var(--font-bold);
    color: inherit;
    background-color: transparent;
    border: 0;
    padding: 0;
    margin: 0 0 var(--margin-050);
}
.randspalte .result-list_object-title:first-child:last-child {
    margin-bottom: 0;
}
.result-list_object-link {
    display: block;
    color: inherit;
}
.result-list_object-link:hover,
.result-list_object.tab-focus .result-list_object-link,
.result-list_object-link.tab-focus {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}
.result-list_object-topic {
    display: block;
    font-size: 0.8125rem;
    color: var(--primarycolor);
}
.result-list_object-properties {
    display: flex;
    flex-wrap: wrap;
    font-size: 0.8125rem;
    font-weight: normal;
    padding-left: 1px;
    gap: 0.333rem 0.666rem;
}
.result-list_object-property {
    display: flex;
    align-items: baseline;
    gap: 0.333em;
    opacity: 0.75;
}
.result-list_object-property [class*="fa-"] {
    font-size: 1rem;
    margin-right: 0;
}
.result-list_object-property.top-news {
    font-weight: var(--font-bold);
}
.result-list_object-property.top-news [class*="fa-"] {
    font-weight: var(--font-bold);
}
.result-list_object-property.link {
    color: var(--linkcolor);
    opacity: 1;
}
.result-list_object-property .link-icon {
    line-height: 1;
}
.result-list_object-property .link-text {
    text-decoration: underline;
}
.result-list_more-link {
    font-weight: var(--font-bold);
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
    color: var(--linkcolor);
}
.result-list_more-link:hover, .result-list_more-link:focus, .result-list_more-link.tab-focus {
    text-decoration-thickness: 2px;
}
.result-list_image-wrapper {
    position: relative;
    overflow: hidden;
}
.result-list_image {
    width: 100%;
    vertical-align: bottom;
    transition: transform 0.25s ease, opacity 0.25s ease;
}
.result-list_background-image {
    position: relative;
    width: 100%;
    background: center center/cover no-repeat;
    transition: transform 0.25s ease, opacity 0.25s ease;
}
.result-list_object.js-link .result-list_background-image::before { 
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: inherit;
    transition: inherit;
}
.result-list_object.js-link:hover .result-list_image, .result-list_object.js-link.tab-focus .result-list_image,
.result-list_object.js-link:hover .result-list_icon, .result-list_object.js-link.tab-focus .result-list_icon,
.result-list_object.js-link:hover .result-list_background-image::before, .result-list_object.js-link.tab-focus .result-list_background-image::before { 
    transform: scale(1.1);
}
.result-list_background-image.contain {
    background-color: var(--silver);
    background-size: contain;
}
.result-list_background-image.pdf-preview {
    outline: 1px solid var(--silver);
    outline-offset: -1px;
}
.result-list_background-image.stretch {
    background-size: 100% 100%;
}
.result-list_image-wrapper.ikiss_norel {
    background-color: var(--ikiss-norel);
}
.ikiss_norel > .result-list_image, .ikiss_norel > .result-list_background-image {
    opacity: 0.666;
}
.result-list_icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1/1;
    position: relative;
    overflow: hidden;
    font-size: 0;
    color: var(--white);
    background-color: var(--silver);
}
.directedit-editnode .result-list_icon-wrapper,
.mceContentBody .result-list_icon-wrapper {
    font-size: 4rem;
}
.result-list_icon {
    color: var(--white) !important;
    transition: transform 0.25s ease;
}
.result-list_background-image.ratio-1x1,
.result-list_icon-wrapper.ratio-1x1 {
    aspect-ratio: 1/1;
}
.result-list_background-image.ratio-3x2,
.result-list_icon-wrapper.ratio-3x2 {
    aspect-ratio: 3/2;
}
.result-list_background-image.ratio-4x3,
.result-list_icon-wrapper.ratio-4x3 {
    aspect-ratio: 4/3;
}
.result-list_background-image.ratio-16x9,
.result-list_icon-wrapper.ratio-16x9 {
    aspect-ratio: 16/9;
}
.result-list.flex-row:not(:last-child) {
    margin-bottom: calc(var(--flex-gap-row) / 2);
}
.result-list_item.colored-background {
    background-color: light-dark(rgba(0, 0, 0, 0.05), var(--black));
    border-bottom: 0;
    padding: var(--padding-125) var(--padding-150);
}
.colored-container .result-list_item.colored-background {
    background-color: light-dark(rgba(255, 255, 255, 0.25), var(--black));
}
.result-list_item.colored-background .flex-row {
    --flex-gap-col: 0px;
}
.result-list_item.colored-background .order-1 .result-list_text {
    padding-left: var(--padding);
}
.result-list_item.colored-background .flex-col-1.order-1 .result-list_text {
    padding-top: var(--padding);
    padding-left: 0;
}
.result-list_item.colored-background .order-0 .result-list_text {
    padding-right: var(--padding);
}
/*Eventswiper*/
.ikiss-swiper {
    position:relative;
    margin: 0 auto;  
}
.eventswiper .swiper-container {
    padding-top: 0;
    width:100%;
}
.eventswiper button.swiper-button-next,
.eventswiper button.swiper-button-prev {
    background-color: transparent;
    color: var(--primarycolor);
    border: 1px solid var(--primarycolor);
    border-radius: 100%;
    width: var(--swiper-navigation-size);
    height: var(--swiper-navigation-size);
}
.eventswiper button.swiper-button-next > [class*="fa-"],
.eventswiper button.swiper-button-prev > [class*="fa-"] {
    margin: 0;
    font-size:1.05rem;
}
.swiper-wrapper {
    padding: 0 5px;
}
.eventswiper .result-list {
    margin-bottom: var(--margin-150);
}
.eventswiper .result-list .flex-row {
    --flex-gap-row: 0px;
    --flex-gap-col: 0px;
}
.eventswiper .result-list .flex-row > [class*="flex-col-"] {
    margin-bottom:15px;
}
.eventswiper .result-list_item {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.eventswiper .result-list .flex-row .flex-col-1.order-1 {
    padding-top: 0;
}
.eventswiper .result-list_object-title {
    color: var(--primarycolor);
}
.eventswiper .result-list_object-properties {
    color: var(--primarycolor);
    font-size:1.05rem;
}
.eventswiper button.swiper-button-next > svg,
.eventswiper button.swiper-button-prev > svg {
    display: none;
}
.eventswiper .result-list_object-property {
    opacity:1;
}
.eventswiper .result-list_image-wrapper,
.eventswiper .result-list_icon-wrapper {
    margin-bottom:0;
}
.eventswiper .result-list_image-wrapper .result-list_object-property.date,
.eventswiper .result-list_icon-wrapper .result-list_object-property.date {
    position: absolute;
    bottom: 0.95rem;
    left: 0.95rem;
    z-index: 1;
    padding: 10px 1.5em;
    color: var(--secondarytextcolor) !important;
    background-color: var(--secondarycolor);
    border-radius:100%;
    min-width: 6rem;
    /*min-height: 6rem;*/
    aspect-ratio: 1 / 1;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-align-items: flex-start;
    /*align-items: flex-start;*/
    align-items: center;
    font-size:1rem;
    line-height: 0.8;
}
.eventswiper .result-list_image-wrapper .result-list_object-property.date .day,
.eventswiper .result-list_icon-wrapper .result-list_object-property.date .day {
    font-size:2.1em;
    font-weight:bold;
}
.eventswiper .result-list_image-wrapper .result-list_object-property.date .month,
.eventswiper .result-list_icon-wrapper .result-list_object-property.date .month {
    font-size:1.32em;
}
.eventswiper .result-list_object-topic {
    display: inline-block;
    font-size: 0.8125rem;
    color: var(--primarytextcolor);
    background-color: var(--primarycolor);
    border-radius:3px;
    padding: 2px 5px;
    margin-right:2px;
}
.eventswiper .result-list_image-copyright {
    top:0;
    right: 0;
    bottom: unset;
}
@media screen and (max-width: 1680px){
    .eventswiper {
        width: calc(100% - 140px); 
    }
}
@media screen and (max-width: 1480px) {
    .eventswiper {
        width: calc(100% - 160px);
    }
}
@media screen and (max-width: 1279px){
    .eventswiper {
        width: calc(100% - 190px); 
    }
}
@media screen and (max-width: 1024px){
    .eventswiper {
        width: calc(100% - 155px); 
    }
}
@media screen and (max-width: 680px){
    .eventswiper {
        width: 100%; 
    }
    .eventswiper .result-list {
        margin-bottom: 100px;
    }
    .eventswiper button.swiper-button-next {
        right: calc(50% - calc(1.25 * var(--swiper-navigation-size)));
        top: calc(var(--swiper-navigation-top-offset) - var(--swiper-navigation-size));
    }
    .eventswiper button.swiper-button-prev {
        left: calc(50% - calc(1.25 * var(--swiper-navigation-size)));
        top: calc(var(--swiper-navigation-top-offset) - var(--swiper-navigation-size));
    }
}
/*Flags*/
.flags {
    display: block;
    position: fixed;
    top: 40%;
    transform: translateY(-50%);
    right: 5px;
    z-index: 69;
    width: 3.95rem;
    padding: 0;
    z-index: 1099;
}
.flags .flex-row {
    gap: 10px;
    display: grid;
    padding: 0;
    margin: 0;
}
.flags .cards {
    background-color: transparent;
    border-radius: 18px;
    margin: 0;
}
.flags .cards.tab-focus {
    border-radius: 0 !important;
    overflow: visible;
    z-index: 1;
}
.flags .cards > a {
    background-color: transparent;
    padding: 0;
    box-shadow: none;
}
.flags .cards .icon {
    width: 3.95rem;
    height: 3.95rem;
    align-content: center;
    background-color: var(--primarycolor);
    border-radius: 18px;
    padding: 0;
    margin: 0;
    border:2px solid var(--white);
}
.flags .cards .icon i {
    /*font-weight: 200;*/
    line-height: 1;
    font-size: 1.85rem;
}
.flags .cards .caption {
    font-size: 1rem;
    position: absolute;
    right: 3.95rem;
    opacity: 0;
    width: fit-content;
    height: 100%;
    min-height: 2.5rem;
    align-content: center;
    background-color: var(--primarycolor);
    border-radius: 18px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    transition: all 0.25s ease-in-out;
    pointer-events: none;
    margin: 0;
    padding: var(--padding-025) var(--padding-125);
    border:2px solid var(--white);
    box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.42);
}
.flags .cards.ikiss_norel .icon,
.flags .cards.ikiss_norel .caption {
    background-color: var(--ikiss-norel);
}
.flags .cards .caption p.title {
    display: block;
    max-width: calc(66.667vw - 4.5rem);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: var(--padding-050) var(--padding-100);
    font-size: 1.105rem;
}
.flags .cards .caption::after {
    content: '';
    display: block;
    position: absolute;
    right: -15px;
    bottom: 50%;
    transform: translateY(50%);
    width: 15px;
    height: 25px;
    background-image: url(./assets/img/flagafter.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.flags .cards.ikiss_norel .caption::after {
    border-left-color: var(--ikiss-norel);
}
.flags .cards:hover .caption, 
.flags .cards.tab-focus .caption {
    text-decoration: none;
}
.flags .cards:hover .caption, 
.flags .cards.tab-focus .caption {
    right: 5rem;
    opacity: 1;
    pointer-events: auto;
}
/*Eyeable Btn*/
.frontend button.eyeable-btn {
    width: 3.95rem;
    height: 3.95rem;
    align-content: center;
    background-color: var(--primarycolor);
    color: var(--white);
    border-radius: 18px;
    padding: 0;
    margin: 0 0 10px 0;
    border:2px solid var(--white);
    cursor:pointer;
}
.frontend button.eyeable-btn > [class*="fa-"] {
    font-size: 2.5rem;
    margin: 0;
}

/*Chatbot*/
.flags #govii-button_div_chatbot,
.startseite .flags #govii-button_div_chatbot {
    position: relative !important;
    top: unset !important;
    right: unset !important;
    bottom: unset !important;
    left: unset !important;
    margin: 0 0 10px 0 !important;
    width: 3.95rem !important;
    height: 3.95rem !important;
    background-color: var(--primarycolor);
    border-radius: 18px;
    border: 2px solid var(--white);
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    align-items: center;
}
.flags #govii-button_div_chatbot svg,
.startseite .flags #govii-button_div_chatbot svg {
    width:40px;
}
.startseite #govii-button_div_chatbot {
    right: 0 !important;
    transform: none;
}
@media screen and (max-width: 960px){
    .flags {
        width: 3.157rem;
    }
    .flags .cards .caption {
        right: 3.157rem;
    }
    .flags .cards .icon {
        width: 3.157rem;
        height: 3.157rem;
    }
    .frontend button.eyeable-btn {
        width: 3.157rem;
        height: 3.157rem;
    }
    .flags #govii-button_div_chatbot,
    .startseite .flags #govii-button_div_chatbot {
        width: 3.157rem !important;
        height: 3.157rem !important;
    }
    .flags #govii-button_div_chatbot svg,
    .startseite .flags #govii-button_div_chatbot svg {
        width: 32px;
    }
}
@media screen and (max-width: 680px){
    .flags {
        top: 30%;
    }    
    .flags #govii-button_div_chatbot,
    .startseite .flags #govii-button_div_chatbot,
    .frontend button.eyeable-btn {
        display:none !important;
    }
}
/*Indilayout 2025*/
.com-list a {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
}
.com-list a:hover,
.com-list a:focus {
    text-decoration-thickness: 2px;
}
.intro-area {
    max-height: 950px;
}
#info-tabs {
    padding-bottom: 0;
}
.schnellzugriff {
    padding: 0;
    background-color: unset;
    transform: none;
    z-index: unset;
}
.schnellzugriff .link-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 60px;
}
.schnellzugriff .link-list .link-list_item  {
    position:relative;
    padding-bottom: var(--padding-150);
    margin-bottom: var(--margin-150);
}
.schnellzugriff .link-list .link-list_item:nth-last-child(-n+3) {
    margin-bottom: 0;
}
.schnellzugriff .link-list .link-list_item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: -1.5em;
    width: calc(100% + 1.5em);
    height: 1px;
    background-color: var(--bodycolor);
}
.schnellzugriff .link-list .link-list_link-icon {
    text-align: left;
}
.schnellzugriff .link-list .link-list_link-icon::before {
    font-size:0.579em;
}
.schnellzugriff .colored-container.colored-background .link-list_item::after {
    background-color: var(--custom-txcolor,#fff);
}
.schnellzugriff .colored-container.colored-background .link-list_link-icon {
    color: var(--secondarycolor) !important;
}
@media screen and (max-width: 960px){
    .schnellzugriff .link-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0 50px;
    }  
    .schnellzugriff .link-list .link-list_item:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
    .schnellzugriff .link-list .link-list_item:nth-last-child(-n+3) {
        margin-bottom: var(--margin);
    }    
    .schnellzugriff .link-list .link-list_item  {
        position:relative;
        padding-bottom: var(--padding);
        margin-bottom: var(--margin);
    }
    .frontend button.eyeable-btn > [class*="fa-"] {
        font-size: 1.75rem;
    }    
}
@media screen and (max-width: 680px){
    .schnellzugriff .link-list {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 0 30px;
    }
    .schnellzugriff .link-list .link-list_item:nth-last-child(-n+2) {
        margin-bottom: var(--margin);
    }    
}
@media screen and (max-width: 960px){
    .startseite h2 {
        margin: 30px 0;
    }
}
.startseite .btn [class^="csslink_"],
.startseite .aktuelles [class^="csslink_"] {
    display: inline-block;
    padding: 15px;
    border: 1px solid var(--primarycolor) !important;
    color: var(--white) !important;
    background-color: var(--primarycolor) !important;
    box-shadow: none;
    border-radius: 0;
    margin: 0;
    text-transform: uppercase;
    font-size: .95em;
    font-weight: bold;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.startseite .aktuelles .flex-row + .csslink_intern::before,
.startseite .aktuelles [class^="csslink_"]:hover::after {
    content: none;
}
.startseite .btn [class^="csslink_"]:hover::after,
.startseite .btn [class^="csslink_"]:focus::after {
    background-color:transparent;
}
.startseite .btn [class^="csslink_"]:hover,
.startseite .btn [class^="csslink_"]:focus,
.startseite .aktuelles [class^="csslink_"]:hover,
.startseite .aktuelles [class^="csslink_"]:focus {
    color: var(--black) !important;
    background-color: transparent !important;
}
@media screen and (max-width: 680px){
    .startseite .aktuelles .cards.flex-col-2:last-child {
        margin-bottom:15px;
    }    
}
@media screen and (max-width: 480px){
    .startseite .btn [class^="csslink_"],
    .startseite .aktuelles [class^="csslink_"] {
        width: 100%;
        text-align:center;
        margin-top:1em;
    }   
}
.startseite .aktuelles {
    padding-bottom: 0;
}
.more-info .cards .caption, .folgeseite .cards .caption {
    font-weight: var(--font-regular);
    color: var(--semigray);
    font-size: 1rem;
}
.info_tabs {
    margin: var(--margin-500) 0 0;
}
.more-info {
    margin: var(--margin-500) 0;
}
.themen-content {
    background-color: transparent;
    padding: 0;
    background-image: none;
    background-repeat: unset;
    background-position: unset;
}
.themen-content h2 {
    margin-top: 0;
}
.themen-content .cards a .icon i {
    transition: transform 0.25s;
    font-weight:200;
}
.themen-content .cards a:hover .icon i,
.themen-content .cards a:focus .icon i {
    transform: scale(1.1);
}
.themen-content .cards.ikiss_norel,
.themen-content .cards.ikiss_norel .caption {
    background-color: var(--ikiss-norel) !important;
    color: var(--white) !important;
}
.themen-content .cards.ikiss_norel * {
    color: var(--white) !important;
}
.seitenanfang {
    bottom: 0;
}
.folgeseite .site-footer :not(.btn) a[class^="csslink_"]::before {
    color: #fff;
    content: "\f054";
    font-family: 'Font Awesome 5 Pro';
    display: inline-block;
    margin-right: 5px;
    font-size: .7em;
}
@media only screen and (min-width: 1921px) {
    header.site-header {
        background-image: none;
        background-color: #fff;
        height: auto;
        padding-bottom: 25px;
    }
    header.site-header.down {
        padding-bottom: 0;
    }    
    .site-footer {
        padding-top: 250px;
    }
    body.pagewidth-wide .wrapper,
    .counter-start-wrap .counter-start {
        width: 80vw;
    }
    .counter-start-wrap .counter-start {
        max-width: unset;
    }
}
@media only screen and (max-width: 960px) {
    .seitenanfang {
        bottom: 30px;
    }    
}
@media only screen and (max-width: 680px) {
    .startseite .info_tabs h2 {
        margin: 0 0 60px 0;
    }
    .site-footer .bg-wrapper {
        background-position: 100% 97%;
    }
    .startseite .site-footer h2,
    .site-footer h2 {
        font-size: 1.157em;
        margin-bottom: 10px;
    }    
}
body > nav.nav-quick.down {
    right: 420px;
}
body > nav.nav-quick.down li a,
.sprachen.down .google-translate-placeholder .goog-te-menu-value {
    font-size: 1em;
}
.google-translate-placeholder .goog-te-menu-value {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (max-width: 1480px) {
    .site-header .logo a img {
        margin-right: 10px;
    }    
    .here-menu {
      right: 15px;
    }
    .search-icon {
        right: 90px;
    } 
    .sprachen {
        right: 170px;
    }
    body > nav.nav-quick,
    body > nav.nav-quick.down {
        right: 330px;
    }
    .site-header.down .logo a span {
        font-size: 1.1em;
    }    
}
@media screen and (max-width: 960px) {
    header.site-header {
        height: 220px;
    }    
    .search-icon {
        right: 80px;
    }
    .sprachen {
        right: 150px;
        font-size: 0.895rem;
    }
    body > nav.nav-quick,
    body > nav.nav-quick.down {
        right: 300px;
        transition: all 0.2s ease-in;
    }
    body > nav.nav-quick li {
        font-size: 0.895rem;
    }    
    body > nav.nav-quick.down li a {
        font-size: 0;
    }
    body > nav.nav-quick.down li a > i {
        font-size: 0.895rem;
    }
    .site-header .logo a span {
        font-size: 2.2em;
    }    
    .swiper-wrapper {
        padding: 0;
    }
    .colored-container.wappen {
        background-position: left 50px bottom -20px;
        background-size: 160%;
    }
    body.startseite .titelbild .elem {
        padding-top: 460px;
        background-size: cover;
    }
    body.startseite .titelbild-slider .titelbild {
        margin-top: 150px;
    }
    .mediaupload {
        top: unset;
        left: 5px;
        width: 60px;
        height: 60px;
        bottom: 60px;
    }
    .mediaupload i {
        font-size: 1.5em;
        line-height: 60px !important;
    }    
}
@media screen and (max-width: 680px){
    header.site-header {
        height: 120px;
    }    
    .site-header .logo a span {
        display:none;
    }
    body > nav.nav-quick,
    body > nav.nav-quick.down {
        right: 145px;
        margin-top: 15px;
    }
    body > nav.nav-quick li a,
    body > nav.nav-quick.down li a {
        font-size: 0;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-content: stretch;
        align-content: stretch;
        -webkit-align-items: center;
        align-items: center;
        width: 50px;
        height: 50px;
        margin: 0 8px;
    }    
    body > nav.nav-quick li a > i,
    body > nav.nav-quick.down li a > i {
        font-size: 1.684rem;
        margin: 0;
    }
    .site-header .logo a img {
        max-width: 75px;
        margin-right: 0;
    }
    .site-header.down .top-bar {
        padding: 8px 0;
    }    
    .site-header.down .logo a img {
        width: 55px;
    }
    .top-bar {
        padding: 15px 0 0 0;
    }
    body.startseite .titelbild .elem {
        padding-top: 260px;
    }
    body.startseite .titelbild-slider .titelbild {
        margin-top: 90px;
    }
    .mediaupload {
        width: 50px;
        height: 50px;
        bottom: 50px;
    }
    .mediaupload i {
        font-size: 1.25em;
        line-height: 50px !important;
    }
    .titelbild-slider .titelbild-pauseplay {
        bottom: 0px;
    }
    .themen-content .flex-row > [class*="flex-col-"] {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        width: 50%;
        margin: 0;
    }
    .colored-container.wappen {
        background-position: left -190px bottom 20px;
        background-size: auto;
    }
    .more-info {
      margin: var(--margin-300) 0;
    }
    .site-footer {
        padding: 70px 0 30px 0;
    }    
}
















