/*
Theme Name: Carcompany Enfold Child
Theme URI: https://carcompany.at/
Description: Enfold Child Theme – Basisdesign 2026 für Carcompany.at Daniel Kovacs KG
Author: KONTEXT kommunikation / gotoNET netservices
Template: enfold
Version: 0.1.2
Text Domain: carcompany-enfold-child
*/

/* ===== EIGENER BEREICH OBEN — BEGIN (wird von GO-Versioner nicht überschrieben) ===== */
/*
 * ==========================================================================
 * CSS-KAPITELSTRUKTUR
 * ==========================================================================
 *
 * Basis
 * Header und Navigation
 * Hero
 * Interne Komponenten
 * Footer
 * Externe Komponenten
 * Seitenspezifische Ausnahmen
 *
 * Präsentationsvarianten werden separat geladen.
 * ==========================================================================
 */

/*
 * Projektfarben – Dokumentation, kein Working CSS
 * Logo-Gelb:     #B68600
 * Logo-Blau:     #002657
 * Helles Gelb:   #FFBD18
 * Blau-Verlauf:  135deg, #001B3D → #0A4B83
 */
/* ===== EIGENER BEREICH OBEN — END · GO-Versioner verwaltet ab hier, nicht bearbeiten ===== */

/* ==========================================================================
   BEGIN GO Typografie Basis [Basis]
   initial: 2026-09-07, aktuell: 2026-09-11, Version: 0.2
   ========================================================================== */
/* Fließtext */
#top {
    font-size: 17px;
    line-height: 1.55;
}

/* --------------------------------------------------------------------------
   Headlines
   -------------------------------------------------------------------------- */

#top #wrap_all :is(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .av-special-heading-tag,
    .iconlist_title,
    .iconbox_content_title
) {
    letter-spacing: 0;
}

#top h1 {
    font-size: 48px;
    line-height: 1.10;
}

#top h2 {
    font-size: 34px;
    line-height: 1.15;
}

#top h3 {
    font-size: 26px;
    line-height: 1.20;
}

#top h4 {
    font-size: 22px;
    line-height: 1.25;
}

/* --------------------------------------------------------------------------
   Tablet und Mobile
   -------------------------------------------------------------------------- */

@media only screen and (max-width: 989px) {
    #top h1 {
        font-size: 40px;
    }

    #top h2 {
        font-size: 30px;
    }

    #top h3 {
        font-size: 24px;
    }

    #top h4 {
        font-size: 21px;
    }
}

/* --------------------------------------------------------------------------
   Smartphone
   -------------------------------------------------------------------------- */

@media only screen and (max-width: 767px) {
    #top {
        font-size: 16px;
    }

    #top h1 {
        font-size: 36px;
    }

    #top h2 {
        font-size: 28px;
    }

    #top h3 {
        font-size: 23px;
    }

    #top h4 {
        font-size: 20px;
    }
}
/* ==========================================================================
   END GO Typografie Basis [Basis]
   initial: 2026-09-07, aktuell: 2026-09-11, Version: 0.2
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Farbvarianten [Basis]
   initial: 2026-09-07, aktuell: 2026-09-15, Version: 0.2
   ========================================================================== */
#top .go-cc-color-base {
    --go-cc-color-bg: #ffffff;
    --go-cc-color-text: #4a5a70;
    --go-cc-color-heading: #002657;
}

#top .go-cc-color-primary {
    --go-cc-color-bg: #002657;
    --go-cc-color-text: #ffffff;
    --go-cc-color-heading: #ffffff;
}

#top .go-cc-color-accent {
    --go-cc-color-bg: #FFBD18;
    --go-cc-color-text: #002657;
    --go-cc-color-heading: #002657;
}

#top .go-cc-color-neutral {
    --go-cc-color-bg: #f4f6f8;
    --go-cc-color-text: #4a5a70;
    --go-cc-color-heading: #002657;
}

#top :is(
    .go-cc-color-base,
    .go-cc-color-primary,
    .go-cc-color-accent,
    .go-cc-color-neutral
) {
    background-color: var(--go-cc-color-bg) !important;
    color: var(--go-cc-color-text);
}

#top :is(
    .go-cc-color-base,
    .go-cc-color-primary,
    .go-cc-color-accent,
    .go-cc-color-neutral
) :where(h1, h2, h3, h4, h5, h6) {
    color: var(--go-cc-color-heading) !important;
}

/* Enfold-Trennlinien und Sektionsschatten entfernen */
#top .avia-section:is(
    .go-cc-color-base,
    .go-cc-color-primary,
    .go-cc-color-accent,
    .go-cc-color-neutral
) {
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}
/* ==========================================================================
   END GO Farbvarianten [Basis]
   initial: 2026-09-07, aktuell: 2026-09-15, Version: 0.2
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Sektionsverläufe [Basis]
   initial: 2026-09-07, aktuell: 2026-09-07, Version: 0.4
   ========================================================================== */
/*
 * Universelle Verlaufs-Modifier für go-cc-color-* Farbvarianten.
 *
 * Standard:
 * go-cc-gradient
 * = diagonal 135°, Grundfarbe 100 % -> optisch ca. 60 %
 *
 * Geometrie, Stärke und Richtung können unabhängig modifiziert werden.
 */

/* --------------------------------------------------------------------------
   Basis / Standard
   -------------------------------------------------------------------------- */

#top .go-cc-gradient {
    --go-cc-gradient-strength: 0.40;
    --go-cc-gradient-start: 0;
    --go-cc-gradient-end: var(--go-cc-gradient-strength);

    --go-cc-gradient-image:
        linear-gradient(
            135deg,
            rgb(255 255 255 / var(--go-cc-gradient-start)) 0%,
            rgb(255 255 255 / var(--go-cc-gradient-end)) 100%
        );

    background-image: var(--go-cc-gradient-image) !important;
}

/* --------------------------------------------------------------------------
   Geometrie
   -------------------------------------------------------------------------- */

#top .go-cc-gradient.go-cc-gradient-vertical {
    --go-cc-gradient-image:
        linear-gradient(
            to bottom,
            rgb(255 255 255 / var(--go-cc-gradient-start)) 0%,
            rgb(255 255 255 / var(--go-cc-gradient-end)) 100%
        );
}

#top .go-cc-gradient.go-cc-gradient-horizontal {
    --go-cc-gradient-image:
        linear-gradient(
            to right,
            rgb(255 255 255 / var(--go-cc-gradient-start)) 0%,
            rgb(255 255 255 / var(--go-cc-gradient-end)) 100%
        );
}

#top .go-cc-gradient.go-cc-gradient-radial {
    --go-cc-gradient-image:
        radial-gradient(
            circle at top left,
            rgb(255 255 255 / var(--go-cc-gradient-start)) 0%,
            rgb(255 255 255 / var(--go-cc-gradient-end)) 100%
        );
}

/* --------------------------------------------------------------------------
   Stärke
   -------------------------------------------------------------------------- */

#top .go-cc-gradient.go-cc-gradient-soft {
    --go-cc-gradient-strength: 0.22;
}

#top .go-cc-gradient.go-cc-gradient-strong {
    --go-cc-gradient-strength: 0.55;
}

/* --------------------------------------------------------------------------
   Richtung umkehren
   -------------------------------------------------------------------------- */

#top .go-cc-gradient.go-cc-gradient-reverse {
    --go-cc-gradient-start: var(--go-cc-gradient-strength);
    --go-cc-gradient-end: 0;
}
/* ==========================================================================
   END GO Sektionsverläufe [Basis]
   initial: 2026-09-07, aktuell: 2026-09-07, Version: 0.4
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Sektionsverläufe [Basis]
   initial: 2026-09-07, aktuell: 2026-09-11, Version: 0.5
   ========================================================================== */
/*
 * Universelle Verlaufs-Modifier für go-cc-color-* Farbvarianten.
 *
 * Standard:
 * go-cc-gradient
 * = diagonal 135°, Grundfarbe -> dezente Aufhellung
 *
 * Die maximale Standard-Aufhellung ist aus Kontrastgründen auf 30 %
 * begrenzt. Damit bleibt insbesondere weißer Fließtext auf
 * go-cc-color-primary ausreichend kontrastreich.
 *
 * Geometrie, Stärke und Richtung können unabhängig modifiziert werden.
 */

/* --------------------------------------------------------------------------
   Basis / Standard
   -------------------------------------------------------------------------- */

#top .go-cc-gradient {
	--go-cc-gradient-strength: 0.30;
	--go-cc-gradient-start: 0;
	--go-cc-gradient-end: var(--go-cc-gradient-strength);
	--go-cc-gradient-image:
		linear-gradient(
			135deg,
			rgb(255 255 255 / var(--go-cc-gradient-start)) 0%,
			rgb(255 255 255 / var(--go-cc-gradient-end)) 100%
		);

	background-image: var(--go-cc-gradient-image) !important;
}

/* --------------------------------------------------------------------------
   Geometrie
   -------------------------------------------------------------------------- */

#top .go-cc-gradient.go-cc-gradient-vertical {
	--go-cc-gradient-image:
		linear-gradient(
			to bottom,
			rgb(255 255 255 / var(--go-cc-gradient-start)) 0%,
			rgb(255 255 255 / var(--go-cc-gradient-end)) 100%
		);
}

#top .go-cc-gradient.go-cc-gradient-horizontal {
	--go-cc-gradient-image:
		linear-gradient(
			to right,
			rgb(255 255 255 / var(--go-cc-gradient-start)) 0%,
			rgb(255 255 255 / var(--go-cc-gradient-end)) 100%
		);
}

#top .go-cc-gradient.go-cc-gradient-radial {
	--go-cc-gradient-image:
		radial-gradient(
			circle at top left,
			rgb(255 255 255 / var(--go-cc-gradient-start)) 0%,
			rgb(255 255 255 / var(--go-cc-gradient-end)) 100%
		);
}

/* --------------------------------------------------------------------------
   Stärke
   -------------------------------------------------------------------------- */

#top .go-cc-gradient.go-cc-gradient-soft {
	--go-cc-gradient-strength: 0.22;
}

#top .go-cc-gradient.go-cc-gradient-strong {
	--go-cc-gradient-strength: 0.36;
}

/* --------------------------------------------------------------------------
   Richtung umkehren
   -------------------------------------------------------------------------- */

#top .go-cc-gradient.go-cc-gradient-reverse {
	--go-cc-gradient-start: var(--go-cc-gradient-strength);
	--go-cc-gradient-end: 0;
}
/* ==========================================================================
   END GO Sektionsverläufe [Basis]
   initial: 2026-09-07, aktuell: 2026-09-11, Version: 0.5
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Buttons [Basis]
   initial: 2026-09-06, aktuell: 2026-09-11, Version: 0.5
   ========================================================================== */
#top {
	--go-cc-button-yellow: #FFBD18;
	--go-cc-button-yellow-hover: #B68600;
	--go-cc-button-blue: #002657;
	--go-cc-button-white: #FFFFFF;
}

/* --------------------------------------------------------------------------
   Enfold Theme Color
   Standardbutton: Gelb / Blau
   -------------------------------------------------------------------------- */

#top .avia-button.avia-color-theme-color {
	background-color: var(--go-cc-button-yellow) !important;
	border: 1px solid var(--go-cc-button-blue) !important;
	color: var(--go-cc-button-blue) !important;
}

#top .avia-button.avia-color-theme-color :is(.avia_iconbox_title, .avia_button_icon) {
	color: inherit !important;
}

#top .avia-button.avia-color-theme-color:is(:hover, :focus) {
	background-color: var(--go-cc-button-yellow-hover) !important;
	border-color: var(--go-cc-button-blue) !important;
	color: var(--go-cc-button-blue) !important;
}

/* --------------------------------------------------------------------------
   Button-Paar
   Standard: Blau | Gelb
   -------------------------------------------------------------------------- */

#top .go-cc-button-pair:not(.go-cc-button-pair-dark) > .avia-button:first-of-type {
	background: var(--go-cc-button-blue) !important;
	border: 1px solid var(--go-cc-button-blue) !important;
	color: var(--go-cc-button-white) !important;
}

#top .go-cc-button-pair:not(.go-cc-button-pair-dark) > .avia-button:last-of-type {
	background: var(--go-cc-button-yellow) !important;
	border: 1px solid var(--go-cc-button-blue) !important;
	color: var(--go-cc-button-blue) !important;
}

#top .go-cc-button-pair:not(.go-cc-button-pair-dark) > .avia-button:first-of-type:is(:hover, :focus) {
	background: var(--go-cc-button-yellow) !important;
	border-color: var(--go-cc-button-blue) !important;
	color: var(--go-cc-button-blue) !important;
}

#top .go-cc-button-pair:not(.go-cc-button-pair-dark) > .avia-button:last-of-type:is(:hover, :focus) {
	background: var(--go-cc-button-yellow-hover) !important;
	border-color: var(--go-cc-button-blue) !important;
	color: var(--go-cc-button-blue) !important;
}

/* --------------------------------------------------------------------------
   Button-Paar auf dunklem Hintergrund
   Gelb | transparent/weiß
   -------------------------------------------------------------------------- */

#top .go-cc-button-pair.go-cc-button-pair-dark > .avia-button:first-of-type {
	background: var(--go-cc-button-yellow) !important;
	border: 1px solid var(--go-cc-button-white) !important;
	color: var(--go-cc-button-blue) !important;
}

#top .go-cc-button-pair.go-cc-button-pair-dark > .avia-button:last-of-type {
	background: transparent !important;
	border: 1px solid var(--go-cc-button-white) !important;
	color: var(--go-cc-button-white) !important;
}

#top .go-cc-button-pair.go-cc-button-pair-dark > .avia-button:first-of-type:is(:hover, :focus) {
	background: var(--go-cc-button-yellow-hover) !important;
	border-color: var(--go-cc-button-white) !important;
	color: var(--go-cc-button-blue) !important;
}

#top .go-cc-button-pair.go-cc-button-pair-dark > .avia-button:last-of-type:is(:hover, :focus) {
	background: var(--go-cc-button-white) !important;
	border-color: var(--go-cc-button-white) !important;
	color: var(--go-cc-button-blue) !important;
}

