* { box-sizing: border-box; }
html { color-scheme: light; }
body { margin: 0; color: #252525; background: repeating-linear-gradient(90deg, #e2e5e7 0, #e2e5e7 3px, #d9dfe2 3px, #d9dfe2 6px); font: 13px/1.45 Arial, Helvetica, sans-serif; }
a { color: #153c78; text-underline-offset: 2px; }
a:hover { text-decoration-thickness: 2px; }
a:focus-visible { outline: 3px solid currentColor; outline-offset: 3px; }
.muster { width: 100%; background: #253c55; color: #fff; text-align: center; font-size: 13px; }
.muster a { display: block; padding: 11px 16px; color: inherit; }
.muster span { margin-left: 5px; }
.sprung { position: absolute; left: 10px; top: -200px; padding: 10px; background: #fff; z-index: 2; }
.sprung:focus { top: 10px; }
.vergleich { width: 100%; padding: 12px 16px; background: #fff9d5; border-bottom: 1px solid #786f4b; font-size: 14px; }
.vergleich a { display: inline-block; margin-left: 5px; }
.alte-seite { width: 920px; margin: 18px auto; border: 2px solid #637789; background: #fff; box-shadow: 3px 3px 0 #abb3ba; }
.kopf { padding: 13px 22px 9px; border-bottom: 5px double #b6c2cc; background: linear-gradient(#f7f9fb, #ccd6e0); text-align: center; }
.kopf h1 { margin: 2px 0; color: #254668; font: bold 34px/1.25 Georgia, 'Times New Roman', serif; text-shadow: 1px 1px #fff; }
.kopf p { margin: 3px 0; color: #34485c; }
.spalten { display: grid; grid-template-columns: 155px 1fr 155px; }
.navigation { padding: 13px 10px; background: #edf0f3; border-right: 1px solid #9caebd; }
.navigation h2, .rand h2 { margin: 0 0 10px; padding: 4px; background: #2f4d6b; color: #fff; font-size: 14px; text-align: center; }
.navigation a { display: block; margin-bottom: 6px; padding: 5px 7px; border: 1px outset #b7c5d1; background: linear-gradient(#fff, #d8e0e8); font-size: 12px; font-weight: bold; text-decoration: none; }
.navigation a:hover { background: #fff; text-decoration: underline; }
.navigation p { margin-top: 30px; color: #35485a; font-size: 12px; }
main { min-width: 0; padding: 12px 16px; }
.willkommen { margin-bottom: 12px; padding: 6px; border: 1px solid #9c8954; background: #fff5c6; color: #574011; font-weight: bold; text-align: center; }
main h2 { margin: 14px 0 8px; color: #254668; font-size: 16px; }
main p { margin: 8px 0; }
main section { margin-top: 14px; border-top: 1px dotted #8f9ba5; }
main section h2 { font-size: 14px; }
main ul { padding-left: 24px; }
.rollenbild { float: right; margin: 0 0 8px 12px; border: 3px double #98a9b7; }
.rand { padding: 13px 9px; background: #f0f2e8; border-left: 1px solid #9caebd; text-align: center; font-size: 12px; }
.rand h2 { background: #53633d; }
.rand hr { margin-block: 20px; border: 0; border-top: 1px solid #9a9d8c; }
.hinweis { color: #5a481e; background: #fff6cf; padding: 5px; font-size: 12px; }
.zurueck { text-align: right; font-size: 12px; }
footer { padding: 10px; border-top: 3px double #9caebd; background: #e2e8ee; font-size: 11px; text-align: center; }
footer p { margin: 0 0 4px; }
@media (max-width: 920px) { .alte-seite { margin-left: 8px; margin-right: 8px; } }