        .zpColumnItem .terminanzeige {
            all: unset;
            display: block;
            width: 100%;
        }
        
        .zpColumnItem .textbox .terminanzeige {
            width: 100% !important;
            box-sizing: border-box !important;
        }
        
        .terminanzeige {
            box-sizing: border-box !important;
            width: 100% !important;
            font-size: 1.3em !important;
            color: black !important;
            margin-top: 30px !important;
            margin-bottom: 15px !important;
            background: linear-gradient(to right, rgba(141, 169, 220, 0.60), rgba(141, 169, 220, 0.40), rgba(139, 193, 95, 0.30), rgba(139, 193, 95, 0.60)) !important;
            border: 1px solid #ddd !important;
            border-radius: 20px 20px !important;
            padding: 15px 20px !important;
            box-shadow: 6px 6px 10px #aaa !important;
        }
        
        .termin-titel {
            font-weight: bold !important;
            font-size: 1.1em !important;
            margin-bottom: 4px !important;
        }
        
        .termin-datum {
            font-size: 1em !important;
            color: #141414 !important;
            opacity: 0.85 !important;
        }
        
        .termin-beschreibung {
            margin-top: 6px !important;
            font-size: 1em !important;
            color: #222 !important;
        }
        
        .termine-wrapper {
            padding: 15px !important;
        }
        
        .textbox {
            font-family: "Open Sans", Arial, sans-serif;
            font-size: 1.3em;
            color: black;
            margin-top: 1px;
            margin-bottom: 15px;
            /* 👈 DAS IST DER FIX */
            clear: both;
            /* 👈 verhindert Überlappung */
            display: block;
            position: relative;
            /*background-color: #eeeeee;*/
            background: linear-gradient(to right, rgba(141, 169, 220, 0.60), rgba(141, 169, 220, 0.40), rgba(139, 193, 95, 0.30), rgba(139, 193, 95, 0.60));
            border: lightgrey 0.2px solid;
            border-radius: 20px 20px;
            padding: 10px 10px 5px 12px;
            box-shadow: 6px 6px 10px #aaa;
        }
        
        .hinweisbox {
            margin-top: 30px;
            margin-bottom: 20px;
            padding: 20px;
            font-size: 1.3em;
            color: black;
            font-family: "Open Sans", Arial, sans-serif;
            background: linear-gradient(to right, rgba(141, 169, 220, 0.60), rgba(141, 169, 220, 0.40), rgba(139, 193, 95, 0.30), rgba(139, 193, 95, 0.60));
            border: lightgrey 0.2px solid;
            border-radius: 20px;
            box-shadow: 6px 6px 10px #aaa;
            display: block;
            width: 100%;
            /* wichtig */
            box-sizing: border-box;
            /* verhindert Überlaufen */
            clear: both;
        }
        
        .hinweisbox .titel {
            color: #c54835;
            font-weight: bold;
            font-size: 1.5em;
            margin-bottom: 10px;
            /* WICHTIG: alles entfernen */
            border: none;
            padding: 0;
            background: none;
            box-shadow: none;
        }
        
        .sprechstunde {
            font-size: medium;
            color: #BB4F3A;
            font-weight: bolder;
            text-align: center;
        }
        
        .container {
            font-size: 1.3em;
            color: black;
            width: 91%;
            margin: 1.7em;
            background: linear-gradient(to right, rgba(141, 169, 220, 0.60), rgba(141, 169, 220, 0.40), rgba(139, 193, 95, 0.30), rgba(139, 193, 95, 0.60));
            border: lightgrey 0.2px solid;
            border-radius: 20px 20px;
            /*padding: 10px 10px 10px 12px;*/
            box-shadow: 6px 6px 10px #aaa;
        }
        
        .knopf {
            padding: .4em .4em;
            background: #5a9900 linear-gradient(#8db243, #5a9900);
            border: thin solid green;
            border-radius: 0 .4em .4em;
            box-shadow: 6px 6px 6px #aaa;
            color: white;
            text-shadow: 0 -.05em .05em #333;
            font-size: 125%;
            line-height: 1.5;
            transition: 0.5s;
        }
        
        .knopf:hover {
            box-shadow: 2px 2px 2px #aaa;
            /*-webkit-box-shadow: 0 .3em 0.6em rgba(0, 0, 0, .8);
-moz-box-shadow: 0 .3em 0.6em rgba(0, 0, 0, .8);*/
            text-decoration: none;
            transition: 0.5s;
        }
        
        .Tabellen {
            border-collapse: separate;
            font-family: Verdana, Helvetica, sans-serif;
            font-size: 14px;
            box-shadow: 6px 6px 10px #aaa;
            border-color: white;
            border-width: 3px;
            border-spacing: 20px;
            border-radius: 10px 10px;
            /*border-spacing: 8px;*/
            empty-cells: show;
        }
        
        table {
            color: #000000;
            border-collapse: separate;
            background: linear-gradient(to right, rgba(141, 169, 220, 0.60), rgba(141, 169, 220, 0.40), rgba(139, 193, 95, 0.30), rgba(139, 193, 95, 0.60));
            width: 100%;
            border-spacing: 6px;
            border-radius: 10px 10px;
            margin-bottom: 5px;
        }
        
        td {
            /*border: 0.3px dotted #31589F;*/
            padding: 6px 16px;
            box-shadow: inset 1px 3px 10px -2px hsl(0, 20%, 99%);
            border-radius: 10px 10px;
        }
        
        th {
            padding: 8px 16px;
            box-shadow: inset 1px 3px 10px -2px hsl(0, 20%, 99%);
            border-radius: 10px 10px;
            text-align: left;
        }
        
        .textwave h1 {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 4em;
            animation: textwelle 1.0s;
        }
        
        @keyframes textwelle {
            0% {
                transform: scale(0.1);
                opacity: 0;
            }
            70% {
                transform: scale(1.25);
                opacity: 1;
            }
            100% {
                transform: scale(1);
                opacity: 1;
            }
        }
        
        .googlemap {
            font-size: 1.3em;
            color: black;
            /*background: rgba(139, 193, 95, 0.60);*/
            background: linear-gradient(to right, rgba(139, 193, 95, 0.30), rgba(139, 193, 95, 0.60));
            margin-top: 22px;
            border: lightgrey 0.2px solid;
            border-radius: 20px 20px;
            padding: 6px 4px 2px 5px;
            box-shadow: 6px 6px 10px #aaa;
        }
        
        .textschatten {
            text-shadow: 3px 3px 4px #458b74
        }
        
        .noButton {
            background-color: white;
            border: none;
        }
        
        input {
            background-color: rgba(179, 238, 130, 0.5);
            border-radius: 10px 10px;
        }
        
        .obenkreis {
            width: 50px;
            height: 50px;
            border-radius: 50px;
            background-color: rgba(0, 0, 255, 0.8);
            /* Hintergrundfarbe (Kreis) */
            animation: anitop 1s;
        }
        
        @keyframes anitop {
            0% {
                opacity: 0
            }
            100% {
                opacity: 1
            }
        }
        
        .obenpfeil-1,
        .obenpfeil-2 {
            border: solid #fff;
            /* Farbe Pfeile */
            border-width: 0 3px 3px 0;
            display: inline-block;
            padding: 5px;
            transform: rotate(-135deg);
            -webkit-transform: rotate(-135deg);
            position: absolute;
            left: 50%;
            margin-left: -6px;
            transition: all 0.4s ease;
        }
        
        .obenpfeil-1 {
            top: 15px;
        }
        
        .obenpfeil-2 {
            top: 22px;
        }
        
        .obenkreis:hover .obenpfeil-2 {
            top: 8px;
        }
        
        #back-top2 {
            position: fixed;
            bottom: 5%;
            right: 5%;
            z-index: 1000;
        }
        
        #back-top2 span {
            display: block;
        }
        
        @media (max-width: 1680px) {
            #back-top2 {
                bottom: 30px;
                right: 40px;
            }
        }
        
        .linkShadow {
            border-radius: 20px 20px;
            border: lightgrey 0.2px solid;
            box-shadow: 6px 6px 6px #aaa;
            background: linear-gradient(to right, rgba(141, 169, 220, 0.50), rgba(141, 169, 220, 0.40), rgba(139, 193, 95, 0.30), rgba(139, 193, 95, 0.50));
            transition: 0.5s;
        }
        
        .linkShadow:hover {
            transition: 0.5s;
            background: linear-gradient(to left, rgba(141, 169, 220, 0.50), rgba(141, 169, 220, 0.40), rgba(139, 193, 95, 0.30), rgba(139, 193, 95, 0.50));
            border-radius: 20px 20px;
            border: grey 0.1px solid;
            box-shadow: 2px 2px 2px #aaa;
        }
        
        .BildInBox {
            box-shadow: 5px 5px 5px #aaa;
            border: none;
            transition: 0.5s;
            background-color: transparent
        }
        
        .BildInBox:hover {
            box-shadow: 2px 2px 2px #aaa;
            transition: 0.5s;
        }
        
        .wetterBox {
            box-shadow: 6px 6px 6px #458b74;
            transition: 0.5s;
        }
        
        .wetterBox:hover {
            box-shadow: 2px 2px 2px #458b74;
            transition: 0.5s;
        }
        
        .transparent-bild {
            background-color: transparent;
        }
        
        .form_style {
            /*width: 300px;*/
            /*font-size: 1.3em;*/
            color: black;
            margin-top: 22px;
            background: linear-gradient(to right, rgba(141, 169, 220, 0.60), rgba(141, 169, 220, 0.40), rgba(139, 193, 95, 0.30), rgba(139, 193, 95, 0.60));
            border: lightgrey 0.2px solid;
            border-radius: 20px 20px;
            padding: 10px 10px 10px 48px;
            box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3);
        }
        
        .label_style,
        .input_style {
            width: 300px;
            border-style: none;
            border-width: 1px;
            padding: 0px;
            padding-top: 4px;
            padding-bottom: 4px;
            font-size: 1.2em;
            font-family: Tahoma, Verdana, Geneva, Calibri, sans-serif;
        }
        
        .label_style {
            display: inline-block;
            width: 300px;
            border-color: rgb(19, 19, 95);
            border-bottom: 1px solid darkorange;
            color: rgb(71, 97, 243);
        }
        
        .input_style:not(.send-button) {
            color: rgb(47, 14, 85);
            padding-left: 10px;
            background-color: rgb(249, 253, 255);
        }
        
        .input_style:focus {
            outline-color: rgb(14, 18, 75);
        }
        
        .send-button {
            padding: .4em .4em;
            background: #5a9900 linear-gradient(#8db243, #5a9900);
            border: thin solid green;
            border-radius: 0 .4em .4em;
            box-shadow: 6px 6px 6px #aaa;
            color: white;
            text-shadow: 0 -.05em .05em #333;
            font-size: 125%;
            line-height: 1.5;
            transition: 0.5s;
        }
        
        .send-button:hover {
            box-shadow: 2px 2px 2px #aaa;
            text-decoration: none;
            transition: 0.5s;
        }
        
        .test {
            background: grey
        }
        
        .zoom-bild {
            transition: transform 0.3s ease;
            /* Sanfter Übergang */
        }
        
        .zoom-bild:hover {
            transform: scale(1.4);
            /* Vergrößerung auf 120% */
            cursor: zoom-in;
            position: relative;
            z-index: 10;
            /* Bild schwebt über anderen Elementen */
        }
        
        a[href$=".pdf"] img {
            max-width: 300px;
            cursor: pointer;
            border-radius: 8px;
            transition: 0.2s;
        }
        
        a[href$=".pdf"] img:hover {
            transform: scale(1.03);
            opacity: 0.9;
        }