/* Hero CTA Buttons - Design-Politur */
.hero__content .btn.btn-lg {
	    border-radius: 8px;
	    padding: 16px 32px;
	    letter-spacing: 0.5px;
	    display: inline-flex;
	    align-items: center;
	    justify-content: center;
	    min-width: 340px;
	    text-align: center;
	    border: 2px solid transparent;
	    transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.hero__content .btn-theme-primary.btn-lg {
	    background-color: #EE7F2C;
	    border-color: #EE7F2C;
	    color: #fff;
	    box-shadow: 0 4px 16px rgba(0,0,0,0.3);
}

.hero__content .btn-secondary-outline.btn-lg {
	    background-color: transparent;
	    border-color: #EE7F2C;
	    color: #EE7F2C;
}

.hero__content .btn.btn-lg:hover {
	    transform: translateY(-3px);
	    box-shadow: 0 8px 20px rgba(0,0,0,0.35);
}

.hero__content .btn-theme-primary.btn-lg:hover {
	    background-color: transparent;
	    border-color: #EE7F2C;
	    color: #EE7F2C;
}

.hero__content .btn-secondary-outline.btn-lg:hover {
	    background-color: #EE7F2C;
	    border-color: #EE7F2C;
	    color: #fff;
}

/* Hero H1 Titel - Schriftgroesse vergroessern */
h1.hero-large-text {
	font-size: 56px !important;
	line-height: 1.2 !important;
}

@media (max-width: 480px) {
	h1.hero-large-text {
font-size: 32px !important;
	}
}

/* Mehr Abstand zwischen Titel und Untertitel */
h1.hero-large-text {
	margin-bottom: 30px !important;
}
h1.hero-large-text + p {
	margin-top: 20px !important;
}

/* Hero-Inhalt etwas nach oben verschieben */
#hero .container {
	padding-top: 80px !important;
}

/* Buttons etwas weiter nach unten */
.hero__content .btn.btn-lg {
	margin-top: 45px !important;
}

/* Google Bewertungs-Badge im Hero */
.hero-google-badge {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	margin-top: 14px !important;
	padding: 8px 18px;
	border: 1px solid rgba(255,255,255,0.35);
	border-radius: 30px;
	color: #fff !important;
	font-style: normal !important;
	font-size: 15px;
	text-decoration: none !important;
	transition: background-color 0.25s ease, border-color 0.25s ease;
}
.hero-google-badge:hover {
	background-color: rgba(255,255,255,0.1);
	border-color: rgba(255,255,255,0.7);
}
.hero-google-stars {
	color: #FBBC05;
	letter-spacing: 1px;
}

.hero-google-icon {
	vertical-align: middle;
	margin-right: 2px;
	border-radius: 2px;
}


/* Partner-Logos im Footer nebeneinander, gleich groß */
.site-footer .footer-column:nth-child(1) {
	  display: flex;
	  flex-wrap: nowrap;
	  align-items: center;
	  gap: 10px;
}
.site-footer .footer-column:nth-child(1) .footer-widget {
	  margin: 0;
}
.site-footer .footer-column:nth-child(1) .footer-widget img {
	  max-width: 70px;
	  height: 46px;
	  width: auto;
	  object-fit: contain;
}

/* Footer Hintergrund etwas heller */
.site-footer {
	  background-color: #2c2c2c !important;
}

/* Partner-Logos: groesser und mittig */
.site-footer .footer-column:nth-child(1) {
	  width: 460px;
	  max-width: 460px;
	  justify-content: center;
	  gap: 12px;
}
.site-footer .footer-column:nth-child(1) .footer-widget img {
	  height: 58px;
	  max-width: 95px;
}
}

/* Partner-Logos: Spalte volle Breite fuer echte Zentrierung */
.site-footer .footer-column:nth-child(1) {
	  float: none;
	  width: 100%;
	  max-width: 100%;
}


/* Partner-Logos: flex-basis ueberschreiben fuer volle Breite */
.site-footer .footer-column:nth-child(1) {
	  flex: 0 0 100%;
	  flex-basis: 100%;
}


/* Partner-Logos: max-width der Spalte aufheben */
.site-footer .footer-column:nth-child(1) {
	  max-width: 100%;
}


/* Partner-Logos: groesser, weniger Abstand oben/unten in der Leiste */
.site-footer .footer-widgets {
	  padding-top: 18px;
	  padding-bottom: 18px;
}
.site-footer .footer-column:nth-child(1) .footer-widget img {
	  height: 100px;
	  max-width: 150px;
}


/* Partner-Logos: weisse Karte mit abgerundeten Ecken hinter jedem Logo */
.site-footer .footer-column:nth-child(1) .footer-widget {
	  background-color: #ffffff;
	  border-radius: 10px;
	  padding: 10px 16px;
	  display: flex;
	  align-items: center;
	  justify-content: center;
}


/* Partner-Logos: enger, damit alle 7 Karten in eine Reihe passen */
.site-footer .footer-column:nth-child(1) {
	  gap: 8px;
}
.site-footer .footer-column:nth-child(1) .footer-widget {
	  padding: 8px 10px;
}
.site-footer .footer-column:nth-child(1) .footer-widget img {
	  max-width: 120px;
}


/* Partner-Logos: auf dem Handy als Slider (horizontal wischen), feste Leistenhoehe */
@media (max-width: 767px) {
	.site-footer .footer-column:nth-child(1) {
		    overflow-x: auto;
		    -webkit-overflow-scrolling: touch;
		    flex-wrap: nowrap;
		    justify-content: flex-start;
		    scroll-snap-type: x mandatory;
	}
	.site-footer .footer-column:nth-child(1) .footer-widget {
		    flex: 0 0 auto;
		    scroll-snap-align: start;
	}
}
	

/* Partner-Logos: Slider ueberall (auch Desktop), falls mehr Logos dazukommen als in die Reihe passen */
.site-footer .footer-column:nth-child(1) {
	  overflow-x: auto;
	  -webkit-overflow-scrolling: touch;
	  flex-wrap: nowrap;
	  justify-content: flex-start;
	  scroll-snap-type: x mandatory;
}
.site-footer .footer-column:nth-child(1) .footer-widget {
	  flex: 0 0 auto;
	  scroll-snap-align: start;
}


/* Partner-Logos: automatischer endloser Slide (die Logos laufen staendig durch) */
.site-footer .footer-column:nth-child(1) {
	overflow: hidden;
	overflow-x: hidden;
	scroll-snap-type: none;
	animation: flash-logo-marquee 28s linear infinite;
}
.site-footer .footer-column:nth-child(1):hover {
	animation-play-state: paused;
}
@keyframes flash-logo-marquee {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-50%);
	}
}
	
