/* ==== Farben ==== */
        :root {
            --copy: #414141;
            --spotcolor1: #AEBD12;
            --spotcolor2: #B5B4B4;

            --swiper-theme-color: var(--spotcolor2);
        }


        /* ==== Header-Boxen ==== */
        .header1box {
            background: #F5F5F5;
        }
        .header2box {
            background: ;
        }
        .header3box {
            background: ;
        }

        /* ==== Language Navigation ==== */
        .languagenav {
            color: var(--spotcolor1);
            font-size: 16px;
            font-family: var(--schriftart2);
        }

        .languagenav a {
            color: var(--spotcolor1);
        }

        /* ==== Sekundär Navigation ==== */
        #seknav {
            font-size: 16px;
            color: var(--spotcolor1);
            font-family: var(--schriftart2);
        }

        #seknav a {
            color: var(--spotcolor1);
        }


        /* ==== Logo ==== */
        .logo_wrapper {
            height: 70px;
        }

        .logo {
            text-align: right;
            top: 0px;
        }

        /* ==== MainNav ==== */
        #mainnav a,
        #mainnav {
            color: var(--spotcolor1);
            font-family: var(--schriftart2);
            font-size: 25px;
        }

        #mainnav .current > a,
        #mainnav a:hover{
            color: var(--spotcolor2);
        }

        #mainnav ul {
            text-align: left;
        }

        /* ==== Slider ==== */
        #slider {
            background-color: #FFFFFF;
        }

        #slider .swiper-container {
            width: 1200px;
            height: 500px;
        }

        #slider .swiper-pagination {
            opacity: 1;
        }

        #slider .swiper-button-next,
        #slider .swiper-button-prev {
            opacity: 1;
        }

        #slider .swiper-container .slider_bottom_seg {
            background-color: #FFFFFF;
        }

        /* ==== Verikale Navigation linke/rechte Spalte ==== */
        #verticalnav ul li a,
        #verticalnav ul li ul li a,
        #verticalnav ul li ul li ul li a {
            color: var(--copy);
        }

        #verticalnav ul li ul li:hover > a,
        #verticalnav ul li ul li.active > a,
        #verticalnav .active.hassub > a:after,
        #verticalnav .active ul li.active.hassub > a:after {
            color: var(--spotcolor1);
        }

        #verticalnav ul li ul li {
            border-color: var(--spotcolor1);
        }

        #verticalnav ul li a {
            border-color: #E9E9E9;
        }

        #verticalnav > ul > li:hover > a,
        #verticalnav > ul > li.active > a,
        #verticalnav > ul > li.active > a.hassub {
            background: #E9E9E9;
        }

        #verticalnav .hassub > a:after,
        #verticalnav .active ul li .hassub a:after {
            color: var(--spotcolor1);
        }

        #verticalnav > ul > li.active > a,
        #verticalnav > ul > li:hover > a {
            color: var(--spotcolor1);
        }

        /* ==== Main Content ==== */
        .content a{
            color: var(--spotcolor1);
        }

        .content strong,
        .content b {
            font-weight: 700;
        }

        .content ul li::before,
        .content ul li ul li::before{
            color: var(--spotcolor1);
        }
        .content h1{
            color: var(--spotcolor1);
            font-family: var(--schriftart2);
            font-size: 40px;
        }

        .content h2{
            color: var(--spotcolor1);
            font-family: var(--schriftart2);
            font-size: 30px;
        }

        .content h3{
            color: var(--spotcolor2);
            font-family: var(--schriftart2);
            font-size: 24px;
        }

        .content h4{
            color: var(--spotcolor2);
            font-family: var(--schriftart2);
            font-size: 18px;
        }

        .content h5{
            color: var(--spotcolor2);
            font-family: var(--schriftart2);
            font-size: 16px;
        }



        @media (max-width: 767px) {
            .content h1{
                font-size: clamp(1rem, 15vw, 40px);
            }
            .content h2{
                font-size: clamp(1rem, 10vw, 30px);
            }

            .content h3{
                font-size: clamp(1rem, 7vw, 24px);
            }

            .content h4{
                font-size: clamp(1rem, 6vw, 18px);
            }

            .content h5{
                font-size: clamp(1rem, 4vw, 16px);
            }
        }

        .contentspalte1_66_33,
        .contentspalte2_33_66 {
            border-color: var(--spotcolor1);
        }

        .content-main-wrapper {
            background-color: #FFFFFF;
        }

        .ce-border img {
            border: 5px solid var(--spotcolor1)!important;
        }


        /* ==== Teaser ==== */
        .teaser-main-wrapper .teaser-main-bg,
        .teaser-main-wrapper .teaser_top_seg{
            background-color: #F5F5F5;
        }

        .teaser-box {
            color: var(--spotcolor1);
        }

        .teaser-box img {
            border: 5px solid #FFFFFF;
            box-sizing: border-box;
            border-radius: 0;
        }

        .teaser-header {
            font-family: var(--schriftart1);
            font-size: 20px;
        }

        /* ==== Video Opt-in ==== */
        .media2click-placeholder .play-button svg {
            fill: var(--spotcolor2);
        }

        /* ==== Footer ==== */
        #footer {
            background-color: #f5f5f5;
            color: var(--copy);
        }

        #footer a {
            color: var(--copy);
        }