/*
Theme Name: DBS
Theme URI: https://www.dbs-dachdeckerei.de
Template: twentytwentyfour
Author: Albrecht MediaPro
Author URI: https://www.albrecht-mediapro.de
Description: Twenty Twenty-Four is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,wide-blocks,block-styles,style-variations,accessibility-ready,blog,portfolio,news
Version: 1.2.1728300368
Updated: 2024-10-07 13:26:08

*/

/* Allgemein ################################################################ */

/* Inhalte nur auf dem Desktop anzeigen */
@media screen and (max-width: 599px) {
	.desktop {
		display: none !important;
	}
}

/* Inhalte nur auf mobilen Geräten anzeigen */
@media screen and (min-width: 600px) {
	.mobile {
		display: none !important;
	}
}

/* Inhalte ausblenden (blendet auch im Backend aus!) */
.hidden,
.content-hidden {
	display: none !important;
}


header, main, footer {
	/* Workaround für Teaser-Slider-Bug C-27 */
	overflow: hidden;
}

/* Allgemeine Links */

main a:where(:not(.wp-element-button)) {
	color: var(--wp--preset--color--accent);
	font-weight: 600 !important;
}

main a:where(:not(.wp-element-button, .wp-block-social-link-anchor, .icon-link, .google-stars)):not(:has(img))::before {
	/* Link-Pfeil bei normalen Links, nicht aber bei Buttons, im Social-Links-Gutenbergblock, mit Gutenberg-Icon oder das Trustsiegel, oder wenn ein Bild verlinkt ist */
	content: '→ ';
	text-wrap: nowrap;
}

main span.wp-font-awesome-icon + a::before,
main span.wp-font-awesome-icon + strong a::before,
main li > a::before {
	/* Kein Pfeil bei:
	 * a) Links, die auf Font-Awesome-Icons folgen (auch, wenn der Link fett ist)
	 * b) Links, die als erstes Element in einem Aufzählungslistenpunkt vorkommen
	 *    (kollidiert sonst mit dem DBS-Logo als Aufzählungspunkt)
	 */
	content: none;
}

:root :where(main a:where(:not(.wp-element-button, .wp-block-social-link-anchor)):hover) {
	text-decoration: underline;
}

/* Buttons mit Outline */

.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color, .has-background) {
	border-width: 2px;
	padding-left: 2em;
	padding-right: 2em;
}

.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color, .has-background):hover,
.cta-button-auf-blau:hover {
	background-color: var(--wp--preset--color--base);
	border-color: var(--wp--preset--color--base);
	color: var(--wp--preset--color--accent-2);
}

/* Horizontale Aufzählungen */
.list-horizontal {
	column-gap: 2em;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

/* Abstandshalter ohne Höhe */ 
.divider-no-height {
  height: 0 !important;
}

/* Überschriften mit DBS-Bildmarke */

h1, h2 {
	position: relative;
}

h1 {
	padding-top: 1.2em;
}

h2 {
	padding-top: 1.5em; /* vorher 3em Test 07-08-2025 */
}

h1::before,
h2::before {
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg viewBox='0 0 10 6' version='1.2' id='svg23' sodipodi:docname='test.svg' inkscape:version='1.2.2 (b0a8486541, 2022-12-01)' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs27' /%3E%3Cg id='surface42470' transform='scale(0.00776692)' style='fill:%23d11515;fill-opacity:1'%3E%3Cpath style='fill:%23d11515;fill-opacity:1;fill-rule:nonzero;stroke:none' d='M 197.08203,325.32812 197.25,325.49609 0,522.74609 V 767 H 1.726562 L 320.23828,448.48437 638.75391,767 H 884.73047 L 320.07031,202.33984 Z m 0,0' id='path18' /%3E%3Cpath style='fill:%23d11515;fill-opacity:1;fill-rule:nonzero;stroke:none' d='M 520.51172,0 397.51953,122.98828 1041.5352,767 h 245.9765 z m 0,0' id='path20' /%3E%3C/g%3E%3C/svg%3E");
	content: '';
	height: 1.75em;
	left: 0;
	position: absolute;
	top: 0.25em; /* vorher 1.7em Test 07-08-2025 */
	width: 1.75em;
}

h1::before {
	top: 0;
}

h2 {
	color: var(--wp--preset--color--accent-2);
}


/* Social Links mit benutzerdefinierten Icons */
.social-link-phone a::before,
main .has-accent-2-background-color .social-link-phone a::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--%3E%3Cpath fill='%23f9f9f9' d='M0 32L144 0l80 144-83.8 67c36.1 68.4 92.3 124.6 160.8 160.8L368 288l144 80L480 512H448C200.6 512 0 311.4 0 64L0 32z'/%3E%3C/svg%3E");
  content: '';
}

main .social-link-phone a::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--%3E%3Cpath fill='%23285b99' d='M0 32L144 0l80 144-83.8 67c36.1 68.4 92.3 124.6 160.8 160.8L368 288l144 80L480 512H448C200.6 512 0 311.4 0 64L0 32z'/%3E%3C/svg%3E");
}

.social-link-mail a::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--%3E%3Cpath fill='%23f9f9f9' d='M0 64l512 0 0 80L256 320 0 144 0 64zM0 448L0 182.8 237.9 346.4 256 358.8l18.1-12.5L512 182.8 512 448 0 448z'/%3E%3C/svg%3E");
	content: '';
}

header .social-link-mail a::before,
header .social-link-phone a::before {
	height: var(--wp--preset--font-size--medium);
	width: var(--wp--preset--font-size--medium);
}

