/* zusatzangebote – elementspezifische Styles (aus Elementor 1135). */

/* desktop */
.hero-h1{& em { color: var(--ga_eis); }
}
.hero-text{width:45%;flex-direction:column;align-items:flex-start;}
.o1-i{width:44px;height:44px;padding:12px;border-radius:12px;background-color:#5a858b;}
.o1{border-radius:var(--gs_radius);border-width:1px;border-color:rgba(255, 255, 255, 0.25);border-style:solid;background-color:rgba(255, 255, 255, 0.08);flex-direction:column;align-items:flex-start;}
.o2-i{width:44px;height:44px;padding:12px;border-radius:12px;background-color:#5a858b;}
.o2{border-radius:var(--gs_radius);border-width:1px;border-color:rgba(255, 255, 255, 0.25);border-style:solid;background-color:rgba(255, 255, 255, 0.08);flex-direction:column;align-items:flex-start;}
.o3-i{width:44px;height:44px;padding:12px;border-radius:12px;background-color:#5a858b;}
.o3{border-radius:var(--gs_radius);border-width:1px;border-color:rgba(255, 255, 255, 0.25);border-style:solid;background-color:rgba(255, 255, 255, 0.08);flex-direction:column;align-items:flex-start;}
.o4-i{width:44px;height:44px;color:var(--ga_weiss);padding:5px;border-radius:12px;background-color:#5a858b;}
.o4{border-radius:var(--gs_radius);border-width:1px;border-color:rgba(255, 255, 255, 0.25);border-style:solid;background-color:rgba(255, 255, 255, 0.08);flex-direction:column;align-items:flex-start;}
.hero-grid{grid-template-columns:repeat(2, 1fr);grid-template-rows:auto auto;}
.hero-note-i{width:14px;}
.hero-note{width:auto;padding-block-start:12px;padding-block-end:12px;padding-inline-start:20px;padding-inline-end:40px;background-color:var(--ga_weiss);display:flex;flex-direction:row;align-items:center;align-self:flex-start;}
.hero-side{width:50%;flex-direction:column;}
.hero-wrap{flex-direction:row;justify-content:space-between;align-items:center;}
.hero{background-color:var(--ga_petrol_dunkel);display:flex;flex-direction:column;justify-content:center;align-items:center;padding-block: null;
}
.a1-img{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--gs_radius);}
.a1-media{width:45%;border-radius:var(--gs_radius);}
.a1-h2{& em { color: var(--ga_petrol); }
}
.a1-text{width:55%;flex-direction:column;align-items:flex-start;}
.a1{flex-direction:row;align-items:center;}
.a2-img{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--gs_radius);}
.a2-media{width:45%;border-radius:var(--gs_radius);}
.a2-h2{& em { color: var(--ga_petrol); }
}
.a2-text{width:55%;flex-direction:column;align-items:flex-start;}
.a2{flex-direction:row-reverse;align-items:center;}
.a3-img{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--gs_radius);}
.a3-media{width:45%;border-radius:var(--gs_radius);}
.a3-h2{& em { color: var(--ga_petrol); }
}
.a3-text{width:55%;flex-direction:column;align-items:flex-start;}
.a3{flex-direction:row;align-items:center;}
.a4-img{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--gs_radius);object-position: center 25%;
}
.a4-media{width:45%;border-radius:var(--gs_radius);}
.a4-h2{& em { color: var(--ga_petrol); }
}
.a4-text{width:55%;flex-direction:column;align-items:flex-start;}
.a4{flex-direction:row-reverse;align-items:center;scroll-margin-top: 140px;
}
.angebote{background-color:var(--ga_weiss);flex-direction:column;align-items:center;}
.faq-h2{text-align:center;& em { color: var(--ga_petrol); }
}
.f1-badge-icon{width:14px;}
.f1-badge{width:auto;padding-block-start:6px;padding-block-end:6px;padding-inline-start:14px;padding-inline-end:14px;border-radius:var(--gs_radius_pill);background-color:var(--ga_petrol);flex-direction:row;}
.f1-title{display:flex;flex-direction:row;gap:14px;flex-wrap:wrap;align-items:center;}
.f1-icon{width:34px;height:34px;border-radius:50%;border-width:1px;border-color:var(--ga_petrol);border-style:solid;display:flex;flex:0 0 auto;justify-content:center;align-items:center;& svg { width: 12px; height: 12px; } & .svgb { width: 12px; height: 12px; }
}
.f1-head{cursor:pointer;padding-block-start:18px;padding-block-end:18px;padding-inline-start:24px;padding-inline-end:24px;display:flex;flex-direction:row;gap:20px;justify-content:space-between;align-items:center;}
.f1-content{padding-block-start:0px;padding-block-end:24px;padding-inline-start:24px;padding-inline-end:24px;}
.f1{overflow:hidden;border-radius:var(--gs_radius);border-width:1px;border-color:var(--ga_eis_rand);border-style:solid;background-color:var(--ga_weiss);}
.f2-badge-icon{width:14px;}
.f2-badge{width:auto;padding-block-start:6px;padding-block-end:6px;padding-inline-start:14px;padding-inline-end:14px;border-radius:var(--gs_radius_pill);background-color:var(--ga_petrol);flex-direction:row;}
.f2-title{display:flex;flex-direction:row;gap:14px;flex-wrap:wrap;align-items:center;}
.f2-icon{width:34px;height:34px;border-radius:50%;border-width:1px;border-color:var(--ga_petrol);border-style:solid;display:flex;flex:0 0 auto;justify-content:center;align-items:center;& svg { width: 12px; height: 12px; } & .svgb { width: 12px; height: 12px; }
}
.f2-head{cursor:pointer;padding-block-start:18px;padding-block-end:18px;padding-inline-start:24px;padding-inline-end:24px;display:flex;flex-direction:row;gap:20px;justify-content:space-between;align-items:center;}
.f2-content{padding-block-start:0px;padding-block-end:24px;padding-inline-start:24px;padding-inline-end:24px;}
.f2{overflow:hidden;border-radius:var(--gs_radius);border-width:1px;border-color:var(--ga_eis_rand);border-style:solid;background-color:var(--ga_weiss);}
.cta-deko-1{width:200px;height:200px;position:absolute;inset-block-end:-50px;inset-inline-start:-30px;opacity:20%;pointer-events: none;
}
.cta-deko-2{width:300px;height:300px;position:absolute;inset-block-start:-35%;inset-inline-end:-8%;opacity:30%;pointer-events: none;
}
.cta-eyebrow{position:relative;}
.cta-h2{position:relative;text-align:center;& em { color: var(--ga_eis); }
}
.cta-text{max-width:520px;position:relative;}
.cta-btn{position:relative;}
.cta{overflow:hidden;position:relative;text-align:center;border-radius:var(--gs_radius);background-image:linear-gradient(94deg, #2e6a73 22%,#4895a0 100%);background-repeat:repeat;background-attachment:scroll;background-size:auto auto;background-position:0% 0%;background-color:var(--ga_petrol_dunkel);flex-direction:column;align-items:center;padding-block: 60px;
}
.faq{background-color:var(--ga_creme);flex-direction:column;align-items:center;}

/* global laptop (Reihenfolge wie Elementor) */
@media (max-width: 1366px) {
	.s-gap-xl {
		gap:60px;
	}
	.s-gap-lg {
		gap:44px;
	}
	.s-gap-md {
		gap:28px;
	}
	.s-gap-sm {
		gap:10px;
	}
	.s-gap-xs {
		gap:5px;
	}
	.s-card {
		padding-block-start:30px;
		padding-block-end:30px;
		padding-inline-start:30px;
		padding-inline-end:30px;
	}
	.s-section {
		padding-block-start:64px;
		padding-block-end:64px;
		padding-inline-start:20px;
		padding-inline-end:20px;
	}
	.s-hero {
		padding-block-start:160px;
		padding-block-end:64px;
		padding-inline: 20px;
	
	}
	.w-gap-md {
		margin-block-end:28px;
	}
	.w-gap-lg {
		margin-block-end:44px;
	}
	.w-gap-xl {
		margin-block-end:60px;
	}
}

/* laptop */
@media(max-width:1366px){.hero{padding-block: null;
}}

/* global tablet (Reihenfolge wie Elementor) */
@media (max-width: 1024px) {
	.s-gap-xl {
		gap:44px;
	}
	.s-gap-lg {
		gap:36px;
	}
	.s-gap-md {
		gap:24px;
	}
	.s-gap-sm {
		gap:10px;
	}
	.s-gap-xs {
		gap:5px;
	}
	.s-card {
		padding-block-start:24px;
		padding-block-end:24px;
		padding-inline-start:24px;
		padding-inline-end:24px;
	}
	.s-section {
		padding-block-start:52px;
		padding-block-end:52px;
		padding-inline-start:16px;
		padding-inline-end:16px;
	}
	.s-hero {
		padding-block-start:160px;
		padding-block-end:52px;
		padding-inline: 16px;
	
	}
	.b-secondary {
		padding-block-start:12px;
		padding-block-end:12px;
		padding-inline-start:26px;
		padding-inline-end:26px;
	}
	.b-primary {
		padding-block-start:12px;
		padding-block-end:12px;
		padding-inline-start:26px;
		padding-inline-end:26px;
	}
	.x-diagonal {
		background-image: linear-gradient(170deg, var(--akzent-soft, var(--ga_eis)) 0 58%, transparent 58.1%);
	
	}
	.w-gap-md {
		margin-block-end:24px;
	}
	.w-gap-lg {
		margin-block-end:36px;
	}
	.w-gap-xl {
		margin-block-end:44px;
	}
}

/* tablet */
@media(max-width:1024px){.hero-text{width:100%;}}
@media(max-width:1024px){.hero-side{width:100%;}}
@media(max-width:1024px){.hero-wrap{flex-direction:column;align-items:stretch;}}
@media(max-width:1024px){.hero{min-height:auto;padding-block: null;
}}
@media(max-width:1024px){.a1-media{width:100%;}}
@media(max-width:1024px){.a1-text{width:100%;}}
@media(max-width:1024px){.a1{flex-direction:column;align-items:stretch;}}
@media(max-width:1024px){.a2-media{width:100%;}}
@media(max-width:1024px){.a2-text{width:100%;}}
@media(max-width:1024px){.a2{flex-direction:column;align-items:stretch;}}
@media(max-width:1024px){.a3-media{width:100%;}}
@media(max-width:1024px){.a3-text{width:100%;}}
@media(max-width:1024px){.a3{flex-direction:column;align-items:stretch;}}
@media(max-width:1024px){.a4-media{width:100%;}}
@media(max-width:1024px){.a4-text{width:100%;}}
@media(max-width:1024px){.a4{flex-direction:column;align-items:stretch;}}

/* global mobile (Reihenfolge wie Elementor) */
@media (max-width: 767px) {
	.x-logo {
		&::after { width: 260px; height: 260px; right: -50px; }
	
	}
	.x-circles {
		background-image: radial-gradient(circle at 0% 8%, color-mix(in srgb, var(--akzent, var(--ga_petrol)) 10%, transparent) 0 60px, transparent 61px), radial-gradient(circle at 100% 50%, color-mix(in srgb, var(--akzent, var(--ga_petrol)) 8%, transparent) 0 44px, transparent 45px), radial-gradient(circle at 4% 96%, color-mix(in srgb, var(--akzent, var(--ga_petrol)) 10%, transparent) 0 36px, transparent 37px);
	
	}
	.s-wrap {
		max-width:100%;
	}
	.s-gap-xl {
		gap:32px;
	}
	.s-gap-lg {
		gap:28px;
	}
	.s-gap-md {
		gap:20px;
	}
	.s-gap-sm {
		gap:10px;
	}
	.s-gap-xs {
		gap:5px;
	}
	.s-card {
		padding-block-start:20px;
		padding-block-end:20px;
		padding-inline-start:20px;
		padding-inline-end:20px;
	}
	.s-section {
		padding-block-start:40px;
		padding-block-end:40px;
		padding-inline-start:16px;
		padding-inline-end:16px;
	}
	.s-hero {
		padding-block-start:160px;
		padding-block-end:40px;
		padding-inline: 16px;
	
	}
	.b-secondary {
		padding-block-start:12px;
		padding-block-end:12px;
		padding-inline-start:24px;
		padding-inline-end:24px;
	}
	.b-primary {
		padding-block-start:12px;
		padding-block-end:12px;
		padding-inline-start:24px;
		padding-inline-end:24px;
	}
	.x-frame {
		&::after { inset: 8px -8px -8px 8px; }
	
	}
	.x-label {
		&::after { display: none; }
	
	}
	.w-gap-md {
		margin-block-end:20px;
	}
	.w-gap-lg {
		margin-block-end:28px;
	}
	.w-gap-xl {
		margin-block-end:32px;
	}
}

/* mobile */
@media(max-width:767px){.hero-grid{grid-template-columns:1fr;grid-template-rows:auto;}}
@media(max-width:767px){.hero{padding-block: null;
}}