/* figtree-300 - 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: 'Figtree';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/figtree-v9-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-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: 'Figtree';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/figtree-v9-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-500 - 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: 'Figtree';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/figtree-v9-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-600 - 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: 'Figtree';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/figtree-v9-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-700 - 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: 'Figtree';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/figtree-v9-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-800 - 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: 'Figtree';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/figtree-v9-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-900 - 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: 'Figtree';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/figtree-v9-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* ---------- Allgemein ---------- */

body{
    margin:0;
    font-family:
        'Figtree',
        Helvetica,
        Arial,
        sans-serif;

    background:#ffffff;
    color:#3b4a58;
}

.top-line{
    height:11px;
    background:#FE860C;
}

/* ---------- Inhalt ---------- */

.main-wrapper{

    min-height:calc(100vh - 85px);

    display:flex;

    padding:60px 0;
}

.logo{
    width:519px;
    max-width:100%;
    margin-bottom:50px;
}

.doctor-image{
    max-width: 100%;
    width: 100%;
    display: block;
    margin: 0;
    padding-right: 2rem;
}

/* ---------- Texte ---------- */

h1{

    color:#0c5d95;

    font-size:3rem;
    font-weight:700;

    letter-spacing:1px;

    margin-bottom:25px;
}

.lead{

    font-size:1.45rem;

    color:#3c4652;
}

p{

    font-size:1.25rem;

    line-height:1.8;

    margin-bottom:25px;
}

/* ---------- Button ---------- */

.btn-orange {

    background: #FE860C;
    color: #fff;

    border-radius: 40px;

    padding: 16px 28px;

    display: inline-flex;
    align-items: center;
    gap: 12px;

    text-decoration: none;

    transition: .2s;

    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px; /* 162.5% */
    letter-spacing: 0.2px;
}

.btn-orange:hover {
    background: #d86d00;
    color: #fff;
}

.btn-arrow {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(91deg) brightness(105%) contrast(101%);
}

/* ---------- Footer ---------- */

footer{

    background:#5eb2d7;

    padding:22px 0;
}

.footer-links{

    display:flex;
    justify-content:flex-end;
    gap:18px;

    color:#fff;
}

.footer-links a{
    color:#fff;
    text-decoration:none;
    font-weight:600;
    font-size: 20px;
}

.footer-links span{
    font-size: 20px;
    opacity:.8;
}

/* ---------- Responsive ---------- */

@media (max-width:991px){

    .main-wrapper{

        padding:50px 0;
    }

    .logo{

        margin:0 auto 40px;
        display:block;
    }

    h1{

        text-align:center;
        font-size:2.4rem;
    }

    p{

        text-align:center;
    }

    .lead{

        text-align:center;
    }

    .btn-orange{

        display:block;
        width:fit-content;
        margin:40px auto 0;
    }

    .footer-links{

        justify-content:center;
    }

}

@media (max-width:576px){

    h1{

        font-size:2rem;
    }

    p{

        font-size:1.05rem;
    }

    .lead{

        font-size:1.15rem;
    }

    .logo{

        width:300px;
    }

}

/* Bootstrap 5 Container-Breiten */

@media (min-width: 576px) {
    .container { max-width: 600px; }
}

@media (min-width: 768px) {
    .container { max-width: 760px; }
}

@media (min-width: 992px) {
    .container { max-width: 980px; }
}

@media (min-width: 1200px) {
    .container { max-width: 1200px; }
}

@media (min-width: 1400px) {
    .container { max-width: 1500px; }
}

@media (min-width: 1600px) {
    .container {
        max-width: 1600px;
    }
}