main .social-link-mail a::before,
main .social-link-phone a::before {
	height: 0.5em;
	width: 0.5em;
}

footer .social-link-mail a::before,
footer .social-link-phone a::before {
	height: 0.75em;
	width: 0.75em;
}

.social-link-phone svg,
.social-link-mail svg {
	display: none !important;
}

main .wp-block-social-links .wp-social-link.social-link-phone.has-large-font-size span:not(.screen-reader-text),
main .wp-block-social-links .wp-social-link.social-link-mail.has-large-font-size span:not(.screen-reader-text) {
	font-size: var(--wp--preset--font-size--large);
}

main .wp-block-social-links .wp-social-link.social-link-phone.has-large-font-size a::before,
main .wp-block-social-links .wp-social-link.social-link-mail.has-large-font-size a::before{
	height: 0.75em;
	width: 0.75em;
}


/* Zentrieren */

.dbs-center {
	margin-left: auto;
	margin-right: auto;
}


/* Navigation ############################################################### */

    header .wp-block-navigation-item {
        border-bottom: 2px transparent solid;
    }
    
    header .wp-block-navigation-item a {
        text-decoration: none;
    }
    
    header ul.wp-block-navigation > .current-menu-item,
    header ul.wp-block-navigation > .current-menu-ancestor,
    header ul.wp-block-navigation-submenu > li.current-menu-item > a > span {
        color: var(--wp--preset--color--accent-2);
        border-bottom: 2px var(--wp--preset--color--accent-2) solid;
    }
    
    header ul.wp-block-navigation > .wp-block-navigation-item:hover:not(.wp-block-navigation-submenu)  {
        border-bottom: 2px var(--wp--preset--color--accent) solid;
    }
    
     header ul.wp-block-navigation .wp-block-navigation-item:hover  {
        color: var(--wp--preset--color--accent);
    }

@media only screen and (max-width: 599px) {
	header ul.wp-block-navigation > .current-menu-item {
        border-bottom: none;
    }	
}

/* Mainnav: Mobil *********************************************************** */
/* Direkt hier drunter ist der alte Code, um erst mal sicher zu gehen, dass nicht
 * aus versehen etwas gelöscht wurde, was bleiben sollte */ 

/*@media only screen and (max-width: 599px) {
	.block-logo-nav {
		gap: 2em;
	}
  
	.block-logo-nav nav {
		border: 2px solid var(--wp--preset--color--base);
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-outermost-icon-block {
		background-color: var(--wp--preset--color--accent);
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > a {
		background-color: var(--wp--preset--color--accent) !important;
		color: var(--wp--preset--color--base);
		padding: 0.4em 0.8em;
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
		padding-bottom: 1.5em;
		padding-right: 0;
		padding-top: 0.5em;
		text-transform: none;
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > ul > li.wp-block-navigation-item:not(.has-child) {
		margin-bottom: 1.5em;
	}

	.wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container li a {
	}
	
	.wp-block-navigation__responsive-container-open svg {
		width: 36px;
		height: 36px;
	}
}*/

@media (max-width: 599px) {

    /* Layout / Branding */
    .block-logo-nav {
        gap: 2em;
    }
    .block-logo-nav nav {
        border: 2px solid var(--wp--preset--color--base);
    }

    /* Burger-Icon */
    .wp-block-navigation__responsive-container-open svg {
        width: 36px;
        height: 36px;
    }

    /* Mobile-Menü: Basisstil */
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-outermost-icon-block {
        background-color: var(--wp--preset--color--accent);
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > a {
        background-color: var(--wp--preset--color--accent) !important;
        color: var(--wp--preset--color--base);
        padding: 0.4em 0.8em;
    }

    /* Aktives Element (überschreibt die Basisregel oben) */
    header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item.current-menu-item > a {
        background-color: var(--wp--preset--color--accent-2) !important;
    }

    /* Submenu-Container: Abstände/Reset */
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
        padding-bottom: 1.5em;
        padding-right: 0;
        padding-top: 0.5em;
        text-transform: none;
    }

    /* Abstände zwischen Items (verschiedene Zustände kombiniert) */
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > ul > li.wp-block-navigation-item:not(.has-child),
    .wp-block-navigation__responsive-container.is-menu-open li.open-on-hover-click:has(button[aria-expanded="false"]),
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content > ul > li > .wp-block-navigation-submenu__toggle[aria-expanded="false"] {
        margin-bottom: 0.2em;
    }

    /* Header-Bereich: Ausrichtung & Breiten */
    #modal-1-content {
        align-items: start;
    }
    #modal-1-content .wp-block-navigation {
        text-align: left;
        align-items: start;
    }
    #modal-1 .wp-block-navigation .wp-block-navigation-item {
        align-items: start;
    }

    .wp-block-navigation__container,
    .wp-block-navigation-item {
        width: 100% !important;
    }

    .wp-block-navigation-item > a {
        width: calc(100% - 1.6em);
        /* 2 * 0.8em */
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
        width: calc(100% - 1.6em);
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > button {
        color: var(--wp--preset--color--base);
    }

    /* Submenu ein-/ausklappen über Toggle */
    .wp-block-navigation__submenu-container {
        display: none !important;
    }
    .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container {
        display: block !important;
    }

    /* Submenu-Icon */
    .wp-block-navigation__submenu-icon {
        display: inline-flex !important;
        line-height: 0;
        align-self: start !important;
        position: absolute;
        right: 0;
        margin: 0 !important;
        width: 2.4em !important;
        height: 2.4em !important;
    }

    .wp-block-navigation__submenu-icon svg {
        transition: transform 0.25s ease, color 0.2s ease, opacity 0.2s ease;
        width: 1em !important;
        height: 1em !important;
        position: absolute;
        right: 0;
        padding: 0.7rem;
    }

    .wp-block-navigation__submenu-icon[aria-expanded="true"] svg {
        transform: rotate(180deg);
    }

    /* Aktueller Eintrag in Dropdowns */
    ul.wp-block-navigation-submenu > .current-menu-item > a > span {
        color: var(--wp--preset--color--accent-2);
        border-bottom: 2px solid var(--wp--preset--color--accent-2);
    }
}