/* --------------------------------------------------------------------------
   Button-Gruppe
   Standard: erster Button Gelb, alle weiteren Blau
   -------------------------------------------------------------------------- */

#top .go-cc-button-group > .avia-button {
	background: var(--go-cc-button-blue) !important;
	border: 1px solid var(--go-cc-button-blue) !important;
	color: var(--go-cc-button-white) !important;
}

#top .go-cc-button-group:not(.go-cc-button-group-reverse) > .avia-button:first-of-type {
	background: var(--go-cc-button-yellow) !important;
	border-color: var(--go-cc-button-blue) !important;
	color: var(--go-cc-button-blue) !important;
}

#top .go-cc-button-group > .avia-button:is(:hover, :focus) {
	background: var(--go-cc-button-yellow) !important;
	border-color: var(--go-cc-button-blue) !important;
	color: var(--go-cc-button-blue) !important;
}

#top .go-cc-button-group:not(.go-cc-button-group-reverse) > .avia-button:first-of-type:is(:hover, :focus) {
	background: var(--go-cc-button-yellow-hover) !important;
	border-color: var(--go-cc-button-blue) !important;
	color: var(--go-cc-button-blue) !important;
}

/* --------------------------------------------------------------------------
   Button-Gruppe Reverse
   letzter Button Gelb, alle davor Blau
   -------------------------------------------------------------------------- */

#top .go-cc-button-group.go-cc-button-group-reverse > .avia-button:last-of-type {
	background: var(--go-cc-button-yellow) !important;
	border-color: var(--go-cc-button-blue) !important;
	color: var(--go-cc-button-blue) !important;
}

#top .go-cc-button-group.go-cc-button-group-reverse > .avia-button:last-of-type:is(:hover, :focus) {
	background: var(--go-cc-button-yellow-hover) !important;
	border-color: var(--go-cc-button-blue) !important;
	color: var(--go-cc-button-blue) !important;
}

/* --------------------------------------------------------------------------
   Link-Buttons
   alle Blau
   -------------------------------------------------------------------------- */

#top .go-cc-link-buttons > .avia-button {
	background: var(--go-cc-button-blue) !important;
	border: 1px solid var(--go-cc-button-blue) !important;
	color: var(--go-cc-button-white) !important;
}

#top .go-cc-link-buttons > .avia-button:is(:hover, :focus) {
	background: var(--go-cc-button-yellow) !important;
	border-color: var(--go-cc-button-blue) !important;
	color: var(--go-cc-button-blue) !important;
}

/* --------------------------------------------------------------------------
   Buttons auf definierten dunklen CC3-Flächen
   Weißer Rahmen für klare Abgrenzung
   -------------------------------------------------------------------------- */

#top .go-cc-hero-box .avia-button,
#top .go-cc-hero-box .avia-button:is(:hover, :focus),
#top .go-cc-service .avia-button,
#top .go-cc-service .avia-button:is(:hover, :focus),
#top .go-cc-card.go-cc-highlight .avia-button,
#top .go-cc-card.go-cc-highlight .avia-button:is(:hover, :focus),
#top .go-cc-panel.go-cc-highlight .avia-button,
#top .go-cc-panel.go-cc-highlight .avia-button:is(:hover, :focus) {
	border: 1px solid var(--go-cc-button-white) !important;
}
/* ==========================================================================
   END GO Buttons [Basis]
   initial: 2026-09-06, aktuell: 2026-09-11, Version: 0.5
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Header Hauptmenü und Action Buttons [Header und Navigation]
   initial: 2026-09-06, aktuell: 2026-09-11, Version: 0.28
   ========================================================================== */
/* --------------------------------------------------------------------------
   Basis: Action-Icons
   -------------------------------------------------------------------------- */

#top .go-cc-action-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
}

#top .go-cc-action-svg {
	display: block;
	width: 16px;
	height: 16px;
	fill: currentColor;
}

/* ==========================================================================
   DESKTOP + TABLET AB 990 PX
   ========================================================================== */

@media only screen and (min-width: 990px) {
	/* Header-Offset wegen höherer Meta-Zeile */
	.html_header_top.html_header_sticky #top #wrap_all #main {
		padding-top: 216px !important;
	}

	/* ----------------------------------------------------------------------
	   Kleine Headerzeile
	   ---------------------------------------------------------------------- */

	#top #header_meta .phone-info,
	#top #header_meta .phone-info a,
	#top #header_meta .sub_menu > ul > li > a {
		font-size: 13px;
	}

	/* Social-Media-Icons */
	#top #header_meta .social_bookmarks {
		display: flex !important;
		align-items: center !important;

		height: 36px !important;
	}

	#top #header_meta .social_bookmarks li {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;

		width: 28px !important;
		height: 36px !important;

		margin: 0 !important;
		padding: 0 !important;
	}

	#top #header_meta .social_bookmarks li a[data-av_icon] {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;

		width: 28px !important;
		height: 36px !important;

		margin: 0 !important;
		padding: 0 !important;

		font-size: 20px !important;
		line-height: 36px !important;
	}

	#top #header_meta .social_bookmarks li a[data-av_icon]::before {
		display: inline-block !important;

		font-size: 20px !important;
		line-height: 1 !important;

		transform: translateY(2px) !important;
	}

	/* ----------------------------------------------------------------------
	   Logo
	   ---------------------------------------------------------------------- */

	#top .logo {
		top: 8px;
		display: flex;
		align-items: center;
		height: 120px !important;
	}

	#top .logo a {
		display: flex;
		align-items: center;
		height: auto !important;
		padding: 0;

		border: 1px solid #FFFFFF;
		box-sizing: border-box;
	}

	#top .logo svg {
		width: 280px !important;
		height: auto !important;
		max-height: 100px !important;
	}

	/* ----------------------------------------------------------------------
	   Hauptmenü
	   ---------------------------------------------------------------------- */

	#top #header_main,
	#top #header_main > .container {
		overflow: visible !important;
	}

	#top #header_main .main_menu {
		left: 50%;
		right: auto;
		top: 8px;

		width: max-content !important;
		height: 120px;

		transform: translateX(-50%);

		overflow: visible !important;
		z-index: 200;
	}

	#top #header_main .main_menu .avia-menu,
	#top #header_main .main_menu .av-main-nav {
		width: max-content !important;
		overflow: visible !important;
	}

	#top #header_main .main_menu .av-main-nav {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;
		align-items: center !important;
	}

	#top #header_main .main_menu .av-main-nav > li {
		position: relative;
		float: none !important;
		flex: 0 0 auto !important;
		overflow: visible !important;
	}

	#top #header_main .main_menu .avia-menu-text {
		white-space: nowrap;
	}

	/* Enfold Custom Header Height */
	#top #header_main > .container .main_menu .av-main-nav > li > a {
		height: 120px !important;
		line-height: 120px !important;
	}

	/* ----------------------------------------------------------------------
	   Hauptmenü: normaler Zustand
	   ---------------------------------------------------------------------- */

	#top #header_main .main_menu .av-main-nav > li:not(.av-burger-menu-main) > a .avia-menu-text {
		position: relative;

		display: inline-block;

		padding: 10px 12px;

		border-radius: 2px;

		background: transparent;
		color: #FFFFFF;

		line-height: 1.2;

		transition:
			background-color 0.15s ease,
			color 0.15s ease;
	}

	/* ----------------------------------------------------------------------
	   Hauptmenü: aktive Seite / aktiver Hauptbereich
	   Helleres CC3-Blau
	   ---------------------------------------------------------------------- */

	#top #header_main .main_menu .av-main-nav > li:not(.av-burger-menu-main):not(.av-menu-button-bordered).current-menu-item > a .avia-menu-text,
	#top #header_main .main_menu .av-main-nav > li:not(.av-burger-menu-main):not(.av-menu-button-bordered).current_page_item > a .avia-menu-text,
	#top #header_main .main_menu .av-main-nav > li:not(.av-burger-menu-main):not(.av-menu-button-bordered).current-menu-parent > a .avia-menu-text,
	#top #header_main .main_menu .av-main-nav > li:not(.av-burger-menu-main):not(.av-menu-button-bordered).current-menu-ancestor > a .avia-menu-text,
	#top #header_main .main_menu .av-main-nav > li:not(.av-burger-menu-main):not(.av-menu-button-bordered).current_page_parent > a .avia-menu-text,
	#top #header_main .main_menu .av-main-nav > li:not(.av-burger-menu-main):not(.av-menu-button-bordered).current_page_ancestor > a .avia-menu-text {
		background: #0A4B83;
		color: #FFFFFF;
	}

	/* ----------------------------------------------------------------------
	   Hauptmenü: Mouse-over / Fokus wie CCO
	   Hover hat Vorrang vor dem Aktiv-Zustand
	   ---------------------------------------------------------------------- */

	#top #header_main .main_menu .av-main-nav > li:not(.av-burger-menu-main):not(.av-menu-button-bordered):hover > a .avia-menu-text,
	#top #header_main .main_menu .av-main-nav > li:not(.av-burger-menu-main):not(.av-menu-button-bordered):focus-within > a .avia-menu-text {
		background: #FFFFFF;
		color: #002657;
	}

	/* Enfold-eigenen Menüindikator deaktivieren */
	#top #header_main .main_menu .av-main-nav > li > a .avia-menu-fx {
		display: none !important;
	}

	/* ----------------------------------------------------------------------
	   Dropdowns – CCO-Stil
	   ---------------------------------------------------------------------- */

	#top #header_main .main_menu .av-main-nav > li > ul.sub-menu {
		display: block !important;
		position: absolute !important;

		top: 96px !important;
		left: 0 !important;

		width: 340px !important;
		min-width: 340px !important;

		margin: 0 !important;
		padding: 14px !important;

		background: #FFFFFF !important;

		border: 0 !important;
		border-radius: 22px !important;

		box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18) !important;

		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;

		transform: translateY(8px) !important;

		overflow: visible !important;
		z-index: 999999 !important;
	}

	/* Hover-Brücke */
	#top #header_main .main_menu .av-main-nav > li > ul.sub-menu::before {
		content: "" !important;

		display: block !important;
		position: absolute !important;

		left: 0 !important;
		right: 0 !important;
		top: -20px !important;

		height: 20px !important;

		background: transparent !important;

		pointer-events: auto !important;
	}

	/* Weiße Dropdown-Spitze */
	#top #header_main .main_menu .av-main-nav > li > ul.sub-menu::after {
		content: "" !important;

		position: absolute !important;

		top: -7px !important;
		left: 34px !important;

		width: 14px !important;
		height: 14px !important;

		background: #FFFFFF !important;

		border-radius: 3px !important;

		transform: rotate(45deg) !important;

		pointer-events: none !important;
	}

	/* Dropdown öffnen */
	#top #header_main .main_menu .av-main-nav > li:hover > ul.sub-menu,
	#top #header_main .main_menu .av-main-nav > li:focus-within > ul.sub-menu {
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;

		transform: translateY(0) !important;
	}

	/* Dropdown-Einträge */
	#top #header_main .main_menu .av-main-nav ul.sub-menu > li {
		border: 0 !important;
		background: transparent !important;
	}

	#top #header_main .main_menu .av-main-nav ul.sub-menu > li > a {
		display: block !important;

		min-height: 0 !important;

		padding: 11px 12px !important;

		border: 0 !important;
		border-radius: 14px !important;

		background: transparent !important;
		color: #002657 !important;

		font-size: 14px !important;
		line-height: 1.35 !important;
		font-weight: 700 !important;

		text-decoration: none !important;
		white-space: normal !important;
	}

	/* Aktive Seite innerhalb des Dropdowns */
	#top #header_main .main_menu .av-main-nav ul.sub-menu > li.current-menu-item > a,
	#top #header_main .main_menu .av-main-nav ul.sub-menu > li.current_page_item > a {
		background: rgba(10, 75, 131, 0.12) !important;
		color: #002657 !important;
	}

	/* Dropdown Hover */
	#top #header_main .main_menu .av-main-nav ul.sub-menu > li > a:hover,
	#top #header_main .main_menu .av-main-nav ul.sub-menu > li > a:focus {
		background: rgba(255, 189, 24, 0.22) !important;
		color: #002657 !important;
	}

	/* Burger oberhalb 990 px aus */
	#top #header_main .av-burger-menu-main {
		display: none !important;
	}

	/* ----------------------------------------------------------------------
	   Firmenkunden: Enfold-Rahmenbutton
	   ---------------------------------------------------------------------- */

	#top #header_main .av-menu-button-bordered > a .avia-menu-text {
		border-width: 1px;
		border-style: solid;
		border-color: #FFFFFF;
		border-radius: 2px;
	}

	/* ----------------------------------------------------------------------
	   Action-Buttons
	   ---------------------------------------------------------------------- */

	#top .go-cc-header-actions {
		position: absolute;

		left: 50%;
		right: auto;
		top: 142px;

		display: flex;
		align-items: center;
		justify-content: center;
		gap: 14px;

		width: max-content;

		transform: translate(-50%, -50%);
		z-index: 100;
	}

	#top .go-cc-header-action {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		gap: 8px;

		min-width: 138px;
		min-height: 42px;
		padding: 0 18px;

		border-radius: 2px;

		background: #FFBD18;
		color: #002657;

		font-size: 16px;
		font-weight: 700;
		line-height: 1;

		text-decoration: none;
		white-space: nowrap;
	}

	#top .go-cc-header-action:hover,
	#top .go-cc-header-action:focus-visible {
		background: #FFFFFF;
		color: #002657;
		text-decoration: none;
	}
}

/* ==========================================================================
   KOMPAKTE VARIANTE 990 BIS 1320 PX
   ========================================================================== */

@media only screen and (min-width: 990px) and (max-width: 1320px) {
	#top .logo svg {
		width: 225px !important;
		max-height: 86px !important;
	}

	#top #header_main > .container .main_menu .av-main-nav > li > a {
		padding-left: 7px !important;
		padding-right: 7px !important;

		font-size: 13px !important;
	}

	#top #header_main .main_menu .av-main-nav > li:not(.av-burger-menu-main) > a .avia-menu-text {
		padding-left: 9px;
		padding-right: 9px;
	}

	#top #header_main .av-menu-button-bordered > a .avia-menu-text {
		padding-left: 9px;
		padding-right: 9px;
	}

	#top .go-cc-header-actions {
		gap: 10px;
	}

	#top .go-cc-header-action {
		min-width: 128px;
		padding-left: 14px;
		padding-right: 14px;

		font-size: 15px;
	}
}

