.kd-kontakt {
max-width: 860px;
margin: 48px auto 64px;
padding: 32px 30px 30px;
background: #ffffff;
border: 1px solid rgba(26, 59, 92, 0.16);
border-top: 4px solid var(--e-global-color-primary, #1A3B5C);
border-radius: 14px;
box-shadow: 0 2px 14px rgba(45, 55, 72, 0.07);
}
.kd-kontakt-titel {
margin: 0 0 10px;
font-family: var(--Uberschrift, inherit);
font-size: 30px;
line-height: 1.25;
color: var(--e-global-color-primary, #1A3B5C);
}
.kd-kontakt-intro {
margin: 0 0 8px;
font-size: 15px;
line-height: 1.65;
color: #4a5568;
}
.kd-kontakt-dringend {
margin: 0 0 22px;
font-size: 14px;
line-height: 1.6;
color: #718096;
}
.kd-kontakt-intro a,
.kd-kontakt-dringend a {
color: var(--e-global-color-primary, #1A3B5C);
font-weight: 600;
white-space: nowrap;
} .kd-kontakt-formular {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 18px 22px;
}
.kd-feld--voll {
grid-column: 1 / -1;
}
@media (max-width: 680px) {
.kd-kontakt { padding: 24px 18px 22px; }
.kd-kontakt-formular { grid-template-columns: 1fr; }
.kd-feld--voll { grid-column: auto; }
}
.kd-feld label {
display: block;
margin: 0 0 6px;
font-size: 14.5px;
font-weight: 600;
color: #2d3748;
}
.kd-pflicht { color: var(--e-global-color-primary, #1A3B5C); }
.kd-optional {
font-weight: 400;
font-size: 13px;
color: #718096;
}
.kd-kontakt input[type="text"],
.kd-kontakt input[type="email"],
.kd-kontakt input[type="tel"],
.kd-kontakt select,
.kd-kontakt textarea {
width: 100%;
padding: 11px 13px;
font: inherit;
font-size: 15px;
color: #2d3748;
background: #fbfdfd;
border: 1px solid rgba(26, 59, 92, 0.32);
border-radius: 10px;
box-shadow: none;
transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.kd-kontakt textarea {
resize: vertical;
min-height: 130px;
}
.kd-kontakt input:focus,
.kd-kontakt select:focus,
.kd-kontakt textarea:focus {
outline: none;
border-color: var(--e-global-color-primary, #1A3B5C);
box-shadow: 0 0 0 3px rgba(26, 59, 92, 0.18);
} .kd-kontakt-einwilligung label {
display: flex;
gap: 10px;
align-items: flex-start;
font-weight: 400;
font-size: 13.5px;
line-height: 1.6;
color: #4a5568;
}
.kd-kontakt-einwilligung input[type="checkbox"] {
flex: 0 0 auto;
width: 18px;
height: 18px;
margin-top: 2px;
accent-color: var(--e-global-color-primary, #1A3B5C);
}
.kd-kontakt-einwilligung a {
color: var(--e-global-color-primary, #1A3B5C);
text-decoration: underline;
} .kd-kontakt-aktion {
display: flex;
align-items: center;
gap: 16px;
flex-wrap: wrap;
}
.kd-kontakt-senden {
padding: 13px 28px;
font: inherit;
font-size: 15.5px;
font-weight: 600;
color: #ffffff;
background: var(--e-global-color-primary, #1A3B5C);
border: none;
border-radius: 10px;
cursor: pointer;
transition: background 0.15s ease, transform 0.1s ease;
}
.kd-kontakt-senden:hover { background: #277886; } .kd-kontakt-senden:active { transform: translateY(1px); }
.kd-kontakt-senden[disabled] {
opacity: 0.6;
cursor: wait;
} .kd-kontakt-status {
grid-column: 1 / -1;
margin: 0 0 4px;
padding: 13px 16px;
font-size: 14.5px;
line-height: 1.55;
border-radius: 10px;
}
.kd-kontakt-status--ok {
color: #1e5631;
background: #edf7ef;
border: 1px solid #bfe3c8;
}
.kd-kontakt-status--fehler {
color: #8a2b2b;
background: #fdf0f0;
border: 1px solid #f0c9c9;
} .kd-kontakt-hinweis-admin {
max-width: 860px;
margin: 32px auto;
padding: 16px 18px;
font-size: 14px;
line-height: 1.6;
color: #7a4d12;
background: #fdf6ec;
border: 1px dashed #d9b174;
border-radius: 10px;
}