/* MuGeBa Intern. Farben aus dem Theme, mit Ersatzwerten. */
.mgb-in, .mgb-in-anmeldung {
	--in-k: var(--wp--preset--color--schwarz, #1A1A1A);
	--in-r: var(--wp--preset--color--rot, #E30613);
	--in-rd: var(--wp--preset--color--rot-dunkel, #A50010);
	--in-rh: var(--wp--preset--color--rot-hell, #FCE7E4);
	--in-s: var(--wp--preset--color--sand, #F3EDE2);
	--in-gr: var(--wp--preset--color--grau, #625A52);
	--in-linie: var(--mgb-trenner, rgba(26, 26, 26, .1));
}

/* Anmeldung */
.mgb-in-anmeldung { max-width: 460px; margin: clamp(24px, 5vw, 56px) auto; background: #fff; border: 1px solid var(--in-linie); border-radius: 16px; padding: clamp(24px, 4vw, 36px); box-shadow: 0 18px 40px -28px rgba(26, 26, 26, .45); }
.mgb-in-anmeldung h2 { margin: 0 0 8px; font-size: clamp(28px, 4vw, 36px); }
.mgb-in-anmeldung__dach, .mgb-in-dach { margin: 0 0 6px; font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--in-r); }
.mgb-in-form label { display: block; font-weight: 600; font-size: 15px; margin-bottom: 4px; }
.mgb-in-form input[type=text], .mgb-in-form input[type=password] { width: 100%; box-sizing: border-box; padding: 11px 14px; border: 1.5px solid #CFC6B8; border-radius: 10px; font: inherit; background: #fff; }
.mgb-in-form input:focus { outline: 3px solid var(--in-rh); border-color: var(--in-r); }
.mgb-in-form__merken label { font-weight: 400; display: flex; gap: 8px; align-items: center; }
.mgb-in-form button { width: 100%; justify-content: center; cursor: pointer; }
.mgb-in-anmeldung__links { margin: 14px 0 0; font-size: 15px; }
.mgb-in-anmeldung__klein { margin: 8px 0 0; font-size: 14px; color: var(--in-gr); }
.mgb-in-hinweis { padding: 10px 14px; border-radius: 10px; }
.mgb-in-hinweis--fehler { background: var(--in-rh); color: var(--in-rd); font-weight: 600; }

/* Start */
.mgb-in-start__kopf { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px 24px; margin-bottom: 24px; }
.mgb-in-start__kopf h2 { margin: 0; font-size: clamp(30px, 5vw, 44px); }
.mgb-in-start__konto { margin: 0; font-size: 15px; color: var(--in-gr); }
.mgb-in-start__konto a { color: inherit; }
.mgb-in-start__raster { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 20px; align-items: start; }
.mgb-in-karte { background: #fff; border: 1px solid var(--in-linie); border-radius: 16px; padding: 22px; }
.mgb-in-karte h3 { margin: 0 0 12px; font-size: 20px; }
.mgb-in-kacheln, .mgb-in-termine, .mgb-in-doks { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.mgb-in-kachel, .mgb-in-termine a, .mgb-in-doks a { display: block; padding: 11px 14px; border-radius: 10px; background: var(--in-s); color: var(--in-k); text-decoration: none; transition: background .15s; }
.mgb-in-kachel:hover, .mgb-in-termine a:hover, .mgb-in-doks a:hover { background: var(--in-rh); }
.mgb-in-kachel strong, .mgb-in-termine strong, .mgb-in-doks strong { display: block; }
.mgb-in-kachel span, .mgb-in-termine span, .mgb-in-doks span { display: block; font-size: 14px; color: var(--in-gr); margin-top: 2px; }
.mgb-in-leer { color: var(--in-gr); }
.mgb-in-marke { display: inline-block; margin-left: 6px; padding: 1px 8px; border-radius: 999px; background: var(--in-k); color: #fff; font-size: 11px; font-style: normal; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; vertical-align: 2px; }

/* Dokumente */
.mgb-in-rubrik + .mgb-in-rubrik { margin-top: 28px; }
.mgb-in-rubrik h3 { margin: 0 0 12px; }

/* Editor */
.mgb-in-platzhalter { display: flex; flex-direction: column; gap: 4px; padding: 18px 20px; border: 2px dashed #7B3FBF; border-radius: 10px; background: rgba(123, 63, 191, .06); color: #3c2063; font: 14px/1.4 system-ui, sans-serif; }