/* ==========================================================================
   MOBILE BIS 989 PX
   Header + Burger + drei Actions
   ========================================================================== */

@media only screen and (max-width: 989px) {
	#top #header_main,
	#top #header_main > .container,
	#top #header_main .av-logo-container {
		height: 146px !important;
		min-height: 146px !important;
	}

	/* ----------------------------------------------------------------------
	   Logo
	   ---------------------------------------------------------------------- */

	#top .logo {
		top: 8px !important;

		display: flex !important;
		align-items: center !important;

		height: 78px !important;
	}

	#top .logo a {
		display: flex;
		align-items: center;

		height: auto !important;
		padding: 0;

		border: 1px solid #FFFFFF;
		box-sizing: border-box;
	}

	#top .logo svg {
		width: 190px !important;
		height: auto !important;
		max-height: 70px !important;
	}

	/* Normale Menüeinträge ausblenden */
	#top #header_main .av-main-nav > li:not(.av-burger-menu-main) {
		display: none !important;
	}

	/* ----------------------------------------------------------------------
	   Burger geschlossen
	   ---------------------------------------------------------------------- */

	#top #header_main .main_menu {
		position: absolute !important;

		left: auto !important;
		right: 16px !important;
		top: 8px !important;

		width: 48px !important;
		height: 78px !important;

		transform: none !important;
	}

	#top #header_main .av-burger-menu-main {
		display: block !important;
		visibility: visible !important;

		width: 48px !important;
		height: 78px !important;
	}

	#top #header_main .av-burger-menu-main > a {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;

		width: 48px !important;
		height: 78px !important;
		line-height: 78px !important;
	}

	/* ----------------------------------------------------------------------
	   Action-Zeile
	   ---------------------------------------------------------------------- */

	#top .go-cc-header-actions {
		position: absolute !important;

		left: 16px !important;
		right: 16px !important;
		top: 94px !important;

		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 8px !important;

		width: auto !important;

		margin: 0 !important;
		padding: 0 !important;

		transform: none !important;

		background: transparent !important;
		z-index: 100 !important;
	}

	#top .go-cc-header-action {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 5px !important;

		flex: 1 1 0 !important;

		width: auto !important;
		min-width: 0 !important;

		height: 38px !important;
		min-height: 38px !important;

		padding: 0 6px !important;

		border-radius: 2px !important;

		background: #FFBD18 !important;
		color: #002657 !important;

		font-size: 11px !important;
		font-weight: 700 !important;
		line-height: 1 !important;

		text-transform: uppercase;
		text-decoration: none !important;
		white-space: nowrap !important;
	}

	#top .go-cc-action-svg {
		width: 13px !important;
		height: 13px !important;
		min-width: 13px !important;
		max-width: 13px !important;
	}

	/* Kurze Bezeichnungen in der Meta-Leiste */
	#top #header_meta .go-cc-leihwagen-desktop,
	#top #header_meta .go-cc-wohnmobil-desktop {
		display: none !important;
	}

	#top #header_meta .go-cc-leihwagen-mobile,
	#top #header_meta .go-cc-wohnmobil-mobile {
		display: inline !important;
	}
}

/* ==========================================================================
   MOBILE BURGER-OVERLAY – CCO-STYLE / CC3-FARBWELT
   ========================================================================== */

@media only screen and (max-width: 989px) {
	/* ----------------------------------------------------------------------
	   Overlay
	   ---------------------------------------------------------------------- */

	#top .av-burger-overlay {
		position: fixed !important;

		top: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		left: 0 !important;

		width: 100vw !important;
		height: 100vh !important;

		z-index: 999999 !important;

		overflow: hidden !important;

		pointer-events: auto !important;
	}

	#top .av-burger-overlay-bg {
		position: fixed !important;

		top: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		left: 0 !important;

		width: 100vw !important;
		height: 100vh !important;

		background: rgba(0, 27, 61, 0.18) !important;
		opacity: 1 !important;
	}

	/* ----------------------------------------------------------------------
	   Rechtes Flyout
	   ---------------------------------------------------------------------- */

	#top .av-burger-overlay-scroll {
		position: fixed !important;

		top: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		left: auto !important;

		width: min(350px, calc(100vw - 20px)) !important;
		max-width: 350px !important;
		height: 100vh !important;

		margin: 0 !important;
		padding: 0 !important;

		background: #002657 !important;

		box-sizing: border-box !important;

		overflow-x: hidden !important;
		overflow-y: auto !important;

		z-index: 1000000 !important;

		pointer-events: auto !important;
	}

	/* ----------------------------------------------------------------------
	   Echter Close-Button
	   ---------------------------------------------------------------------- */

	#top .go-cc-burger-close {
		position: absolute !important;

		top: 28px !important;
		right: 28px !important;

		display: block !important;

		width: 52px !important;
		height: 52px !important;

		margin: 0 !important;
		padding: 0 !important;

		background: transparent !important;

		border: 0 !important;
		border-radius: 0 !important;

		box-shadow: none !important;

		cursor: pointer !important;

		appearance: none !important;
		-webkit-appearance: none !important;

		z-index: 1000020 !important;
	}

	#top .go-cc-burger-close::before,
	#top .go-cc-burger-close::after {
		content: "" !important;

		position: absolute !important;

		left: 11px !important;
		top: 25px !important;

		display: block !important;

		width: 30px !important;
		height: 2px !important;

		background: #FFFFFF !important;

		border-radius: 2px !important;

		transform-origin: center center !important;

		pointer-events: none !important;
	}

	#top .go-cc-burger-close::before {
		transform: rotate(45deg) !important;
	}

	#top .go-cc-burger-close::after {
		transform: rotate(-45deg) !important;
	}

	#top .go-cc-burger-close:hover::before,
	#top .go-cc-burger-close:hover::after,
	#top .go-cc-burger-close:focus-visible::before,
	#top .go-cc-burger-close:focus-visible::after {
		background: #FFBD18 !important;
	}

	#top .go-cc-burger-close:focus-visible {
		outline: 2px solid #FFBD18 !important;
		outline-offset: 2px !important;
	}

	/* ----------------------------------------------------------------------
	   Menü vertikal positionieren
	   ---------------------------------------------------------------------- */

	#top .av-burger-overlay-inner {
		display: flex !important;
		align-items: center !important;

		width: 100% !important;
		height: 100% !important;
		min-height: 100vh !important;

		margin: 0 !important;
		padding: 100px 0 55px !important;

		background: #002657 !important;

		box-sizing: border-box !important;

		pointer-events: auto !important;
	}

	/* ----------------------------------------------------------------------
	   Hauptliste
	   ---------------------------------------------------------------------- */

	#top .av-burger-overlay-inner #av-burger-menu-ul {
		position: relative !important;

		display: block !important;

		width: 100% !important;
		max-width: none !important;

		margin: 0 !important;
		padding: 0 24px !important;

		list-style: none !important;

		background: transparent !important;

		box-sizing: border-box !important;

		transform: none !important;

		pointer-events: auto !important;
	}

	/* Enfold-Trennlinien entfernen */
	#top .av-burger-overlay-inner #av-burger-menu-ul li,
	#top .av-burger-overlay-inner #av-burger-menu-ul li > a {
		border: 0 !important;
		border-top: 0 !important;
		border-right: 0 !important;
		border-bottom: 0 !important;
		border-left: 0 !important;

		box-shadow: none !important;
	}

	#top .av-burger-overlay-inner #av-burger-menu-ul > li {
		position: relative !important;

		display: block !important;

		width: 100% !important;

		margin: 0 !important;
		padding: 0 !important;

		background: transparent !important;

		list-style: none !important;

		text-align: left !important;

		pointer-events: auto !important;
	}

	/* ----------------------------------------------------------------------
	   Hauptmenüpunkte
	   ---------------------------------------------------------------------- */

	#top .av-burger-overlay-inner #av-burger-menu-ul > li > a {
		position: relative !important;

		display: block !important;

		width: 100% !important;

		margin: 0 !important;
		padding: 12px 26px !important;

		background: transparent !important;
		color: #FFFFFF !important;

		font-family: "Open Sans Condensed", "Arial Narrow", Arial, sans-serif !important;
		font-size: 18px !important;
		font-weight: 400 !important;
		line-height: 1.35 !important;

		text-align: left !important;
		text-transform: uppercase !important;
		text-decoration: none !important;

		box-sizing: border-box !important;

		pointer-events: auto !important;
		cursor: pointer !important;
	}

	#top .av-burger-overlay-inner #av-burger-menu-ul > li > a .avia-menu-text {
		color: #FFFFFF !important;
		font-weight: 400 !important;
	}

	/* ----------------------------------------------------------------------
	   Aktiver Menüpunkt
	   ---------------------------------------------------------------------- */

	#top .av-burger-overlay-inner #av-burger-menu-ul > li.current-menu-item > a,
	#top .av-burger-overlay-inner #av-burger-menu-ul > li.current_page_item > a,
	#top .av-burger-overlay-inner #av-burger-menu-ul > li.current-menu-parent > a,
	#top .av-burger-overlay-inner #av-burger-menu-ul > li.current-menu-ancestor > a {
		background: transparent !important;
		color: #FFFFFF !important;
		font-weight: 400 !important;
	}

	#top .av-burger-overlay-inner #av-burger-menu-ul > li.current-menu-item > a .avia-menu-text,
	#top .av-burger-overlay-inner #av-burger-menu-ul > li.current_page_item > a .avia-menu-text,
	#top .av-burger-overlay-inner #av-burger-menu-ul > li.current-menu-parent > a .avia-menu-text,
	#top .av-burger-overlay-inner #av-burger-menu-ul > li.current-menu-ancestor > a .avia-menu-text {
		color: #FFFFFF !important;
		font-weight: 400 !important;
	}

	/* ----------------------------------------------------------------------
	   Hauptmenü Hover
	   ---------------------------------------------------------------------- */

	#top .av-burger-overlay-inner #av-burger-menu-ul > li > a:hover,
	#top .av-burger-overlay-inner #av-burger-menu-ul > li > a:focus {
		background: rgba(255, 255, 255, 0.08) !important;
		color: #FFFFFF !important;
	}

	#top .av-burger-overlay-inner #av-burger-menu-ul > li > a:hover .avia-menu-text,
	#top .av-burger-overlay-inner #av-burger-menu-ul > li > a:focus .avia-menu-text {
		color: #FFFFFF !important;
	}

	/* ----------------------------------------------------------------------
	   Pfeile bei Untermenüs
	   ---------------------------------------------------------------------- */

	#top .av-burger-overlay-inner .av-submenu-indicator {
		position: absolute !important;

		top: 50% !important;
		right: 14px !important;

		display: block !important;

		margin: 0 !important;

		color: #FFBD18 !important;

		font-size: 16px !important;
		line-height: 1 !important;

		transform: translateY(-50%) !important;
	}

	#top .av-burger-overlay-inner li.av-show-submenu > a .av-submenu-indicator {
		transform: translateY(-50%) rotate(90deg) !important;
	}

	/* ----------------------------------------------------------------------
	   Untermenüs
	   ---------------------------------------------------------------------- */

	#top .av-burger-overlay-inner #av-burger-menu-ul > li > ul.sub-menu {
		display: none !important;

		width: 100% !important;

		margin: 0 !important;
		padding: 0 0 5px 18px !important;

		background: transparent !important;

		border: 0 !important;
		box-shadow: none !important;
	}

	#top .av-burger-overlay-inner #av-burger-menu-ul > li.av-show-submenu > ul.sub-menu {
		display: block !important;
	}

	#top .av-burger-overlay-inner #av-burger-menu-ul ul.sub-menu li {
		margin: 0 !important;
		padding: 0 !important;

		background: transparent !important;
	}

	#top .av-burger-overlay-inner #av-burger-menu-ul ul.sub-menu li > a {
		display: block !important;

		margin: 0 !important;
		padding: 8px 26px !important;

		background: transparent !important;
		color: #FFFFFF !important;

		font-family: "Open Sans Condensed", "Arial Narrow", Arial, sans-serif !important;
		font-size: 15px !important;
		font-weight: 400 !important;
		line-height: 1.35 !important;

		text-align: left !important;
		text-transform: none !important;
		text-decoration: none !important;

		pointer-events: auto !important;
		cursor: pointer !important;
	}

	#top .av-burger-overlay-inner #av-burger-menu-ul ul.sub-menu li > a .avia-menu-text {
		color: #FFFFFF !important;
	}

	#top .av-burger-overlay-inner #av-burger-menu-ul ul.sub-menu li > a:hover,
	#top .av-burger-overlay-inner #av-burger-menu-ul ul.sub-menu li > a:focus {
		background: rgba(255, 255, 255, 0.08) !important;
		color: #FFFFFF !important;
	}

	/* ----------------------------------------------------------------------
	   Firmenkunden
	   ---------------------------------------------------------------------- */

	#top .av-burger-overlay-inner #av-burger-menu-ul > li.av-menu-button-bordered,
	#top .av-burger-overlay-inner #av-burger-menu-ul > li.border-firmenkunden {
		text-align: left !important;
	}

	#top .av-burger-overlay-inner #av-burger-menu-ul > li.av-menu-button-bordered > a,
	#top .av-burger-overlay-inner #av-burger-menu-ul > li.border-firmenkunden > a {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: flex-start !important;

		width: auto !important;
		max-width: 100% !important;

		margin: 2px 0 0 !important;
		padding: 0 !important;

		background: transparent !important;

		text-align: left !important;

		box-sizing: border-box !important;

		pointer-events: auto !important;
		cursor: pointer !important;
	}

	#top .av-burger-overlay-inner #av-burger-menu-ul > li.av-menu-button-bordered > a .avia-menu-text,
	#top .av-burger-overlay-inner #av-burger-menu-ul > li.border-firmenkunden > a .avia-menu-text {
		display: inline-block !important;

		padding: 12px 24px 12px 26px !important;

		border: 1px solid #FFBD18 !important;
		border-radius: 999px !important;

		background: transparent !important;
		color: #FFFFFF !important;

		font-weight: 400 !important;

		white-space: nowrap !important;

		box-sizing: border-box !important;
	}

	#top .av-burger-overlay-inner #av-burger-menu-ul > li.av-menu-button-bordered > a:hover,
	#top .av-burger-overlay-inner #av-burger-menu-ul > li.av-menu-button-bordered > a:focus,
	#top .av-burger-overlay-inner #av-burger-menu-ul > li.border-firmenkunden > a:hover,
	#top .av-burger-overlay-inner #av-burger-menu-ul > li.border-firmenkunden > a:focus {
		background: transparent !important;
	}

	#top .av-burger-overlay-inner #av-burger-menu-ul > li.av-menu-button-bordered > a:hover .avia-menu-text,
	#top .av-burger-overlay-inner #av-burger-menu-ul > li.av-menu-button-bordered > a:focus .avia-menu-text,
	#top .av-burger-overlay-inner #av-burger-menu-ul > li.border-firmenkunden > a:hover .avia-menu-text,
	#top .av-burger-overlay-inner #av-burger-menu-ul > li.border-firmenkunden > a:focus .avia-menu-text {
		background: rgba(255, 189, 24, 0.10) !important;
		color: #FFFFFF !important;
	}

	/* ----------------------------------------------------------------------
	   Originalen Enfold-Hamburger im geöffneten Menü ausblenden
	   Close übernimmt .go-cc-burger-close
	   ---------------------------------------------------------------------- */

	html:is(.av-burger-overlay-active, .av-burger-overlay-active-delayed)
	#top #header_main .av-burger-menu-main {
		visibility: hidden !important;
		pointer-events: none !important;
	}

	/* ----------------------------------------------------------------------
	   Actionbuttons bei geöffnetem Menü ausblenden
	   ---------------------------------------------------------------------- */

	html:is(.av-burger-overlay-active, .av-burger-overlay-active-delayed)
	#top .go-cc-header-actions {
		opacity: 0 !important;
		visibility: hidden !important;
		pointer-events: none !important;
	}
}

