.elementor-654 .elementor-element.elementor-element-ca78144{--display:flex;--min-height:800px;}.elementor-654 .elementor-element.elementor-element-ca78144:not(.elementor-motion-effects-element-type-background), .elementor-654 .elementor-element.elementor-element-ca78144 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://playroad.de/wp-content/uploads/2024/09/PlayRoad-Show-Image.png");background-position:top center;background-repeat:no-repeat;background-size:100% auto;}.elementor-654 .elementor-element.elementor-element-66f1dc5{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-654 .elementor-element.elementor-element-66f1dc5.e-con{--align-self:center;}body.elementor-page-654:not(.elementor-motion-effects-element-type-background), body.elementor-page-654 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#323232;}@media(min-width:768px){.elementor-654 .elementor-element.elementor-element-66f1dc5{--width:100%;}}@media(max-width:1024px){.elementor-654 .elementor-element.elementor-element-ca78144:not(.elementor-motion-effects-element-type-background), .elementor-654 .elementor-element.elementor-element-ca78144 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;background-size:auto;}.elementor-654 .elementor-element.elementor-element-66f1dc5{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-654 .elementor-element.elementor-element-ca78144:not(.elementor-motion-effects-element-type-background), .elementor-654 .elementor-element.elementor-element-ca78144 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:top center;}.elementor-654 .elementor-element.elementor-element-66f1dc5{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for shortcode, class: .elementor-element-1e5063b *//* Container für das Login-Formular */
#external-sql-login-form {
    max-width: 400px;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #f9f9f9; /* Heller Hintergrund für das Formular */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s;
}

/* Überschrift */
#external-sql-login-form h2 {
    text-align: center;
    color: #333;
    margin-bottom: 20px;
}

/* Nachrichten */
#external-sql-login-form p#login-message {
    text-align: center;
    margin-bottom: 20px;
}

#external-sql-login-form p#login-message.success-message {
    color: #3c763d; /* Dunkelgrün für erfolgreiche Logins */
}

#external-sql-login-form p#login-message.error-message {
    color: #a94442; /* Dunkelrot für Fehlermeldungen */
}

/* Labels */
#external-sql-login-form label {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
    color: #333;
}

/* Input-Felder */
#external-sql-login-form input[type="text"],
#external-sql-login-form input[type="email"],
#external-sql-login-form input[type="password"],
#external-sql-login-form button {
    width: 100%; /* 100% Breite */
    padding: 10px;
    margin-bottom: 15px; /* Abstand zwischen den Feldern */
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box; /* Box-Modell berücksichtigen */
}

/* Stil für den Button */
#external-sql-login-form button,
#external-sql-login-form input[type="submit"] {
    background-color: #f0ad4e; /* Orangengold für den Button */
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s, box-shadow 0.3s;
    font-weight: bold; /* Fettdruck für bessere Lesbarkeit */
}

#external-sql-login-form button:hover,
#external-sql-login-form input[type="submit"]:hover {
    background-color: #ec971f; /* Dunklerer Goldton für Hover-Effekt */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

#external-sql-login-form button:active,
#external-sql-login-form input[type="submit"]:active {
    background-color: #d9534f; /* Rote Farbe bei Klick */
    box-shadow: none;
}/* End custom CSS */