/* ===========================================================================
   MM-Offshore: Aussehen des Einwilligungs-Banners
   ---------------------------------------------------------------------------
   Das Banner-Plugin (GDPR Cookie Compliance) bringt ein eigenes, fremd
   wirkendes Aussehen mit. Hier wird es an die Website angeglichen.

   BILDSPRACHE (uebernommen vom Angebots-Fenster "Request a quote",
   Element 7c0592e in der Kopfzeilen-Vorlage 450)
     weisse Karte . 2px Rahmen #4FA747 . Radius 12px
     Schatten     0 12px 34px rgba(19,61,103,.16), 0 0 0 4px rgba(79,167,71,.12)
     Schaltflaeche #4FA747, weiss, Radius 8px
   Weitere Markenfarben: Hover #328C2A, Navy #133D67, Rahmen neutral #DFE4E8.
   Die Schrift wird von der Website geerbt (Inter Tight), eingestellt ueber
   moove_gdpr_plugin_font_type = 2.

   VIER REGELN, DIE NICHT VERAENDERT WERDEN DUERFEN
   1. "Accept all" und "Reject all" sind absichtlich identisch gestaltet
      (gleiche Farbe, gleiche Groesse, gleiche Schriftstaerke). Ablehnen muss
      genauso leicht sein wie Zustimmen.
   2. Die Ein-/Ausblend-Bewegung des Banners laeuft ueber "bottom".
      Deshalb steht in jeder Positionsregel :not(.moove-gdpr-info-bar-hidden)
      und KEIN !important auf bottom - sonst bleibt das Banner nach der
      Entscheidung stehen. Besonders wichtig seit der Umstellung auf
      "bottom_right": die Positionsregel des Banner-Plugins ist dort staerker
      gewichtet als seine eigene Ausblend-Regel.
   3. Die Klasse heisst .gdpr_infobar_postion_bottom_right - mit dem
      Schreibfehler des Banner-Plugins ("postion") und passend zur Einstellung
      moove_gdpr_infobar_position. Wird die Einstellung geaendert, aendert sich
      die Klasse und saemtliche Positionsregeln hier greifen nicht mehr.
   4. Auf schmalen Bildschirmen weicht das Angebots-Fenster nach oben aus,
      solange das Banner sichtbar ist (Abschnitt "Angebots-Fenster"). Der
      Ausweichweg braucht die Hoehe des Banners; sie liefert mmo-privacy.php
      als --mmo-consent-top.
   =========================================================================== */

/* ===========================================================================
   1. BANNER (erste Ebene)
   =========================================================================== */

/* --------------------------------------------------------------- 1.1 Karte */

#moove_gdpr_cookie_info_bar {
	background-color: #fff !important;
	color: #133D67 !important;
	font-family: inherit;
	z-index: 9900;
	/* Das Banner-Plugin ueberspringt den Aufbau des Inhalts, solange das Banner
	   ausserhalb des Sichtbereichs liegt. Da es fest am unteren Rand steht, ist
	   es ohnehin immer sichtbar - die Ersparnis ist null, aber die gemeldete
	   Hoehe kann dadurch zu klein ausfallen, und genau die braucht die
	   Ausweichregel fuer das Angebots-Fenster. */
	content-visibility: visible !important;
}

/* Schwebende Karte unten rechts. position:fixed, zaehlt deshalb nicht in die
   Dokumentbreite und kann keinen Querlauf ausloesen.
   Das Banner-Plugin bringt fuer diese Position bereits width:600px,
   max-width:calc(100% - 30px), right:15px und bottom:15px mit; hier kommen nur
   Rahmen, Radius und Schatten dazu. */
#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar),
#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar).moove-gdpr-light-scheme,
#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar).moove-gdpr-dark-scheme {
	width: 600px;
	max-width: calc(100% - 40px);
	right: 20px;
	left: auto;
	border: 2px solid #4FA747;
	border-radius: 12px;
	box-shadow: 0 12px 34px rgba(19, 61, 103, .16), 0 0 0 4px rgba(79, 167, 71, .12);
	max-height: none;
	overflow: visible;
}

/* Ruhelage nur im sichtbaren Zustand setzen - siehe Regel 2 im Kopf. */
#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar):not(.moove-gdpr-info-bar-hidden) {
	bottom: 20px;
}

