/* datenschutz – elementspezifische Styles (aus Elementor 3). */

/* desktop */
.hero-h1{& em { color: var(--ga_eis); }
}
.hero-text{width:45%;flex-direction:column;align-items:flex-start;}
.f1-i{width:44px;height:44px;padding:12px;border-radius:12px;background-color:#5a858b;}
.f1{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;}
.f2-i{width:44px;height:44px;padding:12px;border-radius:12px;background-color:#5a858b;}
.f2{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;}
.f3-i{width:44px;height:44px;padding:12px;border-radius:12px;background-color:#5a858b;}
.f3{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;}
.f4-i{width:44px;height:44px;padding:12px;border-radius:12px;background-color:#5a858b;}
.f4{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-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;}
.d1-l{width:32%;flex-direction:column;align-items:flex-start;}
.d1-p2{& a { color: var(--ga_petrol_dunkel); text-decoration: underline; }
}
.d1-r{flex-direction:column;flex:1 1 0px;}
.d1{border-block-start-width:1px;flex-direction:row;align-items:flex-start;padding-block: 32px; padding-inline: 0px; border-top-style: solid; border-top-color: var(--ga_eis_rand);
}
.d2-l{width:32%;flex-direction:column;align-items:flex-start;}
.d2-r{flex-direction:column;flex:1 1 0px;}
.d2{border-block-start-width:1px;flex-direction:row;align-items:flex-start;padding-block: 32px; padding-inline: 0px; border-top-style: solid; border-top-color: var(--ga_eis_rand);
}
.d3-l{width:32%;flex-direction:column;align-items:flex-start;}
.d3-p2{& a { color: var(--ga_petrol_dunkel); text-decoration: underline; }
}
.d3-p3{& a { color: var(--ga_petrol_dunkel); text-decoration: underline; }
}
.d3-r{flex-direction:column;flex:1 1 0px;}
.d3{border-block-start-width:1px;flex-direction:row;align-items:flex-start;padding-block: 32px; padding-inline: 0px; border-top-style: solid; border-top-color: var(--ga_eis_rand);
}
.d4-l{width:32%;flex-direction:column;align-items:flex-start;}
.d4-r{flex-direction:column;flex:1 1 0px;}
.d4{border-block-start-width:1px;flex-direction:row;align-items:flex-start;padding-block: 32px; padding-inline: 0px; border-top-style: solid; border-top-color: var(--ga_eis_rand);
}
.d5-l{width:32%;flex-direction:column;align-items:flex-start;}
.d5-r{flex-direction:column;flex:1 1 0px;}
.d5{border-block-start-width:1px;flex-direction:row;align-items:flex-start;padding-block: 32px; padding-inline: 0px; border-top-style: solid; border-top-color: var(--ga_eis_rand);
}
.d6-l{width:32%;flex-direction:column;align-items:flex-start;}
.d6-r{flex-direction:column;flex:1 1 0px;}
.d6{border-block-start-width:1px;flex-direction:row;align-items:flex-start;padding-block: 32px; padding-inline: 0px; border-top-style: solid; border-top-color: var(--ga_eis_rand);
}
.d7-l{width:32%;flex-direction:column;align-items:flex-start;}
.d7-r{flex-direction:column;flex:1 1 0px;}
.d7{border-radius:var(--gs_radius);border-block-start-width:1px;background-color:var(--ga_creme);flex-direction:row;align-items:flex-start;padding-block: 32px; padding-inline: 32px; border-top-style: solid; border-top-color: var(--ga_eis_rand);
}
.d8-l{width:32%;flex-direction:column;align-items:flex-start;}
.d8-p3{& a { color: var(--ga_petrol_dunkel); text-decoration: underline; font-weight: 700; }
}
.d8-r{flex-direction:column;flex:1 1 0px;}
.d8{border-block-start-width:1px;flex-direction:row;align-items:flex-start;padding-block: 32px; padding-inline: 0px; border-top-style: solid; border-top-color: var(--ga_eis_rand);
}
.d9-l{width:32%;flex-direction:column;align-items:flex-start;}
.d9-p2{& a { color: var(--ga_petrol_dunkel); text-decoration: underline; }
}
.d9-r{flex-direction:column;flex:1 1 0px;}
.d9{border-block-start-width:1px;flex-direction:row;align-items:flex-start;padding-block: 32px; padding-inline: 0px; border-top-style: solid; border-top-color: var(--ga_eis_rand);
}
.d10-l{width:32%;flex-direction:column;align-items:flex-start;}
.d10-p2{& a { color: var(--ga_petrol_dunkel); text-decoration: underline; }
}
.d10-r{flex-direction:column;flex:1 1 0px;}
.d10{border-block-start-width:1px;flex-direction:row;align-items:flex-start;padding-block: 32px; padding-inline: 0px; border-top-style: solid; border-top-color: var(--ga_eis_rand);
}
.d11-l{width:32%;flex-direction:column;align-items:flex-start;}
.d11-r{flex-direction:column;flex:1 1 0px;}
.d11{border-block-start-width:1px;flex-direction:row;align-items:flex-start;padding-block: 32px; padding-inline: 0px; border-top-style: solid; border-top-color: var(--ga_eis_rand);
}
.d12-l{width:32%;flex-direction:column;align-items:flex-start;}
.d12-r{flex-direction:column;flex:1 1 0px;}
.d12{border-block-start-width:1px;flex-direction:row;align-items:flex-start;padding-block: 32px; padding-inline: 0px; border-top-style: solid; border-top-color: var(--ga_eis_rand);
}
.d13-l{width:32%;flex-direction:column;align-items:flex-start;}
.d13-r{flex-direction:column;flex:1 1 0px;}
.d13{border-block-start-width:1px;border-block-end-width:1px;flex-direction:row;align-items:flex-start;padding-block: 32px; padding-inline: 0px; border-top-style: solid; border-top-color: var(--ga_eis_rand); border-bottom-style: solid; border-bottom-color: var(--ga_eis_rand);
}
.main-wrap{flex-direction:column;align-items:stretch;}
.main{background-color:var(--ga_weiss);display:flex;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;
	}
}

/* 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){.d1-l{width:100%;}}
@media(max-width:1024px){.d1{flex-direction:column;}}
@media(max-width:1024px){.d2-l{width:100%;}}
@media(max-width:1024px){.d2{flex-direction:column;}}
@media(max-width:1024px){.d3-l{width:100%;}}
@media(max-width:1024px){.d3{flex-direction:column;}}
@media(max-width:1024px){.d4-l{width:100%;}}
@media(max-width:1024px){.d4{flex-direction:column;}}
@media(max-width:1024px){.d5-l{width:100%;}}
@media(max-width:1024px){.d5{flex-direction:column;}}
@media(max-width:1024px){.d6-l{width:100%;}}
@media(max-width:1024px){.d6{flex-direction:column;}}
@media(max-width:1024px){.d7-l{width:100%;}}
@media(max-width:1024px){.d7{flex-direction:column;padding-inline: 20px;
}}
@media(max-width:1024px){.d8-l{width:100%;}}
@media(max-width:1024px){.d8{flex-direction:column;}}
@media(max-width:1024px){.d9-l{width:100%;}}
@media(max-width:1024px){.d9{flex-direction:column;}}
@media(max-width:1024px){.d10-l{width:100%;}}
@media(max-width:1024px){.d10{flex-direction:column;}}
@media(max-width:1024px){.d11-l{width:100%;}}
@media(max-width:1024px){.d11{flex-direction:column;}}
@media(max-width:1024px){.d12-l{width:100%;}}
@media(max-width:1024px){.d12{flex-direction:column;}}
@media(max-width:1024px){.d13-l{width:100%;}}
@media(max-width:1024px){.d13{flex-direction:column;}}

/* 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;}}