/* Reduzierte Bewegung */
@media (max-width: 599px) and (prefers-reduced-motion: reduce) {
    .wp-block-navigation__submenu-icon svg {
        transition: none;
        animation: none !important;
    }
}	
	

/* Hero ##################################################################### */

.dbs-hero-wrapper {
	margin-bottom: 4.5rem !important;
	width: 100% !important;
}

@media screen and (min-width: 600px) {
	.dbs-hero-wrapper {
		margin-bottom: 0 !important;
	}
}

.dbs-hero {
	background-position: bottom;
	background-size: cover;
	height: 50vh; /*  */ 
	position: relative;
	width: 100% !important;
}

@media screen and (min-width: 600px) {
	.dbs-hero {
		height: 70vh;
	}
}


.dbs-hero-headline-container {
	bottom: 2rem;
	color: #fff;
	position: absolute;
	width: 100%;
}

@media screen and (max-width: 599px) {
	.dbs-hero-headline-container {
		bottom: 0rem; /**/
	}
}

@media screen and (min-width: 600px) {
	.dbs-hero-headline-container {
		bottom: 3vw;
		left: 14vw; /**/
        right: 21vw; /**/
		width: unset;
	}
}

.dbs-hero-headline-container > div {
	margin: 0;
	padding-bottom: 0.5rem;
	padding-left: var(--wp--style--root--padding-left);
	padding-right: var(--wp--style--root--padding-right);
	padding-top: 0.5rem;
}

@media screen and (min-width: 600px) {
	.dbs-hero-headline-container > div {
		padding: 0.25vw 1vw 0.25vw 1vw;
	}
}

.dbs-hero-headline-container p {
	margin: 0;
}

.dbs-hero-headline-container > .dbs-hero-subheadline {
	background-color: rgba(40, 91, 153); /**/
	font-size: calc(8px + 1vw); /*calc(8px + 1.75vw)*/
	margin-bottom: 0 !important; /**/
	padding-right: 15vw;
    padding-top: 1rem; /**/
}

@media screen and (min-width: 600px) {
	.dbs-hero-headline-container > .dbs-hero-subheadline {
		background-color: rgb(40, 91, 153);
		margin-bottom: 0 !important;
        padding-top: 0.5rem; /**/
	}
}

.dbs-hero-headline-container > .dbs-hero-headline {
	background-color: rgb(40, 91, 153);
	font-size: calc(12px + 2vw); /*calc(12px + 3vw)*/
	font-weight: 700;
	line-height: calc(16px + 3.5vw);
	min-height: 2rem;
	padding-bottom: 1rem; /**/
	padding-top: 0; /**/
}

@media screen and (min-width: 600px) {
	.dbs-hero-headline-container > .dbs-hero-headline {
		background-color: rgba(40, 91, 153, 0.7);
        padding-top: 0.3rem; /**/
        padding-bottom: 0.5rem; /**/
	}
}

@media screen and (max-width: 599px) {
	.dbs-hero-headline-container > .dbs-hero-subheadline {
		padding-bottom: 0.1rem !important;
	}
}

@media screen and (min-width: 600px) {
	.dbs-hero-headline {
		background-color: rgba(40, 91, 153, 0.7);
	}
}

.dbs-hero-seal {
	bottom: 12vh;
	max-width: 228px;
    /*max-width: 30vw; */
	position: absolute;
	width: 35vw;
	transform: rotate(14.5deg);
	right: 10px; /**/
    bottom: 4.3em; /**/
}

@media screen and (min-width: 600px) {
	.dbs-hero-seal {
		width: 15vw;
        /*max-width: 300px; */
		right: -7vw; /**/
        bottom: -5px; /**/
	}
}

/* Hero-Unterzeile */

.hero-service .wp-block-social-links .wp-social-link span:not(.screen-reader-text),
.hero-service p:not(.screen-reader-text) {
	font-size: var(--wp--preset--font-size--medium);
}

@media screen and (min-width: 600px) {
	.hero-service .wp-block-social-links .wp-social-link span:not(.screen-reader-text) {
		font-size: var(--wp--preset--font-size--medium);
	}
}


/* Content ################################################################## */

figure.is-style-rounded img {
    border-radius: 0;
}

.wp-block-cover {
	align-items: flex-end;
	overflow: visible;
	position: relative;
}

.wp-block-cover__inner-container {
	background-color: var(--wp--preset--color--accent);
	border: 2px solid var(--wp--preset--color--base);
	bottom: -3.25rem;
	left: 50%;
	min-width: 35 vw;
	padding: 0.25rem 2rem;
	position: absolute;
	transform: translate(-50%, -50%);
	white-space: nowrap;
	width: auto !important;
}

/* Bild an zweite Stelle setzen */

@media screen and (min-width: 600px) {
	.dbs-image-second {
		column-gap: 2rem;
		display: flex;
		flex-direction: row !important;
	}

	.dbs-image-second .dbs-headline-subhead {
		display: inline-block;
		order: 1;
		width: calc(50% - 1rem);
	}

	.dbs-image-second figure {
		order: 2;
		width: calc(50% - 1rem); 
	}

	.dbs-image-second .wp-block-list {
		columns: 2;
		column-gap: 4rem;
		order: 3;
	}

	.dbs-image-second .wp-block-list li {
		break-inside: avoid;
	}

}