/* Partner-Logos: Leiste als Clipping-Fenster mit weichem Rand-Verlauf */
.site-footer .footer-widgets .row {
	overflow: hidden;
	-webkit-mask-image: linear-gradient(to right, transparent 0, #000 60px, #000 calc(100% - 60px), transparent 100%);
	mask-image: linear-gradient(to right, transparent 0, #000 60px, #000 calc(100% - 60px), transparent 100%);
}

/* Partner-Logos: Breite = tatsaechlicher Inhalt (2x Logos), damit der Loop bei -50% exakt aufgeht */
.site-footer .footer-column:nth-child(1) {
	flex: 0 0 auto;
	width: auto;
	max-width: none;
	overflow: visible;
}

/* Leistungen: Logos in der gleichen Groesse wie die alten Icons */
.feature-media .icon-image img {
	width: 140px;
	height: 140px;
	max-width: 100%;
	object-fit: contain;
}


/* Hero: Marken-Leiste unterhalb der beiden Buttons */
#hero .hero__content {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	column-gap: 5px;
}
#hero .hero__content > .hero-large-text {
	flex: 0 0 100%;
	order: 1;
}
#hero .hero__content > .hero-small-text {
	display: contents;
}
#hero .hero-small-text > p {
	flex: 0 0 100%;
	order: 2;
}
#hero .hero__content > .btn {
	order: 3;
}
#hero .hero-brands {
	flex: 0 0 100%;
	order: 4;
	margin-top: 32px;
}
#hero .hero-brands-label {
	display: block;
	font-size: 12px;
	line-height: 1.4;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.6);
	margin-bottom: 18px;
}
#hero .hero-brands-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 16px 26px;
}
#hero a.hero-brand {
	display: block;
	border: 0;
	line-height: 1;
}
#hero .hero-brand-logo {
	display: block;
	width: 38px;
	height: 38px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	opacity: 0.7;
	transition: opacity 0.25s ease, transform 0.25s ease;
}
#hero a.hero-brand:hover .hero-brand-logo {
	opacity: 1;
	transform: scale(1.12);
}
#hero .hero-brand-name {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}
#hero a.hero-brand-more {
	font-size: 13px;
	letter-spacing: 0.5px;
	color: rgba(255, 255, 255, 0.7);
	border-bottom: 1px solid rgba(255, 255, 255, 0.35);
	line-height: 1.2;
	transition: color 0.25s ease, border-color 0.25s ease;
}
#hero a.hero-brand-more:hover {
	color: #fff;
	border-bottom-color: #fff;
}
@media (max-width: 767px) {
	#hero .hero-brands {
		margin-top: 22px;
	}
	#hero .hero-brands-row {
		gap: 12px 20px;
	}
	#hero .hero-brand-logo {
		width: 30px;
		height: 30px;
	}
	#hero .hero-brands-label {
		font-size: 11px;
		letter-spacing: 1.5px;
		margin-bottom: 12px;
	}
	#hero a.hero-brand-more {
		font-size: 12px;
	}
}
#hero .hero-brand--apple .hero-brand-logo { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23ffffff%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EApple%3C%2Ftitle%3E%3Cpath%20d%3D%22M12.152%206.896c-.948%200-2.415-1.078-3.96-1.04-2.04.027-3.91%201.183-4.961%203.014-2.117%203.675-.546%209.103%201.519%2012.09%201.013%201.454%202.208%203.09%203.792%203.039%201.52-.065%202.09-.987%203.935-.987%201.831%200%202.35.987%203.96.948%201.637-.026%202.676-1.48%203.676-2.948%201.156-1.688%201.636-3.325%201.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04%202.48-4.494%202.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675%201.09-4.61%201.09zM15.53%203.83c.843-1.012%201.4-2.427%201.245-3.83-1.207.052-2.662.805-3.532%201.818-.78.896-1.454%202.338-1.273%203.714%201.338.104%202.715-.688%203.559-1.701%22%2F%3E%3C%2Fsvg%3E"); }
#hero .hero-brand--samsung .hero-brand-logo { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23ffffff%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3ESamsung%3C%2Ftitle%3E%3Cpath%20d%3D%22M19.8166%2010.2808l.0459%202.6934h-.023l-.7793-2.6934h-1.2837v3.3925h.8481l-.0458-2.785h.023l.8366%202.785h1.2264v-3.3925zm-16.149%200l-.6418%203.427h.9284l.4699-3.1175h.0229l.4585%203.1174h.9169l-.6304-3.4269zm5.1805%200l-.424%202.6132h-.023l-.424-2.6132H6.5788l-.0688%203.427h.8596l.023-3.0832h.0114l.573%203.0831h.8711l.5731-3.083h.023l.0228%203.083h.8596l-.0802-3.4269zm-7.2664%202.4527c.0343.0802.0229.1949.0114.2522-.0229.1146-.1031.2292-.3324.2292-.2177%200-.3438-.126-.3438-.3095v-.3323H0v.2636c0%20.7679.6074.9971%201.2493.9971.6189%200%201.1346-.2178%201.2149-.7794.0458-.298.0114-.4928%200-.5616-.1605-.722-1.467-.9283-1.5588-1.3295-.0114-.0688-.0114-.1375%200-.1834.023-.1146.1032-.2292.3095-.2292.2063%200%20.321.126.321.3095v.2063h.8595v-.2407c0-.745-.6762-.8596-1.1576-.8596-.6074%200-1.1117.2063-1.2034.7564-.023.149-.0344.2866.0114.4585.1376.7106%201.364.9169%201.5358%201.3524m11.152%200c.0343.0803.0228.1834.0114.2522-.023.1146-.1032.2292-.3324.2292-.2178%200-.3438-.126-.3438-.3095v-.3323h-.917v.2636c0%20.7564.596.9857%201.2379.9857.6189%200%201.1232-.2063%201.2034-.7794.0459-.298.0115-.4814%200-.5616-.1375-.7106-1.4327-.9284-1.5243-1.318-.0115-.0688-.0115-.1376%200-.1835.0229-.1146.1031-.2292.3094-.2292.1948%200%20.321.126.321.3095v.2063h.848v-.2407c0-.745-.6647-.8596-1.146-.8596-.6075%200-1.1004.1948-1.192.7564-.023.149-.023.2866.0114.4585.1376.7106%201.341.9054%201.513%201.3524m2.8882.4585c.2407%200%20.3094-.1605.3323-.2522.0115-.0343.0115-.0917.0115-.126v-2.533h.871v2.4642c0%20.0688%200%20.1948-.0114.2292-.0573.6419-.5616.8482-1.192.8482-.6303%200-1.1346-.2063-1.192-.8482%200-.0344-.0114-.1604-.0114-.2292v-2.4642h.871v2.533c0%20.0458%200%20.0916.0115.126%200%20.0917.0688.2522.3095.2522m7.1518-.0344c.2522%200%20.3324-.1605.3553-.2522.0115-.0343.0115-.0917.0115-.126v-.4929h-.3553v-.5043H24v.917c0%20.0687%200%20.1145-.0115.2292-.0573.6303-.596.8481-1.2034.8481-.6075%200-1.1461-.2178-1.2034-.8481-.0115-.1147-.0115-.1605-.0115-.2293v-1.444c0-.0574.0115-.172.0115-.2293.0802-.6419.596-.8482%201.2034-.8482s1.1347.2063%201.2034.8482c.0115.1031.0115.2292.0115.2292v.1146h-.8596v-.1948s0-.0803-.0115-.1261c-.0114-.0802-.0802-.2521-.3438-.2521-.2521%200-.321.1604-.3438.2521-.0115.0458-.0115.1032-.0115.1605v1.5702c0%20.0458%200%20.0916.0115.126%200%20.0917.0917.2522.3323.2522%22%2F%3E%3C%2Fsvg%3E"); }
#hero .hero-brand--google .hero-brand-logo { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23ffffff%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EGoogle%3C%2Ftitle%3E%3Cpath%20d%3D%22M12.48%2010.92v3.28h7.84c-.24%201.84-.853%203.187-1.787%204.133-1.147%201.147-2.933%202.4-6.053%202.4-4.827%200-8.6-3.893-8.6-8.72s3.773-8.72%208.6-8.72c2.6%200%204.507%201.027%205.907%202.347l2.307-2.307C18.747%201.44%2016.133%200%2012.48%200%205.867%200%20.307%205.387.307%2012s5.56%2012%2012.173%2012c3.573%200%206.267-1.173%208.373-3.36%202.16-2.16%202.84-5.213%202.84-7.667%200-.76-.053-1.467-.173-2.053H12.48z%22%2F%3E%3C%2Fsvg%3E"); }
#hero .hero-brand--xiaomi .hero-brand-logo { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23ffffff%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EXiaomi%3C%2Ftitle%3E%3Cpath%20d%3D%22M12%200C8.016%200%204.756.255%202.493%202.516.23%204.776%200%208.033%200%2012.012c0%203.98.23%207.235%202.494%209.497C4.757%2023.77%208.017%2024%2012%2024c3.983%200%207.243-.23%209.506-2.491C23.77%2019.247%2024%2015.99%2024%2012.012c0-3.984-.233-7.243-2.502-9.504C19.234.252%2015.978%200%2012%200zM4.906%207.405h5.624c1.47%200%203.007.068%203.764.827.746.746.827%202.233.83%203.676v4.54a.15.15%200%200%201-.152.147h-1.947a.15.15%200%200%201-.152-.148V11.83c-.002-.806-.048-1.634-.464-2.051-.358-.36-1.026-.441-1.72-.458H7.158a.15.15%200%200%200-.151.147v6.98a.15.15%200%200%201-.152.148H4.906a.15.15%200%200%201-.15-.148V7.554a.15.15%200%200%201%20.15-.149zm12.131%200h1.949a.15.15%200%200%201%20.15.15v8.892a.15.15%200%200%201-.15.148h-1.949a.15.15%200%200%201-.151-.148V7.554a.15.15%200%200%201%20.151-.149zM8.92%2010.948h2.046c.083%200%20.15.066.15.147v5.352a.15.15%200%200%201-.15.148H8.92a.15.15%200%200%201-.152-.148v-5.352a.15.15%200%200%201%20.152-.147Z%22%2F%3E%3C%2Fsvg%3E"); }
#hero .hero-brand--huawei .hero-brand-logo { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23ffffff%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EHuawei%3C%2Ftitle%3E%3Cpath%20d%3D%22M3.67%206.14S1.82%207.91%201.72%209.78v.35c.08%201.51%201.22%202.4%201.22%202.4%201.83%201.79%206.26%204.04%207.3%204.55%200%200%20.06.03.1-.01l.02-.04v-.04C7.52%2010.8%203.67%206.14%203.67%206.14zM9.65%2018.6c-.02-.08-.1-.08-.1-.08l-7.38.26c.8%201.43%202.15%202.53%203.56%202.2.96-.25%203.16-1.78%203.88-2.3.06-.05.04-.09.04-.09zm.08-.78C6.49%2015.63.21%2012.28.21%2012.28c-.15.46-.2.9-.21%201.3v.07c0%201.07.4%201.82.4%201.82.8%201.69%202.34%202.2%202.34%202.2.7.3%201.4.31%201.4.31.12.02%204.4%200%205.54%200%20.05%200%20.08-.05.08-.05v-.06c0-.03-.03-.05-.03-.05zM9.06%203.19a3.42%203.42%200%2000-2.57%203.15v.41c.03.6.16%201.05.16%201.05.66%202.9%203.86%207.65%204.55%208.65.05.05.1.03.1.03a.1.1%200%2000.06-.1c1.06-10.6-1.11-13.42-1.11-13.42-.32.02-1.19.23-1.19.23zm8.299%202.27s-.49-1.8-2.44-2.28c0%200-.57-.14-1.17-.22%200%200-2.18%202.81-1.12%2013.43.01.07.06.08.06.08.07.03.1-.03.1-.03.72-1.03%203.9-5.76%204.55-8.64%200%200%20.36-1.4.02-2.34zm-2.92%2013.07s-.07%200-.09.05c0%200-.01.07.03.1.7.51%202.85%202%203.88%202.3%200%200%20.16.05.43.06h.14c.69-.02%201.9-.37%203-2.26l-7.4-.25zm7.83-8.41c.14-2.06-1.94-3.97-1.94-3.98%200%200-3.85%204.66-6.67%2010.8%200%200-.03.08.02.13l.04.01h.06c1.06-.53%205.46-2.77%207.28-4.54%200%200%201.15-.93%201.21-2.42zm1.52%202.14s-6.28%203.37-9.52%205.55c0%200-.05.04-.03.11%200%200%20.03.06.07.06%201.16%200%205.56%200%205.67-.02%200%200%20.57-.02%201.27-.29%200%200%201.56-.5%202.37-2.27%200%200%20.73-1.45.17-3.14z%22%2F%3E%3C%2Fsvg%3E"); }
#hero .hero-brand--honor .hero-brand-logo { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23ffffff%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EHonor%3C%2Ftitle%3E%3Cpath%20d%3D%22M2.601%209.753v1.823H.807V9.753H0v4.498h.807v-1.874h1.794v1.874h.807V9.753h-.807Zm18.671.801h.898c.369%200%20.667.297.667.662a.665.665%200%200%201-.667.663h-.898v-1.325Zm-.806-.801v4.498h.806v-2.002l1.68%202.002H24l-1.376-1.64a1.462%201.462%200%200%200-.444-2.858h-1.716.002Zm-7.63-.014v2.807l-1.959-2.807h-.644v4.498h.807v-2.82l1.968%202.82h.633V9.739h-.805Zm-7.532%202.26c0-.832.68-1.506%201.517-1.506A1.51%201.51%200%200%201%208.337%2012c0%20.832-.679%201.506-1.516%201.506-.403%200-.789-.159-1.073-.441A1.504%201.504%200%200%201%205.304%2012v-.001ZM4.497%2012c0%20.933.566%201.774%201.434%202.132.869.357%201.868.16%202.533-.5.664-.66.863-1.653.503-2.515a2.324%202.324%200%200%200-2.146-1.425%202.316%202.316%200%200%200-2.323%202.307L4.497%2012Zm11.04-.001a1.513%201.513%200%200%201%201.518-1.506c.838%200%201.516.675%201.516%201.507a1.513%201.513%200%200%201-1.518%201.506c-.402%200-.788-.159-1.072-.441a1.5%201.5%200%200%201-.444-1.066ZM14.73%2012c0%20.933.566%201.774%201.434%202.132.868.357%201.868.16%202.532-.5.665-.66.864-1.653.504-2.515a2.325%202.325%200%200%200-2.147-1.425%202.316%202.316%200%200%200-2.323%202.307V12Z%22%2F%3E%3C%2Fsvg%3E"); }
#hero .hero-brand--oneplus .hero-brand-logo { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23ffffff%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EOnePlus%3C%2Ftitle%3E%3Cpath%20d%3D%22M0%203.74V24h20.26V12.428h-2.256v9.317H2.254V5.995h9.318V3.742zM18.004%200v3.74h-3.758v2.256h3.758v3.758h2.255V5.996H24V3.74h-3.758V0zm-6.45%2018.756V8.862H9.562c0%20.682-.228%201.189-.577%201.504-.367.297-.91.437-1.556.437h-.245v1.625h2.133v6.31h2.237z%22%2F%3E%3C%2Fsvg%3E"); }
#hero .hero-brand--oppo .hero-brand-logo { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23ffffff%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EOPPO%3C%2Ftitle%3E%3Cpath%20d%3D%22M2.85%2012.786h-.001C1.639%2012.774.858%2012.2.858%2011.321s.781-1.452%201.99-1.465c1.21.013%201.992.588%201.992%201.465s-.782%201.453-1.99%201.465zm.034-3.638h-.073C1.156%209.175%200%2010.068%200%2011.32s1.156%202.147%202.811%202.174h.073c1.655-.027%202.811-.921%202.811-2.174S4.54%209.175%202.885%209.148zm18.27%203.638c-1.21-.012-1.992-.587-1.992-1.465s.782-1.452%201.991-1.465c1.21.013%201.991.588%201.991%201.465s-.781%201.453-1.99%201.465zm.035-3.638h-.073c-1.655.027-2.811.92-2.811%202.173s1.156%202.147%202.81%202.174h.074C22.844%2013.468%2024%2012.574%2024%2011.32s-1.156-2.146-2.811-2.173zm-6.126%203.638c-1.21-.012-1.99-.587-1.99-1.465s.78-1.452%201.99-1.465c1.21.013%201.991.588%201.991%201.465s-.781%201.453-1.99%201.465zm.036-3.638h-.073c-.789.013-1.464.222-1.955.574v-.37h-.857v5.5h.857v-1.931c.49.351%201.166.56%201.954.574h.074c1.655-.027%202.81-.921%202.81-2.174s-1.155-2.146-2.81-2.173zm-6.144%203.638c-1.21-.012-1.99-.587-1.99-1.465s.78-1.452%201.99-1.465c1.21.013%201.991.588%201.991%201.465s-.781%201.453-1.99%201.465zm.037-3.638H8.92c-.789.013-1.464.222-1.955.574v-.37h-.856v5.5h.856v-1.931c.491.351%201.166.56%201.955.574a3.728%203.728%200%200%200%20.073%200c1.655-.027%202.811-.921%202.811-2.174s-1.156-2.146-2.81-2.173z%22%2F%3E%3C%2Fsvg%3E"); }
#hero .hero-brand--motorola .hero-brand-logo { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23ffffff%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EMotorola%3C%2Ftitle%3E%3Cpath%20d%3D%22M12%200C5.373%200%200%205.373%200%2012s5.373%2012%2012%2012%2012-5.373%2012-12C24.002%205.375%2018.632.002%2012.007%200H12zm7.327%2018.065s-.581-2.627-1.528-4.197c-.514-.857-1.308-1.553-2.368-1.532-.745%200-1.399.423-2.2%201.553-.469.77-.882%201.573-1.235%202.403%200%200-.29-.675-.63-1.343a8.038%208.038%200%200%200-.605-1.049c-.804-1.13-1.455-1.539-2.2-1.553-1.049-.021-1.854.675-2.364%201.528-.948%201.574-1.528%204.197-1.528%204.197h-.864l4.606-15.12%203.56%2011.804.024.021.024-.021%203.56-11.804%204.61%2015.113h-.862z%22%2F%3E%3C%2Fsvg%3E"); }
#hero .hero-brand--lenovo .hero-brand-logo { background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23ffffff%22%20role%3D%22img%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3ELenovo%3C%2Ftitle%3E%3Cpath%20d%3D%22M21.044%2012.288c0%20.5-.343.867-.815.867-.464%200-.827-.38-.827-.867%200-.51.343-.868.815-.868.464%200%20.827.381.827.868zm-14.305-.92a.787.787%200%200%200-.651.307.991.991%200%200%200-.172.738l1.479-.614a.708.708%200%200%200-.656-.43zm6.963.052c-.472%200-.816.358-.816.868%200%20.486.364.867.828.867.472%200%20.815-.368.815-.867%200-.487-.363-.868-.827-.868zM24%207.997v8.006H0V7.997h24zM5.01%2013.05H3.088V9.825H2.23v4.003h2.78v-.777zm1.137-.094l2.163-.897a1.667%201.667%200%200%200-.37-.86c-.284-.33-.704-.505-1.216-.505-.931%200-1.633.686-1.633%201.593%200%20.93.704%201.593%201.726%201.593.572%200%201.158-.272%201.432-.589l-.535-.411c-.357.264-.56.326-.885.326-.292%200-.52-.09-.682-.25zm5.57-1.039c0-.709-.507-1.223-1.252-1.223a1.28%201.28%200%200%200-1.005.494v-.442h-.846v3.081h.846v-1.753c0-.316.245-.651.698-.651.35%200%20.712.243.712.651v1.753h.847v-1.91zm3.647.37c0-.904-.725-1.593-1.65-1.593-.933%200-1.663.7-1.663%201.593%200%20.903.726%201.592%201.651%201.592.932%200%201.662-.7%201.662-1.592zm2.066%201.54l1.268-3.081h-.967l-.765%202.099-.765-2.1h-.966l1.268%203.081h.927zm4.449-1.54c0-.904-.725-1.593-1.65-1.593-.932%200-1.662.7-1.662%201.593%200%20.903.725%201.592%201.65%201.592.932%200%201.662-.7%201.662-1.592z%22%2F%3E%3C%2Fsvg%3E"); }

