:root {
  --primary:#900;
  --secondary:#666;
  --tertiary:#000;
  --block-background:#fff;
  --footer-height:12rem;
  --nav-height:3.56rem;
}

@font-face {font-family:'Inria Sans';src:url('inriasans-regular-webfont.woff2') format('woff2');font-weight:normal;font-style:normal;font-display:swap}
@font-face {font-family:'Inria Sans';src:url('inriasans-bold-webfont.woff2') format('woff2');font-weight:bold;font-style:normal;font-display:swap}
/* @font-face {font-family:'Inria Sans';src:url('inriasans-italic-webfont.woff2') format('woff2');font-weight:normal;font-style:italic;font-display:swap} */

* {font-family:'Inria Sans',sans-serif;font-size:inherit;line-height:1.6em}
h2 {color:var(--primary);hyphens:none;font-size:2rem;letter-spacing:.01em;text-align:center}
h3 {color:var(--secondary);font-size:1.7rem}
h2::after {content:'';width:calc(100% + var(--padding));border:0;border-top:2px dashed var(--primary);opacity:.35;position:relative;display:block;margin-left:calc(-50% - var(--padding));z-index:0}

p {margin-bottom:.6em}
p._center {margin-top:1em}
a.button {display:inline-block;text-decoration:none!important;background:var(--primary);padding:.5em 1em;border-radius:var(--border-radius);color:var(--text-inverted);}

/* Anpassungen bei zweizeiliger Navigationsleiste */
@media (min-width:27rem) { header {padding-top:120px;} header .foreground img {right:-20%} section h2 {margin-top:4em} }
@media (min-width:674px) { header {padding-top:0} header .foreground img {right:0} section h2 {margin-top:2em} }

main ul {list-style-type:none;padding-left:1em;}
main li {padding:0;text-indent:0;}
main li::before {content:'\25AA';color:var(--primary);display:inline-block;width:1em;margin-left:-1em;font-weight:bold;}

main {background:var(--background);padding:0 0 calc(var(--padding) * 3);position:relative}

section {min-height:60vh;padding:var(--padding) var(--padding) var(--padding);max-width:var(--content-width);margin:0 auto}
@media (min-width:64rem) {section {min-height:0}}

section.left > div ,section.right > div {display:flex;flex-direction:column}
section.left > div > img,section.right > div > img {max-width:20rem;margin:0 auto calc(2 * var(--padding));width:100%;height:100%;object-fit:contain}
section.left > div > div,section.right > div > div {max-width:100%}
@media (min-width:50rem) {
  section.left > div {flex-direction:row;flex-wrap:wrap;justify-content:space-between}
  section.right > div {flex-direction:row-reverse;flex-wrap:wrap;justify-content:space-between}
  section.left > div > img,section.right > div > img {max-width:38%}
  section.left > div > div ,section.right > div > div {max-width:57%}
}
@media (min-width:64rem) {
  section.left > div > img,section.right > div > img {position:static}
}
section._background {background-image:var(--bg);min-height:20rem;height:0;max-width:100vw;width:100vw;margin-right:0;margin-left:0;display:flex;align-items:center}
section._background h3 {max-width:var(--text-width);margin-left:auto;margin-right:auto;font-size:1.5rem;font-weight:normal;letter-spacing:.05em;padding:var(--padding);position:relative;display:block;hyphens:none}

#ritamiddendorf > h3:first-child {padding:calc(var(--padding) * 2) var(--padding) 0;margin:0 auto}
#kontakt p {margin-bottom:.5em}
#datenschutz h2,#datenschutz h3 {hyphens:auto}
#datenschutz ._flow {margin-left:var(--padding);margin-right:var(--padding)}
#datenschutz ._flow div {overflow-x:hidden}

.tastatur {--bg:url('/img/tastatur.jpg')}
.kabine {--bg:url('/img/akademie-kabine-450.jpg')}
@media (min-width:27rem) {.kabine {--bg:url('/img/akademie-kabine-1080.jpg')}}
@media (min-width:64rem) {.kabine {--bg:url('/img/akademie-kabine-1980.jpg')}}