/* ==========================================================================
   OPTIONALER HOME-MENÜPUNKT NUR MOBILE
   CSS-Klasse am WordPress-Menüpunkt: go-cc-menu-mobile-only
   ========================================================================== */

@media only screen and (min-width: 990px) {
	#top .go-cc-menu-mobile-only {
		display: none !important;
	}
}

@media only screen and (max-width: 989px) {
	#top .av-burger-overlay-inner .go-cc-menu-mobile-only {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
}

/* ==========================================================================
   SEHR KLEINE SCREENS BIS 430 PX
   ========================================================================== */

@media only screen and (max-width: 430px) {
	#top .logo svg {
		width: 170px !important;
		max-height: 64px !important;
	}

	#top .go-cc-header-actions {
		left: 8px !important;
		right: 8px !important;
		gap: 5px !important;
	}

	#top .go-cc-header-action {
		padding: 0 4px !important;
		font-size: 10px !important;
		gap: 4px !important;
	}

	#top .go-cc-action-svg {
		width: 12px !important;
		height: 12px !important;
		min-width: 12px !important;
		max-width: 12px !important;
	}

	/* Burger-Menü */
	#top .av-burger-overlay-scroll {
		width: calc(100vw - 20px) !important;
	}

	#top .av-burger-overlay-inner #av-burger-menu-ul {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	/* Close */
	#top .go-cc-burger-close {
		top: 24px !important;
		right: 20px !important;
	}
}
/* ==========================================================================
   END GO Header Hauptmenü und Action Buttons [Header und Navigation]
   initial: 2026-09-06, aktuell: 2026-09-11, Version: 0.28
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Hero [Hero]
   initial: 2026-09-06, aktuell: 2026-09-11, Version: 0.15
   ========================================================================== */
/*
 * Gemeinsamer Hero für Start- und Contentseiten.
 *
 * Basis:
 *   go-cc-hero
 *
 * Textbox:
 *   go-cc-hero-box
 *
 * Die technische Behandlung eines Hintergrundvideos
 * erfolgt separat im Block "GO Hero Hintergrundvideo".
 */

/* --------------------------------------------------------------------------
   Basis
   -------------------------------------------------------------------------- */

#top .go-cc-hero {
	position: relative;
	overflow: hidden;
	background-color: #002657;
}

#top .go-cc-hero > .container {
	position: relative;
	z-index: 2;
}

/* --------------------------------------------------------------------------
   Hero-Textbox
   -------------------------------------------------------------------------- */

#top .go-cc-hero-box {
	box-sizing: border-box;
	background: rgba(0, 38, 87, 0.80);
	border-left: 3px solid #FFBD18;
}

#top .go-cc-hero-box h1 {
	color: #FFFFFF;
	font-weight: 300;
}

#top .go-cc-hero-box p {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 600;
}

/* --------------------------------------------------------------------------
   Buttons
   -------------------------------------------------------------------------- */

#top .go-cc-hero-box .avia-buttonrow-wrap {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	gap: 12px !important;
	margin: 0 !important;
}

#top .go-cc-hero-box .avia-buttonrow-wrap > a.avia-button {
	float: none !important;
	width: auto !important;
	min-width: 0 !important;
	margin: 0 !important;
	white-space: nowrap;
}

/* ==========================================================================
   DESKTOP AB 990 PX
   ========================================================================== */

@media only screen and (min-width: 990px) {
	#top .go-cc-hero,
	#top .go-cc-hero > .container {
		height: 480px !important;
		min-height: 480px !important;
	}

	#top .go-cc-hero .template-page.content {
		display: flex;
		align-items: center;
		height: 100%;
		padding-top: 28px !important;
		padding-bottom: 28px !important;
		box-sizing: border-box;
	}

	#top .go-cc-hero .template-page.content > .entry-content-wrapper {
		width: 100%;
	}

	/*
	 * Enfold setzt die Introbox als 1/2-Spalte.
	 * Für alle Heros daher einheitliche feste Desktopbreite.
	 */
	#top .go-cc-hero .flex_column.go-cc-hero-box {
		float: none !important;
		width: 560px !important;
		max-width: 560px !important;
		margin: 0 !important;
		padding: 30px 36px 32px !important;
	}

	#top .go-cc-hero-box h1 {
		margin: 0 0 16px;
		font-size: 44px !important;
		line-height: 1.07 !important;
		letter-spacing: 0;
		text-transform: none;
	}

	/*
	 * Startseite:
	 * kurze H1 darf etwas größer als die Content-Heros sein.
	 */
	#top #hero-mit-video .go-cc-hero-box h1 {
		font-size: 48px !important;
	}

	#top .go-cc-hero-box p {
		margin: 0 0 18px;
		line-height: 1.48;
	}
}

/* ==========================================================================
   TABLET 768 BIS 989 PX
   ========================================================================== */

@media only screen and (min-width: 768px) and (max-width: 989px) {
	#top .go-cc-hero,
	#top .go-cc-hero > .container {
		height: 440px !important;
		min-height: 440px !important;
	}

	#top .go-cc-hero > .container {
		width: 100% !important;
		max-width: none !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	#top .go-cc-hero .template-page.content {
		display: flex;
		align-items: center;
		height: 100%;
		padding: 26px 0 !important;
		box-sizing: border-box;
	}

	#top .go-cc-hero .template-page.content > .entry-content-wrapper {
		width: 100%;
	}

	#top .go-cc-hero .flex_column.go-cc-hero-box {
		float: none !important;
		width: calc(100% - 40px) !important;
		max-width: 620px !important;
		margin: 0 20px !important;
		padding: 28px 30px 30px !important;
	}

	#top .go-cc-hero-box h1 {
		margin: 0 0 16px;
		font-size: 38px !important;
		line-height: 1.07 !important;
	}

	#top .go-cc-hero-box p {
		margin: 0 0 18px;
		line-height: 1.50;
	}
}

/* ==========================================================================
   MOBILE BIS 767 PX
   Inhalt bestimmt die Höhe
   ========================================================================== */

@media only screen and (max-width: 767px) {
	#top .go-cc-hero {
		height: auto !important;
		min-height: 0 !important;
	}

	#top .go-cc-hero > .container {
		width: 100% !important;
		max-width: none !important;
		height: auto !important;
		min-height: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	#top .go-cc-hero .template-page.content {
		display: block;
		width: 100% !important;
		height: auto;
		padding: 28px 0 !important;
		box-sizing: border-box;
	}

	#top .go-cc-hero .template-page.content > .entry-content-wrapper {
		width: 100%;
	}

	#top .go-cc-hero .flex_column.go-cc-hero-box {
		float: none !important;
		width: calc(100% - 32px) !important;
		max-width: none !important;
		height: auto !important;
		min-height: 0 !important;
		margin: 0 16px !important;
		padding: 24px 22px 26px !important;
	}

	#top .go-cc-hero-box h1 {
		margin: 0 0 14px;
		font-size: 32px !important;
		line-height: 1.08 !important;
	}

	#top .go-cc-hero-box p {
		margin: 0 0 16px;
		line-height: 1.48;
	}

	#top .go-cc-hero-box .avia-buttonrow-wrap {
		gap: 10px !important;
	}
}

/* ==========================================================================
   SEHR KLEINE SCREENS BIS 430 PX
   ========================================================================== */

@media only screen and (max-width: 430px) {
	#top .go-cc-hero .template-page.content {
		padding-top: 22px !important;
		padding-bottom: 22px !important;
	}

	#top .go-cc-hero .flex_column.go-cc-hero-box {
		padding: 22px 20px 24px !important;
	}

	#top .go-cc-hero-box h1 {
		font-size: 29px !important;
	}

	#top .go-cc-hero-box .avia-buttonrow-wrap {
		gap: 8px !important;
	}

	#top .go-cc-hero-box .avia-buttonrow-wrap > a.avia-button {
		padding-left: 12px !important;
		padding-right: 12px !important;
		font-size: 12px !important;
	}
}
/* ==========================================================================
   END GO Hero [Hero]
   initial: 2026-09-06, aktuell: 2026-09-11, Version: 0.15
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Hero Hintergrundvideo [Hero]
   initial: 2026-09-06, aktuell: 2026-09-07, Version: 0.5
   ========================================================================== */
/*
 * Zusatzregeln für einen go-cc-hero mit Enfold-Hintergrundvideo.
 * Der allgemeine Aufbau, die Höhe und die Introbox kommen aus „GO Hero“.
 */

/* --------------------------------------------------------------------------
   Videoebenen
   -------------------------------------------------------------------------- */

#top .go-cc-hero > .av-section-video-bg,
#top .go-cc-hero .avia-slideshow-inner,
#top .go-cc-hero .avia-slide-wrap,
#top .go-cc-hero video.avia_video {
    background-color: #002657;
}

/* --------------------------------------------------------------------------
   Video über gesamte Hero-Fläche
   -------------------------------------------------------------------------- */

#top .go-cc-hero > .av-section-video-bg {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;

    overflow: hidden;
    z-index: 0 !important;
}

#top .go-cc-hero > .av-section-video-bg .avia-slideshow-inner,
#top .go-cc-hero > .av-section-video-bg .avia-slideshow-inner > li,
#top .go-cc-hero > .av-section-video-bg .avia-slide-wrap {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    padding: 0 !important;
    margin: 0 !important;
}

/* --------------------------------------------------------------------------
   Verhalten wie background-size: cover
   -------------------------------------------------------------------------- */

#top .go-cc-hero video.avia_video {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;
    max-width: none !important;

    object-fit: cover;
    object-position: center center;

    transform: none !important;
}
/* ==========================================================================
   END GO Hero Hintergrundvideo [Hero]
   initial: 2026-09-06, aktuell: 2026-09-07, Version: 0.5
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Zweispalter [Interne Komponenten]
   initial: 2026-09-07, aktuell: 2026-09-11, Version: 0.6
   ========================================================================== */
@media only screen and (min-width: 990px) {
    #top .go-cc-split .flex_column:is(.go-cc-split-left, .go-cc-split-right) {
        width: calc(50% - 18px) !important;
    }

    #top .go-cc-split .flex_column.go-cc-split-left {
        margin-left: 0 !important;
    }

    #top .go-cc-split .flex_column.go-cc-split-right {
        margin-left: 36px !important;
    }
}

@media only screen and (max-width: 989px) {
    #top .go-cc-split .flex_column:is(.go-cc-split-left, .go-cc-split-right) {
        width: 100% !important;
        margin-left: 0 !important;
    }

    #top .go-cc-split .flex_column.go-cc-split-right {
        margin-top: 32px !important;
    }
}
/* ==========================================================================
   END GO Zweispalter [Interne Komponenten]
   initial: 2026-09-07, aktuell: 2026-09-11, Version: 0.6
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Icon-Liste [Interne Komponenten]
   initial: 2026-09-11, aktuell: 2026-09-11, Version: 0.1
   ========================================================================== */
/*
 * Einheitliche Darstellung der Icon-List-Titel unabhängig von ihrer
 * semantischen Überschriftenebene H3 oder H4.
 */

#top .go-cc-iconlist .iconlist_title {
	font-size: 22px;
	line-height: 1.25;
}

@media only screen and (max-width: 989px) {
	#top .go-cc-iconlist .iconlist_title {
		font-size: 21px;
	}
}

@media only screen and (max-width: 767px) {
	#top .go-cc-iconlist .iconlist_title {
		font-size: 20px;
	}
}
/* ==========================================================================
   END GO Icon-Liste [Interne Komponenten]
   initial: 2026-09-11, aktuell: 2026-09-11, Version: 0.1
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Hakerl-Liste [Interne Komponenten]
   initial: 2026-09-07, aktuell: 2026-09-11, Version: 0.4
   ========================================================================== */
/* Verbindungslinie ausblenden */
#top .go-cc-checklist .iconlist-timeline {
    display: none;
}

/* Hakerl-Marker – gleiche Größe wie Card-Kürzel */
#top .go-cc-checklist .iconlist_icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 28px;
}

/* Enfold-Standardabstand zwischen den Listeneinträgen reduzieren */
#top .go-cc-checklist .avia-icon-list > li {
    padding-bottom: 16px;
}

/* Nach letztem Hakerl kein zusätzlicher Listenabstand */
#top .go-cc-checklist .avia-icon-list > li:last-child {
    padding-bottom: 0;
}