/* Ruhelage im versteckten Zustand. Das Banner-Plugin hat hier einen Konflikt mit
   sich selbst: seine Positionsregel fuer "bottom_right" ist staerker gewichtet
   als seine eigene Ausblend-Regel, das Banner behaelt im versteckten Zustand
   also seinen Platz am unteren Rand. Sichtbar wird das nicht, weil das
   Banner-Plugin zusaetzlich display umschaltet - aber die Angabe soll stimmen.
   Bewusst ohne !important, damit die Bewegung moeglich bleibt. */
#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right.moove-gdpr-info-bar-hidden {
	bottom: -400px;
}

/* ---------------------------------------------------------- 1.2 Innenaufbau */

/* Das Banner-Plugin macht den Container zu einem inline-block und zentriert
   ihn. In einer schmalen Karte soll er die volle Breite nutzen.
   ACHTUNG: :not(.gdpr-full-screen-infobar) muss mit in den Selektor - das
   Banner-Plugin setzt seine eigenen Abstaende fuer diese Position mit genau
   dieser Zusatzbedingung und gewinnt sonst. */
#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container {
	display: block;
	width: 100%;
	max-width: 100%;
	padding: 22px 24px;
	text-align: left;
}

/* Text oben, Schaltflaechen darunter. */
#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 18px;
	width: 100%;
	padding: 0;
	text-align: left;
}

#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-content .moove-gdpr-cookie-notice {
	flex: 0 0 auto !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-content p,
#moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice p {
	color: #24445F !important;
	font-size: 14px;
	line-height: 1.6;
	margin: 0;
	text-align: left;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-content p a,
#moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice p a {
	color: #328C2A !important;
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 2px;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-content p a:hover,
#moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice p a:hover {
	color: #4FA747 !important;
}

/* ------------------------------------------------------- 1.3 Schaltflaechen */

/* Drei gleich breite Schaltflaechen in einer Zeile. Das Banner-Plugin gibt
   ihnen fuer diese Position width:100%, was sie untereinander stapeln wuerde. */
#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-content .moove-gdpr-button-holder {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
	gap: 10px;
	width: 100% !important;
	max-width: none !important;
	flex: 0 0 auto !important;
	padding: 0 !important;
	margin: 0;
}

#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-content .moove-gdpr-button-holder .mgbutton {
	flex: 1 1 0 !important;
	width: auto !important;
	min-width: 0 !important;
	margin: 0 !important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton,
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton {
	border-radius: 8px !important;
	padding: 13px 16px !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	line-height: 1.25 !important;
	letter-spacing: 0;
	text-transform: none;
	white-space: nowrap;
	border: 1px solid transparent !important;
	transition: background-color .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

/* Zustimmen und Ablehnen: bewusst identisch. Die Farbschema-Varianten muessen
   mitgenannt werden, sonst gewinnt die staerker gewichtete Regel des
   Banner-Plugins und die beiden werden ungleich. */
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-allow-all,
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-reject-btn,
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-allow-all,
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-reject-btn,
#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-allow-all,
#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-reject-btn {
	background-color: #4FA747 !important;
	color: #fff !important;
	border-color: #4FA747 !important;
	box-shadow: none !important;
	opacity: 1 !important;
	text-align: center;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-allow-all:hover,
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-reject-btn:hover,
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-allow-all:hover,
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-reject-btn:hover,
#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-allow-all:hover,
#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-reject-btn:hover {
	background-color: #328C2A !important;
	border-color: #328C2A !important;
	color: #fff !important;
}

/* Einstellungen: zweite Ebene, deshalb als Umriss - aber gleich hoch und
   deutlich als Schaltflaeche erkennbar, nicht als blasser Link. */
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-settings-btn,
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-settings-btn,
#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-settings-btn {
	background-color: transparent !important;
	color: #133D67 !important;
	border-color: #C7D0D9 !important;
	box-shadow: none !important;
	opacity: 1 !important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-settings-btn:hover,
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-settings-btn:hover,
#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-settings-btn:hover {
	background-color: #133D67 !important;
	border-color: #133D67 !important;
	color: #fff !important;
}

#moove_gdpr_cookie_info_bar button.mgbutton:focus-visible,
#moove_gdpr_cookie_modal button:focus-visible,
.mmo-consent-link a:focus-visible {
	outline: 2px solid #4FA747;
	outline-offset: 2px;
}

