/* =========================================================
   Gestaltung der im iframe geladenen Unterseiten
========================================================= */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    min-height: 100%;
}

body {
    min-height: 100%;

    margin: 0;

    color: #18364e;
    background: transparent;

    font-family:
        Arial,
        Helvetica,
        sans-serif;
}

.unterseite {
    width: 100%;
    min-height: 100%;

    padding:
        clamp(18px, 3vw, 46px);

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fff9e9 100%
        );
}

h1 {
    margin:
        0
        0
        clamp(10px, 1.5vw, 22px);

    color: #0b5184;

    font-size:
        clamp(25px, 4vw, 52px);

    line-height: 1.08;
}

h2 {
    margin:
        clamp(18px, 2.2vw, 34px)
        0
        clamp(8px, 1vw, 16px);

    color: #bd6810;

    font-size:
        clamp(18px, 2.4vw, 32px);

    line-height: 1.2;
}

p,
li {
    font-size:
        clamp(15px, 1.5vw, 20px);

    line-height: 1.6;
}

p {
    margin:
        0
        0
        1em;
}

.einleitung {
    color: #35566e;

    font-size:
        clamp(17px, 1.8vw, 23px);

    font-weight: 600;
}

.inhalts-abschnitt {
    padding:
        clamp(14px, 2vw, 28px);

    background: rgb(255 255 255 / 68%);

    border:
        1px solid
        rgb(11 81 132 / 18%);

    border-radius:
        clamp(10px, 1vw, 18px);

    box-shadow:
        0 8px 24px
        rgb(0 0 0 / 8%);
}

a {
    color: #075b91;

    font-weight: 700;

    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

a:hover {
    color: #b65f08;
}

a:focus-visible {
    outline: 3px solid #075b91;
    outline-offset: 3px;
}

img {
    display: block;

    max-width: 100%;
    height: auto;

    border-radius: 12px;
}