/* Markenstil Inken Manz, Farben und Schriften aus der Brand-DNA */
:root{
  --weiss:#ffffff;
  --navy:#001d3d;
  --tuerkis:#40e0d0;
  --gold:#c68c37;
  --gelb:#ffc300;
  --creme:#ecd1ab;
  --navy-weich:rgba(0,29,61,.78);
  --creme-hell:#faf5ee;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--creme-hell);
  color:var(--navy);
  font-family:'EB Garamond',Georgia,'Iowan Old Style',serif;
  font-size:19px;
  line-height:1.72;
}
.band{background:var(--weiss);border-bottom:1px solid rgba(198,140,55,.28)}
.kopf{max-width:820px;margin:0 auto;padding:38px 26px 30px}
.marke{
  font-family:'Playfair Display',Georgia,serif;
  font-weight:700;font-size:1.32rem;letter-spacing:.055em;
  color:var(--navy);text-decoration:none;display:inline-block;
}
.marke span{display:block;font-family:'EB Garamond',Georgia,serif;font-weight:400;
  font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold);margin-top:7px}
main{max-width:820px;margin:0 auto;padding:52px 26px 76px}
h1{
  font-family:'Playfair Display',Georgia,serif;font-weight:700;
  font-size:clamp(2rem,5vw,2.9rem);line-height:1.16;margin:0 0 .3em;
}
h1+.unterzeile{color:var(--navy-weich);font-size:1.06rem;margin:0 0 2.4em}
h1::after{
  content:"";display:block;width:74px;height:3px;background:var(--gold);
  margin-top:26px;border-radius:2px;
}
h2{
  font-family:'Playfair Display',Georgia,serif;font-weight:600;
  font-size:1.44rem;margin:2.5em 0 .55em;line-height:1.3;
}
h3{font-family:'Playfair Display',Georgia,serif;font-weight:600;
  font-size:1.12rem;margin:1.9em 0 .4em}
p,li{color:var(--navy-weich)}
p{margin:0 0 1.05em}
ul{padding-left:1.15em;margin:0 0 1.15em}
li{margin-bottom:.42em}
a{color:var(--gold);text-underline-offset:3px}
a:hover{color:var(--navy)}
strong{color:var(--navy);font-weight:500}
hr{border:0;border-top:1px solid rgba(198,140,55,.3);margin:3em 0}
.karte{
  background:var(--weiss);border:1px solid rgba(198,140,55,.32);
  border-left:4px solid var(--gold);border-radius:4px;
  padding:24px 28px;margin:0 0 2em;
}
.karte p:last-child{margin-bottom:0}
.stand{color:var(--navy-weich);font-size:.9rem;font-style:italic;margin-top:3.5em}
/* Footer, auf allen Seiten gleich */
.fuss{background:var(--navy);color:var(--creme);margin-top:0}
.fuss-innen{max-width:820px;margin:0 auto;padding:52px 26px 46px}
.fuss-marke{font-family:'Playfair Display',Georgia,serif;font-weight:600;
  font-size:1.18rem;color:var(--weiss);margin:0 0 .2em}
.fuss-claim{color:var(--gelb);font-size:.95rem;letter-spacing:.04em;margin:0 0 1.7em}
.fuss p{color:rgba(236,209,171,.9);margin:0 0 .35em;font-size:.97rem}
.fuss a{color:var(--tuerkis);text-decoration:none}
.fuss a:hover{color:var(--gelb);text-decoration:underline}
.fuss-links{margin:1.9em 0 1.6em;padding:0;list-style:none;
  display:flex;flex-wrap:wrap;gap:12px 30px}
.fuss-links li{margin:0}
.fuss-links a{font-size:1rem;letter-spacing:.02em}
.fuss-strich{border-top:1px solid rgba(198,140,55,.42);margin:1.9em 0 1.4em}
.fuss-klein{font-size:.86rem;color:rgba(236,209,171,.62)}
@media(max-width:560px){
  body{font-size:18px}
  main{padding:38px 20px 58px}
  .kopf{padding:28px 20px 22px}
  .fuss-innen{padding:40px 20px 36px}
}