/* ropa-sans-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Ropa Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/ropa-sans-v16-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* ropa-sans-italic - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Ropa Sans';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/ropa-sans-v16-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }

/* 2) Bootstrap Primary sauber überschreiben */
:root {
    --bs-primary: #6ebbdc;
    --bs-primary-rgb: 110, 187, 220;

    /* Optional, damit Outline, Links etc. konsistent wirken */
    --bs-link-color: #6ebbdc;
    --bs-link-hover-color: #57a8c9;
}

/* 3) Typo Grundsetup */
html, body {
    font-family: "Ropa Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

.font-headline {
    font-family: "Ropa Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    font-weight: 800;
    font-style: italic;
}

/* Optional: schöner Fokus, ohne Theater */
:focus-visible {
    outline: 3px solid rgba(110, 187, 220, 0.45);
    outline-offset: 2px;
}

img.logo {
    MAX-WIDTH: 400px;
    width: 100%;
    margin-top: 8rem;
}

.lead{
    background-color: rgba(0,0,0,0.6);
    color: #fff;
}

.lead h1  {
    color: #fff;
    font-weight: bold;
    font-style: italic;
}

p{
    margin-bottom: 0rem;
}
.lead p:last-child {
    margin-bottom: 0;
}

.ws-w {
    background-image: url('../images/werbstatt-w.svg');
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 150px;
}

@media screen and (min-width: 992px) {
    .ws-w {
        background-size: 200px;
    }

    img.logo {
        margin-top: 7rem;
    }
}