/* KlinikDeutsch: gut lesbare öffentliche Probelektionen. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-size:20px;line-height:1.6}
input,textarea,select,button{font-family:inherit;min-width:0}
button,a.btn,.btn{white-space:normal;overflow-wrap:anywhere;max-width:100%;min-height:44px}
button.btn,.btn:not(.ghost):not(:disabled){background:#059669}
button.btn:hover,.btn:not(.ghost):not(:disabled):hover{background:#047857}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #1E4ED8;outline-offset:4px}
p,li,td,th,dd,summary,label,.msg,.bub,.ankl,.intro,.lead,.mini,.hilf,.count,.sentence,.q{overflow-wrap:anywhere}
img,video,iframe{max-width:100%}
.bar .lab,.top,.row,.nav,.hbar{gap:12px}
.bar .lab{flex-wrap:wrap}
.bar .lab small{display:block;max-width:100%}
.row textarea,.row input,.msg .col{min-width:0}
.msg .col{max-width:calc(100% - 48px)}
form.save label{display:block;margin:12px 0 6px;font-weight:600}
form.save p,form.save label,form.save input,form.save button,#saveOk{font-size:20px;line-height:1.5}
#schloss summary{cursor:pointer;font-size:22px;font-weight:700;color:#142A6E}
#downloadProfile{margin:18px 0 10px}
.kurslink a{white-space:normal}
@media(max-width:600px){
 header .hbar{align-items:flex-start;flex-wrap:wrap}
 header .hbar>div{min-width:0;max-width:100%}
 .top{flex-wrap:wrap}.count{white-space:normal}
 .opts.two{flex-direction:column}.opts.two .opt{max-width:100%}
 .steps{flex-wrap:wrap}.steps span{min-width:44px}
 .offer-live{grid-template-columns:110px minmax(0,1fr);gap:12px}
 .chat,#chat{height:55dvh;min-height:260px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

@font-face{font-family:"DM Sans";font-weight:400;font-display:swap;src:url("/probe/mtl/u/L01_E02_Situation_Aktivierung/dms400.woff2") format("woff2")}
@font-face{font-family:"DM Sans";font-weight:600;font-display:swap;src:url("/probe/mtl/u/L01_E02_Situation_Aktivierung/dms600.woff2") format("woff2")}
@font-face{font-family:"DM Sans";font-weight:700;font-display:swap;src:url("/probe/mtl/u/L01_E02_Situation_Aktivierung/dms700.woff2") format("woff2")}
@font-face{font-family:"EB Garamond";font-weight:700;font-display:swap;src:url("/probe/mtl/u/L01_E02_Situation_Aktivierung/ebg700.woff2") format("woff2")}
body,input,textarea,button{font-family:"DM Sans",sans-serif}h1,h2,h3{font-family:"EB Garamond",serif}

@media(max-width:600px){header .hbar{flex-direction:column;align-items:flex-start}header .htext{flex:auto;width:100%}header .kick,header h1,header p{overflow-wrap:anywhere}header h1{font-size:28px}.card,main{min-width:0}.offer-live{grid-template-columns:1fr}}

@media(max-width:600px){.opts>div{flex-wrap:wrap}.opts select{max-width:100%;min-width:0!important;width:100%}}