@font-face{font-family:Roboto;src:url("assets/Roboto-Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Roboto;src:url("assets/Roboto-Bold.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Roboto Slab";src:url("assets/RobotoSlab-Bold.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}
:root{color-scheme:light;--green:#006600;--orange:#ff6600;--mint:#edf4ed;--mint-deep:#cce0cc;--white:#fff}
*{box-sizing:border-box}
html{font-family:Roboto,Arial,sans-serif;font-synthesis:none}
body{margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--white);color:var(--green)}
.frame{width:min(100% - 96px,1200px);margin-inline:auto}
.topline{height:10px;flex:0 0 10px;background:var(--green)}
.skip-link{position:absolute;z-index:2;top:16px;left:24px;transform:translateY(-200%);padding:14px 20px;background:var(--white);color:var(--green)}
.skip-link:focus{transform:translateY(0)}
.site-header{background:var(--mint)}
.site-header__inner{min-height:154px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:56px;padding-block:30px}
.academy-logo{display:block;width:min(100%,370px);height:auto}
.campus-logo{display:block;width:min(100%,345px);height:auto;max-height:85px;justify-self:end}
.brand-transition{display:flex;align-items:center;gap:18px;font-size:16px;white-space:nowrap}
.brand-transition span{font-size:30px;line-height:1}
.hero{background:linear-gradient(rgb(255 102 0 / 50%),rgb(255 102 0 / 50%)),url("assets/akademie-hero-hintergrund.jpg") center / cover no-repeat;background-color:var(--orange);color:var(--white)}
.hero__inner{padding-block:70px 76px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:48px}
.hero__copy{min-width:0}
.hero__visual{display:block;width:100%;height:auto}
.eyebrow{margin:0 0 24px;font-size:16px;font-weight:700;letter-spacing:.08em}
h1,h2{font-family:"Roboto Slab",Georgia,serif;font-weight:700}
h1{max-width:1100px;margin:0;font-size:clamp(38px,4.1vw,58px);line-height:1.14;letter-spacing:-.025em;text-wrap:balance}
.hero__text{max-width:735px;margin:28px 0 32px;font-size:21px;line-height:1.55}
.campus-button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;max-width:100%;padding:19px 26px;border:2px solid var(--white);background:var(--green);color:var(--white);font-size:19px;font-weight:700;line-height:1.4;text-decoration:none;transition:background-color .15s,color .15s}
.campus-button span{font-size:28px;line-height:1}
.campus-button:hover{background:var(--orange)}
.campus-button:focus-visible{outline:3px solid var(--white);outline-offset:5px}
.access__inner{padding-block:60px 64px}
h2{margin:0 0 34px;font-size:clamp(30px,3.2vw,42px);line-height:1.2}
.access__grid{display:grid;grid-template-columns:1fr 1fr;gap:64px}
h3{margin:0 0 15px;font-size:23px;line-height:1.35}
.access__option p,.access__option li{font-size:18px;line-height:1.6}
.access__option p{margin:0 0 16px}
.access__option p:last-child{margin-bottom:0}
ol{margin:18px 0 0;padding-left:23px}
li{padding-left:6px;margin-bottom:9px}
li:last-child{margin-bottom:0}
.access__option .account-note{margin-top:18px;font-size:16px}
.access a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.access a:hover{text-decoration-thickness:2px}
.access a:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.access__note{margin:36px 0 0;padding-top:23px;border-top:1px solid var(--mint-deep);font-size:16px;line-height:1.6}
.site-footer{flex:1 0 auto;background:var(--mint);border-top:1px solid var(--mint-deep)}
.site-footer__inner{padding-block:27px 32px;display:flex;justify-content:space-between;gap:24px}
.site-footer p{margin:0;font-size:14px;line-height:1.6}
.site-footer p:first-child{font-weight:700}
.site-footer span{padding-inline:8px}
@media(max-width:1100px){.access__grid{grid-template-columns:1fr}.hero__inner{grid-template-columns:1fr;gap:36px}.hero__copy{max-width:780px}.hero__visual{max-width:480px;justify-self:center}}
@media(max-width:1000px){.frame{width:min(100% - 64px,1200px)}.site-header__inner{gap:30px}.access__grid{gap:40px}.brand-transition{gap:12px}.hero__inner{padding-block:60px 66px}}
@media(max-width:700px){.frame{width:calc(100% - 40px)}.site-header__inner{min-height:0;grid-template-columns:1fr;justify-items:start;gap:15px;padding-block:28px}.academy-logo{width:min(100%,300px)}.brand-transition{gap:14px;font-size:14px}.brand-transition span{font-size:24px}.campus-logo{width:min(100%,223px);max-height:none;justify-self:start}.hero__inner{padding-block:45px 48px}.eyebrow{font-size:14px;margin-bottom:19px}h1{font-size:clamp(33px,6vw,44px);line-height:1.16;text-wrap:initial}.hero__text{font-size:18px;margin:24px 0 28px}.campus-button{padding:16px 18px;font-size:17px;gap:18px}.campus-button span{font-size:25px;flex-shrink:0}.access__inner{padding-block:43px 46px}h2{font-size:31px;margin-bottom:29px}.access__grid{grid-template-columns:1fr;gap:33px}h3{font-size:22px}.access__option p,.access__option li{font-size:17px}.access__note{margin-top:29px;font-size:15px}.site-footer__inner{flex-direction:column;gap:9px;padding-block:25px 28px}.site-footer span{padding-inline:4px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}