/* Absatzabstand am Ende jedes Hakerl-Textes entfernen */
#top .go-cc-checklist .iconlist_content p:last-child {
    margin-bottom: 0;
}

/* Liste selbst ohne zusätzlichen unteren Abstand */
#top .go-cc-checklist .avia-icon-list {
    margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
    #top .go-cc-checklist .iconlist_icon {
        width: 54px;
        height: 54px;
        line-height: 54px;
        font-size: 25px;
    }

    #top .go-cc-checklist .avia-icon-list > li {
        padding-bottom: 14px;
    }
}
/* ==========================================================================
   END GO Hakerl-Liste [Interne Komponenten]
   initial: 2026-09-07, aktuell: 2026-09-11, Version: 0.4
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Panel [Interne Komponenten]
   initial: 2026-09-07, aktuell: 2026-09-11, Version: 0.6
   ========================================================================== */
#top .flex_column.go-cc-panel {
    padding: 36px !important;
    background: #FFFFFF !important;
    border: 1px solid rgba(0, 38, 87, 0.10);
    border-radius: 2px;
    box-sizing: border-box;
    box-shadow: 0 8px 24px rgba(0, 27, 61, 0.10);
}

#top .flex_column.go-cc-panel :is(h1, h2, h3, h4, h5, h6) {
    color: #002657 !important;
}

#top .flex_column.go-cc-panel :is(p, li, div) {
    color: #263445;
}

@media only screen and (max-width: 767px) {
    #top .flex_column.go-cc-panel {
        padding: 28px !important;
    }
}
/* ==========================================================================
   END GO Panel [Interne Komponenten]
   initial: 2026-09-07, aktuell: 2026-09-11, Version: 0.6
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Karten [Interne Komponenten]
   initial: 2026-09-07, aktuell: 2026-09-15, Version: 0.13
   ========================================================================== */
/* Basis */
#top .flex_column.go-cc-card {
    position: relative;
    padding: 58px 32px 34px !important;
    background: #ffffff;
    border: 1px solid rgba(0, 38, 87, 0.18);
    border-radius: 2px;
    color: #4a5a70 !important;
    box-sizing: border-box;
}

/* Typografie */
#top .go-cc-card h1,
#top .go-cc-card h2,
#top .go-cc-card h3,
#top .go-cc-card h4,
#top .go-cc-card h5,
#top .go-cc-card h6 {
    color: #002657 !important;
}

#top .go-cc-card p,
#top .go-cc-card li {
    color: #4a5a70 !important;
}

#top .go-cc-card strong {
    color: inherit !important;
}

/* Kürzel-/Ziffern-/Hakerl-Marker */
#top .go-cc-card-mark {
    position: absolute;
    top: -33px;
    right: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    box-sizing: content-box;
    background: #FFBD18;
    color: #002657;
    border: 3px solid #ffffff;
    border-radius: 50%;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
}

/* Abstände */
#top .go-cc-card h3 {
    margin: 0 0 14px;
}

#top .go-cc-card p {
    margin-top: 0;
}

#top .go-cc-card p:last-child {
    margin-bottom: 0;
}

/* Media-Card: Enfold Equal-Height-Layout erhalten */
#top .flex_column.go-cc-card.go-cc-card-media {
    position: relative;
    padding: 0 0 78px !important;
    overflow: hidden;
}

/* Bild bündig am Kartenrahmen */
#top .go-cc-card-media .avia-image-container {
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
}

#top .go-cc-card-media .avia-image-container-inner,
#top .go-cc-card-media .avia-image-overlay-wrap,
#top .go-cc-card-media .avia-image-container-inner a {
    display: block;
    width: 100%;
}

#top .go-cc-card-media .avia-image-container img,
#top .go-cc-card-media .avia_image {
    display: block;
    width: 100% !important;
    max-width: none !important;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border-radius: 0 !important;
}

/* Textbereich */
#top .go-cc-card-media .av_textblock_section {
    margin: 0;
    padding: 0;
}

#top .go-cc-card-media .avia_textblock {
    padding: 28px 28px 8px;
}

/* Button bei gleich hohen Karten unten ausrichten */
#top .go-cc-card-media .avia-button-wrap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 !important;
    padding: 0 28px 28px;
}

/* Ablauf-Media-Card ohne Button */
#top .flex_column.go-cc-card.go-cc-card-media.go-cc-card-process {
    padding: 0 !important;
}

#top .go-cc-card-process .av_textblock_section {
    position: relative;
}

#top .go-cc-card-process .avia_textblock {
    padding: 42px 28px 28px;
}

#top .go-cc-card-process .go-cc-card-mark {
    top: -33px;
    right: 24px;
}

/* Mobile bis 767 px */
@media only screen and (max-width: 767px) {
    #top .flex_column.go-cc-card {
        padding: 52px 26px 30px !important;
    }

    #top .go-cc-card-mark {
        top: -30px;
        right: 20px;
        width: 54px;
        height: 54px;
        font-size: 25px;
    }

    #top .flex_column.go-cc-card.go-cc-card-media {
        padding: 0 0 72px !important;
    }

    #top .go-cc-card-media .avia_textblock {
        padding: 24px 24px 8px;
    }

    #top .go-cc-card-media .avia-button-wrap {
        padding: 0 24px 24px;
    }

    #top .flex_column.go-cc-card.go-cc-card-media.go-cc-card-process {
        padding: 0 !important;
    }

    #top .go-cc-card-process .avia_textblock {
        padding: 38px 24px 24px;
    }

    #top .go-cc-card-process .go-cc-card-mark {
        top: -30px;
        right: 20px;
    }
}
/* ==========================================================================
   END GO Karten [Interne Komponenten]
   initial: 2026-09-07, aktuell: 2026-09-15, Version: 0.13
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Partnerlogos [Interne Komponenten]
   initial: 2026-09-15, aktuell: 2026-09-15, Version: 0.2
   ========================================================================== */
#top .flex_column.go-cc-partner-logos {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap: 40px;
    min-height: 180px;
    padding: 32px 36px;
    background: #ffffff;
    border: 1px solid rgba(0, 38, 87, 0.18);
    border-radius: 2px;
    box-sizing: border-box;
}

#top .go-cc-partner-logos .avia-image-container {
    flex: 0 1 160px;
    width: auto;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
}

#top .go-cc-partner-logos .avia-image-container-inner,
#top .go-cc-partner-logos .avia-image-overlay-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

#top .go-cc-partner-logos .avia_image {
    display: block;
    width: auto !important;
    max-width: 100% !important;
    height: 110px !important;
    max-height: 110px !important;
    margin: 0 auto !important;
    object-fit: contain;
}

@media only screen and (max-width: 767px) {
    #top .flex_column.go-cc-partner-logos {
        gap: 20px;
        min-height: 150px;
        padding: 24px 18px;
    }

    #top .go-cc-partner-logos .avia-image-container {
        flex: 0 1 130px;
    }

    #top .go-cc-partner-logos .avia_image {
        height: 90px !important;
        max-height: 90px !important;
    }
}
/* ==========================================================================
   END GO Partnerlogos [Interne Komponenten]
   initial: 2026-09-15, aktuell: 2026-09-15, Version: 0.2
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Hervorhebung [Interne Komponenten]
   initial: 2026-09-07, aktuell: 2026-09-11, Version: 0.5
   ========================================================================== */
/* --------------------------------------------------------------------------
   Primär: starke Hervorhebung in CC3-Blau
   -------------------------------------------------------------------------- */

#top .flex_column.go-cc-card.go-cc-highlight,
#top .flex_column.go-cc-panel.go-cc-highlight {
    background: #002657 !important;
    border-color: #002657 !important;
    color: #FFFFFF !important;
}

#top :is(.go-cc-card, .go-cc-panel).go-cc-highlight :is(
    h1, h2, h3, h4, h5, h6, p, li, strong
) {
    color: #FFFFFF !important;
}

/* --------------------------------------------------------------------------
   Alternativ: helle Fläche mit gelbem Akzent
   Der Akzent liegt im Hintergrund und verändert die Elementhöhe nicht.
   -------------------------------------------------------------------------- */

#top .flex_column.go-cc-card.go-cc-highlight-alternate,
#top .flex_column.go-cc-panel.go-cc-highlight-alternate {
    background:
        linear-gradient(
            to bottom,
            #FFBD18 0,
            #FFBD18 5px,
            #FFFFFF 5px,
            #FFFFFF 100%
        ) !important;

    border-color: rgba(0, 38, 87, 0.18) !important;
    color: #263445 !important;
}

#top :is(.go-cc-card, .go-cc-panel).go-cc-highlight-alternate :is(
    h1, h2, h3, h4, h5, h6
) {
    color: #002657 !important;
}

#top :is(.go-cc-card, .go-cc-panel).go-cc-highlight-alternate :is(p, li) {
    color: #263445 !important;
}

/* --------------------------------------------------------------------------
   Card-Marker bei alternativer Hervorhebung
   -------------------------------------------------------------------------- */

#top .go-cc-card.go-cc-highlight-alternate .go-cc-card-mark {
    background: #002657;
    color: #FFBD18;
}
/* ==========================================================================
   END GO Hervorhebung [Interne Komponenten]
   initial: 2026-09-07, aktuell: 2026-09-11, Version: 0.5
   ========================================================================== */

/* ==========================================================================
   BEGIN GO FAQ [Interne Komponenten]
   initial: 2026-09-07, aktuell: 2026-09-11, Version: 0.7
   ========================================================================== */
#top .go-cc-faq {
	max-width: 1100px;
	margin: 40px auto 0;
}

/*
 * FAQ als dauerhaft helle Abschlusskomponente:
 * neutrale Sektionsfläche, weiße Fragenkarten, dunkler Text.
 */
#top .go-cc-faq .single_toggle {
	margin-bottom: 12px;
	overflow: hidden;

	background: #FFFFFF;
	border: 1px solid rgba(0, 38, 87, 0.14);
	border-radius: 2px;
}

/* Frage */
#top .go-cc-faq .toggler {
	position: relative;

	display: flex;
	align-items: center;

	min-height: 78px;
	padding: 18px 96px 18px 24px !important;

	background: #FFFFFF !important;
	border: 0 !important;

	color: #002657 !important;
	font-weight: 700;
}

#top .go-cc-faq .toggler:hover,
#top .go-cc-faq .toggler:focus,
#top .go-cc-faq .toggler.activeTitle {
	background: #F4F7FA !important;
	color: #002657 !important;
}

/* Antwort */
#top .go-cc-faq .toggle_content {
	margin: 0 !important;
	padding: 20px 24px 24px !important;

	background: #FFFFFF !important;
	border: 0 !important;
	border-top: 1px solid rgba(0, 38, 87, 0.12) !important;

	color: #263445 !important;
}

#top .go-cc-faq .toggle_content :is(
	p,
	li,
	strong,
	em,
	a
) {
	color: inherit !important;
}

/* Toggle-Marker */
#top .go-cc-faq .toggle_icon {
	position: absolute !important;
	left: auto !important;
	right: 18px !important;
	top: 50% !important;

	width: 60px !important;
	height: 60px !important;
	margin: 0 !important;

	transform: translateY(-50%);

	background: #FFBD18 !important;
	border: 0 !important;
	border-radius: 50% !important;
}

#top .go-cc-faq .toggle_icon > span {
	display: none !important;
}

#top .go-cc-faq .toggle_icon::before,
#top .go-cc-faq .toggle_icon::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;

	background: #002657;

	transform: translate(-50%, -50%);
	transition: opacity 0.15s ease;
}

#top .go-cc-faq .toggle_icon::before {
	width: 18px;
	height: 3px;
}

#top .go-cc-faq .toggle_icon::after {
	width: 3px;
	height: 18px;
}

#top .go-cc-faq .toggler.activeTitle .toggle_icon::after {
	opacity: 0;
}

@media only screen and (max-width: 767px) {
	#top .go-cc-faq .toggler {
		min-height: 72px;
		padding: 16px 82px 16px 20px !important;
	}

	#top .go-cc-faq .toggle_icon {
		right: 14px !important;
		width: 54px !important;
		height: 54px !important;
	}

	#top .go-cc-faq .toggle_content {
		padding: 18px 20px 22px !important;
	}
}
/* ==========================================================================
   END GO FAQ [Interne Komponenten]
   initial: 2026-09-07, aktuell: 2026-09-11, Version: 0.7
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Abschluss-CTA [Interne Komponenten]
   initial: 2026-09-11, aktuell: 2026-09-11, Version: 0.3
   ========================================================================== */
/*
 * Heller Seitenabschluss zwischen FAQ und dunklem Footer.
 *
 * Dezenter warmer Verlauf:
 * Weiß -> sehr helles Cremegelb.
 *
 * Ziel:
 * - klare Abgrenzung zur hellgrauen FAQ
 * - Carcompany-Gelb nur subtil aufnehmen
 * - kein harter gelber Vollflächen-Effekt
 * - ruhiger Übergang zum dunklen Footer
 */

#top .go-cc-final-cta {
	background-color: #FFFFFF !important;
	background-image:
		linear-gradient(
			135deg,
			#FFFFFF 0%,
			#FFF4D6 100%
		) !important;

	border-top: 0 !important;
	box-shadow: none !important;

	color: #263445;
}

/*
 * Textfarben explizit absichern,
 * damit Enfold-Farbsets den CTA nicht unerwartet überschreiben.
 */

#top .go-cc-final-cta :where(
	h1,
	h2,
	h3,
	h4,
	h5,
	h6
) {
	color: #002657 !important;
}

#top .go-cc-final-cta :where(
	p,
	li,
	strong,
	em
) {
	color: #263445;
}
/* ==========================================================================
   END GO Abschluss-CTA [Interne Komponenten]
   initial: 2026-09-11, aktuell: 2026-09-11, Version: 0.3
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Footer [Footer]
   initial: 2026-09-06, aktuell: 2026-09-11, Version: 0.7
   ========================================================================== */
/* --------------------------------------------------------------------------
   Footer-Typografie
   -------------------------------------------------------------------------- */

#top #go-footer {
	color: #FFFFFF !important;
}