/* DBS-Block 2 */

@media screen and (min-width: 600px) {
	.dbs-block-02 {
		column-gap: 2rem;
		display: flex;
		flex-direction: row !important;
	}

	.dbs-block-02 h2 {
		order: 1;
		width: 100%;
	}

	.dbs-block-02 .dbs-headline-subhead {
		display: inline-block;
		order: 2;
		width: calc(50% - 1rem);
	}

	.dbs-block-02 figure {
		order: 3;
		width: calc(50% - 1rem); 
	}

	.dbs-block-02 .wp-block-columns {
		columns: 2;
		column-gap: 4rem;
		order: 4;
		width: 100%;
	}

	.dbs-block-02 .wp-block-list li {
		break-inside: avoid;
	}

}

/* DBS-Block 3 */

.dbs-block-03 .wp-block-buttons {
	width: 100%;
}

.dbs-block-03 .wp-block-social-links {
	margin-left: auto !important;
	margin-right: auto !important;
}

.dbs-block-03 figure.wp-block-image {
	margin-top: 2rem !important;
}

@media screen and (min-width: 600px) {

	.dbs-block-03 figure.wp-block-image {
		margin-bottom: 3rem;
		order: -1 !important;
		/*width: calc(50% - 1rem); */
	}

	.dbs-block-03 .wp-block-columns {
		columns: 2;
		column-gap: 4rem;
		width: 100%;
	}

	.dbs-block-03 .wp-block-list li {
		break-inside: avoid;
	}

}


/* DBS-Block, Blau 01 */

.dbs-blau-01 {
	color: var(--wp--preset--color--base);
}

.dbs-blau-01 h2 {
	color: var(--wp--preset--color--base);
	font-size: clamp(2rem, 2rem + ((1vw - 0.2rem) * 2.25), 3.75rem);
	font-weight: normal;
	/*         clamp(2.31rem, 2.31rem + ((1vw - 0.2rem) * 2.425), 4.25rem); */
}

.dbs-blau-01 h2::before {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg viewBox='0 0 10 6' version='1.2' id='svg23' sodipodi:docname='test.svg' inkscape:version='1.2.2 (b0a8486541, 2022-12-01)' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs27' /%3E%3Cg id='surface42470' transform='scale(0.00776692)' style='fill:%23f9f9f9;fill-opacity:1'%3E%3Cpath style='fill:%23f9f9f9;fill-opacity:1;fill-rule:nonzero;stroke:none' d='M 197.08203,325.32812 197.25,325.49609 0,522.74609 V 767 H 1.726562 L 320.23828,448.48437 638.75391,767 H 884.73047 L 320.07031,202.33984 Z m 0,0' id='path18' /%3E%3Cpath style='fill:%23f9f9f9;fill-opacity:1;fill-rule:nonzero;stroke:none' d='M 520.51172,0 397.51953,122.98828 1041.5352,767 h 245.9765 z m 0,0' id='path20' /%3E%3C/g%3E%3C/svg%3E");
}

.dbs-blau-01 .wp-block-column {
	padding-bottom: 4rem;
}

.dbs-blau-01 .wp-block-columns {
  padding-top: 4rem;
}

.dbs-blau-01 .wp-block-column:nth-child(2) {
	display: none;
}

@media screen and (min-width: 600px) {

	.dbs-blau-01 h2 {
		padding-top: 10rem;
	}
	
	.dbs-blau-01 h2::before {
		top: 1.4em;
	}

	.dbs-blau-01 .wp-block-column:nth-child(2),
	.dbs-blau-01 .wp-block-column:nth-child(3) {
		display: block;
		padding-top: 10rem;
	}
	
	.dbs-blau-01 .wp-block-columns {
  		padding-top: initial;
	}

}

/* Teaser-Slider: Swiper */

/*.swiper {
	height: 300px;
	margin: 0 !important;
	max-width: unset;
	padding: 0 !important;
	width: 100%;
}*/

.teaser-slider .swiper-slide {
	background-color: #fff;
	box-shadow: 0px 0px 15px 0px rgba(50,50,50,0.7);
	display: flex;
	flex-direction: column;
	height: auto;
	overflow: hidden;
	width: calc( ( var(--wp--style--global--content-size) - 2 * 40px ) / 3 );
}

.teaser-slider .swiper-slide h3,
.teaser-slider .swiper-slide p,
.teaser-slider .swiper-slide a {
	padding-left: 1rem;
	padding-right: 1rem;
}

.teaser-slider .swiper-slide h3 {
	font-size: clamp(1.5em, 5vw, 2.3em);
	font-weight: 700;
	margin-bottom: 0;
	margin-top: 1.25rem;
}

.teaser-slider .swiper-slide p {
	flex: 1 0 auto;
}

.teaser-slider .swiper-slide a {
	display: block;
	font-size: 1.25em;
	margin-bottom: 1rem;
}

.teaser-slider .swiper-slide a::before {
	content: '» ';
}

.teaser-slider .swiper-slide a:first-child {
	margin: 0;
	padding: 0;
}

.teaser-slider .swiper-slide a:first-child::before {
	content: '';	
}

.teaser-slider .swiper-slide.wp-block-column {
	margin: 0 !important;
	padding: 0 !important;
	width: auto !important;
}

.teaser-slider .swiper-slide img {
	aspect-ratio: 1.7;
	border-bottom: 0.4rem solid var(--wp--preset--color--accent);
	object-fit: cover;
	object-position: top;
	width: 100%;
}

