/* Claudia von Löwenthal – Website-Stile */
@font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/roboto-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/roboto-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/roboto-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/roboto-mono-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/roboto-mono-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Roboto Mono';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/roboto-mono-latin-700-normal.woff2) format('woff2')}
body{margin:0;background:#fbfaf4;color:#1f2c3a;font-family:'Roboto',system-ui,sans-serif;font-size:18px;line-height:1.6}
h1,h2,h3,.mono{font-family:'Roboto Mono',ui-monospace,monospace}
a{color:#480d96}a:hover{color:#2e0862}
.btn-lime{background:#dcff50;color:#1f2c3a;text-decoration:none;font-family:'Roboto Mono',monospace;font-weight:700}
.btn-lime:hover{background:#c8f02a;color:#1f2c3a}
.btn-ghost{border:2px solid #dcff50;color:#dcff50;text-decoration:none;font-family:'Roboto Mono',monospace;font-weight:700}
.btn-ghost:hover{background:#dcff50;color:#1f2c3a}
.btn-purple{background:#480d96;color:#ffffff;text-decoration:none;font-family:'Roboto Mono',monospace;font-weight:700}
.btn-purple:hover{background:#2e0862;color:#ffffff}
.navlink{color:#1f2c3a;text-decoration:none;font-family:'Roboto Mono',monospace;font-size:15px}
.navlink:hover{color:#480d96;text-decoration:underline}
section[id]{scroll-margin-top:130px}.flink{color:#e8ecf1;text-decoration:none}.flink:hover{color:#dcff50}
summary{cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
details[open] .plus{transform:rotate(45deg)}
.navlink:hover{color:#480d96;text-decoration:underline}.flink{color:#e8ecf1;text-decoration:none}.flink:hover{color:#dcff50}
.flink{color:#e8ecf1;text-decoration:none}.flink:hover{color:#dcff50}
.todo{background:#f3ffc2;border:1px dashed #9fb52a;border-radius:10px;padding:12px 16px;font-size:16px;color:#3a4a10}
.ds h2{margin:24px 0 0;font-size:24px;line-height:1.25}
.ds h3{margin:12px 0 0;font-size:18px;line-height:1.3}
.ds p{margin:0}
.ds .dslist{display:flex;flex-direction:column;gap:2px;padding-left:4px}
.ds strong{font-weight:700}
.ds ul{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:4px}
html{background:#fbfaf4;-webkit-text-size-adjust:100%}
img{max-width:100%;height:auto}
a:focus-visible{outline:3px solid #480d96;outline-offset:3px}
.ds .dslist{display:flex;flex-direction:column;gap:2px;padding-left:4px}
.ds strong{font-weight:700}
.ds a{overflow-wrap:anywhere}
h1,h2,h3{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
summary>span:first-child{min-width:0}.plus{flex:0 0 auto;align-self:flex-start}
@media (max-width:480px){h1{font-size:28px!important}}
@media (max-width:600px){article{padding:26px 22px!important}.hdr .btn-lime{display:none!important}.hdr{padding:12px 20px!important;gap:6px!important}.mainnav{gap:4px 20px!important}}