/* ------------------------------------------------------ 1.4 Banner auf Mobil */

@media (max-width: 767px) {
	#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar),
	#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar).moove-gdpr-light-scheme,
	#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar).moove-gdpr-dark-scheme {
		width: auto;
		max-width: none;
		left: 12px;
		right: 12px;
	}

	#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar):not(.moove-gdpr-info-bar-hidden) {
		bottom: 12px;
	}

	#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container {
		padding: 18px 18px 20px;
	}

	/* Zustimmen und Ablehnen teilen sich die erste Zeile zu gleichen Teilen,
	   Einstellungen steht darunter ueber die volle Breite. */
	#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-content .moove-gdpr-button-holder .mgbutton.moove-gdpr-infobar-allow-all,
	#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-content .moove-gdpr-button-holder .mgbutton.moove-gdpr-infobar-reject-btn {
		flex: 1 1 calc(50% - 5px) !important;
	}

	#moove_gdpr_cookie_info_bar.gdpr_infobar_postion_bottom_right:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-content .moove-gdpr-button-holder .mgbutton.moove-gdpr-infobar-settings-btn {
		flex: 1 1 100% !important;
	}
}

/* ===========================================================================
   2. ANGEBOTS-FENSTER NICHT VERDECKEN
   ---------------------------------------------------------------------------
   Links unten sitzt dauerhaft das Angebots-Fenster (Element 7c0592e aus der
   Kopfzeilen-Vorlage 450, position:fixed, 305px breit). Auf breiten
   Bildschirmen stehen Banner und Fenster nebeneinander und beruehren sich
   nicht. Darunter reicht die Breite fuer beide nicht mehr aus.

   Entscheidung: das Angebots-Fenster weicht nach OBEN aus, es wird nicht
   ausgeblendet. Das Banner behaelt seinen Platz unten und damit den Vorrang,
   das Angebots-Fenster bleibt aber erreichbar - es ist auf Mobil die einzige
   dauerhaft sichtbare Handlungsaufforderung, und weil das Banner ohne
   Entscheidung nicht verschwindet, waere ein Ausblenden hier nicht voruebergehend.
   Sobald die Entscheidung getroffen ist, nimmt das Banner-Plugin die Klasse
   gdpr-infobar-visible vom body und das Fenster rutscht von selbst zurueck.

   Nur bei sehr flachen Bildschirmen (Querformat) reicht die Hoehe fuer beides
   nicht; dort tritt das Angebots-Fenster zurueck, bis entschieden ist.

   Die Kopfzeilen-Vorlage bleibt unangetastet - das hier ist reine Darstellung.

   Die Grenze liegt bei 992px, dem Tablet-Breakpoint der Website. Rechnerisch
   wird es erst ab etwa 969px eng (600px Banner + 20px Rand + 305px
   Angebots-Fenster + 20px Rand + 24px Luft); die Grenze liegt bewusst etwas
   darueber und faellt mit dem uebrigen Breakpoint-Raster zusammen.
   =========================================================================== */

/* --mmo-consent-top ist der Abstand der OBERKANTE des Banners zur Unterkante
   des Fensters (gemeldet von mmo-privacy.php). Bewusst die Oberkante und nicht
   die Hoehe: der Abstand des Banners zum unteren Rand ist nicht auf allen
   Breiten gleich, mit der Oberkante stimmt die Rechnung ueberall.
   24px = Luft zwischen beiden Karten. Der Ersatzwert greift nur, wenn nichts
   gemeldet wurde, und liegt bewusst hoch - im Zweifel lieber zu viel Abstand. */
@media (max-width: 992px) {
	body.gdpr-infobar-visible .elementor-element.elementor-element-7c0592e {
		inset-block-end: calc(var(--mmo-consent-top, 290px) + 24px) !important;
		transition: inset-block-end .3s cubic-bezier(.17, .04, .03, .94);
	}
}

@media (max-width: 992px) and (max-height: 620px) {
	body.gdpr-infobar-visible .elementor-element.elementor-element-7c0592e {
		display: none !important;
	}
}

/* ===========================================================================
   3. EINSTELLUNGSFENSTER (zweite Ebene)
   =========================================================================== */

/* ---------------------------------------------------------------- 3.1 Karte */

