@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/source-serif-4-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Source Serif 4';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/source-serif-4-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/libre-franklin-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/libre-franklin-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Libre Franklin';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/libre-franklin-latin-600-normal.woff2) format('woff2')}

html{scroll-behavior:smooth}
*,*::before,*::after{box-sizing:border-box}
img{max-width:100%}
a:focus-visible,summary:focus-visible{outline:2px solid #B5A27A;outline-offset:3px}
.skip{position:absolute;left:-9999px;top:0;background:#B5A27A;color:#0B0F19;padding:10px 16px;z-index:50}
.skip:focus{left:12px;top:12px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important;scroll-behavior:auto!important}}

.afma header nav a{white-space:nowrap}
.afma a.lang{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #2A3140;border-radius:2px;font-size:13px;font-weight:600;letter-spacing:.08em;color:#6B7080;text-decoration:none;white-space:nowrap;transition:border-color .2s,color .2s}
.afma a.lang svg{color:#B5A27A}
.afma a.lang .on{color:#E8E6E1}
.afma a.lang i{font-style:normal;color:#3A4252}
.afma a.lang:hover{border-color:#B5A27A;color:#AEB2BC}
.afma header nav{flex:1 1 0!important;min-width:0}
.afma header > div{column-gap:28px!important}
.afma header nav{gap:6px 26px!important}
@media (max-width:1240px){.afma header nav{gap:6px 18px!important;font-size:13.5px!important}.afma header > div{column-gap:22px!important}}
@media (max-width:1100px){.afma header nav{order:3;flex:1 1 100%!important;justify-content:flex-start!important}.afma header a.lang{margin-left:auto}}
@media (max-width:760px){.afma header a.lang{margin-left:auto;padding:7px 10px}}
/* Hintergrundbilder: kein "Bild speichern unter" per Rechtsklick, kein Herausziehen */
.afma img[aria-hidden="true"]{pointer-events:none;-webkit-user-drag:none;user-select:none;-webkit-touch-callout:none}
/* Startbereich: feste Mindesthoehe, damit der Bildausschnitt in beiden Sprachen gleich bleibt */
.afma #top{min-height:790px}
@media (max-width:760px){.afma #top{min-height:760px}}
.lp-hint{display:none}
.lp-risk:focus{outline:none}
@media (max-width:760px){
  .afma .lp-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px 8px;scrollbar-width:thin;scrollbar-color:#3A4252 transparent}
  .afma .lp-scroll svg{width:1080px!important;max-width:none!important;overflow:hidden!important}
  .afma .lp-hint{display:block;margin:6px 0 0;font-size:12px;letter-spacing:.08em;color:#B5A27A;text-align:center}
  .afma header > div{padding:16px 16px!important;gap:12px 16px!important}
  .afma header img{width:132px!important}
  .afma header nav{order:3;flex:1 1 100%!important;justify-content:flex-start!important;gap:4px 18px!important;font-size:13px!important}
  .afma header > div > a:last-child{display:none}
  .afma section > div,.afma footer > div{padding-left:16px!important;padding-right:16px!important}
  .afma section > div[style*="padding: 104px"],.afma section > div[style*="padding: 96px"],.afma section > div[style*="padding:96px"],.afma section > div[style*="padding:104px"]{padding-top:64px!important;padding-bottom:64px!important}
  .afma #top > div{padding-top:72px!important;padding-bottom:88px!important}
  .afma h1{font-size:42px!important}
  .afma h2{font-size:32px!important}
  .afma h3{font-size:24px!important}
  .afma [style*="minmax(340px"],.afma [style*="minmax(300px"],.afma [style*="minmax(280px"]{grid-template-columns:1fr!important}
  .afma #saeulen [style*="border-left"]{border-left:0!important;padding-left:0!important;padding-right:0!important;padding-bottom:36px!important}
  .afma [style*="flex: 1 1 420px"],.afma [style*="flex: 1 1 520px"],.afma [style*="flex:1 1 520px"],.afma [style*="flex:1 1 380px"]{flex-basis:100%!important}
}