/* Hero: Marken-Leiste an den unteren Rand des Hero-Bereichs */
@media (min-width: 768px) and (min-height: 620px) {
	/* Mindest-Abstand unten, damit die Leiste nie ueber den Buttons landet
	   (der Theme-Abstand ist prozentual zur Breite und wird sonst zu klein) */
	#hero.hero-slideshow-normal .container {
		padding-bottom: max(10%, 170px);
	}
	#hero .hero-brands {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 40px;
		margin-top: 0;
	}
}

/* Hero-Hintergrund sofort laden (Ladezeit/LCP): Bild bereits per CSS setzen.
   Das Theme legt spaeter per JavaScript dasselbe Bild deckungsgleich darueber,
   das kommt dann aus dem Browser-Cache. */
#hero {
	background-image: url("https://www.flash-reparatur.de/wp-content/uploads/2026/09/hero-dunkel-reparatur.jpg") !important;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat;
}

/* Footer: eigene Copyright-Zeile statt Theme-Credit (Text steckt fest im Theme,
   deshalb wird der Originaltext ausgeblendet und durch eigenen ersetzt) */
.site-info .container {
	font-size: 0;
}
.site-info .container > .btt,
.site-info .container > .btt * {
	font-size: 30px;
}
.site-info .container .sep,
.site-info .container > a {
	display: none;
}
.site-info .container::after {
	content: "Copyright © 2026 Flash Handy Reparatur";
	font-size: 14px;
}