@media screen and (max-width: 599px) {
	.teaser-slider .swiper-slide  {
		flex-basis: auto !important;
		width: 80% !important;
	}
}

.wp-block-group:has(>.teaser-slider) {
    display:block;
}

/* Aufzählungen/Listen */

.wp-block-post-content ul {
	list-style-type: none;
}

.wp-block-post-content li {
	font-weight: 300;
	line-height: 1.6em;
	margin-bottom: 0.25em;
	position: relative;
}

.wp-block-post-content li strong {
	font-weight: 600;
}

.wp-block-post-content .wp-block-list li::before {
	background-repeat: no-repeat;
	/*background-image: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='check-circle' class='svg-inline--fa fa-check-circle fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%2315aabf' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'></path></svg>");*/
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg viewBox='0 0 10 6' version='1.2' id='svg23' sodipodi:docname='test.svg' inkscape:version='1.2.2 (b0a8486541, 2022-12-01)' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs27' /%3E%3Cg id='surface42470' transform='scale(0.00776692)' style='fill:%23d11515;fill-opacity:1'%3E%3Cpath style='fill:%23d11515;fill-opacity:1;fill-rule:nonzero;stroke:none' d='M 197.08203,325.32812 197.25,325.49609 0,522.74609 V 767 H 1.726562 L 320.23828,448.48437 638.75391,767 H 884.73047 L 320.07031,202.33984 Z m 0,0' id='path18' /%3E%3Cpath style='fill:%23d11515;fill-opacity:1;fill-rule:nonzero;stroke:none' d='M 520.51172,0 397.51953,122.98828 1041.5352,767 h 245.9765 z m 0,0' id='path20' /%3E%3C/g%3E%3C/svg%3E");
	content: '';
	height: 1em;
	left: -1.25em;
	position: absolute;
	top: 0.5em;
	width: 1em;
}


/* Footer ################################################################### */

/* Footer-Hauptteil (dbs-footer-main) */

@media screen and (max-width: 599px) {
	.dbs-footer-main {
		background-position: bottom !important;
		background-size: contain !important;
		background-repeat: no-repeat !important;
	}
}

/* Footer-Navigation (mobil) */

h3.footer-nav-mobile-heading {
	border-bottom: 1px solid var(--wp--preset--color--base) !important;
	border-top: 1px solid var(--wp--preset--color--base) !important;
	color: var(--wp--preset--color--base) !important;
	font-weight: 500;
	margin-top: 2rem;
	line-height: 2.25em;
	text-transform: uppercase;
}

/* Footer-Leistungen */

.footer-leistungen ul {

}

/* Footer: Top-Link (nach oben) */

.footer-link-top a::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2025 Fonticons, Inc.--%3E%3Cpath d='M256 32a224 224 0 1 1 0 448 224 224 0 1 1 0-448zm0 480A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm11.3-379.3L256 121.4l-11.3 11.3-96 96L137.4 240 160 262.6l11.3-11.3L240 182.6 240 368l0 16 32 0 0-16 0-185.4 68.7 68.7L352 262.6 374.6 240l-11.3-11.3-96-96z'/%3E%3C/svg%3E");
	background-position: center center;
	background-repeat: no-repeat;
	content: '';
	height: 1.5em;
	left: 50%;
	position: absolute;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 1.5em;
}

.footer-link-top a {
	color: transparent;
	position: relative;
}

.footer-link-top a:focus-visible::before{
	outline: 2px solid #000;
	outline-offset: 4px;
	border-radius: 99px;
}





/* Hero-Slider Style */

.swiper.dbs-hero-slider {
	height: 50vh;
	position: relative;
	width: 100% !important;
}
@media screen and (min-width: 600px) {
	.swiper.dbs-hero-slider {
		height: 69.9vh; /* Quick-Fix gegen den weißen Streifen, der manchmal zwischen Bild und rotem Balken erscheint -kg */
        margin-bottom: 0 !important;
    }
}
    
.hero-slider-button-prev:active, .hero-slider-button-next:active {
    outline: none;
}

@media screen and (max-width: 599px) {
	.hero-slider-button-prev, .hero-slider-button-next, .hero-slider-pagination {
		display: none;
	}
}

/* === Allgemein === */
.hero-slider-button-prev,
.hero-slider-button-next,
.hero-slider-pagination .swiper-pagination-bullet {
  outline: none;
  cursor: pointer;
}

/* === Navigation Buttons === */
.hero-slider-button-prev,
.hero-slider-button-next {
  background-color: rgba(40, 91, 153, 0.9);
  color: #fff;
  width: 48px;
  height: 48px;
  border: 1px solid transparent;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  transition: background-color 0.3s ease, outline 0.1s ease, transform 0.1s ease;
}

.hero-slider-button-prev::after,
.hero-slider-button-next::after {
  font-size: 20px;
}

/* Hover- und Fokuszustände */
.hero-slider-button-prev:hover,
.hero-slider-button-next:hover,
.hero-slider-button-prev:focus,
.hero-slider-button-next:focus {
  background-color: rgba(41, 41, 41, 0.9);
  transform: scale(1.1);
  /*filter: drop-shadow(0px 4px 6px rgba(16, 31, 50, 0.8));*/
}

.hero-slider-button-prev:focus-visible,
.hero-slider-button-next:focus-visible {
  border: 1px solid #fff;
  outline: 3px solid #fff;
  outline-offset: 2px;
}


