/* Medikus Kit – ergänzende Stile (Kontaktformular + Boxen). Farben/Schriften der Seiten: Elementor → Website-Einstellungen. */

.mk-text p { margin: 0 0 14px; }
.mk-text p:last-child { margin-bottom: 0; }
.mk-box a { color: inherit; text-decoration: none; }
.mk-box a:hover { text-decoration: underline; }
#kontaktformular { scroll-margin-top: 30px; }
.ast-footer-copyright a { color: inherit; }

/* Fixierter Kopfbereich */
.mk-sticky-header #masthead { position: sticky; top: 0; z-index: 999; box-shadow: 0 2px 6px rgba(0,0,0,.08); }
.mk-sticky-header #page, .mk-sticky-header .site { overflow: visible; }
body.mk-sticky-header { overflow-x: clip; }
.admin-bar.mk-sticky-header #masthead { top: 32px; }
@media (max-width: 782px) { .admin-bar.mk-sticky-header #masthead { top: 46px; } }
@media (max-width: 600px) { .admin-bar.mk-sticky-header #masthead { top: 0; } }
html { scroll-padding-top: 110px; }

/* ---------- Kontaktformular ---------- */
.mk-form { position: relative; }
.mk-form .row2 { display: flex; gap: 18px; }
.mk-form .row2 > * { flex: 1; min-width: 0; }
.mk-form input[type=text], .mk-form input[type=email], .mk-form input[type=tel],
.mk-form input[type=date], .mk-form textarea, .mk-form select {
	display: block; width: 100%; box-sizing: border-box;
	margin: 0 0 12px;
	background: #eef6f9;
	border: 0; border-radius: 0; box-shadow: none;
	padding: 8px 9px;
	height: 38px;
	font-family: inherit; font-size: 15px; line-height: 1.3;
	color: #444;
	-webkit-appearance: none; appearance: none;
}
.mk-form textarea { height: 90px; resize: vertical; }
.mk-form select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23333' stroke-width='1.6' fill='none'/%3E%3C/svg%3E");
	background-repeat: no-repeat; background-position: right 9px center;
	padding-right: 30px;
}
.mk-form ::placeholder { color: #555; opacity: 1; }
.mk-form .form-label { display: block; color: #fff; font-size: 16px; margin: 16px 0 12px; }
.mk-form .consent { display: block; color: #fff; font-size: 14px; line-height: 1.35; margin: 18px 0 12px; }
.mk-form .consent input { margin: 0 6px 0 0; vertical-align: -1px; }
.mk-form .consent a { color: #fff; text-decoration: underline; }
.mk-form .btn-send {
	display: block; width: 100%;
	background: #3a559a; color: #fff; border: 0; border-radius: 0;
	font-family: inherit; font-size: 16px;
	padding: 9px; cursor: pointer;
}
.mk-form .btn-send:hover, .mk-form .btn-send:focus { background: #2f4785; color: #fff; }
.mk-form .mk-hp { position: absolute !important; left: -9999px !important; height: 1px; width: 1px; }
.mk-form .form-notice { background: #fff; color: #3a559a; padding: 10px 12px; margin: 0 0 16px; font-size: 15px; }
.mk-form .form-notice.error { color: #a23b3b; }

@media (max-width: 700px) {
	.mk-form .row2 { flex-direction: column; gap: 0; }
}