#moove_gdpr_cookie_modal .moove-gdpr-modal-content {
	border-radius: 14px;
	overflow: hidden;
	font-family: inherit;
	box-shadow: 0 24px 70px rgba(10, 26, 47, .35);
}

/* Das Banner-Plugin verkleinert das Fenster auf mittleren Breiten und bei
   flachen Bildschirmen per transform:scale(). Das macht Schrift unscharf und
   verkleinert die Bedienflaechen. Stattdessen darf das Fenster einfach
   mitwachsen und der Inhalt scrollen. */
@media (min-width: 768px) and (max-width: 999px) {
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content {
		transform: none !important;
		min-height: 0 !important;
		max-height: calc(100vh - 60px) !important;
	}
}

@media (min-width: 768px) and (max-height: 700px) {
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content {
		transform: none !important;
		min-height: 0 !important;
		max-height: calc(100vh - 40px) !important;
	}
}

/* ------------------------------------------------------- 3.2 Linke Spalte */

/* Die Flaeche bleibt navy: sie ist der Untergrund des Wasser-Effekts und
   zugleich sein Ersatz, wenn Bewegungen abgeschaltet sind oder die
   Grafikausgabe nicht zur Verfuegung steht. NICHT auf transparent setzen. */
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content {
	background-color: #133D67;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-company-logo-holder img {
	max-width: 152px;
	height: auto;
	/* Weisses Logo auf bewegtem Wasser: ein weicher Schatten haelt die Kanten
	   ablesbar, wenn gerade eine helle Schaumkrone darunter durchlaeuft. */
	filter: drop-shadow(0 2px 8px rgba(4, 26, 48, .55));
}

/* Reiter. Zwei Dinge auf einmal:
   1. Das Banner-Plugin gibt ihnen eine helle Flaeche MIT hellem Rahmen - auf der
      navyfarbenen Spalte sieht das aus wie leere Kaesten und die Schrift darauf
      waere nicht lesbar. Der Rahmen muss ausdruecklich mit zurueckgenommen
      werden, nicht nur die Flaeche.
   2. Seit die Spalte den Wasser-Effekt traegt, ist der Untergrund nicht mehr
      ruhig. Die Reiter liegen deshalb als eigene, leicht dunklere Karten darauf
      (statt des frueheren hellen Schleiers) - so bleibt die Schrift auch dann
      klar lesbar, wenn eine helle Stelle darunter durchwandert. */
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a {
	background-color: rgba(4, 26, 48, .42) !important;
	color: rgba(255, 255, 255, .88) !important;
	border: 1px solid rgba(255, 255, 255, .10) !important;
	border-left: 3px solid transparent !important;
	border-radius: 8px !important;
	font-weight: 600 !important;
	font-size: 13px !important;
	letter-spacing: .04em;
	line-height: 1.25 !important;
	padding: 13px 18px !important;
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
	transition: color .18s ease, border-color .18s ease, background-color .18s ease;
}

/* Gewaehlter Reiter: gruener Balken links und gruener Schleier. Beides braucht
   !important, weil die Grundregel darueber ebenfalls !important traegt. */
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li.menu-item-selected button,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li.menu-item-selected a {
	background-color: rgba(37, 106, 32, .62) !important;
	color: #fff !important;
	border-color: rgba(79, 167, 71, .45) !important;
	border-left-color: #4FA747 !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button:hover,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a:hover {
	background-color: rgba(8, 44, 74, .58) !important;
	color: #fff !important;
	border-left-color: rgba(79, 167, 71, .6) !important;
}

