/*Unterschriftenfeld im dark-mode weiß*/

@media (prefers-color-scheme: dark) {

    .Unterschriftenfeld {
        /* border: filter(black, invert(100%)) 2px dashed; */
        border: black 2px dashed;

        color: white;
    }

}
@media (prefers-color-scheme: light) {
    .Unterschriftenfeld {
        border: var(--LinkColor) 2px dashed;

    }
}





main {gap: var(--AbstandDoppelt);}
header {padding-top: var(--Abstand);}
.Programmuebersicht {min-height: 70vh;}
.HintergrundContainer + script + .Tagcloud {padding: var(--AbstandDoppelt);}
.Wortwolke .Wort {border: none; color: whitesmoke; background: none;}
#cmx62ac428a0e797 {align-items: center;}
.ProgrammbereichMitHintergrund a > div {background: var(--WeissTransparent);}
.Programmbereiche .ProgrammbereichMitHintergrund a > div {background: #ffffffe5;}
.leitbild {padding-top: 50px;}
article > details {padding: var(--Abstand);}
footer {margin-top: 20vh;}
@media only screen and (max-width: 500px)
{
	.SliderItem .InhaltMitHintergrund h2 {font-size: 1rem;}
	.insta {grid-column: span 2;}
	.face {grid-column: span 2;}
}
/*EYECANDY*/
.fensterbreit {overflow: hidden;}
.viewport .HintergrundContainer
{
    transform: scale(1);
    transition: 5s;
}
.HintergrundContainer
{
    
    transform: scale(1.1);
    transition: 5s;
}
.testpro.ProgrammbereichMitHintergrund:hover {transition: none; filter: none;}
.testpro.ProgrammbereichMitHintergrund a {min-height: auto;}
.testpro.ProgrammbereichMitHintergrund a > div {text-align: start;}
.Spaltenanzahl_2.Betrag {margin-bottom: 15px;}  /* Abstände zwischen Auslagen in Formular Leistung bestätigen */

.ergebnis > *:not(ol) {
    display: flex;
    gap: var(--Abstand);
    flex-direction: row;
    flex-wrap: wrap;
}

.sparkasse {border-radius: var(--Abstand)}

.Angebot .page_addition_first_page {position: relative !important;}
.Dokument .page_addition_first_page {position: relative !important;}

.Formular legend {font-size: 1.3rem; font-weight: bold;}

.Veranstaltung .Formular a {
    background-color: var(--ButtonBackground);
    color: var(--LeichtesGrau);
}



/*      äNDERUNGEN VOM 17.07.2024


Eingefügt weil Darkmode probleme auf handy-auflösung 

bei ca 620px breite problem mit Table unter Honorar (kann nicht unter ca 620px schrumpfen...)

*/
.DokumentDarstellung {
    background-color: white;
    color: black ;
}
button#unterschriftSetzen {
    color: var(--LeichtesGrau);
}
/* Button für unterschrift bestätigen war auf mobile verddreht...*/
.UnterschriftButtonOk {
    transform: rotate(0deg);
}

.beendet {
    display: none !important
}
.Teaser.ProgrammbereichMitHintergrund a {
    min-width: 16em;
}