#top #go-footer :is(h1, h2, h3, h4, h5, h6, p, li, strong) {
	color: #FFFFFF !important;
}

#top #go-footer a:not(.avia-button):is(:link, :visited, :hover, :focus, :active) {
	color: #FFFFFF !important;
	text-decoration: none !important;
}

/* --------------------------------------------------------------------------
   Carcompany-Logo
   Rahmen direkt am Bild
   -------------------------------------------------------------------------- */

#top #go-footer :is(.go-cc-footer-logo img, img.go-cc-footer-logo) {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid #FFFFFF !important;
	box-sizing: border-box !important;
}

/* --------------------------------------------------------------------------
   Partnerlogos Sekurit + TÜV
   nebeneinander mit 15 px Abstand
   -------------------------------------------------------------------------- */

#top #go-footer .go-cc-footer-logos {
	display: flex !important;
	flex-direction: row !important;
	flex-wrap: nowrap !important;
	align-items: flex-start !important;
	justify-content: flex-start !important;
	gap: 15px !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 0 !important;
}

#top #go-footer .go-cc-footer-logos img {
	display: block !important;
	flex: 0 0 55px !important;
	width: 55px !important;
	height: 55px !important;
	max-width: 55px !important;
	max-height: 55px !important;
	margin: 0 !important;
	padding: 0 !important;
	object-fit: contain !important;
}

/* --------------------------------------------------------------------------
   Footer-Listen
   Bullets und Einrückung entfernen
   -------------------------------------------------------------------------- */

#top #go-footer ul,
#top #go-footer ul li {
	margin-left: 0 !important;
	padding-left: 0 !important;
	list-style: none !important;
}

#top #go-footer ul li::marker {
	content: "" !important;
}
/* ==========================================================================
   END GO Footer [Footer]
   initial: 2026-09-06, aktuell: 2026-09-11, Version: 0.7
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Anfrageformular [Externe Komponenten]
   initial: 2026-09-11, aktuell: 2026-09-11, Version: 0.14
   ========================================================================== */
/* --------------------------------------------------------------------------
   Formularbuttons – gemeinsame Basis
   -------------------------------------------------------------------------- */

#top .go-cc-anfrage-form .fluentform :is(
	.ff-btn-prev,
	.ff-btn-next,
	.ff-btn-submit,
	.ff_upload_btn
) {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	min-height: 42px !important;
	padding: 10px 20px !important;
	border: 1px solid var(--go-cc-button-blue) !important;
	border-radius: 2px !important;
	font-family: inherit !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
	box-shadow: none !important;
	appearance: none !important;
	-webkit-appearance: none !important;
	cursor: pointer !important;
}

/* --------------------------------------------------------------------------
   Primäre Aktionen
   Weiter + Absenden
   -------------------------------------------------------------------------- */

#top .go-cc-anfrage-form .fluentform :is(.ff-btn-next, .ff-btn-submit) {
	background: var(--go-cc-button-yellow) !important;
	color: var(--go-cc-button-blue) !important;
}

#top .go-cc-anfrage-form .fluentform :is(.ff-btn-next, .ff-btn-submit):is(:hover, :focus-visible) {
	background: var(--go-cc-button-yellow-hover) !important;
	color: var(--go-cc-button-blue) !important;
}

/* --------------------------------------------------------------------------
   Sekundäre Aktionen
   Zurück + Datei auswählen
   -------------------------------------------------------------------------- */

#top .go-cc-anfrage-form .fluentform :is(.ff-btn-prev, .ff_upload_btn) {
	background: var(--go-cc-button-blue) !important;
	color: #FFFFFF !important;
	border-color: var(--go-cc-button-blue) !important;
}

#top .go-cc-anfrage-form .fluentform :is(.ff-btn-prev, .ff_upload_btn):is(:hover, :focus-visible) {
	background: #0A4B83 !important;
	color: #FFFFFF !important;
	border-color: #0A4B83 !important;
}

/* --------------------------------------------------------------------------
   Navigation / Abstände
   -------------------------------------------------------------------------- */

#top .go-cc-anfrage-form .fluentform .step-nav {
	margin-top: 24px;
}

#top .go-cc-anfrage-form .fluentform .ff-btn-next {
	margin-right: 18px !important;
}

#top .go-cc-anfrage-form .fluentform .ff-btn-prev {
	margin-left: 0 !important;
}

#top .go-cc-anfrage-form .fluentform .ff-btn-submit {
	float: right !important;
	margin-right: 18px !important;
}

/* --------------------------------------------------------------------------
   Datei-Upload
   -------------------------------------------------------------------------- */

#top .go-cc-anfrage-form .fluentform .ff_file_upload_holder {
	display: inline-block;
}

/* --------------------------------------------------------------------------
   Hilfetext / Beschreibung
   -------------------------------------------------------------------------- */

#top .go-cc-anfrage-form .fluentform :is(.ff-el-help-message, .ff-description) {
	display: block !important;
	margin-top: 7px !important;
	margin-bottom: 8px !important;
	font-size: 15px !important;
	line-height: 1.45 !important;
	color: #66758A !important;
}

/* --------------------------------------------------------------------------
   Radio-Buttons – Ja / Nein
   -------------------------------------------------------------------------- */

#top .go-cc-anfrage-form .fluentform .ff-el-form-check-label,
#top .go-cc-anfrage-form .fluentform .ff-el-form-check-label span {
	font-family: inherit !important;
	font-size: 16px !important;
	line-height: 1.4 !important;
}

#top .go-cc-anfrage-form .fluentform .ff-el-form-check input[type="radio"] {
	width: 18px !important;
	height: 18px !important;
	margin: 0 6px 0 0 !important;
	vertical-align: middle !important;
}

#top .go-cc-anfrage-form .fluentform .ff-el-form-check {
	margin-bottom: 6px;
}

/* --------------------------------------------------------------------------
   Eingabe-, Select- und Textfeld-Schrift
   -------------------------------------------------------------------------- */

#top .go-cc-anfrage-form .fluentform :is(
	input[type="text"],
	input[type="email"],
	input[type="tel"],
	input[type="number"],
	select,
	textarea
) {
	font-size: 16px !important;
	line-height: 1.4 !important;
}

#top .go-cc-anfrage-form .fluentform :is(input, textarea)::placeholder {
	font-size: 16px !important;
}

/* --------------------------------------------------------------------------
   Multi-Step-Anzeige
   -------------------------------------------------------------------------- */

#top .go-cc-anfrage-form .fluentform .ff-step-header {
	margin-bottom: 58px !important;
	padding-top: 12px !important;
	overflow: visible !important;
}

#top .go-cc-anfrage-form .fluentform .ff-step-titles {
	overflow: visible !important;
}

#top .go-cc-anfrage-form .fluentform .ff-step-titles > li {
	position: relative !important;
	padding-top: 0 !important;
	overflow: visible !important;
}

/* Schrittsymbole 1 / 2 */

#top .go-cc-anfrage-form .fluentform .ff-step-titles > li::before {
	width: 30px !important;
	height: 30px !important;
	min-width: 30px !important;
	min-height: 30px !important;
	line-height: 28px !important;
	font-size: 15px !important;
	box-sizing: border-box !important;
	transform: none !important;
}

/* Aktiver und abgeschlossener Schritt – CC3-Gelb */

#top .go-cc-anfrage-form .fluentform .ff-step-titles > li:is(.ff_active, .ff_completed)::before {
	background: var(--go-cc-button-yellow) !important;
	border-color: var(--go-cc-button-yellow) !important;
	color: var(--go-cc-button-blue) !important;
}

/* Verbindungslinie */

#top .go-cc-anfrage-form .fluentform .ff-step-titles > li::after {
	top: 15px !important;
	height: 2px !important;
	transform: none !important;
}

/* Aktive / bereits absolvierte Verbindungslinie */

#top .go-cc-anfrage-form .fluentform .ff-step-titles > li:is(.ff_active, .ff_completed)::after {
	background: var(--go-cc-button-yellow) !important;
}

/* Schrittbezeichnungen */

#top .go-cc-anfrage-form .fluentform .ff-step-title-text {
	display: block !important;
	margin-top: 10px !important;
	font-size: 16px !important;
	line-height: 1.35 !important;
	font-weight: 500 !important;
}
/* ==========================================================================
   END GO Anfrageformular [Externe Komponenten]
   initial: 2026-09-11, aktuell: 2026-09-11, Version: 0.14
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Startseite Leistungsteaser [Seitenspezifische Ausnahmen]
   initial: 2026-09-06, aktuell: 2026-09-11, Version: 0.6
   ========================================================================== */
/* 2 x 2 Raster */
#top .go-cc-services .entry-content-wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
}

/* Enfold clearfix darf keine zusätzlichen Grid-Items erzeugen */
#top .go-cc-services .entry-content-wrapper::before,
#top .go-cc-services .entry-content-wrapper::after {
    content: none;
    display: none;
}

/* Kachel */
#top .go-cc-services .go-cc-service {
    float: none;
    width: 100% !important;
    margin: 0 !important;
    overflow: hidden;
    background: #001B3D;
}

/* Bildausschnitt */
#top .go-cc-service .avia-image-container {
    margin: 0;
}

#top .go-cc-service .avia-image-overlay-wrap {
    position: relative;
    aspect-ratio: 16 / 5;
    overflow: hidden;
}

#top .go-cc-service .avia-image-overlay-wrap > a {
    display: block;
    height: 100%;
}

#top .go-cc-service img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Verlauf wie CCO */
#top .go-cc-service .avia-image-overlay-wrap::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 55%;
    background: linear-gradient(
      to bottom,
      transparent,
      #001B3D
    );
    pointer-events: none;
}

/* Enfold-Bildoverlay weg */
#top .go-cc-service .image-overlay {
    display: none !important;
}

/* Text */
#top .go-cc-service .avia_textblock {
    padding: 8px 14px 0;
    color: #FFFFFF;
}

/* Teaser-Headline */
#top .go-cc-service .avia_textblock h2 {
    margin: 0 0 4px;
    color: #FFFFFF !important;
}

#top .go-cc-service .avia_textblock p {
    margin: 0;
    color: #FFFFFF;
}

/* Button nur positionieren – Gestaltung kommt aus Enfold */
#top .go-cc-service .avia-button-wrap {
    margin: 9px 14px 14px;
    text-align: left;
}

/* Erst unter 768 px einspaltig */
@media only screen and (max-width: 767px) {
    #top .go-cc-services .entry-content-wrapper {
      grid-template-columns: 1fr;
    }
}
/* ==========================================================================
   END GO Startseite Leistungsteaser [Seitenspezifische Ausnahmen]
   initial: 2026-09-06, aktuell: 2026-09-11, Version: 0.6
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Menü Qualitätslogos Test
   initial: 2026-09-21, aktuell: 2026-09-21, Version: 0.12
   ========================================================================== */
/*
 * Desktop:
 * - Menü nutzt dieselbe vertikale Geometrie wie das CC-Logo:
 *   top: 8px / height: 120px
 * - Autoglas bis Firmenkunden horizontal mittig in der Contentbreite
 * - Qualitätslogos rechts an derselben Contentbreite
 * - Qualitätslogos vertikal exakt zur Menü-/Logo-Mitte
 * - Qualitätslogos größer
 * - Menüabstände reduziert
 * - verlinkte Qualitätslogos aus der weißen Meta-Zeile ausgeblendet
 *
 * Mobile:
 * - Qualitäts-Menüpunkt ausgeblendet
 * - Logos in der Meta-Zeile bleiben erhalten
 */

