@font-face {
    font-family: 'Schierghofer';
    src: url('./assets/schierghofer.otf') format('opentype');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(assets/KFOlCnqEu92Fr1MmSU5fBBc4AMP6lQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(assets/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(assets/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


:root {
    --primary-color: rgb(0, 48, 79);
    --secondary-color: rgb(0, 146, 163);
}

.btn-primary {
    background-color: var(--primary-color);
}

.btn-secondary {
    background-color: var(--secondary-color);
}

.smaller {
    font-size:90%;
}

body {
    font-family: "Roboto", Arial, sans-serif;
}

h1, h2, h4, .font {
    font-family: 'Schierghofer', sans-serif;
}

h1 {
    font-size:2rem;
}

h5 {
    font-weight: bold;
}

a {
    color: var(--secondary-color)
}

.container {
    max-width: 1400px; /* Beispiel für eine angepasste Breite */
}

section {
    margin-bottom:50px;
}

.header {
    padding: 20px 0;
}

.header .contact-info p {
    color: var(--primary-color);
    margin: 0;
}

.header .btn-primary {
    background-color: var(--secondary-color);
    border: none;
}

.video-section video {
    width: 100%;
    height: auto;
}

.info-section {
    padding: 50px 0;
}

.info-section h1 {
    color: var(--primary-color);
}

.info-section p {
    font-size: 1.1em;
    line-height: 1.6;
}

.info-section .overlay-circle {
    position: absolute;
    bottom: -70px;
    right: 50px;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.leistungen-section {
    background-color: var(--primary-color);
    color: white;
    padding: 50px 0;
}

.leistungen-section h2 {
    color: var(--secondary-color);
}

.cta-section .base {
    border:3px solid var(--secondary-color);
    padding:50px 0;
    text-align:center;
    width:80%;
    margin:0px auto;
    position: relative;
}
.cta-section .base .pad {
    padding: 10px 15%;
}


.news-section {
    padding: 50px 0;
}

footer {
    background-color: var(--primary-color);
    color: white;
    padding: 20px 0;
}

footer img {
    width:100%;
}

footer .col-md-2 {
    margin-bottom: 10px;
}

.footer2 {
    background-color: var(--secondary-color);
    color: white;
    text-align: center;
}

footer a {
    color:white;
}


img.datev {
    width:5vw;
    height:auto;
    position:absolute;
    margin-top:-2.5vw;
}

.big {
    font-size:120%;
}