/* ===== Kontaktseite: Infoblock mit Kontaktkarten und Oeffnungszeiten ===== */
.page-id-24 .kontakt-info {
	max-width: 1140px;
	margin: 0 auto 60px;
	padding: 0 15px;
	text-align: center;
}
.page-id-24 .kontakt-info-titel {
	margin: 0 0 14px;
}
.page-id-24 .kontakt-info-intro {
	max-width: 760px;
	margin: 0 auto 40px;
	color: #6a6a6a;
	line-height: 1.7;
}
.page-id-24 .kontakt-karten {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin-bottom: 44px;
}
.page-id-24 a.kontakt-karte {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	padding: 30px 20px 26px;
	background: #fff;
	border: 1px solid #e8e8e8;
	border-radius: 12px;
	text-decoration: none;
	color: #333;
	transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.page-id-24 a.kontakt-karte:hover {
	border-color: #ee7f2c;
	box-shadow: 0 10px 26px rgba(0, 0, 0, .08);
	transform: translateY(-3px);
}
.page-id-24 .kontakt-karte-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 58px;
	height: 58px;
	margin-bottom: 8px;
	border-radius: 50%;
	background: #ee7f2c;
	color: #fff;
	font-size: 24px;
}
.page-id-24 .kontakt-karte-titel {
	font-size: 13px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #9a9a9a;
}
.page-id-24 .kontakt-karte-wert {
	font-size: 17px;
	font-weight: 600;
	line-height: 1.45;
	word-break: break-word;
}
.page-id-24 .kontakt-karte-aktion {
	margin-top: 4px;
	font-size: 14px;
	color: #ee7f2c;
	font-weight: 600;
}
.page-id-24 .kontakt-zeiten {
	max-width: 560px;
	margin: 0 auto;
	padding: 28px 34px 30px;
	border: 1px solid #e8e8e8;
	border-radius: 12px;
	background: #fafafa;
}
.page-id-24 .kontakt-zeiten-titel {
	margin: 0 0 18px;
	font-size: 20px;
}
.page-id-24 .kontakt-zeiten-titel i {
	color: #ee7f2c;
	margin-right: 8px;
}
.page-id-24 .kontakt-zeiten-liste {
	list-style: none;
	margin: 0;
	padding: 0;
}
.page-id-24 .kontakt-zeiten-liste li {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	padding: 11px 0;
	border-bottom: 1px solid #e8e8e8;
	text-align: left;
}
.page-id-24 .kontakt-zeiten-liste li:last-child {
	border-bottom: 0;
}
.page-id-24 .kontakt-zeiten-liste li span:first-child {
	color: #555;
}
.page-id-24 .kontakt-zeiten-liste li span:last-child {
	font-weight: 600;
}
.page-id-24 .kontakt-zeiten-liste li.ist-zu span {
	color: #9a9a9a;
	font-weight: 400;
}
@media (max-width: 991px) {
	.page-id-24 .kontakt-karten {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (max-width: 575px) {
	.page-id-24 .kontakt-karten {
		grid-template-columns: 1fr;
		gap: 14px;
	}
	.page-id-24 a.kontakt-karte {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-start;
		text-align: left;
		padding: 18px 20px;
		gap: 4px 16px;
	}
	.page-id-24 .kontakt-karte-icon {
		width: 46px;
		height: 46px;
		margin-bottom: 0;
		font-size: 19px;
		flex: 0 0 46px;
	}
	.page-id-24 .kontakt-karte-titel {
		flex: 1 1 auto;
	}
	.page-id-24 .kontakt-karte-wert,
	.page-id-24 .kontakt-karte-aktion {
		flex: 0 0 100%;
		padding-left: 62px;
	}
	.page-id-24 .kontakt-karte-wert {
		font-size: 16px;
	}
	.page-id-24 .kontakt-zeiten {
		padding: 22px 20px 24px;
	}
}

/* Hero: gestapelte Buttons auf dem Handy enger zusammen und nicht breiter als der Bildschirm
   (aeltere Regeln setzen 45px Abstand mit !important und eine Mindestbreite von 340px) */
@media (max-width: 767px) {
	#hero .hero__content > .btn.btn-lg {
		margin-top: 0 !important;
		margin-bottom: 14px;
		margin-left: 0;
		margin-right: 0;
		min-width: 0;
		width: 100%;
	}
	#hero .hero__content > a.btn.btn-lg:first-of-type {
		margin-top: 30px !important;
	}
}

