/* Ownpause — Webseiten. Ruhig, elfenbeinfarben, gut lesbar auf dem iPhone. */
:root{
  --grund:#FAF7F0; --papier:#FFFFFF; --tinte:#2A2621; --leise:#6B635A;
  --linie:#E5DDD0; --akzent:#4A6B5C;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--grund); color:var(--tinte);
  font:17px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.rand{max-width:44rem; margin:0 auto; padding:2.5rem 1.25rem 5rem}
header{border-bottom:1px solid var(--linie); margin-bottom:2.5rem; padding-bottom:1.5rem}
.marke{font-size:1.15rem; font-weight:600; letter-spacing:-.01em; text-decoration:none; color:var(--tinte)}
h1{font-size:1.9rem; line-height:1.25; letter-spacing:-.02em; margin:0 0 .4rem}
h2{font-size:1.2rem; letter-spacing:-.01em; margin:2.75rem 0 .6rem; padding-top:1.25rem; border-top:1px solid var(--linie)}
h2:first-of-type{border-top:0; padding-top:0}
h3{font-size:1rem; margin:1.6rem 0 .4rem}
p,li{color:var(--tinte)}
p{margin:0 0 1rem}
ul{margin:0 0 1rem; padding-left:1.2rem}
li{margin-bottom:.4rem}
a{color:var(--akzent)}
.stand{color:var(--leise); font-size:.95rem; margin-bottom:2rem}
.kasten{background:var(--papier); border:1px solid var(--linie); border-radius:12px; padding:1.1rem 1.25rem; margin:1.25rem 0}
.kasten p:last-child{margin-bottom:0}
.leise{color:var(--leise); font-size:.95rem}
footer{margin-top:4rem; padding-top:1.5rem; border-top:1px solid var(--linie); color:var(--leise); font-size:.95rem}
footer a{margin-right:1.1rem; display:inline-block}
table{width:100%; border-collapse:collapse; margin:1rem 0; font-size:.97rem}
th,td{text-align:left; padding:.6rem .5rem; border-bottom:1px solid var(--linie); vertical-align:top}
th{font-weight:600; color:var(--leise); font-size:.9rem}
@media (prefers-color-scheme:dark){
  :root{--grund:#1A1815; --papier:#232019; --tinte:#EFE9DE; --leise:#A39887; --linie:#38332B; --akzent:#8FBFA6}
}