._flow {--minwidth:15em}
._card {border:0;border-radius:0}
._card > *:first-child {margin:unset;padding:revert;background:transparent;color:var(--text-color);width:auto;max-width:100vw}
footer {background:#333;padding:var(--padding);text-align:center}
footer > * {max-width:var(--content-width);margin:0 auto}
footer * {color:var(--text-inverted)}

a._flag {position:absolute;top:calc(var(--touch-target) / 3);left:calc(var(--touch-target) / 3);z-index:100}
a._flag:hover {box-shadow:0 0 var(--padding) var(--secondary)}
nav ul {padding:0 calc(var(--touch-target) * .8)}

._flag {display:inline-block;width:var(--touch-target);height:calc(var(--touch-target) / 4 * 3);background-size:cover;background-position:50% 50%;color:transparent}
._flag[lang=de] {background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 480"%3E%3Cpath fill="%23ffce00" d="M0 320h640v160H0z"/%3E%3Cpath d="M0 0h640v160H0z"/%3E%3Cpath fill="%23d00" d="M0 160h640v160H0z"/%3E%3C/svg%3E')}
._flag[lang=en] {background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" x="0" y="0" version="1.1" viewBox="0 0 640 480"%3E%3Cstyle%3E.wt%7Bfill:%23fff%7D.rd%7Bfill:%23c8102e%7D%3C/style%3E%3Csymbol id="5sr" viewBox="-135.5 -13.4 271 26.9"%3E%3Cpath d="m-121.4 13.4 3.4-10.3h10.6l-8.6-6.3 3.3-10.3-8.7 6.4-8.6-6.3 3.2 10.2-8.7 6.3h10.9l3.2 10.3zm60.8 0 3.4-10.3h10.6l-8.6-6.3 3.3-10.3-8.7 6.5-8.6-6.3L-66-3.2l-8.7 6.3h10.9l3.2 10.3zm60.5 0L3.3 3.1h10.6L5.3-3.1l3.3-10.3L-.1-7l-8.6-6.3 3.2 10.2-8.7 6.3h10.9l3.2 10.2zm60.7 0L64 3.1h10.6L66-3.1l3.3-10.3L60.6-7 52-13.4l3.2 10.2-8.7 6.3h10.9l3.2 10.3zm60.9 0 3.4-10.3h10.6l-8.6-6.3 3.3-10.3-8.7 6.5-8.6-6.3 3.2 10.2-8.7 6.3h10.9l3.2 10.2z" class="wt"/%3E%3C/symbol%3E%3Csymbol id="6sr" viewBox="-166 -13.4 332.1 26.9"%3E%3Cpath d="m-151.9 13.4 3.4-10.3h10.6l-8.6-6.3 3.3-10.3-8.7 6.4-8.6-6.3 3.2 10.2-8.7 6.3h10.9l3.2 10.3zm60.8 0 3.4-10.3h10.6l-8.6-6.3 3.3-10.3-8.7 6.5-8.6-6.3 3.2 10.2-8.7 6.3h10.9l3.2 10.2zm60.4 0 3.4-10.3h10.6l-8.6-6.3 3.3-10.3-8.7 6.5-8.6-6.3 3.2 10.2-8.7 6.3h10.9l3.2 10.2zm60.9 0 3.4-10.3h10.6l-8.6-6.3 3.3-10.3L30.2-7l-8.6-6.3 3.2 10.2-8.7 6.3H27l3.2 10.2zm60.9 0 3.4-10.3h10.6l-8.6-6.3 3.3-10.3L91.1-7l-8.6-6.3 3.2 10.2L77 3.1h10.9l3.2 10.3zm60.9 0 3.4-10.3H166l-8.6-6.3 3.3-10.3L152-7l-8.6-6.3 3.2 10.2-8.7 6.3h10.9l3.2 10.2z" class="wt"/%3E%3C/symbol%3E%3CclipPath id="ID"%3E%3Cpath d="M0 480V0h480L160 480z"/%3E%3C/clipPath%3E%3Cpath d="M0 0h640v480H0z" class="wt"/%3E%3Cpath fill="%23012169" d="M561.5 0h-161v119.9zm78 419.6v-99H506zm0-259v-98l-131.4 98zM400.5 480h159l-159-118.6zm-320 0h160V360.2z"/%3E%3Cpath d="m368.5.6-96 289v191h96v-191h271v-96h-271z" class="rd"/%3E%3Cpath d="m589.5.6-189 141v19h31l208-157v-3zm-167.9 320 217.9 160v-40l-163-120z" class="rd"/%3E%3Cg clip-path="url(%23ID)"%3E%3Cpath d="M0 0h480v480H0z" class="wt"/%3E%3Cpath fill="%23bd3d44" d="M0 0h640v37H0zm0 73.8h640v37H0zm0 73.9h640v37H0zm0 147.6h640v37H0zm0 73.9h640v37H0zM0 443h640v37H0z"/%3E%3Cpath fill="%23192f5d" d="M0 0h364.4v258.6H0z"/%3E%3Cuse xlink:href="%236sr" width="332" height="26.9" x="-166" y="-13.4" transform="matrix(1 0 0 -1 182.3 24.4)"/%3E%3Cuse xlink:href="%236sr" width="332" height="26.9" x="-166" y="-13.4" transform="matrix(1 0 0 -1 182.3 76.8)"/%3E%3Cuse xlink:href="%236sr" width="332" height="27" x="-166" y="-13.4" transform="matrix(1 0 0 -1 182.3 129.1)"/%3E%3Cuse xlink:href="%236sr" width="332" height="27" x="-166" y="-13.4" transform="matrix(1 0 0 -1 182.3 181.5)"/%3E%3Cuse xlink:href="%236sr" width="332" height="27" x="-166" y="-13.4" transform="matrix(1 0 0 -1 182.3 233.8)"/%3E%3Cuse xlink:href="%235sr" width="271" height="27" x="-135.5" y="-13.4" transform="matrix(1 0 0 -1 182.4 50.4)"/%3E%3Cuse xlink:href="%235sr" width="271" height="27" x="-135.5" y="-13.4" transform="matrix(1 0 0 -1 182.4 102.8)"/%3E%3Cuse xlink:href="%235sr" width="271" height="27" x="-135.5" y="-13.4" transform="matrix(1 0 0 -1 182.4 155.2)"/%3E%3Cuse xlink:href="%235sr" width="271" height="27" x="-135.5" y="-13.4" transform="matrix(1 0 0 -1 182.4 207.6)"/%3E%3C/g%3E%3C/svg%3E')}