@import url('https://googleapis.com');
.level_2 a:hover {
    background-color:#28a0b0;
}
.overlay-menu {
    background-color:rgba(40,160,176,.95);
}

/* DarkColor */
h1,
.bgStyle h1,
h2,
h3,
h4,
.mod_eventlist div.header a,
.mainnavi .level_1 a,
a {
    color:#08110f;
}

/* MainColor */
.button-menu .bi,
.button-menu .fa,
.scrolltop a:after,
table.calendar td.active .header,
.mainnavi .level_1 span:hover,
.mainnavi ul.level_1 > .active,
.mainnavi ul.level_2 li span:hover,
.mainnavi ul.level_2 > .active,
.mainnavi .level_1 span.trail,
.mainnavi .level_1 a.trail,
.mainnavi .level_1 a:hover,
.mainnavi .level_1 span.active,
.mainnavi .level_1 a:active,
a.btn,
.btn,
.btn span,
.submit,
.btn-primary,
p.more a,
p.back a,
.btn-big,
.bgStyle h1 strong,
.banner-bg h1 strong,
a:hover,
.slider-control .slider-prev:hover,
.slider-control .slider-next:hover,
.features-block .fa,
.features-block .bi,
.mod_eventlist div.header a:hover,
table thead tr {
    color:#28a0b0;
}

/* DarkColorBackground */
.btn:hover,
.submit:hover,
.btn-primary:hover,
p.more a:hover,
p.back a:hover,
.btn-icon:hover,
.newsletter .submit:hover,
.btn-big:hover,
.footercontainer,
.plan-price,
.ce_accordion .toggler {
    background-color:#08110f;
}

/* MainColorBackground */
.level_2 .active,
li.submenu ul.level_3,
.pricing-standard,
.newsletter .submit,
.background-main,
.pagination li span.active,
.pagination li span:hover,
.pagination li a:hover,
.projectbox:hover .project-bg,
.ce_accordion .toggler:hover,
.ce_accordion .toggler:active,
.ui-accordion-icons.active {
    background-color:#28a0b0;
}

/* MainColorBackgroundTransparent */
.team .blockInner:hover .image_container,
.o-main .textInner {
    background-color:rgba(40,160,176,.8);
}

/* MainColorBorder */
a.btn,
.btn,
.submit,
.btn-primary,
p.more a,
p.back a,
.newsletter .submit,
.btn-big {
    border-top:3px solid #28a0b0;
    border-bottom:3px solid #28a0b0;
}

/* MainColorBorder */
a.btn:hover,
.btn:hover,
.submit:hover,
.btn-primary:hover,
p.more a:hover,
p.back a:hover,
.newsletter .submit:hover,
.btn-big:hover {
    border-top:3px solid #08110f;
    border-bottom:3px solid #08110f;
}
/* --- SUBAYAKU ULTRA-OVERRIDE --- */

/* Überschreibt Bootstrap rigoros für alle Textelemente im Slider */
body .weiss-text,
body .weiss-text *,
body .weiss-text p,
body .weiss-text h1,
body .weiss-text h2,
body .weiss-text h3,
body .weiss-text span {
    color: #ffffff !important;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.9) !important;
}

/* Dunkles Overlay direkt über den Slider-Hintergrund */
body .weiss-text .swiper-slide {
    position: relative !important;
}

body .weiss-text .swiper-slide::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(0, 0, 0, 0.5) !important; /* 50% Abdunklung für Fotografien */
    z-index: 1 !important;
    pointer-events: none !important;
}

/* Schiebt den Inhalt sichtbar vor das Overlay */
body .weiss-text .swiper-slide > div,
body .weiss-text .swiper-slide > .ce_text {
    position: relative !important;
    z-index: 2 !important;
}
/* Weist die importierte Schriftart global zu */
:root {
    --bs-body-font-family: 'Inter', sans-serif !important;
}
/* --- SUBAYAKU GALERIE INTEGRATION SYSTEM --- */

/* Aktiviert die Standard-Abstände (Gutter) von Bootstrap für das Galerie-Raster */
body .gallery-c12.row,
body .ce_gallery .row {
    --bs-gutter-x: 1.5rem !important; /* Horizontaler Abstand (ca. 24px) */
    --bs-gutter-y: 1.5rem !important; /* Vertikaler Abstand (ca. 24px) */
    margin-right: calc(-.5 * var(--bs-gutter-x)) !important;
    margin-left: calc(-.5 * var(--bs-gutter-x)) !important;
}

/* Zwingt die einzelnen Bilder-Container, den neuen Abstand einzuhalten */
body .gallery-c12 .col, 
body .gallery-c12 [class*="col-"],
body .ce_gallery .row > * {
    padding-right: calc(var(--bs-gutter-x) * .5) !important;
    padding-left: calc(var(--bs-gutter-x) * .5) !important;
    margin-bottom: var(--bs-gutter-y) !important; /* Abstand nach unten */
}

/* Sorgt dafür, dass die Bilder innerhalb der Rahmen nicht verzerrt werden */
body .gallery-c12 img,
body .ce_gallery img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 4px !important; /* Optional: Verleiht den Bildern eine feine, runde Ecke */
}