/* ===== Preisseite ===== */
.page-id-563 .preise {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 15px;
}
.page-id-563 .preise-intro {
	max-width: 720px;
	margin: 0 auto 46px;
	text-align: center;
	color: #6a6a6a;
	line-height: 1.75;
}
.page-id-563 h2.preise-gruppe {
	position: relative;
	margin: 0 0 24px;
	padding-bottom: 12px;
	font-size: 24px;
}
.page-id-563 h2.preise-gruppe::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 54px;
	height: 3px;
	background: #ee7f2c;
	border-radius: 2px;
}
.page-id-563 .preis-raster {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 18px;
	margin-bottom: 52px;
}
.page-id-563 .preis-karte {
	position: relative;
	padding: 24px 26px 22px;
	background: #fff;
	border: 1px solid #e8e8e8;
	border-left: 3px solid #ee7f2c;
	border-radius: 10px;
	transition: box-shadow .25s ease, transform .25s ease;
}
.page-id-563 .preis-karte:hover {
	box-shadow: 0 10px 26px rgba(0, 0, 0, .07);
	transform: translateY(-2px);
}
.page-id-563 .preis-karte-kopf {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 8px;
}
.page-id-563 .preis-karte h3 {
	margin: 0;
	font-size: 18px;
	line-height: 1.35;
}
.page-id-563 .preis-wert {
	flex: 0 0 auto;
	font-size: 26px;
	font-weight: 700;
	color: #ee7f2c;
	white-space: nowrap;
}
.page-id-563 .preis-ab {
	display: block;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #9a9a9a;
	text-align: right;
}
.page-id-563 .preis-karte p {
	margin: 0;
	color: #6a6a6a;
	font-size: 15px;
	line-height: 1.6;
}
.page-id-563 .preise-cta {
	margin: 0 0 30px;
	padding: 40px 34px;
	background: #1f2227;
	border-radius: 14px;
	text-align: center;
	color: #fff;
}
.page-id-563 .preise-cta h2 {
	margin: 0 0 12px;
	color: #fff;
	font-size: 26px;
}
.page-id-563 .preise-cta p {
	max-width: 620px;
	margin: 0 auto 26px;
	color: rgba(255, 255, 255, .72);
	line-height: 1.7;
}
.page-id-563 .preise-cta-knoepfe {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 14px;
}
.page-id-563 a.preise-btn {
	display: inline-block;
	padding: 15px 30px;
	border-radius: 8px;
	font-weight: 600;
	letter-spacing: .4px;
	text-decoration: none;
	transition: background-color .25s ease, color .25s ease;
}
.page-id-563 a.preise-btn-primaer {
	background: #ee7f2c;
	color: #fff;
}
.page-id-563 a.preise-btn-primaer:hover {
	background: #d96f20;
	color: #fff;
}
.page-id-563 a.preise-btn-zweit {
	border: 1px solid rgba(255, 255, 255, .45);
	color: #fff;
}
.page-id-563 a.preise-btn-zweit:hover {
	background: #fff;
	color: #1f2227;
}
.page-id-563 .preise-hinweis {
	margin: 0;
	font-size: 13px;
	line-height: 1.7;
	color: #9a9a9a;
	text-align: center;
}
@media (max-width: 767px) {
	.page-id-563 .preis-raster {
		grid-template-columns: 1fr;
		gap: 14px;
		margin-bottom: 40px;
	}
	.page-id-563 .preis-karte {
		padding: 20px 20px 18px;
	}
	.page-id-563 .preis-wert {
		font-size: 23px;
	}
	.page-id-563 .preise-cta {
		padding: 30px 20px;
	}
	.page-id-563 a.preise-btn {
		width: 100%;
		padding: 15px 20px;
	}
}

