/* Gezielte Lesbarkeitskorrekturen auf dem bestehenden Layout. */
html{font-size:16px;letter-spacing:0;scroll-padding-top:24px}
body,nav,p,div,td,th,small,a{font-size:1rem;line-height:1.65;font-weight:400}
body{color:#303030}p{text-align:left}small{font-size:.875rem}
h1{font-size:1.9rem;line-height:1.25}h2{font-size:1.6rem;line-height:1.3}h3{font-size:1.3rem;line-height:1.35}
a,a:link,a:visited,a:hover{white-space:normal;overflow-wrap:anywhere}
a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #af3f5d;outline-offset:3px}
header{height:20rem;background-size:cover;background-position:center 55%}
header .overlay{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1rem;text-shadow:0 2px 6px rgba(0,0,0,.65);background:linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.32))}
header .overlay>br{display:none}
.header-titel{font-size:clamp(1.7rem,4vw,2.6rem);padding:.6rem 1rem;background:rgba(0,0,0,.32);box-shadow:none;border-radius:.4rem;margin:0 0 .75rem;color:#fff;line-height:1.25}
.header-titel .scicon:first-child{height:2.5rem!important}.header-titel .scicon:nth-child(2){height:1.5rem!important;margin-left:-.9rem!important;margin-bottom:.4rem!important}
header .overlay>span{font-size:1.1rem;line-height:1.5;font-weight:600;max-width:42rem;color:#fff}
nav{top:0;margin-bottom:0;padding:.8rem 1rem;max-height:6rem;line-height:1.8;box-shadow:0 2px 7px rgba(0,0,0,.18)}
nav .navlink,nav .navlink:link,nav .navlink:visited{font-size:1rem;color:#fff;white-space:nowrap;padding:.25rem .6rem;background-color:transparent}
nav .navlink:hover{background-color:#4d4d4d}
main{margin-top:0;padding:1.6rem 2rem;max-width:1000px;font-size:1rem}
.section{margin-top:1.5rem;margin-bottom:1.8rem;line-height:1.75}
main img{max-width:100%}.werkstattmainpic{border-radius:.3rem}
.symbolbox{margin-top:2rem;padding:1.1rem 1.3rem;border-radius:.5rem}
.symbolbox-icon{float:right;position:static!important;width:3.5rem;height:3.5rem;max-height:3.5rem;border:1px solid #dedede;padding:.65rem;box-shadow:none;margin:0 0 .6rem 1rem;left:auto!important}
.symbolbox-icon img{height:auto;width:100%;vertical-align:middle}
.symbolbox-content{margin-top:0}.symbolbox-content h3{max-width:none;margin-left:0!important;margin-top:0}
main table{font-size:1rem;max-width:100%;border-collapse:collapse}main table td{padding:.5rem .65rem;vertical-align:top}
input,textarea,select{font-family:inherit;font-size:1rem;line-height:1.5;max-width:100%}fieldset{min-width:0}
footer{position:static!important}.footer{padding:1rem .5rem}.footer a{color:#fff;font-size:.95rem}
#dsvgobar>div{font-size:.8rem!important;line-height:1.5!important;text-align:left!important;max-height:55vh;overflow:auto;box-shadow:0 -4px 18px rgba(0,0,0,.25)!important;padding:1.2rem!important}
#dsvgobar a[href^="javascript"],#dsvgobar a[href="http://127.0.0.1"]{margin-right:1rem!important;margin-bottom:.5rem}
@media(max-width:600px){header{height:17rem;background-position:62% center}.header-titel{font-size:1.65rem;padding:.6rem .7rem}.header-titel .scicon:first-child{height:2rem!important}.header-titel .scicon:nth-child(2){height:1.2rem!important}header .overlay>span{font-size:1rem;max-width:22rem}main{padding:1.3rem 1rem}h1{font-size:1.65rem}h2{font-size:1.4rem}h3{font-size:1.2rem}nav{padding:.7rem .6rem}nav .navlink{margin:.15rem!important}.symbolbox{padding:1rem}.symbolbox-icon{width:3rem;height:3rem;max-height:3rem}.werkstattmainpic{float:none;max-width:100%;height:auto}input,textarea{font-size:16px}}
