@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Medium.woff2') format('woff2'); /* Pfad zur Medium Schriftart */
    font-weight: 600; /* Gewicht 600 */
    font-style: normal; /* Stil normal */
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Regular.woff2') format('woff2'); /* Pfad zur Regular Schriftart */
    font-weight: normal; /* Gewicht normal */
    font-style: normal; /* Stil normal */
}

@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Bold.woff2') format('woff2'); /* Pfad zur Bold Schriftart */
    font-weight: bold; /* Gewicht bold */
    font-style: normal; /* Stil normal */
}

.hide-on-mobile {
    display: none; /* Standardmäßig nicht anzeigen */
}

@media (min-width: 768px) {
    .hide-on-mobile {
        display: inline; /* Auf größeren Bildschirmen anzeigen */
    }
}
.ecampus-container {
    max-width: 1200px; /* Setze die maximale Breite auf 1200px */
    width: 100%; /* Setze die Breite auf 100% für responsives Verhalten */
    margin-left: auto; /* Zentriere den Container */
    margin-right: auto; /* Zentriere den Container */
}

h1 {
    padding-top: 24px;
    padding-bottom: 16px;
    margin-left: 15px;
}

.btn {
    height: 38px;
    line-height: 1.2;
}

.btn-outline-primary {
    color: #005db4; /* Standard Textfarbe */
    padding: 8px 12px; /* Innenabstand */
    border-color: #005db4;
    border-radius: 5px; /* Abgerundete Ecken */
    cursor: pointer; /* Zeiger-Cursor */
    transition: color 0.3s ease; /* Sanfter Übergang für die Farbe */
}

.btn-outline-primary:hover {
    background-color: #004A90;
}

.btn-outline-primary:active {
    /*color: white; !* Textfarbe bei Mouseover *!*/
    background-color: #00386C;
}
.btn img {
    transition: filter 0.3s ease; /* Für einen sanften Übergang */
    margin-right: 8px;
}

.btn:hover img,
.btn:active img {
    filter: brightness(0) invert(1); /* Ändert die Farbe auf Weiß */
}

.ams-e-button--primary:active,
.ams-e-button--primary:hover {
    color: white;
}

.no-radius {
    border-radius: 0 !important;
}
.footer__link-list {
    max-width: 835px;
}
.ams-l-header__top-area {
    height: 56px;
}
.ams-m-header-bar__logo {
    height: 56px;
}
@media (min-width: 1025px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1200px;
        padding-left: 0px;
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 54%;
    }
}
@media (min-width: 1200px) {
    h1, .h1 {
        font-size: 1.625rem;
    }
    .ams-m-header-bar {
        width: 1200px;
    }
    .parbase {
        width: 389.33px;
    }
}

@media screen and (min-width: 641px) {
    .ams-l-main__startpage-content-item:not(:nth-child(3n)) {
        margin-right: 1rem;
    }
}
@media screen and (max-width: 640px) {
    .ams-l-main__startpage-content-item {
        margin-top: 0px;
    }
}
@media screen and (max-width: 768px) {
    .teaser-text, .detail-teaser-text {
        background-color: #ffffff;
        width: 100%;
    }
    .card-img-overlay {
        padding-top: 0px;
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
@media screen and (max-width: 1200px) {
    h2 {
        margin-left: 1rem !important;
    }
}

@media (min-width: 320px) {
    .p-sm-3 {
        padding: 0.5rem !important;
    }
}

p {
    font-size: 1rem;
}
h1 {
    font-family: Roboto;
    font-weight: 600;
    font-size: 26px;
    line-height: 39px;
    margin-top: 0px;
    margin-left: 0px;
    padding-top: 0px;
    max-width: 100%;
}
h2 {
    font-family: Roboto;
    font-weight: 600;
    font-size: 26px;
    line-height: 39px;
    margin-top: 1rem;
    margin-left: 0px;
    margin-bottom: 0.5rem;
    padding-top: 0px;
    max-width: 100%;
}
h3 {
    font-family: Roboto;
    font-weight: 600;
    font-size: 26px;
    line-height: 39px;
    margin-top: 0px;
    margin-left: 0px;
    padding-top: 0px;
    max-width: 100%;
}

.caption {
    margin-bottom: 1rem;
}
.me-md-3 {
    margin-right: 12px !important;
}
.intro-container {
    padding: 16px;
    margin:0px;
}

/* Für alle Mobilgeräte, Hoch- und Querformat bis 767.98px Breite */
@media (max-width: 767.98px) {
    .me-md-0 {
        margin-right: 1rem !important; /* entspricht me-3 */
    }
}
.row>* {
    padding-right: 0 !important;
}