/* ===== Ratgeber: Uebersicht und Artikel ===== */
.page-id-5065 .ratgeber {
	max-width: 980px;
	margin: 0 auto;
	padding: 0 15px;
}
.page-id-5065 .rat-intro {
	max-width: 720px;
	margin: 0 auto 44px;
	text-align: center;
	color: #6a6a6a;
	line-height: 1.75;
}
.page-id-5065 .rat-raster {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}
.page-id-5065 a.rat-karte {
	display: flex;
	gap: 20px;
	padding: 26px 26px 24px;
	background: #fff;
	border: 1px solid #e8e8e8;
	border-radius: 12px;
	text-decoration: none;
	color: #333;
	transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.page-id-5065 a.rat-karte:hover {
	border-color: #ee7f2c;
	box-shadow: 0 10px 26px rgba(0, 0, 0, .08);
	transform: translateY(-3px);
}
.page-id-5065 .rat-icon {
	flex: 0 0 54px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	background: #fdf0e6;
	color: #ee7f2c;
	font-size: 22px;
}
.page-id-5065 .rat-inhalt {
	display: block;
}
.page-id-5065 .rat-titel {
	display: block;
	margin-bottom: 8px;
	font-size: 19px;
	font-weight: 600;
	line-height: 1.35;
}
.page-id-5065 .rat-text {
	display: block;
	margin-bottom: 10px;
	color: #6a6a6a;
	font-size: 15px;
	line-height: 1.65;
}
.page-id-5065 .rat-mehr {
	display: inline-block;
	color: #ee7f2c;
	font-weight: 600;
	font-size: 15px;
}
@media (max-width: 767px) {
	.page-id-5065 .rat-raster {
		grid-template-columns: 1fr;
		gap: 14px;
	}
	.page-id-5065 a.rat-karte {
		padding: 20px;
		gap: 16px;
	}
	.page-id-5065 .rat-icon {
		flex: 0 0 44px;
		width: 44px;
		height: 44px;
		font-size: 18px;
	}
}


/* ===== Ratgeber: Seitenleiste rechts ===== */
#secondary .widget_block { background: none; border: 0; padding: 0; margin-bottom: 0; }
.rat-side { background: #fff; border: 1px solid #ececec; border-radius: 10px; padding: 22px 20px; margin-bottom: 24px; }
.rat-side-titel { font-size: 16px; font-weight: 700; color: #222; margin: 0 0 14px; padding-bottom: 12px; border-bottom: 2px solid #ee7f2c; }
.rat-side-liste { list-style: none; margin: 0; padding: 0; }
.rat-side-liste li { margin: 0 0 4px; }
.rat-side-liste a { display: flex; gap: 11px; align-items: flex-start; padding: 9px 8px; border-radius: 8px; color: #444; font-size: 14px; line-height: 1.45; text-decoration: none; transition: background .15s, color .15s; }
.rat-side-liste a:hover { background: #fdf0e6; color: #ee7f2c; }
.rat-side-liste i { color: #ee7f2c; font-size: 15px; width: 18px; text-align: center; flex: 0 0 18px; margin-top: 2px; }
.rat-side-alle { display: inline-block; margin-top: 12px; font-size: 13px; font-weight: 600; color: #ee7f2c; text-decoration: none; }
.rat-side-alle:hover { text-decoration: underline; }
.rat-side-kontakt { background: #2b2b2b; border-color: #2b2b2b; }
.rat-side-kontakt .rat-side-titel { color: #fff; }
.rat-side-kontakt .rs-text { color: #c9c9c9; font-size: 13.5px; line-height: 1.55; margin: 0 0 16px; }
.rs-btn { display: block; text-align: center; padding: 11px 14px; border-radius: 7px; font-size: 14px; font-weight: 600; text-decoration: none; margin-bottom: 9px; }
.rs-btn-tel { background: #ee7f2c; color: #fff; }
.rs-btn-tel:hover { background: #d96d1c; color: #fff; }
.rs-btn-wa { background: #25d366; color: #fff; }
.rs-btn-wa:hover { background: #1db954; color: #fff; }
.rs-zeiten { color: #9a9a9a; font-size: 12.5px; margin: 12px 0 0; text-align: center; }
.page-id-5060 .rat-side-liste .rs-neukauf,
.page-id-5062 .rat-side-liste .rs-akku,
.page-id-5063 .rat-side-liste .rs-hitze,
.page-id-5064 .rat-side-liste .rs-wasser { display: none; }


/* ===== Ratgeber: Bilder ===== */
.rat-bild { margin: 0 0 34px; }
.rat-bild img { display: block; width: 100%; height: auto; border-radius: 10px; }
.page-id-5065 .rat-karte { flex-wrap: wrap; row-gap: 0; align-items: flex-start; overflow: hidden; }
.page-id-5065 .rat-karte-bild { flex: 0 0 auto; display: block; line-height: 0; width: calc(100% + 52px); margin: -26px -26px 22px; }
.page-id-5065 .rat-karte-bild img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; transition: transform .35s ease; }
.page-id-5065 .rat-karte:hover .rat-karte-bild img { transform: scale(1.04); }


/* ===== Ratgeber: Teilen-Leiste ===== */
.rat-teilen { display: flex; align-items: center; justify-content: flex-end; gap: 9px; margin: 0 0 20px; }
.rat-teilen-label { font-size: 13px; color: #8f8f8f; margin-right: 3px; }
.rat-teilen .t-btn { width: 38px; height: 38px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: #f1f1f1; color: #5a5a5a; font-size: 15px; text-decoration: none; position: relative; transition: background .18s ease, color .18s ease, transform .18s ease; }
.rat-teilen .t-btn:hover { transform: translateY(-2px); color: #fff; }
.rat-teilen .t-fb:hover { background: #1877f2; }
.rat-teilen .t-wa:hover { background: #25d366; }
.rat-teilen .t-mail:hover { background: #6b7280; }
.rat-teilen .t-share:hover { background: #ee7f2c; }
.rat-teilen .t-btn.kopiert::after { content: "Link kopiert"; position: absolute; bottom: -30px; right: 0; white-space: nowrap; background: #2b2b2b; color: #fff; font-size: 11.5px; padding: 4px 9px; border-radius: 5px; }
@media (max-width: 480px) {
  .rat-teilen { justify-content: flex-start; }
}


/* ===== Ratgeber: Teilen je Karte ===== */
.page-id-5065 .rat-karte { display: block; padding: 0; position: relative; }
.page-id-5065 .rat-karte-link { display: flex; flex-wrap: wrap; row-gap: 0; column-gap: 20px; align-items: flex-start; padding: 26px; text-decoration: none; color: inherit; }
.rat-teilen-karte { position: absolute; top: 14px; right: 14px; z-index: 3; margin: 0; gap: 7px; justify-content: flex-end; }
.rat-teilen-karte .t-btn { width: 32px; height: 32px; font-size: 13px; background: rgba(18, 18, 18, 0.55); color: #fff; }
.rat-teilen-karte .t-btn:hover { transform: none; color: #fff; }
.rat-teilen-karte .t-fb:hover { background: #1877f2; }
.rat-teilen-karte .t-wa:hover { background: #25d366; }
.rat-teilen-karte .t-share:hover { background: #ee7f2c; }
.rat-teilen-karte .t-btn.kopiert::after { bottom: -28px; }


/* ===== Ratgeber: Karten-Rahmen nach Umbau ===== */
.page-id-5065 .rat-karte { display: block; padding: 0; position: relative; background: #fff; border: 1px solid #e8e8e8; border-radius: 12px; overflow: hidden; color: #333; transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease; }
.page-id-5065 .rat-karte:hover { border-color: #ee7f2c; box-shadow: 0 10px 26px rgba(0, 0, 0, 0.08); transform: translateY(-3px); }
.page-id-5065 .rat-karte-link { display: flex; flex-wrap: wrap; row-gap: 0; column-gap: 20px; align-items: flex-start; padding: 26px 26px 24px; text-decoration: none; color: #333; }
.page-id-5065 .rat-karte-bild { width: calc(100% + 52px); margin: -26px -26px 22px; }
@media (max-width: 767px) {
  .page-id-5065 .rat-karte-link { padding: 20px; column-gap: 16px; }
  .page-id-5065 .rat-karte-bild { width: calc(100% + 40px); margin: -20px -20px 18px; }
  .rat-teilen-karte { top: 10px; right: 10px; }
}


/* ===== Footer: drei Spalten ===== */
.footer-widgets .row { display: flex; flex-wrap: wrap; align-items: flex-start; }
#footer-1 { flex: 0 0 100%; max-width: 100%; order: 9; }
#footer-2 { flex: 0 0 38%; max-width: 38%; order: 1; }
#footer-3 { flex: 0 0 28%; max-width: 28%; order: 2; text-align: center; }
#footer-4 { flex: 0 0 34%; max-width: 34%; order: 3; text-align: right; }
.footer-connect { display: none; }
.foot-block { color: #b9b9b9; font-size: 14px; line-height: 1.7; }
.foot-titel { color: #fff; font-size: 15px; font-weight: 700; letter-spacing: 0.4px; text-transform: uppercase; margin: 0 0 14px; }
.foot-adresse { margin: 0 0 12px; }
.foot-liste { list-style: none; margin: 0; padding: 0; }
.foot-liste li { margin: 0 0 7px; }
.foot-liste a { color: #b9b9b9; text-decoration: none; transition: color .18s ease; }
.foot-liste a:hover { color: #ee7f2c; }
.foot-liste i { color: #ee7f2c; width: 17px; text-align: center; margin-right: 7px; }
.foot-zeiten { margin: 14px 0 0; color: #8d8d8d; font-size: 13px; }
.foot-soz-reihe { display: flex; justify-content: center; gap: 12px; margin: 0 0 12px; }
.foot-soz { width: 38px; height: 38px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.08); color: #fff; font-size: 16px; transition: background .18s ease; }
.foot-soz:hover { background: #ee7f2c; color: #fff; }
.foot-soz-text { color: #8d8d8d; font-size: 13px; margin: 0; }
#footer-1 { margin-top: 34px; }
@media (max-width: 767px) {
  #footer-2, #footer-3, #footer-4 { flex: 0 0 100%; max-width: 100%; text-align: center; margin-bottom: 28px; }
  .foot-soz-reihe { justify-content: center; }
}


/* ===== Footer: Logos oben, Kontaktzeile darunter ===== */
#footer-1 { order: 0; margin-top: 0; padding-bottom: 26px; margin-bottom: 26px; border-bottom: 1px solid rgba(255, 255, 255, 0.09); }
#footer-2 { flex: 0 0 46%; max-width: 46%; }
#footer-3 { flex: 0 0 20%; max-width: 20%; }
#footer-4 { flex: 0 0 34%; max-width: 34%; }
.foot-titel { margin: 0 0 10px; }
.foot-liste { display: flex; flex-wrap: wrap; gap: 4px 22px; }
.foot-liste li { margin: 0; }
#footer-4 .foot-liste { justify-content: flex-end; }
#footer-3 .foot-soz-reihe { margin: 0; }
.foot-zeiten { margin: 9px 0 0; }
.footer-widgets.section-padding { padding-top: 42px; padding-bottom: 42px; }
@media (max-width: 767px) {
  .foot-liste { justify-content: center; gap: 4px 16px; }
  #footer-4 .foot-liste { justify-content: center; }
}


/* ===== Footer: Tablet-Umbruch ===== */
#footer-3 .foot-titel { white-space: nowrap; }
@media (max-width: 991px) {
  #footer-2, #footer-3, #footer-4 { flex: 0 0 100%; max-width: 100%; text-align: center; margin-bottom: 26px; }
  #footer-4 { margin-bottom: 0; }
  .foot-liste { justify-content: center; gap: 4px 18px; }
  #footer-4 .foot-liste { justify-content: center; }
}


/* ===== Footer: Tablet flacher ===== */
@media (max-width: 991px) {
  #footer-2 { flex: 0 0 100%; max-width: 100%; text-align: center; margin-bottom: 24px; }
  #footer-3 { flex: 0 0 40%; max-width: 40%; text-align: center; margin-bottom: 0; }
  #footer-4 { flex: 0 0 60%; max-width: 60%; text-align: right; margin-bottom: 0; }
  #footer-4 .foot-liste { justify-content: flex-end; }
}
@media (max-width: 600px) {
  #footer-3, #footer-4 { flex: 0 0 100%; max-width: 100%; text-align: center; margin-bottom: 22px; }
  #footer-4 { margin-bottom: 0; }
  #footer-4 .foot-liste { justify-content: center; }
}


/* ===== Footer: zwei getrennte Baender ===== */
.footer-widgets.section-padding { padding-top: 0; padding-bottom: 44px; }
#footer-1 { padding-top: 42px; padding-bottom: 26px; margin-bottom: 26px; border-bottom: none; }
.footer-widgets { background-color: #1b1b1b; background-image: linear-gradient(#272727, #272727); background-repeat: no-repeat; background-size: 100% 240px; }
.footer-widgets .row { -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,0) 0, #000 60px, #000 calc(100% - 60px), rgba(0,0,0,0) 100%), linear-gradient(to bottom, rgba(0,0,0,0) 240px, #000 240px); mask-image: linear-gradient(to right, rgba(0,0,0,0) 0, #000 60px, #000 calc(100% - 60px), rgba(0,0,0,0) 100%), linear-gradient(to bottom, rgba(0,0,0,0) 240px, #000 240px); }
#footer-4 .foot-liste { padding-top: 6px; }


/* ===== Footer: Maske nur ueber den Logos ===== */
#footer-widgets .container .row {
  -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,0) 0px, rgb(0,0,0) 60px, rgb(0,0,0) calc(100% - 60px), rgba(0,0,0,0) 100%), linear-gradient(to bottom, rgba(0,0,0,0) 0px, rgba(0,0,0,0) 240px, rgb(0,0,0) 240px, rgb(0,0,0) 100%) !important;
  mask-image: linear-gradient(to right, rgba(0,0,0,0) 0px, rgb(0,0,0) 60px, rgb(0,0,0) calc(100% - 60px), rgba(0,0,0,0) 100%), linear-gradient(to bottom, rgba(0,0,0,0) 0px, rgba(0,0,0,0) 240px, rgb(0,0,0) 240px, rgb(0,0,0) 100%) !important;
  -webkit-mask-repeat: no-repeat, no-repeat !important;
  mask-repeat: no-repeat, no-repeat !important;
  -webkit-mask-size: 100% 100%, 100% 100% !important;
  mask-size: 100% 100%, 100% 100% !important;
  -webkit-mask-composite: source-over !important;
  mask-composite: add !important;
}


/* ===== Footer: Farbkontrast der zwei Baender ===== */
.footer-widgets { background-color: #171717; background-image: linear-gradient(#2e2e2e, #2e2e2e); background-repeat: no-repeat; background-size: 100% 240px; }


/* ===== Footer: Kontaktzeilen in fester Reihenfolge ===== */
#footer-2 .foot-liste { gap: 7px 24px; }
#footer-2 .foot-liste li:nth-child(1) { flex: 0 0 100%; }
#footer-2 .foot-liste li:nth-child(2) { flex: 0 0 auto; }
#footer-2 .foot-liste li:nth-child(3) { flex: 0 0 auto; }
#footer-2 .foot-liste li:nth-child(4) { flex: 0 0 100%; }
.foot-zeiten { margin-top: 11px; }
.footer-widgets.section-padding { padding-bottom: 22px; }


/* ===== Footer: Band schliesst direkt unter der letzten Zeile ===== */
#footer-2 .widget, #footer-3 .widget, #footer-4 .widget { margin-bottom: 0; }
.footer-widgets.section-padding { padding-bottom: 26px; }


/* ===== Footer: WhatsApp-Symbol kraeftiger ===== */
.foot-liste .fa-whatsapp { -webkit-text-stroke: 0.7px currentColor; font-size: 16px; }


/* ===== Footer: mittlere Spalte wirklich mittig ===== */
@media (min-width: 992px) {
  #footer-2 { flex: 0 0 36%; max-width: 36%; }
  #footer-3 { flex: 0 0 28%; max-width: 28%; }
  #footer-4 { flex: 0 0 36%; max-width: 36%; }
}
@media (max-width: 991px) {
  #footer-3 { flex: 0 0 50%; max-width: 50%; }
  #footer-4 { flex: 0 0 50%; max-width: 50%; }
}