/* === Pagination Bullets === */
.hero-slider-pagination .swiper-pagination-bullet {
  opacity: 1 !important; /* überschreibt anderes Stylesheet */
  background-color: rgba(40, 91, 153, 0.6);
  width: 14px;
  height: 14px;
  margin: 0 6px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.2); 
  transition: background-color 0.3s ease, transform 0.3s ease;
}

/* === Aktiver Bullet (hochkontrastreich) === */
.hero-slider-pagination .swiper-pagination-bullet-active {
  border: 1px solid #fff; 
  transform: scale(1.3);
}

/* Hover- & Fokus-Zustand */

.hero-slider-pagination .swiper-pagination-bullet:hover,
.hero-slider-pagination .swiper-pagination-bullet:focus {
  background-color: rgba(41, 41, 41, 1);
}

.hero-slider-pagination .swiper-pagination-bullet:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}

/* === Touchfreundlich für kleinere Bildschirme === */
@media (max-width: 599px) {
  .hero-slider-pagination .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
  }
}

@media (min-width: 600px) {
	.hero-slider-button-prev {
		left: 20px;
	}
	.hero-slider-button-next {
		right: 20px;
	}
}



/* Buttons #################################### */
/* BSAG-konformer Hover-Effekt mit Box-Shadow und Vergrößern */

.wp-block-button .wp-element-button {
    transition: box-shadow 0.2s ease-in-out, transform 0.2s ease;
    box-shadow: none;
}

.wp-block-button .wp-element-button:hover {
    transform: scale(1.1);
}

.wp-block-button.btn-rot-voll .wp-element-button:hover,
.wp-block-button.btn-blau-voll .wp-element-button:hover,
.wp-block-button.btn-weiss-outline .wp-element-button:hover {
    box-shadow: 0 4px 12px rgba(16, 31, 50, 0.8);
}

.wp-block-button.btn-rot-outline .wp-element-button:hover,
.wp-block-button.btn-blau-outline .wp-element-button:hover {
    box-shadow: 0 4px 10px rgba(16, 31, 50, 0.4);
}

/* Buttons Styling */

.wp-block-button.btn-rot-voll .wp-element-button {
    background: var(--wp--preset--color--accent);
    color: white;
    border: none;
}

.wp-block-button.btn-rot-outline .wp-element-button {
    background: #fff;
    color: var(--wp--preset--color--accent);
    border: 2px solid var(--wp--preset--color--accent);
}

.wp-block-button.btn-blau-voll .wp-element-button {
    background: var(--wp--preset--color--accent-2);
    color: white;
    border: none;
}

.wp-block-button.btn-blau-outline .wp-element-button {
    background: #fff;
    color: var(--wp--preset--color--accent-2);
    border: 2px solid var(--wp--preset--color--accent-2);
}

.wp-block-button.btn-weiss-outline .wp-element-button {
    background: transparent;
    color: white;
    border: 2px solid white;
}

/* Flash Effekt */

.wp-block-button.flash .wp-element-button,
.wp-block-button.neben-flash .wp-element-button
{
    position: relative;
    overflow: hidden;
}

.wp-block-button.flash .wp-element-button::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -150%;
    width: 150%;
    height: 200%;
    background: linear-gradient(105deg,
            transparent,
            rgba(255, 255, 255, 0.4),
            transparent);
    transform: skewX(-15deg);
    z-index: 1;
}

.wp-block-button.flash .wp-element-button:hover::before {
    animation: flash 0.6s ease-out forwards;
}

@keyframes flash {
    from {
        left: -150%;
    }

    to {
        left: 120%;
    }
}


/* Klasse für hover-Schatten */

.hover-schatten {
	transition: box-shadow 0.2s ease-in-out;
}

.hover-schatten:hover {
    filter: drop-shadow(0px 4px 6px rgba(16, 31, 50, 0.8));
}

/* responsive Buttons */
@media screen and (max-width: 599px) {
	.btn-mobile-100 {
		width: 100% !important;
	}
	.btn-mobile-auto {
		width: auto !important;
	}
}

/* Klasse für hover-scale */

.hover-scale {
	transition: transform 0.2s ease;
	width: fit-content;
}
.hover-scale:hover {
	transform: scale(1.1);
}
.hover-scale:hover a {
	text-decoration: none !important;
}

/* Buttons im CTA */

.three-responsive-buttons .wp-block-button,
.three-responsive-buttons .wp-block-button .wp-element-button {
    width: 100%;
}

@media screen and (min-width: 600px) {
    .three-responsive-buttons {
        flex-direction: row;
    }

    .three-responsive-buttons .wp-block-button {
        width: 250px;
        max-width: 30%;
    }
    .three-responsive-buttons .wp-block-button .wp-element-button {
        width: 100%
    }
}


figure.img-4-zu-3 img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

/* Contact Form */

.dbs-contact-form {
    background-color: #fff;
    padding: 1.2em;
    max-width: 100%;
    box-sizing: border-box;
}

.dbs-contact-form p {
    margin-bottom: 0.4rem;
	margin-top: 0.2rem;
    list-style: none;
}

.dbs-contact-form label {
    display: block;
    font-weight: 600;
    color: #285b99;
}

.dbs-contact-form input[type="text"],
.dbs-contact-form input[type="email"],
.dbs-contact-form select,
.dbs-contact-form textarea {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #ccc;
    font-size: 1rem;
    box-sizing: border-box;
}

.dbs-contact-form textarea {
    resize: vertical;
    min-height: 120px;
}

.dbs-contact-form .red {
    color: #d11515;
}

.dbs-contact-form small {
    display: block;
    font-size: 0.85rem;
    color: #666;
}

.dbs-contact-form input[type="checkbox"] {
    margin-right: 0.5rem;
    transform: scale(1.2);
}

