html, body {
    color: ;
    font-size: 16px;
    
    line-height: 1.25;
}

@media (min-width: 1200px) {
    html, body {
        font-size: 20px;
    }
}

::-webkit-scrollbar-thumb {
    background-color: #E30613;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #E30613;
}

h1 {
    color: ;
    font-family: "DM Sans", sans-serif;;
    font-weight: 600;
    font-size: 24px;
}

h2 {
    color: ;
    font-family: "DM Sans", sans-serif;
    font-weight: 600;
    font-size: 22px;    
}

h3 {
    color: ;
    font-family: "DM Sans", sans-serif;
    font-weight: 600;
    font-size: 20px;    
}

h4 {
    color: ;
    DM Sans;
    font-weight: 600;
    font-size: 18px;    
}

@media (min-width: 1200px) {
    h1 {
        font-size: 36px;
    }

    h2 {
        font-size: 32px;
    }

    h3 {
        font-size: 24px;
    }

    h4 {
        font-size: 20px;
    }
}

header .header-bg {
    background-color: #FFFFFF;
}

header .header-bg:after {
    background-image: linear-gradient(to bottom, #FFFFFF, rgba(0,0,0,0));
}

header .main .nav-link {
    font-size: 20px;
}

@media (min-width: 1200px) {
    header .main .nav-link {
        font-size: 34px;
    }
}

footer {
    color: #FFFFFF;
    background: #E30613;
}

a {
    color: #E30613;    
    text-decoration: none;
}

main a {
    font-weight: None;
}

a:hover {
    color: #000000;
}



.btn.btn-primary {
    color: #FFFFFF;
    background-color: #E30613;
    border: 1px solid ;
}

.btn.btn-primary:hover {
    color: #E30613;
    background-color: #FFFFFF;
}

.btn.btn-secondary {
    color: #FFFFFF;
    background-color: #000000;
    border: 1px solid ;
}

.btn.btn-secondary:hover {
    color: #000000;
    background-color: #FFFFFF;
}

.accordion-body {
    border-left: 1px solid #E30613;
    border-right: 1px solid #E30613;
    border-bottom: 1px solid #E30613;
}

.page-link {
    color: ;
    border: 1px solid ;
}

.page-link:hover,
.page-link:focus {
    border: 1px solid ;
    box-shadow: none;
}

.page-item.active .page-link {
    background-color: ;
    border: 1px solid ;
    color: ;
}
    
a[href^="mailto:"]:before,
a[href^="tel:"]:before {
    color: ;
}

header .navbar-nav .nav-link {
    color: #000000;
}

header .search-form .search-button,
header .search-form .search-input {
    color: #000000;
}

header .navbar-nav .nav-link {
    DM Sans;
}

header .navbar-toggler .menu-icon, header .navbar-toggler .menu-icon:before, header .navbar-toggler .menu-icon:after {
    background-color: #E30613;
}

header .navbar-nav .nav-link.active,
header .navbar-nav .nav-link:hover {
    color: #E30613;
}

header .navbar-nav .dropdown-menu {
    border-color: #E30613;
    background-color: #E30613;
}

header .navbar-nav .dropdown-menu .dropdown-item {
    color: #fff;
}

header .navbar-nav .dropdown-menu .dropdown-item:hover,
header .navbar-nav .dropdown-menu .dropdown-item:focus,
header .navbar-nav .dropdown-menu .dropdown-item.active {
    color: #fff;
    background-color: #E30613;
}

header .navbar-nav .nav-link {
    font-family: "DM Sans", sans-serif;
}


    @media (min-width: 992px) {
        header .nav-item.dropdown:hover:not(.lang-nav) .dropdown-menu, header .nav-item.dropdown.show .dropdown-menu {
            display: block;
        }
    }



    .card,
    .accordion,
    figure img,
    .fancybox-image,
    main .carousel-inner,
    video,
    iframe,
    main image,
    .news-article img,
    .dropdown-menu,
    .form-control,
    .form-select,
    .btn {
        border-radius: .25rem;
    }

    #banner video {
        border-radius: 0;
    }

    .accordion-item:first-of-type .btn.accordion-button {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem;
    }

    .accordion-item:last-of-type .btn.accordion-button.collapsed,
    .accordion-item:last-of-type .accordion-body {
        border-bottom-right-radius: .25rem;
        border-bottom-left-radius: .25rem;
    }


