/* Kontaktformular Styles */


.at-kontaktformular {
    font-family: Montserrat, sans-serif!important;
    background-color: #1F1723;
    padding: 28px;
    border-radius: 15px;
    max-width: 350px;width: 348px;
    color: #808080;
    font-size: 16px;

}

.at-kontaktformular label {display: block;}

.at-kontaktformular input[type="text"],
.at-kontaktformular input[type="email"],
.at-kontaktformular textarea {
    font-family: Montserrat, sans-serif!important;
    width: 100%;
    padding: 10px;
    background-color: #18121B;
    border: none;
    color: #808080;
    box-sizing: border-box;
    font-size: 16px;
    border: 1px solid #18121B;

}

.atkf-namensfelder {display: flex;gap: 1rem;}


.at-kontaktformular textarea {resize: none;min-height: 100px;}
.at-kontaktformular input[type="text"]:focus,
.at-kontaktformular input[type="email"]:focus,
.at-kontaktformular textarea:focus {border: 1px solid #F26161;outline: none;}


.at-kontaktformular a {
    color: #808080;
    text-decoration: none;
}





.at-kontaktformular button {
    font-family: Montserrat, sans-serif!important;
    background-color: #1F1723;
    color: #808080;
    border: 1px solid #F26161;
    padding: 8px 30px;
    border-radius: 0.5rem;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.6s, color 0.6s;
}

.at-kontaktformular button:hover {
    background-color: #F26161;
    color: #1F1723;
}





/*Datenschutz Hinweis*/
.atkf-daschusatz {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    line-height: 1.4;
    table-layout: fixed; /* Wichtig für feste Spaltenbreite */
}

.atkf-daschusatz td:first-child {width: 10px;vertical-align: middle;}
.atkf-daschusatz td:last-child {width: auto;vertical-align: top;}
.atkf-daschusatz td {padding-top: 0!important;padding-bottom: 0!important;padding-left:3px!important;
    padding-right:20px!important;}

.atkf-nowrap {
    white-space: nowrap;
}

    .at-kontaktformular input[type="checkbox"] {appearance: none;-webkit-appearance: none;background-color: #18121B;
    width: 1.5rem;height: 1.5rem;cursor: pointer;position: relative;vertical-align: middle;left:-8px;
}

.at-kontaktformular input[type="checkbox"]:checked::before {
    content: "";position: absolute;top: 3px;left: 3px;right: 3px;bottom: 3px;background-color: #F26161;
    border: 2px solid #18121B;}
.at-kontaktformular input[type="checkbox"] {pointer-events: auto;}
.at-kontaktformular input[type="checkbox"]::after {content: none !important;}






/*Honeypod*/
.atkf-honi {position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden;}



/* Pflichtfelder */
.atkf-message-box {
    opacity: 1;
    padding-top: 0px;padding-bottom:0px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    height: 35px;color: #F26161;
    display: table-cell;
    vertical-align: middle;white-space: nowrap;
}

.atkf-message-box.visible {opacity: 1;}

.atkf-message-box.success {color: #F26161;}

.atkf-message-box span {color: #F26161;}





/*Alternative mit 2 Zeilen*/
/* Danke für Deine Nachricht!<br>Du erhälst eine Kopie. */
/* Bitte fülle die Pflichtfelderaus. */

.at-kontaktformular {width: 320px;}
.atkf-message-box {
    height: 40px;

    display: table-cell;
    padding-top: 8px;padding-bottom:8px;

/*background-color:rgba(4, 170, 109, 0.3);*/
}