/* ablauf – elementspezifische Styles (aus Elementor 1133). */

/* desktop */
.hero-h1{& em { color: var(--ga_petrol_hell); }
}
.hero-intro{max-width:85%;}
.hero-text{width:60%;flex-direction:column;align-items:flex-start;}
.usp-1-icon{width:18px;}
.usp-1{width:auto;flex-direction:row;align-items:center;}
.usp-2-icon{width:18px;}
.usp-2{width:auto;flex-direction:row;align-items:center;}
.usp-3-icon{width:18px;}
.usp-3{width:auto;flex-direction:row;align-items:center;}
.usp-4-icon{width:18px;}
.usp-4{width:auto;flex-direction:row;align-items:center;}
.usp-list{width:auto;padding:30px;border-radius:var(--gs_radius);border-width:1px;border-color:var(--ga_eis_rand);border-style:solid;background-color:var(--ga_weiss);flex-direction:column;align-items:flex-start;}
.hero-wrap{flex-direction:row;justify-content:space-between;align-items:center;}
.hero{min-height:80vh;background-color:var(--ga_creme);display:flex;flex-direction:column;justify-content:center;align-items:center;}
.sch-h2{text-align:center;& em { color: var(--ga_petrol); }
}
.step-1-nr{width:90px;height:90px;font-weight:300;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;}
.pl1{padding-block-start:6px;padding-block-end:6px;padding-inline-start:10px;padding-inline-end:10px;border-radius:var(--gs_radius_pill);border-width:1px;border-color:var(--ga_petrol);border-style:solid;background-color:var(--ga_weiss);}
.pl2{padding-block-start:6px;padding-block-end:6px;padding-inline-start:10px;padding-inline-end:10px;border-radius:var(--gs_radius_pill);border-width:1px;border-color:var(--ga_petrol);border-style:solid;background-color:var(--ga_weiss);}
.pl3{padding-block-start:6px;padding-block-end:6px;padding-inline-start:10px;padding-inline-end:10px;border-radius:var(--gs_radius_pill);border-width:1px;border-color:var(--ga_petrol);border-style:solid;background-color:var(--ga_weiss);}
.pl4{padding-block-start:6px;padding-block-end:6px;padding-inline-start:10px;padding-inline-end:10px;border-radius:var(--gs_radius_pill);border-width:1px;border-color:var(--ga_petrol);border-style:solid;background-color:var(--ga_weiss);}
.pl5{padding-block-start:6px;padding-block-end:6px;padding-inline-start:10px;padding-inline-end:10px;border-radius:var(--gs_radius_pill);border-width:1px;border-color:var(--ga_petrol);border-style:solid;background-color:var(--ga_weiss);}
.pl6{padding-block-start:6px;padding-block-end:6px;padding-inline-start:10px;padding-inline-end:10px;border-radius:var(--gs_radius_pill);border-width:1px;border-color:var(--ga_petrol);border-style:solid;background-color:var(--ga_weiss);}
.pl7{padding-block-start:6px;padding-block-end:6px;padding-inline-start:10px;padding-inline-end:10px;border-radius:var(--gs_radius_pill);border-width:1px;border-color:var(--ga_petrol);border-style:solid;background-color:var(--ga_weiss);}
.pills{flex-direction:row;flex-wrap:wrap;}
.step-1-card{border-radius:var(--gs_radius);border-width:1px;border-color:var(--ga_eis_rand);border-style:solid;background-color:var(--ga_creme);flex-direction:column;flex:1 1 auto;align-items:flex-start;}
.step-1{flex-direction:row;align-items:start;}
.step-2-nr{width:90px;height:90px;font-weight:300;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;}
.step-2-card{border-radius:var(--gs_radius);border-width:1px;border-color:var(--ga_eis_rand);border-style:solid;background-color:var(--ga_creme);flex-direction:column;flex:1 1 auto;align-items:flex-start;}
.step-2{flex-direction:row;align-items:start;}
.step-3-nr{width:90px;height:90px;font-weight:300;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;}
.step-3-card{border-radius:var(--gs_radius);border-width:1px;border-color:var(--ga_eis_rand);border-style:solid;background-color:var(--ga_creme);flex-direction:column;flex:1 1 auto;align-items:flex-start;}
.step-3{flex-direction:row;align-items:start;}
.sch-note{align-self:end;}
.sch-list{width:100%;max-width:900px;flex-direction:column;}
.schritte{background-color:var(--ga_weiss);flex-direction:column;align-items:center;}
.hw-h2{text-align:center;& em { color: var(--ga_petrol); }
}
.hw-intro{align-self:center;}
.hw-1-badge-icon{width:14px;}
.hw-1-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;align-items:center;}
.hw-1{border-radius:var(--gs_radius);border-width:1px;border-color:var(--ga_eis_rand);border-style:solid;background-color:var(--ga_weiss);flex-direction:column;align-items:flex-start;}
.hw-2-badge-icon{width:14px;}
.hw-2-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;align-items:center;}
.hw-2{border-radius:var(--gs_radius);border-width:1px;border-color:var(--ga_eis_rand);border-style:solid;background-color:var(--ga_weiss);flex-direction:column;align-items:flex-start;}
.el-30b5d2d{width:70%;min-width:60%;flex-direction:column;}
.el-5f80405{object-fit:contain;mix-blend-mode:multiply;opacity:75%;}
/* Bildausschnitt-Hülle: breit anlegen, damit sie wie vorher das Bild den Rest neben der Liste füllt. */
.sbn-crop.el-5f80405{width:100%;}
.hw-list{flex-direction:row;align-items:center;}
.hinweise{background-color:var(--ga_sand);flex-direction:column;align-items:center;}
.ko-h2{text-align:center;& em { color: var(--ga_petrol); }
}
.ko-intro{max-width:640px;text-align:center;}
.ko-1-badge-icon{width:14px;}
.ko-1-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;align-items:center;}
.ko-1-title{display:flex;flex-direction:row;gap:14px;flex-wrap:wrap;align-items:center;}
.ko-1-plus{width:12px;height:12px;}
.ko-1-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; }
}
.ko-1-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;}
.ko-1-content{padding-block-start:0px;padding-block-end:24px;padding-inline-start:24px;padding-inline-end:24px;}
.ko-1{overflow:hidden;border-radius:var(--gs_radius);border-width:1px;border-color:var(--ga_eis_rand);border-style:solid;background-color:var(--ga_weiss);}
.ko-2-badge-icon{width:14px;}
.ko-2-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;align-items:center;}
.ko-2-title{display:flex;flex-direction:row;gap:14px;flex-wrap:wrap;align-items:center;}
.ko-2-plus{width:12px;height:12px;}
.ko-2-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; }
}
.ko-2-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;}
.ko-2-content{padding-block-start:0px;padding-block-end:24px;padding-inline-start:24px;padding-inline-end:24px;}
.ko-2{overflow:hidden;border-radius:var(--gs_radius);border-width:1px;border-color:var(--ga_eis_rand);border-style:solid;background-color:var(--ga_weiss);}
.ko-3-badge-icon{width:14px;}
.ko-3-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;align-items:center;}
.ko-3-title{display:flex;flex-direction:row;gap:14px;flex-wrap:wrap;align-items:center;}
.ko-3-plus{width:12px;height:12px;}
.ko-3-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; }
}
.ko-3-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;}
.ko-3-content{padding-block-start:0px;padding-block-end:24px;padding-inline-start:24px;padding-inline-end:24px;}
.ko-3{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-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;
}
.kosten{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){.usp-list{flex-direction:row;}}
@media(max-width:1024px){.hero-wrap{flex-direction:column;align-items:flex-start;}}
@media(max-width:1024px){.hero{min-height:auto;}}

/* 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-intro{max-width:100%;}}
@media(max-width:767px){.usp-list{flex-direction:column;align-self:center;}}
@media(max-width:767px){.hero{min-height:auto;}}
@media(max-width:767px){.step-1-nr{width:64px;height:64px;}}
@media(max-width:767px){.step-1{flex-direction:column;align-items:flex-start;}}
@media(max-width:767px){.step-2-nr{width:64px;height:64px;}}
@media(max-width:767px){.step-2{flex-direction:column;align-items:flex-start;}}
@media(max-width:767px){.step-3-nr{width:64px;height:64px;}}
@media(max-width:767px){.step-3{flex-direction:column;align-items:flex-start;}}
@media(max-width:767px){.el-30b5d2d{width:100%;min-width:100%;flex-direction:column;}}
@media(max-width:767px){.hw-list{flex-direction:column;}}