:root {

    /* Colors: */
    --navigation: #0F5274E6;
    --hintergrund-grau: #F1F1F1;
    --schrift: #767676;
    --akzent-rot: #B5152A;
    --akzent-blau: #0F5274;
    --unnamed-color-ffffff: #FFFFFF;
    
    /* Font/text values */
    --unnamed-font-family-mont-regular: Arial, Georgia;
    --unnamed-font-family-mont: Arial, Georgia;
    --unnamed-font-style-normal: normal;
    --unnamed-font-weight-300: 300px;
    --unnamed-font-weight-900: 900px;
    --unnamed-font-weight-normal: normal;
    --unnamed-font-weight-bold: 800;
    --unnamed-font-size-12: 16px;
    --unnamed-font-size-14: 14px;
    --unnamed-font-size-16: 16px;
    --unnamed-font-size-18: 18px;
    --unnamed-font-size-20: 20px;
    --unnamed-font-size-25: 25px;
    --unnamed-font-size-35: 35px;
    --unnamed-font-size-40: 40px;
    --unnamed-font-size-48: 48px;
    --unnamed-character-spacing-0: 0px;
    --unnamed-line-spacing-19: 19px;
    --unnamed-line-spacing-21: 21px;
    --unnamed-line-spacing-25: 25px;
    --unnamed-line-spacing-55: 55px;
    --unnamed-line-spacing-66: 66px;
    }
    .navbar-dark .navbar-nav .show.dropdown-menu {
        color: #222!important;
        background-color: #FFFFFF!important;
    }
    
    .navbar-dark .navbar-nav .show.dropdown-menu > li > a{
        color: #222!important;
    }
    .navbar-dark .navbar-nav > li > a:focus, .navbar-dark .navbar-nav > li.dropdown > a:focus {
        color: #222!important;
        text-decoration: none!important;
        border: none !important;
        outline: none!important
    }
    
    .navbar-dark .navbar-nav a.show, .navbar-dark .navbar-nav a.dropdown-toggle.show, .navbar-dark .navbar-nav > li > a:hover, .navbar-dark .navbar-nav > li.dropdown > a:hover {
        background-color: #FFFFFF!important;
        color: #222!important;
        text-decoration: none!important;
    }
    
    /* Important Style Stuff */
    
    .red-color{
        color: var(--akzent-rot);
    }
    
    .mont{
        font-family: var(--unnamed-font-family-mont)!Important;
     }
    
     a:hover{
        text-decoration: none!Important;
        color: inherit!Important;
     }
    
    /* Character Styles */
    
    .h-small-accent {
    font-family: var(--unnamed-font-family-mont);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-bold);
    font-size: var(--unnamed-font-size-18);
    line-height: var(--unnamed-line-spacing-25);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--akzent-blau);
    }
    .p-small-white {
    font-family: var(--unnamed-font-family-mont);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-12);
    line-height: var(--unnamed-line-spacing-21);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    }
    .h6-white {
    font-family: var(--unnamed-font-family-mont)!Important;
    font-style: var(--unnamed-font-style-normal)!Important;
    font-weight: var(--unnamed-font-weight-900)!Important;
    font-size: var(--unnamed-font-size-16)!Important;
    line-height: var(--unnamed-line-spacing-21)!Important;
    letter-spacing: var(--unnamed-character-spacing-0)!Important;
    color: var(--unnamed-color-ffffff)!Important;
    }
    .h6-schrift {
    font-family: var(--unnamed-font-family-mont)!Important;
    font-style: var(--unnamed-font-style-normal)!Important;
    font-weight: var(--unnamed-font-weight-bold)!Important;
    font-size: var(--unnamed-font-size-14)!Important;
    line-height: var(--unnamed-line-spacing-21)!Important;
    letter-spacing: var(--unnamed-character-spacing-0)!Important;
    color: var(--schrift)!Important;
    margin-top: 10.5px;
    margin-bottom: 10.5px;
    }
    .h6-unterschrift {
    font-family: var(--unnamed-font-family-mont-regular)!Important;
    font-style: var(--unnamed-font-style-normal)!Important;
    font-weight: var(--unnamed-font-weight-normal)!Important;
    font-size: var(--unnamed-font-size-14)!Important;
    line-height: var(--unnamed-line-spacing-21)!Important;
    letter-spacing: var(--unnamed-character-spacing-0)!Important;
    color: var(--akzent-blau)!Important;
    margin-top: 5px!Important;
    margin-bottom: 0px!Important;
    }
    .p-12-white {
    font-family: var(--unnamed-font-family-mont-regular);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-12);
    line-height: var(--unnamed-line-spacing-21);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    }
    .p-15-white {
    font-family: var(--unnamed-font-family-mont-regular);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-bold);
    font-size: 15px;
    line-height: var(--unnamed-line-spacing-21);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    }
    .p-small {
    font-family: var(--unnamed-font-family-mont-regular);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-12);
    line-height: var(--unnamed-line-spacing-21);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--schrift);
    }
    .red-accent {
    font-family: var(--unnamed-font-family-mont-regular);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-12);
    line-height: var(--unnamed-line-spacing-21);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--akzent-rot);
    }
    .h4 {
    font-family: var(--unnamed-font-family-mont)!Important;
    font-style: var(--unnamed-font-style-normal)!Important;
    font-weight: var(--unnamed-font-weight-900)!Important;
    font-size: var(--unnamed-font-size-18)!Important;
    line-height: var(--unnamed-line-spacing-21)!Important;
    letter-spacing: var(--unnamed-character-spacing-0)!Important;
    color: var(--akzent-blau)!Important;
    }
    .h4-big {
    font-family: var(--unnamed-font-family-mont)!Important;
    font-style: var(--unnamed-font-style-normal)!Important;
    font-weight: var(--unnamed-font-weight-900)!Important;
    font-size: var(--unnamed-font-size-25)!Important;
    line-height: var(--unnamed-line-spacing-21)!Important;
    letter-spacing: var(--unnamed-character-spacing-0)!Important;
    color: var(--akzent-blau)!Important;
    }
    .h5 {
    font-family: var(--unnamed-font-family-mont)!Important;
    font-style: var(--unnamed-font-style-normal)!Important;
    font-weight: var(--unnamed-font-weight-900)!Important;
    font-size: var(--unnamed-font-size-20)!Important;
    line-height: var(--unnamed-line-spacing-21)!Important;
    letter-spacing: var(--unnamed-character-spacing-0)!Important;
    color: var(--akzent-blau)!Important;
    }
    .h3 {
    font-family: var(--unnamed-font-family-mont)!Important;
    font-style: var(--unnamed-font-style-normal)!Important;
    font-weight: 800!Important;
    font-size: var(--unnamed-font-size-35)!Important;
    line-height: var(--unnamed-line-spacing-55)!Important;
    letter-spacing: var(--unnamed-character-spacing-0)!Important;
    color: var(--akzent-blau)!Important;
    }
    .h3-white {
    font-family: var(--unnamed-font-family-mont)!Important;
    font-style: var(--unnamed-font-style-normal)!Important;
    font-weight: var(--unnamed-font-weight-bold)!Important;
    font-size: var(--unnamed-font-size-35)!Important;
    line-height: var(--unnamed-line-spacing-55)!Important;
    letter-spacing: var(--unnamed-character-spacing-0)!Important;
    color: var(--unnamed-color-ffffff)!Important;
    }
    .h3-red {
    font-family: var(--unnamed-font-family-mont)!Important;
    font-style: var(--unnamed-font-style-normal)!Important;
    font-weight: var(--unnamed-font-weight-bold)!Important;
    font-size: var(--unnamed-font-size-40)!Important;
    line-height: var(--unnamed-line-spacing-55)!Important;
    letter-spacing: var(--unnamed-character-spacing-0)!Important;
    color: var(--akzent-rot)!Important;
    }
    .h6 {
    font-family: var(--unnamed-font-family-mont)!Important;
    font-style: var(--unnamed-font-style-normal)!Important;
    font-weight: var(--unnamed-font-weight-bold)!Important;
    font-size: var(--unnamed-font-size-14)!Important;
    line-height: var(--unnamed-line-spacing-21)!Important;
    letter-spacing: var(--unnamed-character-spacing-0)!Important;
    color: var(--akzent-blau)!Important;
    }
    .p-14-white {
    font-family: var(--unnamed-font-family-mont-regular);
    font-style: var(--unnamed-font-style-normal);
    font-weight: var(--unnamed-font-weight-normal);
    font-size: var(--unnamed-font-size-14);
    line-height: var(--unnamed-line-spacing-19);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-ffffff);
    }
    .h2 {
    font-family: var(--unnamed-font-family-mont)!Important;
    font-style: var(--unnamed-font-style-normal)!Important;
    font-weight: var(--unnamed-font-weight-300)!Important;
    font-size: var(--unnamed-font-size-40)!Important;
    line-height: var(--unnamed-line-spacing-55)!Important;
    letter-spacing: var(--unnamed-character-spacing-0)!Important;
    color: var(--unnamed-color-ffffff)!Important;
    }
    .h1 {
    font-family: var(--unnamed-font-family-mont)!Important;
    font-style: var(--unnamed-font-style-normal)!Important;
    font-weight: var(--unnamed-font-weight-900)!Important;
    font-size: var(--unnamed-font-size-48)!Important;
    line-height: var(--unnamed-line-spacing-66)!Important;
    letter-spacing: var(--unnamed-character-spacing-0)!Important;
    color: var(--unnamed-color-ffffff)!Important;
    }
    .p {
    font-family: var(--unnamed-font-family-mont-regular)!Important;
    font-style: var(--unnamed-font-style-normal)!Important;
    font-weight: var(--unnamed-font-weight-normal)!Important;
    font-size: var(--unnamed-font-size-14)!Important;
    line-height: var(--unnamed-line-spacing-21)!Important;
    letter-spacing: var(--unnamed-character-spacing-0)!Important;
    color: var(--schrift)!Important;
    }
    
    .w100 {
    max-width: 100%!Important;
    }
    
    .btn:not(.btn-default .btn-info) {
    background-color: var(--akzent-blau)!Important;
    color: #FFFFFF!Important;
    font-family: var(--unnamed-font-family-mont-regular)!Important;
    font-style: var(--unnamed-font-style-normal)!Important;
    font-weight: var(--unnamed-font-weight-normal)!Important;
    font-size: var(--unnamed-font-size-14)!Important;
    line-height: var(--unnamed-line-spacing-21)!Important;
    letter-spacing: var(--unnamed-character-spacing-0)!Important;
    }
        
    .btn-default:hover{
        background-color: transparent!Important;
    }
    
    .btn-info:hover{
        background-color: transparent!Important;
    }

    .ck-content div{
        font-family: Montserrat!important;
        font-weight: 400;
        font-size: 20px!important;
        color: #767676;
    }

    .img-fluid{
        width: 100%;
        max-height: 300px;
        object-fit: cover;
    }

        /* Event deregistration popup */
        .event-deregister-popup{
            position: fixed;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 24px;
            background: rgba(5,16,26,0.65);
            backdrop-filter: blur(6px);
            z-index: 9999;
        }

        .event-deregister-popup-hidden{
            display: none;
        }

        .event-deregister-popup__content{
            width: 100%;
            max-width: 520px;
            padding: clamp(24px,4vw,40px);
            border-radius: 20px;
            background: var(--bs-body-bg,#ffffff);
            box-shadow: 0 32px 80px rgba(8,32,50,0.18);
            border: 1px solid rgba(8,32,50,0.08);
            text-align: center;
            font-family: var(--unnamed-font-family-mont,Arial,sans-serif);
        }

        .event-deregister-popup__icon{
            width: 64px;
            height: 64px;
            margin: 0 auto 20px;
            border-radius: 50%;
            background: var(--akzent-blau,#0F5274);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .event-deregister-popup__icon svg{
            width: 28px;
            height: 28px;
            fill: #ffffff;
        }

        .event-deregister-popup__title{
            margin: 0 0 12px;
            font-size: 26px;
            font-weight: 800;
            color: var(--akzent-blau,#0F5274);
        }

        .event-deregister-popup__message{
            margin: 0;
            font-size: 16px;
            line-height: 1.6;
            color: var(--schrift,#767676);
        }

        .event-deregister-popup__actions{
            margin-top: 28px;
            display: flex;
            justify-content: center;
            gap: 12px;
        }

        .event-deregister-popup__button{
            min-width: 160px;
            padding: 12px 28px;
            border-radius: 999px!important;
            border: 1px solid transparent;
            background-color: var(--akzent-blau,#0F5274)!important;
            color: #ffffff;
            font-size: 15px;
            font-weight: 700;
            font-family: var(--unnamed-font-family-mont,Arial,sans-serif);
            cursor: pointer;
            transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
        }

        .event-deregister-popup__button:hover{
            transform: translateY(-1px);
            box-shadow: 0 8px 20px rgba(0,0,0,0.15);
        }

        .event-deregister-popup__button:focus{
            outline: 2px solid rgba(15,82,116,0.35);
            outline-offset: 2px;
        }

        .event-deregister-popup__content--error .event-deregister-popup__icon{
            background: var(--akzent-blau,#B5152A);
        }

        .event-deregister-popup__content--error .event-deregister-popup__title{
            color: var(--akzent-blau,#B5152A);
        }

        .event-deregister-popup__content--error .event-deregister-popup__button{
            background: var(--akzent-blau,#0F5274);
            border-color: var(--akzent-blau,#0F5274);
        }

        .event-deregister-popup__content--error .event-deregister-popup__button:hover{
            background: #0c3d55;
        }

        .event-deregister-button--locked{
            opacity: 0.7;
            cursor: not-allowed !important;
        }
    
    /* Event Icon Stuff */
    
    @media (max-width:600px) {
        .flex-container.top {
            padding: 0px 0px!Important;
        }
        .flex-container.bottom {
            padding: 0px 0px 0px!Important;
        }
    }
    
    .flex-container {
        display: flex;
        flex-direction: row;
    }
    .flex-container.top {
        padding: 0px 100px;
    }
    .flex-container.bottom {
        padding: 25px 25px 25px 25px;
        width: 77%;
        margin-left: auto;
        margin-right: auto;
    }
    .flex-container.top .flex-item {
        width: 33%;
    }
    .flex-container.bottom .flex-item {
        width: 50%;
    }
    .flex-container svg {
        height: 75px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .flex-container span {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 6px;
        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-18)/var(--unnamed-line-spacing-25) var(--unnamed-font-family-mont);
        letter-spacing: var(--unnamed-character-spacing-0);
        color: var(--akzent-blau);
    }
    
    /* Links Stuff */
    
    .link-custom{
        width: fit-content;
    }
    
    .link-custom:hover {
        color: #ffffff!Important;
        text-align: none!Important;
    }
    
    .nav-link{
        width: 100%!Important;
    }
    
    .nav-link:focus{
        background-color: transparent!Important;
    }
    
    .p-12-white:focus{
        color: var(--unnamed-color-ffffff)!Important;
    }
    
    .navbar-collapse.show {
        overflow-y: unset!Important; 
    }
    
    .link-button a,
    a.link-button {
        font-family: var(--unnamed-font-family-mont-regular)!Important;
        font-style: var(--unnamed-font-style-normal)!Important;
        font-weight: var(--unnamed-font-weight-bold)!Important;
        font-size: 15px!Important;
        color: var(--unnamed-color-ffffff)!Important;
    }
    
    .link-button{
        background-color: var(--akzent-rot);
        border-radius: 20px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    
    .link-button a:hover {
        text-decoration: none!Important;
        background-color: transparent!Important;
        color: #ffffff!Important;
    }
    
    /* Navbar Stuff */

        .header-mobile-bar{
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            padding: 12px 0;
        }

        .custom-navbar-toggler{
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 10px 18px;
            border-radius: 999px;
            border: 1px solid rgba(15,82,116,0.3);
            background-color: var(--unnamed-color-ffffff,#ffffff);
            color: var(--akzent-blau,#0F5274);
            font-family: var(--unnamed-font-family-mont)!important;
            font-size: 14px;
            font-weight: 700;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
        }

        .custom-navbar-toggler:focus-visible{
            outline: none;
            box-shadow: 0 0 0 3px rgba(15,82,116,0.25);
        }

        .custom-navbar-toggler-box{
            width: 26px;
            height: 18px;
            display: inline-flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .custom-navbar-toggler-line{
            width: 100%;
            height: 2px;
            border-radius: 999px;
            background-color: currentColor;
            transition: transform 0.25s ease, opacity 0.2s ease;
        }

        .custom-navbar-toggler[aria-expanded="true"]{
            border-color: rgba(0,0,0,0.15);
            background-color: var(--hintergrund-grau,#F1F1F1);
        }

        .custom-navbar-toggler[aria-expanded="true"] .custom-navbar-toggler-line:nth-child(1){
            transform: translateY(8px) rotate(45deg);
        }

        .custom-navbar-toggler[aria-expanded="true"] .custom-navbar-toggler-line:nth-child(2){
            opacity: 0;
        }

        .custom-navbar-toggler[aria-expanded="true"] .custom-navbar-toggler-line:nth-child(3){
            transform: translateY(-8px) rotate(-45deg);
        }

        .custom-navbar-toggler-label{
            font-size: 12px;
            letter-spacing: 0.12em;
        }

        @media (min-width: 1200px) {
            .custom-navbar-toggler-label{
                display: none;
            }
        }

        .navbar .navbar-collapse{
            width: fit-content!Important;
        }

        @media (max-width: 1200px) {
            .navbar .navbar-collapse{
                width: 100% !important;
                background: #ffffff;
                border-radius: 20px;
                box-shadow: 0 20px 50px rgba(0,0,0,0.12);
                padding: 22px 24px;
                margin-top: 12px;
            }

            .navbar-custom-links{
                flex-direction: column;
                width: 100%;
                gap: 0;
            }

            .navbar-custom-links li{
                width: 100%;
                margin-right: 0;
            }

            .navbar-custom-links li .nav-link{
                width: 100%;
                padding: 14px 0;
                border-bottom: 1px solid rgba(0,0,0,0.06);
            }

            .navbar-custom-links li:last-child .nav-link{
                border-bottom: none;
            }

            .dropdown-menu.dropdown-search{
                width: 100%;
                margin-top: 12px;
            }
        }
    
    .navbar-custom-links{
        gap: 20px;
    }
    
    .navbar-custom-links li a{
        font-family: var(--unnamed-font-family-mont-regular)!Important;
        font-style: var(--unnamed-font-style-normal)!Important;
        font-weight: var(--unnamed-font-weight-normal)!Important;
        font-size: 18px!Important;
        line-height: var(--unnamed-line-spacing-19)!Important;
        letter-spacing: var(--unnamed-character-spacing-0)!Important;
        color: #222!Important;
    }
    
    .navbar-custom-links li a:hover{
        text-decoration: none!Important;
        background-color: transparent!Important;
        color: #222!Important;
    }
    
    .navbar-custom-links li{
        margin-right: 20px;
    }
    
    .navbar-custom-links li a svg{
        padding-right: 0px!Important;
        padding-left: 0px!Important;
        font-family: var(--unnamed-font-family-mont-regular)!Important;
        font-style: var(--unnamed-font-style-normal)!Important;
        font-weight: var(--unnamed-font-weight-normal)!Important;
        font-size: 10px;
        line-height: var(--unnamed-line-spacing-19)!Important;
        letter-spacing: var(--unnamed-character-spacing-0)!Important;
        color: #222!Important;
        max-width: 15px;
    }
    
    .bg-custom-nav{
    background-color: #0F5274E6;
    font-family: var(--unnamed-font-family-mont);
    color: #ffffff;
    }
    
    .ms-auto-right{
        margin-right: auto !important;
    }
    
    .nav-mobile{
        display: none;
    }
    
    .navbar-custom-links-mobile li a svg{
        padding-right: 0px!Important;
        padding-left: 0px!Important;
        font-family: var(--unnamed-font-family-mont-regular)!Important;
        font-style: var(--unnamed-font-style-normal)!Important;
        font-weight: var(--unnamed-font-weight-normal)!Important;
        font-size: 10px;
        line-height: var(--unnamed-line-spacing-19)!Important;
        letter-spacing: var(--unnamed-character-spacing-0)!Important;
        color: #222!Important;
        max-width: 15px;
    }
    
    .navbar-custom-links-mobile li a{
        font-family: var(--unnamed-font-family-mont-regular)!Important;
        font-style: var(--unnamed-font-style-normal)!Important;
        font-weight: var(--unnamed-font-weight-Bold)!Important;
        font-size: 18px!Important;
        line-height: var(--unnamed-line-spacing-19)!Important;
        letter-spacing: var(--unnamed-character-spacing-0)!Important;
        color: #222!Important;
    }
    
    .navbar-custom-links-mobile li a:hover{
        text-decoration: none!Important;
        background-color: transparent!Important;
        color: #222!Important;
    }
    
    /* Card Stuff */
    
    .card-padding{
        padding-top: 10px;
        padding-right: 10px;
        padding-left: 0px;
    }
    
    .card-partner {
        background-color: var(--hintergrund-grau)!Important;
        border-radius: 2px;
    }
    
    .image-container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%; 
        width: 100%;
        padding-bottom: 0px;
        padding-left: 50px!important;
    }
    
    .img-portrait {
        height: 110px;
        object-fit: cover;
        width: 110px;
        margin-top: 25px;
        border: 1px solid #707070;
    }
    
    .card-custom{
        font-family: var(--unnamed-font-family-mont); 
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 11px #00000029;
        padding: 15px;
        margin-bottom: 12px;
    }
    
    .card-syn-clickable {
        cursor: pointer;
    }
    
    /* Footer */
    
    @media (max-width: 768px) {
        footer .row > div {
          margin-bottom: 1rem;
        }
    }
    
    /*responsive stuff */
    @media (max-width:1200px) {
    .nav-mobile{
        display: block!Important;
    }
    .bg-custom-nav{
        display: none!Important;
    }
    }
    
    
    @media (max-width:450px) {
        .h3 {
            font-size: 30px!Important;
        }
        
        .h1 {
            font-size: 40px !Important;
        }
    
        .h2{
            font-size: 35px !Important;
        }
    
        .columnBlockLayout {
            margin-top: 15px!Important;; 
            margin-bottom: 15px!Important;; 
            padding: 18px!Important;;
        }
    }
    
    @media (max-width: 1000px) {
        .flex-container{
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 auto;
        }
    
        .h3-white{
            font-size: 30px!Important;
        }
    
        .columnBlockLayout{
            margin-top: 0px!Important;
        }
    
        .flex-container.top .flex-item {
            margin-top: 22px;
        }
    }
    
    
    @media (max-width: 1200px) {
        .responsive-row{
         display: block!Important;
         margin-right: 0px;
        }
    }
    
    @media (max-width: 800px) {
        .col-responsive{
         width: auto!Important;
        }
    
        .h4-big{
            font-size: 22px!Important;
        }
    }
    
    /* Form Stuff */
    
    .submitButton{
        background-color: #8c30FC!Important;
        min-width: 30%!important;
        border-radius: 20px!Important;
    }

    /* Form unavailable message */
    .syn-form-unavailable-message {
        padding: 30px 20px;
        text-align: center;
    }

    .syn-form-unavailable-message .link-custom {
        color: var(--akzent-blau)!important;
        font-weight: bold;
    }

    input[readonly] {
        background-color: #EAEAEA !important;
        border: 1px solid #C5C5C5 !important;
        color: #757575 !important;
        cursor: not-allowed !important;
        opacity: 1 !important;
        font-style: normal !important;
        box-shadow: none !important;
    }

    input[readonly]:focus {
        outline: 2px solid #BEBEBE !important;
        border-color: #B0B0B0 !important;
        box-shadow: none !important;
    }