/* clamp: min 240, max 1920 */
body {
    font-family: 'NeueKabel-Light',sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #333;
}

p, ul {
    font-size: clamp(1rem, 0.9714rem + 0.1905vw, 1.2rem);
    line-height: clamp(1.3rem, 1.2714rem + 0.1905vw, 1.5rem);
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

b {
    font-family: 'NeueKabel-Book',sans-serif;
}

a, a:hover {
    text-decoration: none;
    color: #333;
}

.Navbar .logo {
    display: inline-block;
    padding: 10px 15px 10px 15px;
}

.Navbar .link {
    /*font-family: 'NeueKabel-Book',sans-serif;*/
    display: inline-block;
    margin-top: 10px;
    padding-left: 10px;
}

.Footer a, .Navbar a {
    display: inline-block;
    border: 1px solid transparent;
    padding: 0;
    transition: 0.4s;
}

@media only screen and (min-width: 639px) {
    .Footer a:hover, .Navbar a:hover {
        border: 1px solid #999;
        padding: 3px 10px;
        border-radius: 0px;
        margin: -3px -10px;
        cursor: pointer;
    }
}

h1 { /* SUBTITLE UNTER LOGO */
    font-family: 'NeueKabel-Book',sans-serif;
    font-size: 1.5rem;
    line-height: 1.8rem;
}


h2 {
    font-size: clamp(1.5rem, 0.8605rem + 4.093vw, 7rem); /*min 250, max: 2400*/
    font-family: 'NeueKabel-Black',sans-serif;
    font-weight: normal;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    margin: 30px;
    padding: 0px;
}

h3, h4 {
    font-size: clamp(1.2rem, 1.1571rem + 0.2857vw, 1.5rem);
    font-family: 'NeueKabel-Book',sans-serif;
    font-weight: normal;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    margin: 20px 0 0 0;
    padding: 0;
}

h4 {
    font-size: clamp(1.1rem, 1.0714rem + 0.1905vw, 1.3rem);
}

.Logobar img { /* Logos Auszeichnungen */
    max-width: 150px;
}

/* Mouseover Colouring*/
@media (hover: hover) and (pointer: fine) {
    /* nur hoverfähige Geräte mit Mouse */
    .greycolorhover {
        -webkit-filter: grayscale(1.0);
        filter: grayscale(1.0);
        transition: 0.2s;
    }

    .greycolorhover:hover {
        -webkit-filter: none;
        filter: none;
    }
}