/* ------------------------------------------------------ 3.3 Rechte Spalte */

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-right-content {
	background-color: #fff;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main span.tab-title,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main h3.tab-title {
	color: #133D67 !important;
	font-weight: 600;
	font-size: 26px;
	line-height: 1.2;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content p,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content li {
	color: #24445F !important;
	font-size: 15px !important;
	line-height: 1.65 !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content p {
	margin-bottom: 14px !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content ul {
	margin: 0 0 14px;
	padding-left: 20px;
	list-style: disc;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content strong {
	color: #133D67 !important;
	font-weight: 600;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content a {
	color: #328C2A !important;
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* Schmaler, unauffaelliger Rollbalken statt des breiten Standardbalkens. */
#moove_gdpr_cookie_modal .moove-gdpr-tab-content {
	scrollbar-width: thin;
	scrollbar-color: #C7D0D9 transparent;
}

#moove_gdpr_cookie_modal .moove-gdpr-tab-content::-webkit-scrollbar {
	width: 8px;
}

#moove_gdpr_cookie_modal .moove-gdpr-tab-content::-webkit-scrollbar-thumb {
	background-color: #C7D0D9;
	border-radius: 4px;
}

/* ----------------------------------------------------- 3.4 Schliessen-Kreis */

/* Sass halb ausserhalb des Fensters und wurde von der abgerundeten Ecke
   abgeschnitten. */
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close {
	top: 14px !important;
	right: 14px !important;
	left: auto !important;
	width: 40px !important;
	height: 40px !important;
	line-height: 40px !important;
	background-color: #133D67 !important;
	color: #fff !important;
	border-radius: 50% !important;
	opacity: 1 !important;
	/* Heller Ring: auf schmalen Bildschirmen sitzt der Knopf im navyfarbenen
	   Kopfbereich und damit auf dem Wasser-Effekt - ohne Abgrenzung geht er
	   dort unter. Auf hellem Grund (Desktop) faellt der Ring nicht auf. */
	border: 1px solid rgba(255, 255, 255, .30) !important;
	box-shadow: 0 2px 12px rgba(4, 26, 48, .45);
	transition: background-color .18s ease;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close:hover {
	background-color: #0D2C4B !important;
}

/* Das Symbol im Schliessen-Kreis bringt einen eigenen, groesseren Kreis in der
   Markenfarbe mit. Er wuerde ueber dem Knopf liegen und ihn ueberragen. */
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close .gdpr-icon {
	background-color: transparent !important;
	color: #fff !important;
	width: 40px !important;
	height: 40px !important;
	line-height: 40px !important;
	font-size: 15px !important;
	border-radius: 50% !important;
	border: none !important;
	position: static !important;
	display: block;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close:hover .gdpr-icon,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close:hover i {
	color: #fff !important;
}

/* -------------------------------------------------------------- 3.5 Schalter */

/* Der Aus-Zustand ist im Banner-Plugin grellrot, was hier wie eine
   Fehlermeldung wirkt. Aus = neutrales Grau, An = Logo-Gruen. */
#moove_gdpr_cookie_modal .cookie-switch .cookie-slider,
#moove_gdpr_cookie_modal .switch .slider {
	background-color: #B9C4CE !important;
}

#moove_gdpr_cookie_modal .cookie-switch input:checked + .cookie-slider,
#moove_gdpr_cookie_modal .switch input:checked + .slider {
	background-color: #4FA747 !important;
}

/* Fest eingeschaltete Kategorie: gedaempftes Gruen, damit erkennbar bleibt,
   dass hier nichts umgeschaltet werden kann. */
#moove_gdpr_cookie_modal .moove-gdpr-status-bar.gdpr-checkbox-disabled .cookie-switch input:checked + .cookie-slider {
	background-color: #93C48E !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-status-bar .gdpr-sr-label span,
#moove_gdpr_cookie_modal .gdpr-sr-enable,
#moove_gdpr_cookie_modal .gdpr-sr-disable {
	color: #24445F !important;
	font-weight: 600;
}

/* ------------------------------------------------------- 3.6 Schaltflaechen */

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content {
	background-color: #F7F9FA !important;
	border-top: 1px solid #DFE4E8;
}

/* Das Banner-Plugin zeichnet den Trennstrich als eigene Ebene ueber dem
   Fussbereich. Mit dem Rahmen oben ist er doppelt. */
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content::before {
	display: none !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	margin: 0 !important;
	width: 100% !important;
	max-width: none !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton {
	border-radius: 8px !important;
	padding: 13px 18px !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	line-height: 1.25 !important;
	text-transform: none;
	border: 1px solid transparent !important;
	min-width: 150px;
	margin: 0 !important;
	transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}

/* Zustimmen und Ablehnen wieder identisch. */
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton.moove-gdpr-modal-allow-all,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton.moove-gdpr-modal-reject-all {
	background-color: #4FA747 !important;
	border-color: #4FA747 !important;
	color: #fff !important;
	box-shadow: none !important;
	opacity: 1 !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton.moove-gdpr-modal-allow-all:hover,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton.moove-gdpr-modal-reject-all:hover {
	background-color: #328C2A !important;
	border-color: #328C2A !important;
	color: #fff !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton.moove-gdpr-modal-save-settings {
	background-color: #fff !important;
	border-color: #C7D0D9 !important;
	color: #133D67 !important;
	box-shadow: none !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton.moove-gdpr-modal-save-settings:hover {
	background-color: #133D67 !important;
	border-color: #133D67 !important;
	color: #fff !important;
}

/* ----------------------------------------- 3.7 Einstellungsfenster auf Mobil */

/* Auf schmalen Bildschirmen stellt das Banner-Plugin von zwei Spalten auf
   Klappzeilen um und legt den Fussbereich mit fester Hoehe absolut unter den
   Inhalt. Fuer drei Schaltflaechen reicht diese Hoehe nicht: die dritte wird
   vom Fenster abgeschnitten. Deshalb kommt der Fussbereich hier in den
   normalen Fluss, der Inhalt darueber scrollt und teilt sich den Platz. */
@media (max-width: 767px) {
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content {
		display: flex !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		max-height: calc(100vh - 24px) !important;
	}

	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content {
		flex: 0 0 auto;
	}

	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-right-content {
		display: flex !important;
		flex-direction: column !important;
		flex: 1 1 auto !important;
		min-height: 0 !important;
		height: auto !important;
		padding: 18px 16px 0 !important;
	}

	#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .main-modal-content {
		flex: 1 1 auto !important;
		min-height: 0 !important;
		height: auto !important;
		display: flex !important;
		flex-direction: column !important;
	}

	#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .main-modal-content .moove-gdpr-tab-content {
		flex: 1 1 auto !important;
		min-height: 0 !important;
		max-height: none !important;
		height: auto !important;
		margin-bottom: 0 !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch;
	}

	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content {
		position: static !important;
		flex: 0 0 auto !important;
		height: auto !important;
		min-height: 0 !important;
		width: auto !important;
		display: flex !important;
		padding: 14px 16px !important;
		margin: 0 -16px !important;
		border-radius: 0 !important;
	}

	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder {
		padding: 0 !important;
		justify-content: stretch;
	}

	/* Zustimmen und Ablehnen teilen sich die erste Zeile, Speichern steht
	   darunter ueber die volle Breite. */
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton {
		min-width: 0 !important;
		padding: 12px 10px !important;
		font-size: 14px !important;
	}

	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton.moove-gdpr-modal-allow-all,
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton.moove-gdpr-modal-reject-all {
		flex: 1 1 calc(50% - 5px) !important;
	}

	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton.moove-gdpr-modal-save-settings {
		flex: 1 1 100% !important;
	}

	/* Klappzeilen der Kategorien. Das Banner-Plugin gibt ihnen eine weisse
	   Flaeche mit weissem Rahmen - auf dem jetzt ebenfalls weissen Untergrund
	   waeren sie unsichtbar.
	   ACHTUNG: #privacy_overview ausnehmen. Der Bereich "Overview" ist auf
	   schmalen Bildschirmen keine Klappzeile, sondern die Ueberschrift des
	   offenen Textes - mit Flaeche und Rahmen saehe sie aus wie eine Zeile, die
	   sich aufklappen laesst. */
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .main-modal-content .moove-gdpr-tab-main:not(#privacy_overview) .tab-title {
		background-color: #F7F9FA !important;
		border: 1px solid #DFE4E8 !important;
		border-radius: 8px !important;
		color: #133D67 !important;
		font-size: 15px !important;
		font-weight: 600 !important;
	}

	#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .main-modal-content #privacy_overview .tab-title {
		background-color: transparent !important;
		border: 0 !important;
		font-size: 20px !important;
		margin-bottom: 6px;
	}

	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content {
		padding: 18px 16px !important;
	}

	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-company-logo-holder img {
		max-width: 132px;
	}
}

/* ===========================================================================
   4. AUSLOESER IN DER FUSSZEILE
   =========================================================================== */

.mmo-consent-link a,
a.mmo-consent-link {
	cursor: pointer;
}

/* ===========================================================================
   5. BEWEGUNG ABSCHALTEN
   =========================================================================== */

@media (prefers-reduced-motion: reduce) {
	#moove_gdpr_cookie_info_bar,
	#moove_gdpr_cookie_info_bar button.mgbutton,
	#moove_gdpr_cookie_modal button,
	body.gdpr-infobar-visible .elementor-element.elementor-element-7c0592e {
		transition: none !important;
	}
}