*{box-sizing:border-box}
body{
  margin:0; background:var(--eggshell); color:var(--aubergine);
  font-family:var(--lp-font); font-size:var(--fs-body); line-height:1.6; padding:32px 24px 64px;
}

html[data-lang="de"] [data-l="en"]{display:none}
html[data-lang="en"] [data-l="de"]{display:none}

.langtog{
  float:right; display:flex; border:1px solid var(--grey-40);
  border-radius:var(--r); overflow:hidden; margin:0 0 4px 12px;
}
.langtog button{
  background:transparent; border:0; color:var(--grey); cursor:pointer;
  padding:5px 10px; font:inherit; font-size:11px; letter-spacing:.06em;
}
.langtog button.on{background:var(--aubergine); color:var(--white); font-weight:600}
.wrap{max-width:760px; margin:0 auto; background:#fff; border:1px solid #e6e2e0;
      border-radius:8px; padding:36px 40px}
.mark{font-size:15px; font-weight:700; letter-spacing:-.01em; margin:0 0 2px}
.sub{font-size:9.5px; text-transform:uppercase; letter-spacing:.08em; color:var(--grey-56); margin:0 0 28px}
h1{font-size:24px; font-weight:600; letter-spacing:-.02em; margin:0 0 8px}
h2{font-size:16px; font-weight:600; letter-spacing:-.01em; margin:32px 0 8px}
h3{font-size:13px; font-weight:600; margin:20px 0 6px}
p{margin:0 0 12px; color:#3d3236}
ul{margin:0 0 12px; padding-left:20px; color:#3d3236}
li{margin:0 0 5px}
table{border-collapse:collapse; width:100%; margin:0 0 16px; font-size:13px}
th,td{text-align:left; vertical-align:top; padding:7px 10px; border-bottom:1px solid #eeebe9}
th{font-size:9.5px; text-transform:uppercase; letter-spacing:.06em; color:var(--grey-56); font-weight:600}
a{color:var(--aubergine)}
a:hover{color:var(--ember)}
.stand{font-size:11px; color:var(--grey-56); margin:0 0 24px}
.foot{max-width:760px; margin:20px auto 0; font-size:11px; color:var(--grey-56); text-align:center}
.foot a{color:var(--grey-56); margin:0 8px}

.offen{
  background:#FDF3F2; border:1px solid #F99893; border-radius:6px;
  padding:12px 16px; margin:0 0 16px; font-size:12.5px; color:#5f2b28;
}
.offen b{color:#8f2119}

@media (max-width:1024px),(pointer:coarse){
  .foot a,button,a.btn{min-height:var(--touch); display:inline-flex; align-items:center}
  .foot a{padding:0 6px}
}

@media (max-width:480px){
  body{padding:20px 12px 48px}
  .wrap{padding:22px 16px}
  
  table{display:block; overflow-x:auto; max-width:100%}
  
  a,td,th,p,li{overflow-wrap:anywhere}
}