.card {
    
    
    
    
        border: none;
    
}






header .navbar-nav.shortcuts .nav-item:nth-child(1) .nav-link {
    background-color: #E30613;
}

.sticky-form-toggle {
    background-color: #E30613;
}

.sticky-form-content {
    background-color: #E30613;
}

/* Link-Hover-Farben mit Theme-Farbe */
.card a.stretched-link:hover,
.card .card-body a:not(.btn):hover,
.card .card-title a:hover,
main p a:not(.btn):not(.stretched-link):hover,
main div a:not(.btn):not(.stretched-link):not(.card-title):not(.card-body *):hover,
main .rich-text a:not(.btn):not(.stretched-link):hover,
main .content a:not(.btn):not(.stretched-link):hover {
    color: #E30613 !important;
}

/* Sticky-Form-Button-Farben */
.sticky-form-content .btn-submit {
    color: #E30613;
}

/* Slider-Contact-Form Button-Farben */
.slider-contact-form .btn-primary {
    background-color: #E30613 !important;
    border-color: #E30613 !important;
}

.slider-contact-form .btn-primary:hover,
.slider-contact-form .btn-primary:focus {
    background-color: #E30613 !important;
    border-color: #E30613 !important;
    opacity: 0.9;
}

/* Logo-Card Hover-Effekt - Zoom-Animation für Logo-Images */
.card:hover .logo-image img,
.card .logo-image:hover img,
.logo-card:hover .logo-image img,
.logo-card .logo-image:hover img {
    transform: translate(-50%, -50%) scale(1.1) !important;
    transition: transform 0.3s ease-in-out !important;
}

.card:hover .logo-image svg.inline-svg,
.card .logo-image:hover svg.inline-svg,
.logo-card:hover .logo-image svg.inline-svg,
.logo-card .logo-image:hover svg.inline-svg {
    transform: scale(1.1) !important;
    transition: transform 0.3s ease-in-out !important;
}

/* H3-Titel Farb-Fade-Effekt für Logo-Cards */
.card:hover .card-body h3,
.card:hover h3,
.card.logo-card:hover h3,
.card.logo-card:hover .card-body h3,
.card .logo-image:hover ~ .card-body h3,
.logo-card:hover h3,
.logo-card:hover .card-body h3 {
    color: #E30613 !important;
    transition: color 0.3s ease-in-out !important;
}

/* Einheitlicher Button-Abstand */
.btn,
button,
input[type="submit"],
input[type="button"] {
    margin-bottom: 1rem !important;
}

/* Spezifische Button-Typen - gleicher Abstand */
.btn-primary,
.btn-secondary,
.btn-outline-primary,
.btn-outline-secondary,
.btn-success,
.btn-danger,
.btn-warning,
.btn-info,
.btn-light,
.btn-dark {
    margin-bottom: 1rem !important;
}

/* Spezielle Fälle ohne unteren Abstand */
.btn:last-child,
.btn.no-margin-bottom,
.sticky-form-content .btn,
.slider-contact-form .btn,
.navbar .btn,
.card-footer .btn,
.modal-footer .btn,
.btn-primary:last-child,
.btn-secondary:last-child {
    margin-bottom: 0 !important;
}

/* Button-Höhen korrigieren für konsistente Abstände */
.btn-primary {
    height: auto !important;
    padding: 0.375rem 0.75rem !important; /* Standard Bootstrap Button Padding */
}

.btn-secondary {
    height: auto !important;
    padding: 0.375rem 0.75rem !important;
}

/* Basis-Transition für Logo-Images und H3-Titel (für smooth animation) */
.card .logo-image img {
    transition: transform 0.3s ease-in-out !important;
}

.card .logo-image svg.inline-svg {
    transition: transform 0.3s ease-in-out !important;
}

.card h3,
.card .card-body h3,
.logo-card h3,
.logo-card .card-body h3 {
    transition: color 0.3s ease-in-out !important;
}

/* News Hintergrundbild */