:root {
    --blue: #00B9F3;
    --dark-blue: #2B67AE;
    --green: #06E096;
    --darker-blue: #273954;
  
    --common-font: 'Lufga', sans-serif;
    --title-font: 'Lufga', sans-serif;
}

@font-face {
    font-family: 'Lufga';
    src: url('../css/fonts/Lufga-ExtraLightItalic.eot');
    src: url('../css/fonts/Lufga-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('../css/fonts/Lufga-ExtraLightItalic.woff2') format('woff2'),
        url('../css/fonts/Lufga-ExtraLightItalic.woff') format('woff'),
        url('../css/fonts/Lufga-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lufga';
    src: url('../css/fonts/Lufga-ExtraBold.eot');
    src: url('../css/fonts/Lufga-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../css/fonts/Lufga-ExtraBold.woff2') format('woff2'),
        url('../css/fonts/Lufga-ExtraBold.woff') format('woff'),
        url('../css/fonts/Lufga-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lufga';
    src: url('../css/fonts/Lufga-Black.eot');
    src: url('../css/fonts/Lufga-Black.eot?#iefix') format('embedded-opentype'),
        url('../css/fonts/Lufga-Black.woff2') format('woff2'),
        url('../css/fonts/Lufga-Black.woff') format('woff'),
        url('../css/fonts/Lufga-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lufga';
    src: url('../css/fonts/Lufga-ExtraBoldItalic.eot');
    src: url('../css/fonts/Lufga-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../css/fonts/Lufga-ExtraBoldItalic.woff2') format('woff2'),
        url('../css/fonts/Lufga-ExtraBoldItalic.woff') format('woff'),
        url('../css/fonts/Lufga-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lufga';
    src: url('../css/fonts/Lufga-BlackItalic.eot');
    src: url('../css/fonts/Lufga-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../css/fonts/Lufga-BlackItalic.woff2') format('woff2'),
        url('../css/fonts/Lufga-BlackItalic.woff') format('woff'),
        url('../css/fonts/Lufga-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lufga';
    src: url('../css/fonts/Lufga-Bold.eot');
    src: url('../css/fonts/Lufga-Bold.eot?#iefix') format('embedded-opentype'),
        url('../css/fonts/Lufga-Bold.woff2') format('woff2'),
        url('../css/fonts/Lufga-Bold.woff') format('woff'),
        url('../css/fonts/Lufga-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lufga';
    src: url('../css/fonts/Lufga-BoldItalic.eot');
    src: url('../css/fonts/Lufga-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../css/fonts/Lufga-BoldItalic.woff2') format('woff2'),
        url('../css/fonts/Lufga-BoldItalic.woff') format('woff'),
        url('../css/fonts/Lufga-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lufga';
    src: url('../css/fonts/Lufga-ExtraLight.eot');
    src: url('../css/fonts/Lufga-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../css/fonts/Lufga-ExtraLight.woff2') format('woff2'),
        url('../css/fonts/Lufga-ExtraLight.woff') format('woff'),
        url('../css/fonts/Lufga-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lufga';
    src: url('../css/fonts/Lufga-MediumItalic.eot');
    src: url('../css/fonts/Lufga-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../css/fonts/Lufga-MediumItalic.woff2') format('woff2'),
        url('../css/fonts/Lufga-MediumItalic.woff') format('woff'),
        url('../css/fonts/Lufga-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lufga';
    src: url('../css/fonts/Lufga-LightItalic.eot');
    src: url('../css/fonts/Lufga-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../css/fonts/Lufga-LightItalic.woff2') format('woff2'),
        url('../css/fonts/Lufga-LightItalic.woff') format('woff'),
        url('../css/fonts/Lufga-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lufga';
    src: url('../css/fonts/Lufga-Light.eot');
    src: url('../css/fonts/Lufga-Light.eot?#iefix') format('embedded-opentype'),
        url('../css/fonts/Lufga-Light.woff2') format('woff2'),
        url('../css/fonts/Lufga-Light.woff') format('woff'),
        url('../css/fonts/Lufga-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lufga';
    src: url('../css/fonts/Lufga-SemiBoldItalic.eot');
    src: url('../css/fonts/Lufga-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../css/fonts/Lufga-SemiBoldItalic.woff2') format('woff2'),
        url('../css/fonts/Lufga-SemiBoldItalic.woff') format('woff'),
        url('../css/fonts/Lufga-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lufga';
    src: url('../css/fonts/Lufga-ThinItalic.eot');
    src: url('../css/fonts/Lufga-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../css/fonts/Lufga-ThinItalic.woff2') format('woff2'),
        url('../css/fonts/Lufga-ThinItalic.woff') format('woff'),
        url('../css/fonts/Lufga-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lufga';
    src: url('../css/fonts/Lufga-SemiBold.eot');
    src: url('../css/fonts/Lufga-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../css/fonts/Lufga-SemiBold.woff2') format('woff2'),
        url('../css/fonts/Lufga-SemiBold.woff') format('woff'),
        url('../css/fonts/Lufga-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lufga';
    src: url('../css/fonts/Lufga-Medium.eot');
    src: url('../css/fonts/Lufga-Medium.eot?#iefix') format('embedded-opentype'),
        url('../css/fonts/Lufga-Medium.woff2') format('woff2'),
        url('../css/fonts/Lufga-Medium.woff') format('woff'),
        url('../css/fonts/Lufga-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lufga';
    src: url('../css/fonts/Lufga-Regular.eot');
    src: url('../css/fonts/Lufga-Regular.eot?#iefix') format('embedded-opentype'),
        url('../css/fonts/Lufga-Regular.woff2') format('woff2'),
        url('../css/fonts/Lufga-Regular.woff') format('woff'),
        url('../css/fonts/Lufga-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lufga';
    src: url('../css/fonts/Lufga-Italic.eot');
    src: url('../css/fonts/Lufga-Italic.eot?#iefix') format('embedded-opentype'),
        url('../css/fonts/Lufga-Italic.woff2') format('woff2'),
        url('../css/fonts/Lufga-Italic.woff') format('woff'),
        url('../css/fonts/Lufga-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lufga';
    src: url('../css/fonts/Lufga-Thin.eot');
    src: url('../css/fonts/Lufga-Thin.eot?#iefix') format('embedded-opentype'),
        url('../css/fonts/Lufga-Thin.woff2') format('woff2'),
        url('../css/fonts/Lufga-Thin.woff') format('woff'),
        url('../css/fonts/Lufga-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

.header {
    height: clamp(6rem, 10vw, 10rem);
}

ul.small-nav {
    transform: translate(0,-40px);
}

ul.menu a, span.separator {
    font-size: min(max(0.9rem, 1vw), 1rem);
    font-family: 'Lufga';
}

.menu-wrapper {
    transform: translate(0,-38px);
}

a.button.big {
    background: var(--green);
}

.card_item span.title {
    color: var(--white);
}

.post {
    border-top: 1px solid var(--green);
}

a.button, .button {
    font-size: min(max(0.8rem, 0.9vw), 1rem);
    text-transform: none;
}

h3 {
    text-transform: none;
}

.gemeindekanzlei-card {
    background: var(--darker-blue);
}

img.footer-logo {
    width: clamp(12rem, 16vw, 16rem);
    margin-bottom: clamp(1rem, 2vw, 2rem);
}

.swiper6 .event-datum {
    background: var(--green);
}

a.logo {
    margin-left: 0;
}

.breadcrumb-container:before {
    background: rgb(0,185,243);
    background: linear-gradient(270deg, rgba(0,185,243,1) 0%, rgba(0,185,243,0) 100%);
}  

.card-text:before {
    background: -moz-linear-gradient(left,  rgba(0,185,243,1) 0%, rgba(0,185,243,0) 100%);
    background: -webkit-linear-gradient(left,  rgba(0,185,243,1) 0%,rgba(0,185,243,0) 100%);
    background: linear-gradient(to right,  rgba(0,185,243,1) 0%,rgba(0,185,243,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b9f3', endColorstr='#0000b9f3',GradientType=1 );    
}

.veranstaltung-buttons {
    position: absolute;
    top: 0;
    right: 0;
}

span.events-titel {
    font-size: min(max(1.1rem, 1.2vw), 1.25rem);
    width: 100%;
    float: left;
    margin-bottom: 1.25rem;
    font-weight: bold;
}

ul.small-nav a {
    color: var(--darkest-blue);
    transition: .5s all ease;
    font-size: 1rem;
    font-weight: 300;
}

.suche {
    margin-left: clamp(2rem, 3vw, 3rem);
}

.inhalt h4 {
    text-transform: none; 
}

.swiper-button-prev-5:after, .swiper-button-next-5:after {
    background-image: url(/static/images/swiper-nav-right-blue.svg);
    background-position: center right;
  }

.swiper-button-prev-6:after, .swiper-button-next-6:after {
    background-image: url(/static/images/swiper-nav-right-green.svg);
    background-position: center right;
}

.swiper5 .swiper-scrollbar-drag {
    background: var(--blue);
}

.swiper6 .swiper-scrollbar-drag {
    background: var(--green);
}

.swiper-scrollbar-drag {
    background: var(--darker-blue);
}

.onlineschalter-item {
    background: transparent;
}

.onlineschalter-bezeichnung {
    color: var(--blue);
}

.events {
    height: clamp(25rem, 28vw, 28rem);
}

.event {
    width: calc(100% - 3rem);
}

a.button.extern:after {
    background-image: url('/static/images/link-extern-schule.svg');
}


@media screen and (max-width : 1500px)  {

  ul.small-nav {
    transform: translate(0,-20px);
}

.menu-wrapper {
    transform: translate(0,-19px);
}

}

@media screen and (max-width : 1100px)  {

.event {
    width: calc(100% - 3rem);
}

}

@media screen and (max-width : 700px)  {

    .events {
        height: 34em;
    }

    .event {
        width: calc(100% - 2rem);
        margin-bottom: 2px;
    }

    .mandanten-button {
        transform: translate(0,-26px);
    }

    .suche {
        margin-left: 0;
    }

}



@media screen and (max-width : 650px)  {

.veranstaltung-buttons {
    position: relative;
  }
}