/* Claim rechts neben dem Logo */
header > a { display:inline-block; }
header > a::after {
    content:" powered by keep it green";
    font-size:0.9em;
    font-weight:300;
    margin-left:0.8em;
    white-space:nowrap;
    line-height:1;
    position:relative; top:-1px;
    color:#fff;
}

/* optional, falls Du .info-banner weiter nutzt */
.info-banner{ … }

/* optionaler globaler Margin‑Fix */
body{ margin-top:0; }

/* Gelber Hinweisbalken unter dem Header */
.info-banner{
    background:#d9e021;      /* Gelbton – gern anpassen */
    color:#366d27;           /* Dunkelgrün wie Corporate‑Farbe */
    padding:6px 15px;
    text-align:center;
    font-size: 1.1rem;
    line-height:1.4;
}

/* Link im Banner */
.info-banner a{
    color:#366d27;
    font-weight:600;
    text-decoration:underline;
}

/* (optional) auf Mini‑Screens ausblenden */
@media (max-width: 480px){
    .info-banner{
        font-size: 0.85rem;   /* kleiner, damit nichts umbricht */
        padding: 6px 10px;    /* etwas schlanker */
    }
}


/* Banner bis ganz an den Fensterrand schieben */
.info-banner{
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: 100vw;          /* verhindert Überlauf‑Scroller */
     /* NEU – Abstand nach oben */
    margin-top: 10px;     /* 10 px = ~0,6 rem, nach Geschmack anpassen */
}