/* ==========================================================================
   DESKTOP AB 990 PX
   ========================================================================== */

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

	/* ----------------------------------------------------------------------
	   Gemeinsamer Enfold-Contentcontainer
	   ---------------------------------------------------------------------- */

	#top #header_main
	.av-logo-container > .inner-container {
		position: relative !important;

		overflow: visible !important;
	}

	#top #header_main,
	#top #header_main .container,
	#top #header_main .inner-container,
	#top #header_main .main_menu,
	#top #header_main .main_menu .avia-menu,
	#top #header_main #avia-menu {
		overflow: visible !important;
	}

	/* ----------------------------------------------------------------------
	   Qualitätslogos aus der weißen Headerzeile am Desktop ausblenden

	   Die Logos sind inzwischen verlinkt und liegen innerhalb eines <a>.
	   Daher wird der komplette Link ausgeblendet.
	   ---------------------------------------------------------------------- */

	#top #header_meta
	.go-cc-header-meta-content > a:has(.go-cc-header-partner-logo) {
		display: none !important;
	}

	/* ----------------------------------------------------------------------
	   Hauptnavigation

	   Vertikal identisch zum bestehenden CC-Logo:
	   top 8 px / Höhe 120 px
	   ---------------------------------------------------------------------- */

	#top #header_main .main_menu {
		position: absolute !important;

		left: 0 !important;
		right: 0 !important;
		top: 8px !important;
		bottom: auto !important;

		width: auto !important;
		height: 120px !important;

		margin: 0 !important;
		padding: 0 !important;

		transform: none !important;

		overflow: visible !important;

		pointer-events: none !important;
	}

	#top #header_main .main_menu .avia-menu {
		width: 100% !important;
		height: 120px !important;

		margin: 0 !important;
		padding: 0 !important;

		overflow: visible !important;

		pointer-events: none !important;
	}

	/* ----------------------------------------------------------------------
	   Hauptmenü horizontal mittig,
	   vertikal innerhalb der 120-px-Logozone
	   ---------------------------------------------------------------------- */

	#top #header_main #avia-menu {
		position: relative !important;

		display: flex !important;
		flex-direction: row !important;
		flex-wrap: nowrap !important;

		align-items: center !important;
		justify-content: center !important;

		float: none !important;

		width: 100% !important;
		height: 120px !important;

		margin: 0 !important;
		padding: 0 !important;

		pointer-events: none !important;
	}

	/* ----------------------------------------------------------------------
	   Normale Menüpunkte: Autoglas bis Firmenkunden
	   ---------------------------------------------------------------------- */

	#top #header_main
	#avia-menu > li.menu-item-top-level:not(.go-cc-menu-quality):not(.av-burger-menu-main) {
		position: relative !important;

		display: flex !important;
		align-items: center !important;

		float: none !important;
		flex: 0 0 auto !important;

		height: 120px !important;

		margin: 0 !important;
		padding: 0 !important;

		pointer-events: auto !important;
	}

	#top #header_main
	#avia-menu > li.menu-item-top-level:not(.go-cc-menu-quality):not(.av-burger-menu-main) > a {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;

		height: 120px !important;

		padding-left: 7px !important;
		padding-right: 7px !important;

		line-height: 1.2 !important;

		pointer-events: auto !important;
	}

	#top #header_main
	#avia-menu > li.menu-item-top-level:not(.go-cc-menu-quality):not(.av-burger-menu-main)
	> a > .avia-menu-text {
		display: flex !important;
		align-items: center !important;

		line-height: 1.2 !important;
	}

	/* Firmenkunden ohne zusätzlichen Außenabstand */
	#top #header_main
	#avia-menu > li.av-menu-button > a {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	/* ----------------------------------------------------------------------
	   Qualitätslogos

	   Selbe vertikale Mitte wie:
	   - CC-Logo: top 8 / height 120
	   - Hauptmenü: top 8 / height 120
	   ---------------------------------------------------------------------- */

	#top #header_main
	#avia-menu > li.go-cc-menu-quality {
		position: absolute !important;

		top: 50% !important;
		right: 0 !important;
		bottom: auto !important;
		left: auto !important;

		display: block !important;

		width: 240px !important;
		height: 72px !important;

		float: none !important;

		margin: 0 !important;
		padding: 0 !important;

		transform: translateY(-50%) !important;

		overflow: visible !important;

		pointer-events: auto !important;
	}

	#top #header_main
	#avia-menu > li.go-cc-menu-quality > a {
		display: block !important;

		width: 240px !important;
		height: 72px !important;

		margin: 0 !important;
		padding: 0 !important;

		border: 0 !important;
		box-shadow: none !important;

		background-color: transparent !important;

		background-image:
			url('/wp-content/uploads/2026/09/karosserie-fachbetrieb_logo_125px.png'),
			url('/wp-content/uploads/2026/09/sekurit-logo_125px.png'),
			url('/wp-content/uploads/2026/09/tuev-logo_125px.png') !important;

		background-repeat:
			no-repeat,
			no-repeat,
			no-repeat !important;

		background-position:
			left center,
			center center,
			right center !important;

		background-size:
			72px 72px,
			72px 72px,
			72px 72px !important;

		overflow: visible !important;

		pointer-events: auto !important;
	}

	/* ----------------------------------------------------------------------
	   Text "Qualität & Partner" visuell ausblenden
	   ---------------------------------------------------------------------- */

	#top #header_main
	#avia-menu > li.go-cc-menu-quality > a > .avia-menu-text {
		position: absolute !important;

		width: 1px !important;
		height: 1px !important;

		margin: -1px !important;
		padding: 0 !important;

		overflow: hidden !important;

		clip: rect(0 0 0 0) !important;
		clip-path: inset(50%) !important;

		white-space: nowrap !important;

		border: 0 !important;
	}

	/* Enfold-Menüindikator entfernen */
	#top #header_main
	#avia-menu > li.go-cc-menu-quality > a > .avia-menu-fx {
		display: none !important;
	}

	/* dezenter Hover */
	#top #header_main
	#avia-menu > li.go-cc-menu-quality:hover > a,

	#top #header_main
	#avia-menu > li.go-cc-menu-quality:focus-within > a {
		background-color: rgba(255, 255, 255, 0.08) !important;
	}
}

/* ==========================================================================
   MITTLERER DESKTOP 1201 BIS 1500 PX
   ========================================================================== */

@media only screen and (min-width: 1201px) and (max-width: 1500px) {

	#top #header_main
	#avia-menu > li.go-cc-menu-quality {
		width: 210px !important;
		height: 64px !important;
	}

	#top #header_main
	#avia-menu > li.go-cc-menu-quality > a {
		width: 210px !important;
		height: 64px !important;

		background-size:
			64px 64px,
			64px 64px,
			64px 64px !important;
	}
}

/* ==========================================================================
   KOMPAKTER DESKTOP 1101 BIS 1200 PX
   ========================================================================== */

@media only screen and (min-width: 1101px) and (max-width: 1200px) {

	#top #header_main
	#avia-menu > li.menu-item-top-level:not(.go-cc-menu-quality):not(.av-burger-menu-main) > a {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}

	#top #header_main
	#avia-menu > li.go-cc-menu-quality {
		width: 180px !important;
		height: 54px !important;
	}

	#top #header_main
	#avia-menu > li.go-cc-menu-quality > a {
		width: 180px !important;
		height: 54px !important;

		background-size:
			54px 54px,
			54px 54px,
			54px 54px !important;
	}
}

/* ==========================================================================
   KNAPPER DESKTOP 990 BIS 1100 PX
   ========================================================================== */

@media only screen and (min-width: 990px) and (max-width: 1100px) {

	#top #header_main
	#avia-menu > li.menu-item-top-level:not(.go-cc-menu-quality):not(.av-burger-menu-main) > a {
		padding-left: 3px !important;
		padding-right: 3px !important;
	}

	#top #header_main
	#avia-menu > li.go-cc-menu-quality {
		width: 150px !important;
		height: 44px !important;
	}

	#top #header_main
	#avia-menu > li.go-cc-menu-quality > a {
		width: 150px !important;
		height: 44px !important;

		background-size:
			44px 44px,
			44px 44px,
			44px 44px !important;
	}
}

/* ==========================================================================
   MOBILE BIS 989 PX
   ========================================================================== */

@media only screen and (max-width: 989px) {

	/*
	 * Zusätzlicher Qualitäts-Menüpunkt nicht im mobilen Burger-Menü.
	 * Die Qualitätslogos bleiben stattdessen in der weißen Meta-Zeile.
	 */

	#top #avia-menu > li.go-cc-menu-quality,
	#top .av-burger-overlay li.go-cc-menu-quality {
		display: none !important;
	}
}
/* ==========================================================================
   END GO Menü Qualitätslogos Test
   initial: 2026-09-21, aktuell: 2026-09-21, Version: 0.12
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Mobile Header Meta Test
   initial: 2026-09-21, aktuell: 2026-09-21, Version: 0.2
   ========================================================================== */
/*
 * Mobile:
 * - weiße Meta-Zeile höher
 * - Qualitätslogos trotz Inline-30px deutlich größer darstellen
 * - Abstand LEIHWAGEN | WOHNMOBIL / VAN kompakter
 * - CC-Logo optisch etwas nach unten verschieben
 * - Burgerposition unverändert
 */

/* ==========================================================================
   MOBILE BIS 989 PX
   ========================================================================== */

@media only screen and (max-width: 989px) {

	/* ----------------------------------------------------------------------
	   Meta-Zeile
	   ---------------------------------------------------------------------- */

	#top #header_meta,
	#top #header_meta > .container {
		height: 54px !important;
		min-height: 54px !important;

		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}

	#top #header_meta .phone-info {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;

		width: 100% !important;
		height: 54px !important;
		min-height: 54px !important;

		margin: 0 !important;
		padding: 0 !important;
	}

	#top #header_meta .phone-info > div {
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;

		width: 100% !important;
		height: 54px !important;

		margin: 0 !important;
		padding: 0 !important;
	}

	/* ----------------------------------------------------------------------
	   kompletter Meta-Inhalt
	   ---------------------------------------------------------------------- */

	#top #header_meta .go-cc-header-meta-content {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;

		min-height: 54px !important;

		gap: 5px !important;

		line-height: 1 !important;
		white-space: nowrap !important;
	}

	/* ----------------------------------------------------------------------
	   Qualitätslogos

	   Im HTML sind derzeit 30px !important inline definiert.
	   Diese Werte können im Stylesheet nicht zuverlässig überschrieben
	   werden. Deshalb visuelle Vergrößerung über transform.

	   30px × 1,40 = ca. 42px sichtbare Größe.
	   ---------------------------------------------------------------------- */

	#top #header_meta
	.go-cc-header-meta-content > img.go-cc-header-partner-logo {
		margin-left: 5px !important;
		margin-right: 5px !important;

		padding: 0 !important;

		transform: scale(1.4) !important;
		transform-origin: center center !important;

		vertical-align: middle !important;
	}

	/* erstes Logo links nicht unnötig weit einrücken */
	#top #header_meta
	.go-cc-header-meta-content > img.go-cc-header-partner-logo:first-child {
		margin-left: 3px !important;
	}

	/* letztes Logo vor LEIHWAGEN */
	#top #header_meta
	.go-cc-header-meta-content > img.go-cc-header-partner-logo:nth-of-type(3) {
		margin-right: 6px !important;
	}

	/* ----------------------------------------------------------------------
	   Mobile-Texte
	   ---------------------------------------------------------------------- */

	#top #header_meta
	.go-cc-header-meta-content > a {
		display: inline-flex !important;
		align-items: center !important;

		height: 42px !important;

		line-height: 42px !important;
	}

	#top #header_meta .go-cc-leihwagen-mobile,
	#top #header_meta .go-cc-wohnmobil-mobile {
		line-height: 1 !important;
	}

	/* ----------------------------------------------------------------------
	   Abstand:
	   LEIHWAGEN | WOHNMOBIL / VAN

	   Nur dieser Bereich wird enger als die Logoabstände.
	   ---------------------------------------------------------------------- */

	#top #header_meta .go-cc-header-meta-separator {
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;

		height: 42px !important;

		margin-left: -3px !important;
		margin-right: -3px !important;

		padding: 0 !important;

		line-height: 42px !important;
	}

	/* ----------------------------------------------------------------------
	   CC-Logo etwas nach unten

	   bestehend im Hauptblock:
	   top: 8px;
	   neu für den Test:
	   top: 11px;
	   ---------------------------------------------------------------------- */

	#top #header_main .logo {
		top: 11px !important;
	}
}

/* ==========================================================================
   MOBILE BIS 430 PX
   ========================================================================== */

@media only screen and (max-width: 430px) {

	#top #header_meta,
	#top #header_meta > .container,
	#top #header_meta .phone-info,
	#top #header_meta .phone-info > div {
		height: 52px !important;
		min-height: 52px !important;
	}

	#top #header_meta .go-cc-header-meta-content {
		min-height: 52px !important;

		gap: 4px !important;
	}

	/*
	 * 30px × 1,33 = ca. 40px
	 */
	#top #header_meta
	.go-cc-header-meta-content > img.go-cc-header-partner-logo {
		margin-left: 4px !important;
		margin-right: 4px !important;

		transform: scale(1.33) !important;
	}

	#top #header_meta
	.go-cc-header-meta-content > img.go-cc-header-partner-logo:first-child {
		margin-left: 2px !important;
	}

	#top #header_meta
	.go-cc-header-meta-content > img.go-cc-header-partner-logo:nth-of-type(3) {
		margin-right: 4px !important;
	}

	#top #header_meta
	.go-cc-header-meta-content > a,
	#top #header_meta .go-cc-header-meta-separator {
		height: 40px !important;
		line-height: 40px !important;
	}

	#top #header_meta .go-cc-header-meta-separator {
		margin-left: -2px !important;
		margin-right: -2px !important;
	}

	/* kleine Screens: nur minimal nach unten */
	#top #header_main .logo {
		top: 10px !important;
	}
}

/* ==========================================================================
   SEHR KLEINE SCREENS BIS 375 PX
   ========================================================================== */

@media only screen and (max-width: 375px) {

	#top #header_meta,
	#top #header_meta > .container,
	#top #header_meta .phone-info,
	#top #header_meta .phone-info > div {
		height: 48px !important;
		min-height: 48px !important;
	}

	#top #header_meta .go-cc-header-meta-content {
		min-height: 48px !important;

		gap: 3px !important;
	}

	/*
	 * 30px × 1,25 = 37,5px
	 */
	#top #header_meta
	.go-cc-header-meta-content > img.go-cc-header-partner-logo {
		margin-left: 3px !important;
		margin-right: 3px !important;

		transform: scale(1.25) !important;
	}

	#top #header_meta
	.go-cc-header-meta-content > img.go-cc-header-partner-logo:first-child {
		margin-left: 1px !important;
	}

	#top #header_meta
	.go-cc-header-meta-content > img.go-cc-header-partner-logo:nth-of-type(3) {
		margin-right: 3px !important;
	}

	#top #header_meta
	.go-cc-header-meta-content > a,
	#top #header_meta .go-cc-header-meta-separator {
		height: 38px !important;
		line-height: 38px !important;
	}

	#top #header_meta .go-cc-header-meta-separator {
		margin-left: -1px !important;
		margin-right: -1px !important;
	}
}
/* ==========================================================================
   END GO Mobile Header Meta Test
   initial: 2026-09-21, aktuell: 2026-09-21, Version: 0.2
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Reviews and Rating
   initial: 2026-09-21, aktuell: 2026-09-21, Version: 0.2
   ========================================================================== */
/* CK, 2026-02-25, Google Reviews */

.gmbrr .listing .author-name, .gmbrr .listing .author-name a {
    font-weight: 400!important;
}

.gmbrr .listing .text {
    color: #000000;
}

.gmbrr.badge.tiny {
    margin-left: 0px;
    text-align: left;
	padding: 0px;
}

.gmbrr .listing + .attribution, .gmbrr .navigation + .attribution {
    display: none;
}

@media (max-width: 783px) {
.gmbrr {
    width: unset;
}}

.simple-translate-panel {
    display: none;
}

/* .rating-home-left span.attribution.google-icon {
    margin-right: 15px;
}

.rating-home-left p.rating {
    margin-left: 8px;
}*/

/*.gmbrr .listing .author-avatar a, .gmbrr .listing .author-avatar > img {
    display: none;
 }*/

/* .rating-home-left .gmbrr .rating span {
	padding-left: 8px;
}*/
/* ==========================================================================
   END GO Reviews and Rating
   initial: 2026-09-21, aktuell: 2026-09-21, Version: 0.2
   ========================================================================== */

/* ==========================================================================
   BEGIN GO CC Header Meta
   initial: 2026-09-22, aktuell: 2026-09-22, Version: 0.3
   ========================================================================== */
