.elementor-kit-8{--e-global-color-primary:#016F9E;--e-global-color-secondary:#485156;--e-global-color-text:#000000;--e-global-color-accent:#FFFFFF;--e-global-color-8853223:#F7F7F7;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-size:60px;--e-global-typography-primary-font-weight:600;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-secondary-font-family:"Roboto";--e-global-typography-secondary-font-size:30px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-text-transform:none;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-8 a{color:var( --e-global-color-primary );}.elementor-kit-8 a:hover{color:var( --e-global-color-secondary );}.elementor-kit-8 h1{color:var( --e-global-color-primary );}.elementor-kit-8 h2{color:var( --e-global-color-primary );}.elementor-kit-8 h3{color:var( --e-global-color-primary );}.elementor-kit-8 h4{color:var( --e-global-color-primary );}.elementor-kit-8 h5{color:var( --e-global-color-primary );}.elementor-kit-8 h6{color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1280px){.elementor-kit-8{--e-global-typography-secondary-font-size:30px;}}@media(max-width:1024px){.elementor-kit-8{--e-global-typography-primary-font-size:50px;--e-global-typography-secondary-font-size:30px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-8{--e-global-typography-primary-font-size:40px;--e-global-typography-secondary-font-size:25px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */html {
  scroll-padding-top: 100px; /* Platz über dem Ziel beim Scrollen */
}


/* Hintergrundbild + dunkler Overlay über den gesamten Viewport */
.post-password-form::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), 
                url('https://welog.at/wp-content/uploads/2025/10/welog4.webp') no-repeat center center;
    background-size: cover;
    z-index: -1; /* hinter das Formular legen */
}

/* Formular zentrieren */
.post-password-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    gap: 25px; /* mehr Abstand zwischen Absätzen und Eingabebereich */
    background: transparent; /* kein graues Feld */
    padding: 20px;
}

/* Absätze zentrieren */
.post-password-form p {
    text-align: center;
    margin: 0 0 15px 0;
    color: white; /* Textfarbe weiß für bessere Lesbarkeit */
}

/* Abstand zwischen Label "Passwort" und Eingabefeld */
.post-password-form label {
    display: flex;
    flex-direction: column;
    gap: 10px; /* Abstand zwischen Label-Text und Input */
}

/* Passwortfeld */
.post-password-form input[type="password"] {
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* Abstand zwischen Eingabefeld und Button */
.post-password-form input[type="password"] + input[type="submit"] {
    margin-top: 15px;
}

/* Button gestalten */
.post-password-form input[type="submit"] {
    color: white !important;
    background-color: #016F9E !important; /* Standard blau */
    border: none;
    padding: 10px 25px;
    cursor: pointer;
    border-radius: 24px !important;
    text-transform: uppercase;
    font-weight: normal; /* Schrift nicht fett */
    transition: background-color 0.3s ease;
}

/* Button beim Hover */
.post-password-form input[type="submit"]:hover {
    background-color: #485156 !important; /* dunkelgrau beim Hover */
    color: white !important; /* Textfarbe bleibt weiß */
}
/* Abstand zwischen Passwortfeld und Button */
.post-password-form p:last-of-type {
    display: flex;
    flex-direction: column; /* Elemente untereinander */
    gap: 15px; /* Abstand zwischen Passwortfeld und Button */
    align-items: center; /* zentriert */
}/* End custom CSS */