/* --- Cookie-Banner: fix unten, CLS-frei --- */
#cookie-law{
  position: fixed !important;
  left: 1rem !important;
  right: 1rem !important;
  bottom: 1rem !important;
  margin: 0 !important;
  padding: .75rem 1rem;
  background: #ffffbf;
  border-radius: 17px; /* behält deinen Stil */
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
  max-width: min(520px, 90vw);
  z-index: 9999;
  /* sanftes Einblenden möglich, falls JS .show setzt */
  transform: translateY(16px);
  opacity: 0;
  transition: transform 160ms ease, opacity 160ms ease;
}
#cookie-law.show{ transform:none; opacity:1; }

#cookie-law p{
  padding:10px;
  font-size:87.5%;
  font-weight:400;
  text-align:center;
  color:#000;
  margin:0;
}
#cookie-law span{
  display:inline-block;
  max-width:10%;
  background:#ff8000;
  margin:10px auto 0;
  border-radius:17px;
}
#cookie-law a{
  display:inline-block;
  font-size:large;
  background:#ff8000;
  color:#000;
  text-decoration:none;
  border-radius:17px;
  padding:.4em .9em;
  margin-top:.6em;
  transition:background-color .2s ease;
}
#cookie-law a:hover{ background-color:#ffa; }

/* --- Rest unverändert übernommen --- */
A{color:#000;text-decoration:none;font-size:12px;width:100%}
A:hover{background-color:#ffa}
.wrapper{background-color:#ffffbf;width:100%;margin-left:auto;margin-right:auto}
h1,h2,h3,h4{font-size:16pt;font-weight:lighter;color:navy;text-align:center}
.container{max-width:908px;font-family:Arial;background-image:url(../bilder/orlandosidee-gewuerze-hintergrund.jpg);margin:auto}
#logo{text-align:center}
.lang-nav img{width:75px}
.lang-nav ul,li{display:flex;display:-ms-flexbox;display:-webkit-flex;flex-direction:row;width:95%}
.lang-nav a{width:75px}
nav{float:left;width:100%;margin-bottom:2em}
#site-nav{list-style:none;padding:.5em;margin:.5em}
.js #site-nav{display:none}
#site-nav li{border-color:maroon;border-style:solid;border-width:thin;margin-right:.1em;margin-bottom:.1em;float:left;width:90%}
#site-nav a{display:block;color:#000;background-color:#ffa;padding:.3em .5em .3em .5em;text-decoration:none;border-radius:2px}
#site-nav a:hover{background-image:url(../bilder/orlandosidee-gewuerze-hintergrund.jpg)}
#site-nav-footer{list-style:none;padding:.5em;margin:.5em}
#site-nav-footer li{border-color:maroon;border-style:solid;border-width:thin;margin-right:.1em;margin-bottom:.1em;float:left;width:90%}
#site-nav-footer a{display:block;color:#000;background-color:#ffa;padding:.3em .5em .3em .5em;text-decoration:none;border-radius:2px}
#site-nav-footer a:hover{background-image:url(../bilder/orlandosidee-gewuerze-hintergrund.jpg)}
#footertext p,h3{text-align:center}
@media screen and (min-width:655px){
  .js #site-nav{display:block}
  #site-nav li,#site-nav-footer li{width:auto}
  #hamburger{display:none}
}
.columns{float:left}
.row{width:auto}
.row:before,.row:after{content:" ";display:table}
.row:after{clear:both}
.article{padding-left:1em;padding-right:1em}
.logo{text-align:center}
.figure{padding:.5em;margin:.5em}
#figcaption{padding:.5em;margin:.5em;width:90%}
@media screen and (max-width:479px){
  .small-1{width:100%}
  #site-nav li{height:3em}
}
#site-nav-footer li{height:3em}
@media screen and (min-width:480px) and (max-width:915px){
  .medium-1{width:50%}
  .medium-2{width:100%}
  .figure img{width:70%}
}
@media screen and (min-width:916px){
  .large-1{width:25%}
  .large-2{width:50%}
  .large-3{width:75%}
  .large-4{width:100%}
}