/*
 * Desktop-Topzeile mit Partnerlogos.
 *
 * Die Partnerlogos sind 44 px hoch. Dadurch ist die reale Topzeile
 * höher als Enfolds ursprüngliche Standardberechnung.
 *
 * Die native Enfold-Ausrichtung von phone-info und Social Icons
 * nach rechts bleibt erhalten.
 *
 * Text und Social-Media-Icons werden innerhalb der 44 px hohen
 * Headerzeile vertikal mittig ausgerichtet.
 *
 * Hauptheader: 180 px
 * Topzeile:     44 px
 * Gesamt:      224 px
 */

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

  #top #header_meta {
    height: 44px !important;
    min-height: 44px !important;
  }

  #top #header_meta > .container {
    height: 44px !important;
    min-height: 44px !important;
  }

  /* Textbereich rechts */
  #top #header_meta .phone-info {
    height: 44px !important;
    min-height: 44px !important;
    line-height: 44px !important;
  }

  #top #header_meta .phone-info > div {
    display: flex !important;
    align-items: center !important;

    height: 44px !important;
    min-height: 44px !important;

    line-height: 1 !important;
  }

  #top #header_meta .go-cc-header-meta-content {
    display: inline-flex !important;
    align-items: center !important;

    height: 44px !important;
    min-height: 44px !important;

    line-height: 1 !important;
  }

  /* Social-Media-Icons */
  #top #header_meta .social_bookmarks {
    height: 44px !important;
    min-height: 44px !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  #top #header_meta .social_bookmarks li {
    height: 44px !important;
    min-height: 44px !important;

    line-height: 44px !important;
  }

  #top #header_meta .social_bookmarks li a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 44px !important;
    min-height: 44px !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    line-height: 1 !important;
  }

  /* Sticky-Header-Abstand an reale Gesamthöhe anpassen */
  .html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 224px !important;
  }

}
/* ==========================================================================
   END GO CC Header Meta
   initial: 2026-09-22, aktuell: 2026-09-22, Version: 0.3
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Menü Mobile Kontakt
   initial: 2026-09-22, aktuell: 2026-09-22, Version: 0.3
   ========================================================================== */
/*
 * Desktop:
 * - WhatsApp ausblenden
 * - Telefon ausblenden
 * - Home ausblenden
 *
 * Mobile:
 * - WhatsApp + Telefon als gelbe Icon-Buttons nebeneinander
 * - keine sichtbaren Texte WhatsApp / Telefon
 * - Home darunter als normaler Menüpunkt
 * - Qualität & Partner im Burger ausblenden
 */

/* ==========================================================================
   DESKTOP AB 990 PX
   ========================================================================== */

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

	/* WhatsApp + Telefon */
	#top #header_main .main_menu #avia-menu
	> li.menu-item-top-level.go-cc-menu-mobile-contact {
		display: none !important;
	}

	/* Home */
	#top #header_main .main_menu #avia-menu
	> li.menu-item-top-level.go-cc-menu-home,
	#top #header_main .main_menu #avia-menu
	> li.menu-item-top-level.menu-item-home {
		display: none !important;
	}
}

/* ==========================================================================
   MOBILE BIS 989 PX
   ========================================================================== */

@media only screen and (max-width: 989px) {

	/* ----------------------------------------------------------------------
	   Qualität & Partner:
	   Logo-Menüpunkt gehört nur in den Desktop-Header
	   ---------------------------------------------------------------------- */

	#top .av-burger-overlay-inner
	#av-burger-menu-ul > li.go-cc-menu-quality,

	#top .av-burger-overlay-inner
	#av-burger-menu-ul > li:has(> a[href*="/qualitaet-und-partner/"]) {
		display: none !important;
	}

	/* ----------------------------------------------------------------------
	   WhatsApp + Telefon:
	   erste Zeile, nebeneinander
	   ---------------------------------------------------------------------- */

	#top .av-burger-overlay-inner
	#av-burger-menu-ul > li.go-cc-menu-mobile-contact {
		display: block !important;

		float: left !important;
		clear: none !important;

		width: 48px !important;
		height: 48px !important;

		margin: 0 0 16px 8px !important;
		padding: 0 !important;

		background: transparent !important;
		border: 0 !important;

		text-align: left !important;
	}

	/* Erste Schaltfläche auf Flucht der normalen Menütexte */
	#top .av-burger-overlay-inner
	#av-burger-menu-ul > li.go-cc-menu-mobile-whatsapp {
		margin-left: 26px !important;
	}

	/* ----------------------------------------------------------------------
	   Kontakt-Linkfläche
	   ---------------------------------------------------------------------- */

	#top .av-burger-overlay-inner
	#av-burger-menu-ul > li.go-cc-menu-mobile-contact > a {
		position: relative !important;

		display: flex !important;
		align-items: center !important;
		justify-content: center !important;

		width: 48px !important;
		height: 48px !important;
		min-height: 48px !important;

		margin: 0 !important;
		padding: 0 !important;

		background: #FFBD18 !important;
		border: 0 !important;
		border-radius: 2px !important;

		font-size: 0 !important;
		line-height: 0 !important;

		text-decoration: none !important;

		box-sizing: border-box !important;
	}

	/* ----------------------------------------------------------------------
	   Texte und Enfold-Zusätze vollständig ausblenden
	   ---------------------------------------------------------------------- */

	#top .av-burger-overlay-inner
	#av-burger-menu-ul > li.go-cc-menu-mobile-contact
	> a > .avia-menu-text,

	#top .av-burger-overlay-inner
	#av-burger-menu-ul > li.go-cc-menu-mobile-contact
	> a > .avia-bullet,

	#top .av-burger-overlay-inner
	#av-burger-menu-ul > li.go-cc-menu-mobile-contact
	> a > .avia-menu-fx,

	#top .av-burger-overlay-inner
	#av-burger-menu-ul > li.go-cc-menu-mobile-contact
	.av-submenu-indicator {
		display: none !important;
	}

	/* ----------------------------------------------------------------------
	   Gemeinsame Icon-Basis
	   ---------------------------------------------------------------------- */

	#top .av-burger-overlay-inner
	#av-burger-menu-ul > li.go-cc-menu-mobile-contact > a::before {
		content: "" !important;

		display: block !important;

		width: 26px !important;
		height: 26px !important;

		background-repeat: no-repeat !important;
		background-position: center !important;
		background-size: contain !important;
	}

	/* ----------------------------------------------------------------------
	   WhatsApp
	   ---------------------------------------------------------------------- */

	#top .av-burger-overlay-inner
	#av-burger-menu-ul > li.go-cc-menu-mobile-whatsapp > a::before {
		background-image:
			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23002657' d='M380.9 97.1C339 55.1 283.2 32 223.9 32 101.5 32 1.9 131.6 1.9 254c0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.8l-6.7-4-69.8 18.3 18.6-68-4.4-7c-18.5-29.4-28.2-63.4-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.1c-5.5-2.8-32.8-16.1-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.6-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3s19.9 53.7 22.6 57.4c2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.3 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.7z'/%3E%3C/svg%3E") !important;
	}

	/* ----------------------------------------------------------------------
	   Telefon
	   ---------------------------------------------------------------------- */

	#top .av-burger-overlay-inner
	#av-burger-menu-ul > li.go-cc-menu-mobile-phone > a::before {
		background-image:
			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23002657' d='M6.62 10.79a15.46 15.46 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24c1.12.37 2.33.57 3.57.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.61 21 3 13.39 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E") !important;
	}

	/* ----------------------------------------------------------------------
	   Home:
	   nach den beiden gefloateten Icons neue Zeile beginnen
	   ---------------------------------------------------------------------- */

	#top .av-burger-overlay-inner
	#av-burger-menu-ul > li.go-cc-menu-home,

	#top .av-burger-overlay-inner
	#av-burger-menu-ul > li.menu-item-home {
		display: block !important;

		float: none !important;
		clear: both !important;

		width: 100% !important;
		height: auto !important;

		margin: 0 !important;
		padding: 0 !important;
	}
}

/* ==========================================================================
   SEHR KLEINE SCREENS BIS 430 PX
   ========================================================================== */

@media only screen and (max-width: 430px) {

	#top .av-burger-overlay-inner
	#av-burger-menu-ul > li.go-cc-menu-mobile-contact {
		width: 44px !important;
		height: 44px !important;
	}

	#top .av-burger-overlay-inner
	#av-burger-menu-ul > li.go-cc-menu-mobile-contact > a {
		width: 44px !important;
		height: 44px !important;
		min-height: 44px !important;
	}

	#top .av-burger-overlay-inner
	#av-burger-menu-ul > li.go-cc-menu-mobile-contact > a::before {
		width: 24px !important;
		height: 24px !important;
	}
}
/* ==========================================================================
   END GO Menü Mobile Kontakt
   initial: 2026-09-22, aktuell: 2026-09-22, Version: 0.3
   ========================================================================== */

/* ==========================================================================
   BEGIN GO CC Referenzgalerie
   initial: 2026-09-22, aktuell: 2026-09-22, Version: 0.2
   ========================================================================== */
/* Abstand zwischen Einleitung und Galerie */
#top .go-cc-reference-gallery {
	margin-top: 32px;
}

/* Galerie-Raster */
#top .go-cc-reference-gallery .avia-gallery-thumb {
	overflow: hidden;
}

/* Einzelne Galeriezelle */
#top .go-cc-reference-gallery .avia-gallery-thumb a {
	display: block;
	width: 25%;
	padding: 8px;
	box-sizing: border-box;
	background: transparent;
}

/* Fester 4:3-Bildausschnitt */
#top .go-cc-reference-gallery .avia-gallery-thumb a img {
	display: block;
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	object-position: center center;
	margin: 0 !important;
}

/* Tablet und Smartphone: 2 Spalten */
@media only screen and (max-width: 767px) {

	#top .go-cc-reference-gallery {
		margin-top: 24px;
	}

	#top .go-cc-reference-gallery .avia-gallery-thumb a {
		width: 50% !important;
		padding: 6px;
	}
}
/* ==========================================================================
   END GO CC Referenzgalerie
   initial: 2026-09-22, aktuell: 2026-09-22, Version: 0.2
   ========================================================================== */


/* ===== EIGENER BEREICH UNTEN — BEGIN (wird von GO-Versioner nicht überschrieben) ===== */
/* ==========================================================================
   BEGIN GO Breadcrumb Test [Temporäre Varianten]
   initial: 2026-09-11, aktuell: 2026-09-12, Version: 0.3
   ========================================================================== */

/*
 * Dezente Breadcrumb-Zeile zwischen Header und Hero.
 * Enfold-Einstellung der Seite:
 * Title Bar Settings -> Display only breadcrumbs
 */

#top .title_container.empty_title {
	background: #002657;
	border: 0;
	box-shadow: none;
}

#top .title_container.empty_title .container {
	display: flex;
	align-items: center;

	min-height: 24px;
	padding-top: 0;
	padding-bottom: 0;
}

/*
 * Enfold positioniert Breadcrumbs standardmäßig rechts/absolut.
 * Für CC3 linksbündig im normalen Content-Container.
 *
 * Feinkorrektur:
 * - 5 px nach links zur exakten Logo-Flucht
 * - 3 px nach oben
 */
#top .title_container.empty_title .breadcrumb {
	position: static;

	margin: 0;

	font-size: 13px;
	line-height: 1.3;

	color: rgba(255, 255, 255, 0.72);

	transform: translate(-5px, -3px);
}

/* "Du bist hier:" ausblenden */
#top .title_container.empty_title .breadcrumb-title {
	display: none;
}

#top .title_container.empty_title .breadcrumb-trail {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;

	white-space: nowrap;
}

/*
 * Grunddarstellung der Breadcrumb-Bestandteile.
 */
#top .title_container.empty_title .breadcrumb-trail a,
#top .title_container.empty_title .breadcrumb-trail .trail-end,
#top .title_container.empty_title .breadcrumb-trail .sep {
	float: none;

	margin: 0;
	padding: 0;

	color: rgba(255, 255, 255, 0.78);
}

#top .title_container.empty_title .breadcrumb-trail a {
	text-decoration: none;
}

#top .title_container.empty_title .breadcrumb-trail a:hover,
#top .title_container.empty_title .breadcrumb-trail a:focus {
	color: #FFFFFF;
	text-decoration: none;
}

/*
 * Trenner:
 * identischer Abstand links und rechts.
 */
#top .title_container.empty_title .breadcrumb-trail .sep {
	margin: 0 4px;

	color: rgba(255, 255, 255, 0.42);
}

.breadcrumb .sep {
	width: unset;
}

#top .title_container.empty_title .breadcrumb-trail .trail-end {
	color: #FFFFFF;
}

/* ==========================================================================
   MOBILE BIS 767 PX
   ========================================================================== */

@media only screen and (max-width: 767px) {

	#top .title_container.empty_title .container {
		min-height: 24px;
	}

	#top .title_container.empty_title .breadcrumb {
		max-width: 100%;
		overflow-x: auto;

		font-size: 12px;

		transform: translate(-3px, -2px);

		scrollbar-width: none;
	}

	#top .title_container.empty_title .breadcrumb::-webkit-scrollbar {
		display: none;
	}

	#top .title_container.empty_title .breadcrumb-trail .sep {
		margin: 0 4px;
	}
}

/* ==========================================================================
   END GO Breadcrumb Test [Temporäre Varianten]
   initial: 2026-09-11, aktuell: 2026-09-12, Version: 0.3
   ========================================================================== */

/* ==========================================================================
   BEGIN GO Header Meta
   initial: 2026-09-22, aktuell: 2026-09-22, Version: 0.1
   ========================================================================== */
/*
 * Die Partnerlogos erhöhen die Desktop-Topzeile von Enfold auf 44 px.
 * Hauptheader: 180 px
 * Topzeile:     44 px
 * Gesamt:      224 px
 *
 * Enfold berechnet standardmäßig weiterhin nur 208 px.
 * Dadurch würde das erste Inhaltselement (Breadcrumb) unter den
 * Sticky Header rutschen.
 */

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

  .html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 224px;
  }

}
/* ==========================================================================
   END GO Header Meta
   initial: 2026-09-22, aktuell: 2026-09-22, Version: 0.1
   ========================================================================== */
/* ===== EIGENER BEREICH UNTEN — END (wird von GO-Versioner nicht überschrieben) ===== */