.dbs-contact-form input[type="submit"] {
    background-color: #285b99;
    color: #fff;
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s;
}

.dbs-contact-form input[type="submit"]:hover,
.dbs-contact-form input[type="submit"]:focus {
    background-color: #d11515;
    outline: none;
}

.dbs-contact-form input[disabled] {
    background-color: #ccc;
    cursor: not-allowed;
}

.dbs-contact-form hr {
    border: none;
    border-top: 1px solid #285b99;
    margin: 1.5rem 0;
}

.contact-form-row {
    display: flex;
    flex-direction: column;
	gap: 1rem;
}

.contact-form-column {
    width: 100%;
}

.contact-form-row > *:only-child {
    width: 100%;
}

@media (min-width: 600px) {
    .dbs-contact-form {
        padding: 1.5rem;
    }
	
	.contact-form-row {
        flex-direction: row;
    }

    .contact-form-column {
        width: 50%;
    }
}

.contact-form-accept {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.contact-form-accept .contact-form-column:first-child {
  flex: 0 0 auto;
  display: flex;
  align-items: flex-start;
  width: auto;
}

.contact-form-accept .contact-form-column:last-child {
  flex: 1 1 0;
  width: auto;
}

.contact-form-accept .wpcf7-list-item {
  margin:0;
}

.contact-form-accept label {
  font-weight: revert;
}

.dbs-contact-form input.wpcf7-submit {
  display: block;
  width: 100%;
  box-sizing: border-box;
} 
    
.dbs-contact-form .wpcf7-spinner {
  display: block;
  margin: 0 auto;	
}



/* Grids */

.grid-1col {
   grid-template-columns: 1fr;
}
.grid-2col {
   grid-template-columns: repeat(2, 1fr);
}
.grid-3col {
   grid-template-columns: repeat(3, 1fr);
}
.grid-4col {
   grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 599px) {
.grid-mobile-1col {
   grid-template-columns: 1fr;
}
.grid-mobile-2col {
   grid-template-columns: repeat(2, 1fr);
}
.grid-mobile-3col {
   grid-template-columns: repeat(3, 1fr);
}
.grid-mobile-4col {
   grid-template-columns: repeat(4, 1fr);
}
}

@media (min-width: 600px) {
  .grid-desktop-1col {
    grid-template-columns: 1fr;
  }
  .grid-desktop-2col {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid-desktop-3col {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid-desktop-4col {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* Beer-Slider */
.wp-block-column .beer-slider [data-beer-label] {
  overflow-wrap: normal;
  word-break: normal;
  white-space: nowrap;
}

/* Kundenstimmen */

.kundenstimmen .swiper-slide p:first-child {
    background-color: #DEDEDE;
	margin: 0 10px;
    border-radius: 10px;
    padding: 15px;
    position: relative;
}

.kundenstimmen .swiper-slide p:first-child:after {
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #DEDEDE;
    bottom: -19px;
    content: "";
    height: 0; 
    left: 30px;
    position: absolute;
    width: 0; 
}

.kundenstimmen .swiper-slide p:last-child {
	margin: 30px 0 0 0;
    font-weight: bold;
    padding-left: 15px;
}

@media (max-width: 600px) {
	.kundenstimmen .swiper-button-next,
	.kundenstimmen .swiper-button-prev {
		height: 100%;
		top: 0;
	}
}

.amp-faq details,.amp-faq details h2 {
	margin-right: 0 !important;
	max-width: 100%;
}

.amp-faq details[open] > summary::after {
  content: "";
  display: block;
  margin: 0.5em 0px;
  border-top: 1px solid var(--wp--preset--color--accent-2);
}

.amp-faq details summary {
  font-size: 1.3rem;
}

.amp-faq details p {
  padding-left: 1em !important;
}
.amp-faq details ul {
  padding-left: 2.25em !important;
}

.amp-faq details summary {
	list-style-type: "\002B\00a0\00a0\00a0"; /* Plus-Zeichen */
}

.amp-faq details[open]>summary {
	list-style-type: "\2212\00a0\00a0\00a0"; /* Minus-Zeichen */
}


/* ===== USP-Banner – „mit ein bisschen hui“ =====
   Aktiv: zusätzlich Klasse .is-hui am Wrapper */

@media (max-width: 600px){
    .usp-banner {
        padding: 2rem 1rem !important;
    } 
}

.usp-banner h3::after{
  content: "";
  display: block;
  width: 50px; height: 2px;
  margin-top: .5rem;
  background: currentColor;
  opacity: .2;
}

.usp-banner.is-hui .wp-block-column{
  transition: transform .2s ease, box-shadow .2s ease;
  overflow: clip;
}

/* Micro-Interaction beim Hover/Fokus */
.usp-banner.is-hui .wp-block-column:hover,
.usp-banner.is-hui .wp-block-column:focus-within{
  transform: translateY(-4px);
}

.usp-banner.is-hui [class*="safe-svg-inline"]{
  transform: translateZ(0);
  transition: transform .25s ease;
}
.usp-banner.is-hui .wp-block-column:hover [class*="safe-svg-inline"]{
  transform: scale(1.05);
}

/* Motion-Preference respektieren */
@media (prefers-reduced-motion: reduce){
  .usp-banner.is-hui .wp-block-column,
  .usp-banner.is-hui [class*="safe-svg-inline"]{
    transition: none;
  }
}


/* ab hier ist alles durcheinander! Tut mir leid. */


.footer-trennlinie a::after{
  content: "";
  display: block;
  width: 6rem; height: 1px;
  margin-top: .2rem;
  background-color: var(--wp--preset--color--accent-2);
}



/*  */

.wp-block-social-link {
  transition: transform 0.2s ease;
}

/**   TO DO: später in Plugin schreiben   **/
.reflist-load-more-wrap {
	margin-bottom: 2rem;
}
.reference-map-search-field {
    background-color: #fff;
    padding: 1rem 1rem;;
    border: 1px solid var(--wp--preset--color--accent-2);
    color: black;
    width: calc(100% - 2rem - 2px);
}
.reference-map-list {
    padding: 0 !important;
    height: 500px;
	flex-grow: 1;
}
.reference-map-list > * {
    margin: 1rem !important;
}
.reference-filter-wrap::before {
    content: "Referenzen filtern:";
    margin: 2rem 2.5rem 0.5rem;
    font-weight: 600;
}
.reference-filter-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
	border-top: 1px solid var(--wp--preset--color--accent-2);
    border-bottom: 1px solid var(--wp--preset--color--accent-2);
}
.reference-filter-wrap > * {
    margin-bottom: 2rem;
    margin-left: 2rem;
    margin-right: 2rem;
}
.reference-filter {
	margin-bottom: 0rem;
}
.reference-cat-filter {
    border: 1px solid var(--wp--preset--color--accent-2) !important;
    color: var(--wp--preset--color--accent-2) !important;
    background-color: white !important;
}
.reference-cat-filter.active {
    background-color: var(--wp--preset--color--accent-2) !important;
    color: white !important;
}
.reference-cat-filter:hover {
    background-color: var(--wp--preset--color--accent-2) !important;
    color: white !important;
}
.reference-clear-filter-wrap {
    margin-left: auto;
}
.reference-clear-filter {
    color: var(--wp--preset--color--accent) !important;
    border-bottom: 1px dashed currentColor !important;
    border: 1px solid var(--wp--preset--color--accent) !important;
    background-color: white !important;
}
.reference-clear-filter:hover {
    color: white !important;
    background-color: var(--wp--preset--color--accent) !important;
}
.reference-detail-back-btn-wrap:first-of-type {
	text-align: left;
}

@media (max-width: 599px){
    .reference-map-list {
		max-height: 50vh;
		overflow-y: scroll;
	}
	.reference-filter-wrap::before {
		margin-left: 2rem;
	}
}
@media (min-width: 600px) {
	.reference-map-list {
    	max-width: calc(100% - 720px) !important;
	}
}


/**  quick-fix / ausprobieren: mobiler Header kleiner  **/
@media screen and (max-width:599px) {
	.swiper.dbs-hero-slider, .dbs-hero {
		height: 20vh;
		min-height: calc( 4rem + 200px );
	}
	.dbs-hero-seal {
		max-width: 30vw;
	}
	.hero-slider-button-prev, .hero-slider-button-next {
		top: 2rem;
	}
}

/** mehr Dinge aufzuräumen **/
@media screen and (max-width:599px) {
	.btn-mobile-fullwidth {
		width: 100%;
		flex-basis: 100%
	}
}

/* Mobile Ansicht Anpassungen */
@media screen and (max-width: 599px) {
  .swiper.dbs-hero-slider {
    height: auto !important;
  }
  .dbs-hero {
    height: auto !important;
    min-height: 200px;
  }
  .dbs-hero-headline-container {
    position: static !important;
  }
  .dbs-hero-headline-container > .dbs-hero-subheadline,
  .dbs-hero-headline-container > .dbs-hero-headline {
    display: block;
  }
  .dbs-hero-headline-container > .dbs-hero-headline {
     padding-bottom:1rem;
	 padding-top:1rem;
	 padding-right: 125px;  
  }
  .dbs-hero-headline-container > .dbs-hero-subheadline {
    display: none !important;
  }
  .dbs-hero-seal {
    top: 8.5rem !important;
	width: 120px;
	max-width: none;
  }
  .hero-slider-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color:rgb(40, 91, 153);
  }
  .hero-slider-button-prev,
  .hero-slider-button-next {
    position: static !important;
    margin-top:0;
    height:1.5em;
	border-radius:0;
	padding: 0.2rem 0;
  }
  .hero-slider-pagination {
    position: static !important;  
    display: flex;
    justify-content: center;
    gap: 2rem;
  }
  .hero-slider-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: white;
  }
  .hero-slider-button-prev,
  .hero-slider-button-next {
    display:none;
  }
  .swiper-pagination-bullet {
    background-color: rgba(255, 255, 255, 0.3) !important;
  }
  .swiper-pagination-bullet-active {
    background-color: rgba(255, 255, 255, 0.5) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    transform: scale(1.4) !important;
  }
}

@media screen and (min-width: 600px) {
    .dbs-hero-slider {
    height: 600px !important;
    max-height: 70vh !important;
    }
  .dbs-hero {
    height: 600px !important;
    max-height: 70vh !important;
  }
}


.dbs-hero-seal {
  transition: transform 0.6s cubic-bezier(.22,.61,.36,1);
  transform-origin: center;
  will-change: transform;
}

.dbs-hero-seal:hover {
  transform: scale(1.05) rotate(3deg);
}

.swiper-navigation-icon {
    display:none;
}

/* Bewegungen respektieren */
@media (prefers-reduced-motion: reduce) {
  img.dbs-hero-seal { transition: none; }
  img.dbs-hero-seal:hover { transform: none; }
}

@media screen and (max-width: 599px) {
	.hero-slider-pagination {
		margin-top:-0.5rem !important;
    padding-top:0.6rem !important;
    padding-bottom:0.7rem !important;
    border-top: 2px solid rgba(255, 255, 255, 0.5) !important;
}
}