/*
Theme Name: Ortek Child Theme
Author: Christoph Steinlechner
Description: Child Theme für ORTEK
Template: twentytwentyfive
Version: 1.0.1
Text Domain: ortek-child-theme
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* ------------- custom styles ---------------- */

body {
  -ms-hyphens: auto; /* ab IE10 */
  -moz-hyphens: auto; /* seit Firefox 6 */
  -webkit-hyphens: auto; /* seit Safari 5.1 (OS X), Safari 4.1 (iOS) */
  hyphens: auto;
 }

h1, h2, .opt-h1, .opt-h2 {
	-ms-hyphens: none;
	-moz-hyphens: none;
	-webkit-hyphens: none;
	hyphens: none;
}

/* Silbentrennung für Überschriften auf bestimmten Seiten */

body.page-id-623 h1,
body.page-id-623 h2,
body.page-id-623 h3,
body.page-id-3 h1,
body.page-id-3 h2,
body.page-id-3 h3 {
	-webkit-hyphens: auto;
	hyphens: auto;
}

html {
	scroll-behavior: smooth;
}
.impressum h2 {padding-top:1em;}



/* Leere Spalten ausblenden */
@media (max-width: 1359px) {

	.wp-block-columns:not(.c-keep-empty)
	> .wp-block-column:not(:has(> *)) {
		display: none !important;
	}

}

/* Tablet: Spaltenbreiten anpassen */
@media (min-width: 782px) and (max-width: 1124px) {

	.wp-block-columns.c-keep-empty > .wp-block-column:first-child {
		flex-basis: 0 !important;
	}

	.wp-block-columns.c-keep-empty > .wp-block-column:nth-child(2) {
		flex-basis: 100% !important;
	}

}

:root :where(.is-layout-flow) > * {
    margin-block-start: 1rem;
    margin-block-end: 1rem;
}

:root :where(.is-layout-flow, .is-layout-constrained)
> :is(h1, h2, h3, h4, h5, h6) {
	margin-block-start: 0.4em;
	margin-block-end: 0.8em;
}
@media(max-width:767px){
:root :where(.wp-element-button, .wp-block-button__link){
padding-top: 0.6rem;
    padding-right: 1.25rem;
    padding-bottom: 0.6rem;
    padding-left: 1.25rem;
}

	
}

.overlay-buttons {
	transform: scale(0.8);
	transform-origin: left center;
}

.wp-site-blocks {
	overflow-x: clip;
}


.square {
	aspect-ratio: 1 / 1;
}


/* ---------------------------------------------------------
   Trackboxx – Switch und Beschreibung
   --------------------------------------------------------- */

.trackboxx-optout {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	column-gap: 1rem;
	align-items: center;
}

/* Einleitung über die gesamte Breite */
.trackboxx-optout > p {
	grid-column: 1 / -1;
}

/* Switch links */
.trackboxx-optout > .tb-switch {
	grid-column: 1;
	grid-row: 2;
	margin: 0;
}

/* Beschreibung rechts */
.trackboxx-optout > #trackboxxOptoutStatus {
	grid-column: 2;
	grid-row: 2;
	display: block;
	line-height: 1.4;
	min-width: 0;
}

/* ---------------------------------------------------------
   Square Icon – immer quadratisch
   --------------------------------------------------------- */

.square-icon {
	flex-shrink: 0;
	align-self: flex-start;
}

.square-icon .icon-container {
	box-sizing: border-box;
	aspect-ratio: 1 / 1;
	height: auto;
	flex-shrink: 0;
}
@media (max-width: 767px) {

    .square-icon:not(.schaden-melden) .icon-container {
        height: 48px !important;
    }

}

.square-icon svg { transform: rotate(var(--outermost--icon-block--transform-rotate,0deg)) scaleX(var(--outermost--icon-block--transform-scale-x,.7)) scaleY(var(--outermost--icon-block--transform-scale-y,.7)); }

/* ---------------------------------------------------------
   Schaden melden – Icon quadratisch halten
   --------------------------------------------------------- */

.square-icon.schaden-melden .icon-container {
	width: 57px !important;
	height: 57px !important;
	aspect-ratio: 1 / 1;
	box-sizing: border-box;
	min-width: 57px;
	flex-shrink: 0;
}


.listbox li strong {
	display: block;
	margin-bottom: 1em;
}

.listbox li strong + br {
	display: none;
}

@media(max-width: 767px){
.svg-icon-width {max-width:80px;}
}


.wp-block-navigation__overlay-container .wp-container-core-group-is-layout-752d6dca {
    justify-content: left; 
}
@media(min-width: 768px){
.mt-padding figure {border-left: 0.5rem solid var(--wp--preset--color--accent-5);}
}

/* ------------- fonts ---------------- */

strong, b {font-weight: 600;}

.vorzeile {font-style: normal;
    font-weight: 300;
    text-transform: uppercase;
	/*font-size: var(--wp--preset--font-size--normal);*/
	font-size: clamp(0.75rem, 0.72rem + 0.15vw, 0.8rem);
    letter-spacing: 0.02em;
	padding-bottom: 0.4em;
	line-height:1.4;
}

.opt-h1 {font-size: var(--wp--preset--font-size--xx-large);
    font-style: normal;
    font-weight: 600;
    
    margin-bottom: 1.5rem;
	line-height: 1.125;}

.is-style-bg-edge-left .opt-h1 {font-size: calc(var(--wp--preset--font-size--xx-large) * 0.8);}

.opt-h2 {font-size: var(--wp--preset--font-size--x-large);
    font-style: normal;
    font-weight: 600;
	letter-spacing: 0;
    line-height: 1.2;
	
	margin-block-start: 0.4em!important;
    margin-block-end: 0.8em!important;

}

.opt-h3 {
    font-size: var(--wp--preset--font-size--large);
    font-style: normal;
    font-weight: 600;
    line-height: 1.3;
}

/* Mobile: 90° im Uhrzeigersinn drehen */
@media (max-width: 767px) {

	.c-rotate {
		transform: rotate(90deg);
	}

}

@media (min-width: 1025px) {

	:root {
		--ortek-topbar-height: 28px;
	}

	header.wp-block-template-part {
		padding-top: var(--ortek-topbar-height);
	}

	.topbar {
		position: fixed;
		top: 0;
		left: 0;

		width: 100%;
		height: var(--ortek-topbar-height);

		z-index: 9999;
	}

}

/* =========================================================
   Small Content
   Desktop / Tablet: 66%
   Mobile: 100%
   ========================================================= */
.small-content > * {
	width: min(66.666%, var(--wp--style--global--content-size));
	margin-left: 0 !important;
	margin-right: auto !important;
}

@media (max-width: 767px) {
	.small-content > * {
		width: 90%;
	}
}

/* =========================================================
   c-break
   Desktop: normale Gutenberg-Spalten
   Tablet + Mobile: untereinander
   ========================================================= */

@media (max-width: 1024px) {

	/* Spalten untereinander */
	.wp-block-columns.c-break {
		display: flex !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;

		width: 100%;
		max-width: 100%;
	}

	.wp-block-columns.c-break > .wp-block-column {
		flex: 0 0 auto !important;
		flex-basis: auto !important;

		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}


	/* Bild / SVG innerhalb der Spalte halten */
	.wp-block-columns.c-break .wp-block-image {
		width: 100%;
		max-width: 100%;

		margin-left: 0;
		margin-right: 0;
	}

	.wp-block-columns.c-break .wp-block-image img,
	.wp-block-columns.c-break .wp-block-image svg {
		display: block;

		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;

		height: auto !important;
	}

}

/* =========================================================
   ORTEK – Button-Raster
   ========================================================= */

@media (min-width: 768px) {

	/* Rasterelemente vollständig ausfüllen */
	.button-raster > .wp-block-buttons {
		width: 100%;
		min-width: 0;
	}

	/* Buttons auf volle Breite */
	.button-raster .wp-block-button {
		width: 100%;
	}

	.button-raster .wp-block-button__link {
		display: flex;
		align-items: center;
		justify-content: center;

		box-sizing: border-box;
		width: 100%;
		height: 100%;
	}

}

/* =========================================================
   ORTEK – SVG Label Pulse
   ========================================================= */

@keyframes ortek-pulse-svg {
	0% {
		transform: scale(1);
	}

	45% {
		transform: scale(1.06);
	}

	100% {
		transform: scale(1);
	}
}


@media (min-width: 1025px) {

	.region-label-pulse {
		transform-box: fill-box;
		transform-origin: center center;
	}

	.region-link:hover .region-label-pulse {
		animation: ortek-pulse-svg 0.4s ease;
	}

}

/* =========================================================
   Scroll to Top
   ========================================================= */

.c-scroll-top {
	position: fixed;
	right: clamp(1rem, 2vw, 2rem);
	

	z-index: 1000;
	margin: 0;

	opacity: 0;
	visibility: hidden;

	transform: translateY(10px);

	pointer-events: none;

	transition:
		opacity 0.25s ease,
		transform 0.25s ease,
		visibility 0.25s;
}
.c-scroll-top {
	bottom: 3rem;
}

@media (max-width: 767px) {
	.c-scroll-top {
		bottom: 5rem;
	}
}

/* sichtbar */
.c-scroll-top.is-visible {
	opacity: 1;
	visibility: visible;

	transform: translateY(0);

	pointer-events: auto;
}


/* =========================================================
   Button
   ========================================================= */

.c-scroll-top .wp-block-button__link {
	position: relative;

	display: block;

	width: 42px;
	height: 42px;

	padding: 0;
	gap: 0;

	border-radius: 50%;

	font-size: 0;
}


/* vorhandenen Standard-Pfeil exakt zentrieren */
.c-scroll-top .wp-block-button__link::after {
	position: absolute;

	top: 50%;
	left: 50%;

	display: block;

	width: 24px;
	height: 24px;

	margin: 0;

	transform:
		translate(-50%, -50%)
		rotate(-90deg);

	transform-origin: center;
}


/* normalen Pfeil-Hover überschreiben */
.c-scroll-top .wp-block-button__link:hover::after {
	transform:
		translate(-50%, -50%)
		rotate(-90deg);
}


/* Mobile */
@media (max-width: 767px) {

	.c-scroll-top .wp-block-button__link {
		width: 36px;
		height: 36px;
	}

}




/* ----------------- hero startseite ------------------------- */



@media (min-width: 1920px) and (min-height: 1000px) {
    .hero {
        min-height: 800px!important;
    }
	   .hero.hero-small {
        min-height: 500px!important;
    }
}



.hero {
	padding-left: var(--wp--style--root--padding-left);
	padding-right: var(--wp--style--root--padding-right);
	box-sizing: border-box;
}

.hero .wp-block-cover__inner-container {
	width: 100%;
	max-width: var(--wp--style--global--wide-size);
	margin-inline: auto;
}

.hero-content {
	width: clamp(
		36%,
		calc(19.2rem + 14.667vw),
		100%
	);

	margin-inline: 0 auto !important;
}


@media (max-width: 767px) {

	/* =====================================================
	   STANDARD HERO
	   Bild oben, Inhalt darunter
	   ===================================================== */

	.hero.wp-block-cover:not(.hero-small) {
		display: flex;
		flex-direction: column;
		align-items: stretch;

		min-height: 0 !important;
		padding: 0;
	}

	/* Hintergrundbild wird zu einem normalen Bild */
	.hero:not(.hero-small) .wp-block-cover__image-background {
		position: relative !important;
		inset: auto !important;

		width: 100%;
		height: auto;

		aspect-ratio: 3 / 2;
		object-fit: cover;
		object-position: center;

		order: 1;
	}

	/* Cover-Overlay abschalten */
	.hero:not(.hero-small) .wp-block-cover__background {
		display: none;
	}

	/* Textbereich unter das Bild */
	.hero:not(.hero-small) .wp-block-cover__inner-container {
		order: 2;

		width: 100%;
		max-width: none;

		margin: 0;
		padding:
			var(--wp--preset--spacing--50)
			var(--wp--style--root--padding-right)
			var(--wp--preset--spacing--60)
			var(--wp--style--root--padding-left);

		box-sizing: border-box;

		background-image: var(--wp--preset--gradient--custom-standard);
	}

	.hero:not(.hero-small) .hero-content {
		width: 100%;
		margin: 0 !important;
	}


	/* =====================================================
	   HERO SMALL
	   Normaler Gutenberg Cover
	   ===================================================== */

	.hero.hero-small.wp-block-cover {
		min-height: 0 !important;
		aspect-ratio: 3 / 2!important;

		padding-left: var(--wp--style--root--padding-left);
		padding-right: var(--wp--style--root--padding-right);
	}
}






/* =========================================================
   Breadcrumbs
   ========================================================= */
.rank-math-breadcrumb {font-size: var(--wp--preset--font-size--small);}
.bc-wrapper {
	padding-left: var(--wp--style--root--padding-left)!important;
	padding-right: var(--wp--style--root--padding-right)!important;
	box-sizing: border-box;
}

.rank-math-breadcrumb p {
	margin: 0;
}

/* =========================================================
   Mobile Navigation – Overlay über kompletten Header
   ========================================================= */

@media (max-width: 1024px) {

	/* Navigation selbst über andere Header-Ebenen heben */
	.wp-block-navigation:has(
		> .wp-block-navigation__responsive-container.is-menu-open
	) {
		position: relative;
		z-index: 9999999 !important;
	}


	/* Modal */
	.wp-block-navigation__responsive-container.is-menu-open {
		position: fixed !important;
		inset: 0 !important;

		width: 100vw !important;
		height: 100dvh !important;

		margin: 0 !important;
		padding: 0 !important;

		z-index: 9999999 !important;
	}


	/* Gutenberg-Wrapper komplett auffüllen */
	.wp-block-navigation__responsive-close,
	.wp-block-navigation__responsive-dialog,
	.wp-block-navigation__responsive-container-content,
	.wp-block-navigation__overlay-container {
		width: 100% !important;
		min-height: 100% !important;
	}


	/* Deine orange Overlay-Gruppe */
	.wp-block-navigation__overlay-container
	> .wp-block-group {
		box-sizing: border-box;

		width: 100% !important;
		min-height: 100dvh !important;

		margin: 0 !important;
	}

}



/* =========================================================
   Mobile Navigation – Hierarchie & Abstände
   ========================================================= */


@media (max-width: 1024px) {

	/* Gesamte Navigation */
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__container {
		gap: 1.4rem;
	}


	/* ---------------------------------------------------------
	   Oberpunkte
	   --------------------------------------------------------- */

	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__container
	> .wp-block-navigation-item
	> .wp-block-navigation-item__content {
		font-weight: 600;
	}


	/* ---------------------------------------------------------
	   Untermenü
	   --------------------------------------------------------- */

	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__submenu-container {
		position: static;

		width: 100%;
		min-width: 0;

		margin: 0.6rem 0 0;
		padding: 0 0 0 1.8rem!important;

		background: transparent;
		border: 0;
		box-shadow: none;

		gap: 0.6rem!important;
	}


	/* Untermenüpunkte */
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__submenu-container
	.wp-block-navigation-item__content {
		padding: 0;

		font-weight: inherit;
	}

/* ---------------------------------------------------------
   Untermenüpunkte – Linie vor dem Text
   --------------------------------------------------------- */

.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__submenu-container
.wp-block-navigation-item__content {
	position: relative;

	/* Platz für Linie + Abstand */
	padding-left: 2rem!important;
}


/* Linie */
.wp-block-navigation__responsive-container.is-menu-open
.wp-block-navigation__submenu-container
.wp-block-navigation-item__content::before
	{
	content: "";

	position: absolute;
	left: 0;
	top: 50%;

	width: 16px;
	height: 1px;

	background-color: currentColor;

	transform: translateY(-50%);
	opacity: 0.75;
}
	
	/* ---------------------------------------------------------
	   Menüpunkt mit Untermenü:
	   Abstand innerhalb der jeweiligen Gruppe
	   --------------------------------------------------------- */

	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation-item.has-child {
		gap: 0;
	}


	/* Untermenü-Items nicht zusätzlich auseinanderziehen */
	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__submenu-container
	.wp-block-navigation-item {
		margin: 0;
	}
}

/* =========================================================
   Mobile Navigation – Overlay von rechts
   ========================================================= */

@media (max-width: 1024px) {

	.wp-block-navigation__responsive-container.is-menu-open {
		animation: ortek-menu-in 0.45s cubic-bezier(.22, 1, .36, 1) both;
	}

	@keyframes ortek-menu-in {

		from {
			transform: translateX(100%);
		}

		to {
			transform: translateX(0);
		}
	}
}


/* Bewegungsreduktion 
@media (prefers-reduced-motion: reduce) {

	.wp-block-navigation__responsive-container.is-menu-open {
		animation: none;
	}
}
*/


/* =========================================================
   ORTEK – Navigation Ebene 3 dauerhaft sichtbar
   ========================================================= */

@media (min-width: 1025px) {

	/* ---------------------------------------------------------
	   Ebene 2: Menüpunkt mit Untermenü
	   --------------------------------------------------------- */

	.wp-block-navigation
	.wp-block-navigation__submenu-container
	> li.has-child {

		position: relative !important;

		display: flex !important;
		flex-wrap: wrap !important;
		align-items: center;

	}


	/* ---------------------------------------------------------
	   Ebene 3: Dauerhaft sichtbar unterhalb
	   --------------------------------------------------------- */

	.wp-block-navigation
	.wp-block-navigation__submenu-container
	> li.has-child
	> ul.wp-block-navigation__submenu-container {

		position: static !important;

		display: flex !important;
		flex-direction: column !important;
		flex-basis: 100% !important;

		width: 100% !important;
		min-width: 0 !important;

		height: auto !important;
		max-height: none !important;

		margin: 0 !important;
		padding: 0 !important;

		gap: 0 !important;

		overflow: visible !important;

		opacity: 1 !important;
		visibility: visible !important;

		border: 0 !important;
		box-shadow: none !important;

		transform: none !important;
		transition: none !important;

	}


	/* ---------------------------------------------------------
	   Ebene 3: Listenelemente
	   --------------------------------------------------------- */

	.wp-block-navigation
	.wp-block-navigation__submenu-container
	> li.has-child
	> ul.wp-block-navigation__submenu-container
	> li {

		display: block !important;

		width: 100% !important;
		min-width: 0 !important;

		margin: 0 !important;

	}


	/* ---------------------------------------------------------
	   Ebene 3: Links einrücken
	   --------------------------------------------------------- */

	.wp-block-navigation
	.wp-block-navigation__submenu-container
	> li.has-child
	> ul.wp-block-navigation__submenu-container
	> li
	> a.wp-block-navigation-item__content {

		display: block !important;

		width: 100% !important;
		box-sizing: border-box;

		padding: 0.6rem 1rem 0.6rem 2rem !important;

		white-space: normal !important;
		overflow-wrap: normal !important;
		word-break: normal !important;

	}


	/* ---------------------------------------------------------
	   Pfeil Ebene 2 ausblenden
	   --------------------------------------------------------- */

	.wp-block-navigation
	.wp-block-navigation__submenu-container
	> li.has-child
	> button.wp-block-navigation__submenu-icon {

		display: none !important;

	}

}

/* =========================================================
   ORTEK – Navigation Ebene 3: Linie vor Unterpunkten
   ========================================================= */

@media (min-width: 1025px) {

	/* Unterpunkte einrücken */
	.wp-block-navigation
	.wp-block-navigation__submenu-container
	> li.has-child
	> ul.wp-block-navigation__submenu-container
	> li
	> a.wp-block-navigation-item__content {

		position: relative;
		padding-left: 4rem !important;
	}


	/* Linie vor dem Text */
	.wp-block-navigation
	.wp-block-navigation__submenu-container
	> li.has-child
	> ul.wp-block-navigation__submenu-container
	> li
	> a.wp-block-navigation-item__content::before {

		content: "";

		position: absolute;
		left: 2rem;
		top: 50%;

		width: 16px;
		height: 1px;

		background-color: currentColor;

		transform: translateY(-50%);
		opacity: 0.75;
	}

}

/* =========================================================
   HERO WRAPPER
   Cover + Actions übereinanderlegen
   ========================================================= */

.hero-wrap {
	display: grid;
}


/* Cover und Actions liegen auf derselben Grid-Fläche */
.hero-wrap > .hero,
.hero-wrap > .hero-actions {
	grid-area: 1 / 1;
}


/* Cover */
.hero {
	z-index: 1;
}


/* Button-/Spaltenbereich */
.hero-actions {
	z-index: 2;

	/* unten im Cover */
	align-self: end;

	/* WICHTIG:
	   nicht auf Inhaltsbreite zusammenschrumpfen */
	justify-self: stretch;

	width: 100%;
	max-width: var(--wp--style--global--wide-size);

	margin-inline: auto !important;

	box-sizing: border-box;
}


@media (max-width: 767px) {

	/* Desktop-Grid-Überlagerung aufheben */
	.hero-wrap {
		display: block;
	}

	.hero-wrap > .hero,
	.hero-wrap > .hero-actions {
		grid-area: auto;
	}


	/* Buttons wieder normal NACH dem Hero */
	.hero-actions {
		width: 100%;
		max-width: none;

		margin: 0 !important;

		align-self: auto;
		justify-self: auto;

		z-index: auto;
	}


	/* Hero darf sich vollständig nach Inhaltshöhe aufbauen */
	.hero {
		height: auto;
		min-height: 0 !important;
	}


	.hero .wp-block-cover__inner-container {
		height: auto;
		min-height: 0;
	}
}




/* gleich hohe Spalten */

.wp-block-columns.equal-height {
	align-items: stretch;
}

.wp-block-columns.equal-height > .wp-block-column {
	display: flex;
	flex-direction: column;
}

.wp-block-columns.equal-height > .wp-block-column > .wp-block-group {
	flex: 1;
	width: 100%;
	height: 100%;
}

/* =========================================================
   Linke Spalte – volle Höhe
   ========================================================= */

.wp-block-column.edge-left {
	position: relative;
	align-self: stretch !important;
	justify-content: center;
}


/* =========================================================
   Nur Tablet/Desktop randabfallend
   ========================================================= */

@media (min-width: 768px) {

	.wp-block-column.edge-left {
		isolation: isolate;
	}

	.wp-block-column.edge-left::before {
		content: "";
		position: absolute;

		top: 0;
		right: 100%;
		bottom: 0;

		width: 100vw;

		background: inherit;

		z-index: -1;
		pointer-events: none;
	}

}


/* =========================================================
   Listen – Haken
   ========================================================= */

.wp-block-list.is-style-check-blue,
.wp-block-list.is-style-check-white {
	list-style: none;
	padding-left: 0;
}

/* Einzelne Listeneinträge */

.wp-block-list.is-style-check-blue > li,
.wp-block-list.is-style-check-white > li {
	position: relative;
	padding-left: 43px;
}

/* Abstand zwischen den Punkten */

.wp-block-list.is-style-check-blue > li + li,
.wp-block-list.is-style-check-white > li + li {
	margin-top: 1.25em;
}

/* Haken-Grundelement */

.wp-block-list.is-style-check-blue > li::before,
.wp-block-list.is-style-check-white > li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 23px;
	height: 23px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}


/* =========================================================
   Blaues Quadrat / weißer Haken
   ========================================================= */

.wp-block-list.is-style-check-blue > li::before {
	background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='23' height='23' rx='5' fill='%23314669'/%3E%3Cpath d='M7 11L10.5 14.5L17 8' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}


/* =========================================================
   Weißes Quadrat / dunkelblauer Haken
   ========================================================= */

.wp-block-list.is-style-check-white > li::before {
	background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='23' height='23' rx='5' fill='white'/%3E%3Cpath d='M7 11L10.5 14.5L17 8' stroke='%230B1B36' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}



/* =========================================
   BUTTON VARIANTEN
   ========================================= */
@media (min-width: 768px){
	.wp-block-buttons .wp-block-button:not(.c-scroll-top),
.ff-btn-submit {
	min-width: 260px;
}
	.wp-block-buttons .wp-block-button a, .ff-btn-submit {justify-content: center;}
}

/* Orange */

.wp-block-button.is-style-orange .wp-block-button__link {
	background-color: var(--wp--preset--color--accent-1);
}


/* Blau */

.wp-block-button.is-style-blau .wp-block-button__link {
	background: var(--wp--preset--color--accent-2);
}


/* Weiß */

.wp-block-button.is-style-weiss .wp-block-button__link {
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
}

/* =========================================
   BUTTON-GRUPPE – GLEICHMÄSSIGE BREITE
   ========================================= */

.wp-block-buttons.is-style-gleichmaessig {
	display: flex;
	width: 100%;
	gap: 0;
}

.wp-block-buttons.is-style-gleichmaessig > .wp-block-button {
	flex: 1 1 0;
	margin: 0;
}

.wp-block-buttons.is-style-gleichmaessig .wp-block-button__link {
	width: 100%;
	height: 100%;
	justify-content: center;
}

@media (max-width: 767px) {

	.wp-block-buttons.is-style-gleichmaessig {
		flex-direction: column;
	}

	.wp-block-buttons.is-style-gleichmaessig > .wp-block-button {
		width: 100%;
	}

}

/* =========================================
   BUTTON – PFEIL
   ========================================= */

.wp-block-button .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	gap: 0.3rem;
}

.wp-block-button .wp-block-button__link::after {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	flex: 0 0 24px;

	background-color: currentColor;

	-webkit-mask:
		url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.8333 16.375L17 12L12.8333 7.625M17 12L7 12' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
		center / contain no-repeat;

	mask:
		url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.8333 16.375L17 12L12.8333 7.625M17 12L7 12' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
		center / contain no-repeat;

	transition: transform 0.2s ease;
}


/* optional: kleine Bewegung beim Hover 

.wp-block-button .wp-block-button__link:hover::after {
	transform: translateX(4px);
}
*/ 

/* =========================================================
   ORTEK – Button Hover Verlauf
   ========================================================= */


/* Farben */

/* Standard + Orange */
.wp-block-button {
	--button-bg: #e64c0f;
	--button-gradient: #f46207;
}

.wp-block-button.is-style-orange {
	--button-bg: #e64c0f;
	--button-gradient: #f46207;
}

.wp-block-button.is-style-blau {
	--button-bg: var(--wp--preset--color--accent-2);
	--button-gradient: var(--wp--preset--color--contrast);
}

.wp-block-button.is-style-weiss {
	--button-bg: var(--wp--preset--color--base);
	--button-gradient: var(--wp--preset--color--accent-5);
}


/* Button */

.wp-block-button .wp-block-button__link {
	background-color: var(--button-bg) !important;

	background-image: linear-gradient(
		90deg,
		var(--button-bg) 0%,
		var(--button-gradient) 100%
	) !important;

	background-repeat: no-repeat !important;
	background-position: left center !important;
	background-size: 0% 100% !important;

	transition-property: background-size !important;
	transition-duration: 0.35s !important;
	transition-timing-function: cubic-bezier(.22, 1, .36, 1) !important;
	transition-delay: 0s !important;
}


/* Hover */

.wp-block-button .wp-block-button__link:hover, 
.wp-block-button .wp-block-button__link:focus-visible {
	background-size: 100% 100% !important;
}


/* Bewegungsreduktion 
@media (prefers-reduced-motion: reduce) {

	.wp-block-button .wp-block-button__link {
		transition:none;
	}

}

*/

/* Footer NAV */
@media (min-width: 1025px){
footer .wp-block-navigation__submenu-container
	.wp-block-navigation-item__content {
    width: 100%;
    box-sizing: border-box;
    background-color: transparent;
    background-image: none;

}

}

/* =========================================================
   ORTEK – Dropdown-Breite Ebene 2
   ========================================================= */

@media (min-width: 1025px) {

	.wp-block-navigation__container
	> li.has-child
	> .wp-block-navigation__submenu-container {

		width: 320px !important;
		min-width: 0 !important;
		max-width: calc(100vw - 2rem) !important;

		box-sizing: border-box;
	}

}

/* =========================================================
   ORTEK – Mobile Navigation Ebene 3
   ========================================================= */

@media (max-width: 1024px) {

	.wp-block-navigation__responsive-container.is-menu-open
	.wp-block-navigation__submenu-container
	> li.has-child
	> .wp-block-navigation__submenu-container {

		margin-bottom: 1rem !important;

	}

}

/* =========================================================
   Medien & Text – Bild rechts, Text links bündig
   ========================================================= */

.wp-block-media-text.mt-padding
> .wp-block-media-text__content {
	padding-left: 0;
}


/* =========================================================
   Footer – Untermenüpunkte mit Linie + Pulse
   ========================================================= */

footer
.wp-block-navigation__submenu-container
.wp-block-navigation-item__content {
	position: relative;
	display: inline-block;

	padding-left: 1.1rem !important;

	transform-origin: center center;
}


/* Linie vor dem Menüpunkt */
footer
.wp-block-navigation__submenu-container
.wp-block-navigation-item__content::before {
	content: "";

	position: absolute;
	left: 0;
	top: 50%;

	width: 10px;
	height: 1px;

	background-color: currentColor;

	transform: translateY(-50%);
	opacity: 0.75;
}


/* Pulse bei Hover */
@media (min-width: 1025px) {

	footer
	.wp-block-navigation__submenu-container
	.wp-block-navigation-item__content:hover {
		animation: ortek-pulse 0.4s ease;
	}

}
footer .wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
    padding: 0; 
}

footer .wp-block-navigation .has-child.open-always .wp-block-navigation__submenu-container, .wp-block-navigation .has-child.open-always.wp-block-navigation-submenu {
    gap: 0.5rem;
}

/* =========================================================
   Footer Navigation – Submenü mit gleichem Abstand
   ========================================================= */

footer
.wp-block-navigation__container.is-vertical
> .wp-block-navigation-item.has-child.open-always {
	display: flex;
	flex-direction: column;
	align-items: flex-start;

	/* übernimmt den Gap des Hauptmenüs */
	gap: inherit;
}


/* Submenü sauber in den normalen Flow setzen */
footer
.wp-block-navigation__container.is-vertical
> .wp-block-navigation-item.has-child.open-always
> .wp-block-navigation__submenu-container {
	position: static !important;

	width: auto !important;
	height: auto !important;

	margin: 0 0 0 .8rem;
	padding: 0;

	opacity: 1 !important;
	visibility: visible !important;
	overflow: visible !important;

	align-items: flex-start;
}

/* =========================================================
   Footer Columns
   Desktop: 4 Spalten
   Tablet + Mobile: 2 × 2
   ========================================================= */

.wp-block-columns.footer-columns {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* Tablet + Mobile */
@media (max-width: 1024px) {

	.wp-block-columns.footer-columns {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

}

/* Mobile: Reihenfolge 3, 4, 1, 2 */
@media (max-width: 1024px) {

	.wp-block-columns.c-order-footer> .wp-block-column:nth-child(1) {
		order: 3;
	}

	.wp-block-columns.c-order-footer > .wp-block-column:nth-child(2) {
		order: 4;
	}

	.wp-block-columns.c-order-footer > .wp-block-column:nth-child(3) {
		order: 1;
	}

	.wp-block-columns.c-order-footer > .wp-block-column:nth-child(4) {
		order: 2;
	}

}

/* =========================================================
   Footer Columns
   Desktop: 50% / 25% / 25%
   Tablet + Mobile:
   Reihe 1: Spalte 2 + 3 = 50% / 50%
   Reihe 2: Spalte 1 = 100%
   ========================================================= */


/* Desktop */
.wp-block-columns.c-order-footer {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr;
}
@media (min-width: 1025px) {
	.wp-block-columns.c-order-footer > .wp-block-column:nth-child(2) .wp-block-group {padding-left: var(--wp--preset--spacing--40);}
	
}

/* Tablet + Mobile */
@media (max-width: 1024px) {

	.wp-block-columns.c-order-footer {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}


	/* Spalte 1 → zweite Reihe, volle Breite */
	.wp-block-columns.c-order-footer > .wp-block-column:nth-child(1) {
		order: 2;
		grid-column: 1 / -1;
	}


	/* Spalten 2 + 3 → erste Reihe */
	.wp-block-columns.c-order-footer > .wp-block-column:nth-child(2),
	.wp-block-columns.c-order-footer > .wp-block-column:nth-child(3) {
		order: 1;
	}

}



/* Navigation
---------------------------------------------------------- */

@media (min-width: 600px) and (max-width: 1024px) {

	/* Desktop-Navigation ausblenden */
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}

	/* Hamburger anzeigen */
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}

}

:root :where(.wp-block-navigation a:where(:not(.wp-element-button)):hover) {
    text-decoration: none;
}


/* Navigation – eigenes Submenu-Icon
-------------------------------------------------- */

.wp-block-navigation
.wp-block-navigation-submenu
.wp-block-navigation__submenu-icon {
	position: relative;
	width: 24px;
	height: 24px;
	min-width: 24px;
	padding: 0;
	margin: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* WordPress Original-Icon sicher ausblenden */
.wp-block-navigation
.wp-block-navigation-submenu
.wp-block-navigation__submenu-icon svg {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

/* Eigenes Icon */
.wp-block-navigation
.wp-block-navigation-submenu
.wp-block-navigation__submenu-icon::before
{	content: "";
	display: block;
	width: 24px;
	height: 24px;

	background-color: currentColor;

	-webkit-mask:
		url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.625 12.8333L12 17L16.375 12.8333M12 17L12 7' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
		center / contain no-repeat;

	mask:
		url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.625 12.8333L12 17L16.375 12.8333M12 17L12 7' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
		center / contain no-repeat;
}






/* =========================================================
   ORTEK – Pulse Effect
   ========================================================= */

@keyframes ortek-pulse {
	0% {
		transform: scale(1);
	}

	45% {
		transform: scale(1.06);
	}

	100% {
		transform: scale(1);
	}
}



@keyframes ortek-pulse-smaller {
	0% {
		transform: scale(1);
	}

	45% {
		transform: scale(1.02);
	}

	100% {
		transform: scale(1);
	}
}

@media (min-width: 1025px){
	
/* Elemente transformierbar machen */
.wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content,
.wp-block-button__link,
.has-pulse-effect,
.has-small-pulse-effect,
.rank-math-block .rank-math-list-item .rank-math-answer a
	{
	display: inline-block;
	transform-origin: center;
}


/* Hauptmenü */
.wp-block-navigation__container
> .wp-block-navigation-item
> .wp-block-navigation-item__content:hover,

.wp-block-navigation__container
> .wp-block-navigation-item
> .wp-block-navigation-item__content:focus-visible,

/* Gutenberg Buttons 
.wp-block-button__link:hover,
.wp-block-button__link:focus-visible, */

/* Manuelle Klasse */
.has-pulse-effect:hover,
.has-pulse-effect:focus-visible,
	.clickable:hover,
	.clickable:focus-visible
	{
	animation: ortek-pulse 0.45s ease-out;
}
	
.is-style-clickable-card:hover,
.is-style-clickable-card:focus-visible,
.has-small-pulse-effect:hover,
.has-small-pulse-effect:focus-visible,
.rank-math-block .rank-math-list-item .rank-math-answer a:hover,
.rank-math-block .rank-math-list-item .rank-math-answer a:focus-visible

	{
	animation: ortek-pulse-smaller 0.3s ease-out;
}

}

.clickable {
	cursor: pointer;
	transform-origin: center;
}

/* Bewegungsreduktion
@media (prefers-reduced-motion: reduce) {

	.wp-block-navigation__container
	> .wp-block-navigation-item
	> .wp-block-navigation-item__content,

	.wp-block-button__link,
	.has-pulse-effect {
		animation: none;
	}
}

 */

/* =========================================================
   Desktop Submenu – Hover Verlauf
   ========================================================= */

@media (min-width: 1025px) {

	.wp-block-navigation__submenu-container
	.wp-block-navigation-item__content {
		width: 100%;
		box-sizing: border-box;

		/* Grundfarbe */
		background-color: #e64c0f;

		/* Hover-Verlauf */
		background-image: linear-gradient(
			90deg,
			#e64c0f 0%,
			#f46207 100%
		);

		background-repeat: no-repeat;
		background-position: left center;
		background-size: 0% 100%;

		transition: background-size 0.35s cubic-bezier(.22, 1, .36, 1);
	}

	.wp-block-navigation__submenu-container
	.wp-block-navigation-item__content:hover,
	.wp-block-navigation__submenu-container
	.wp-block-navigation-item__content:focus-visible {
		background-size: 100% 100%;
	}

}

@media (min-width: 1025px) {
.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
    padding: 1em;
}
	
}
	
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
    margin-bottom: 0px!important;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    background-color: #fff;
    border: 0px solid rgba(0,0,0,0);
}


/* =========================================================
   Hintergrund randabfallend
   Farbe + Verlauf nahtlos
   ========================================================= */

.mt-noleftpadding .wp-block-media-text__content {padding: 0 8% 0 0;}

.wp-block-group.is-style-bg-edge-left,
.wp-block-group.is-style-bg-edge-right,
.links-ab,
.rechts-ab {
	position: relative;
	isolation: isolate;
}


/* Inhalt immer über dem künstlichen Hintergrund */
.wp-block-group.is-style-bg-edge-left > *,
.wp-block-group.is-style-bg-edge-right > *,
.links-ab > *,
.rechts-ab > * {
	position: relative;
	z-index: 1;
}


/* Gemeinsamer künstlicher Hintergrund */
.wp-block-group.is-style-bg-edge-left::before,
.links-ab::before,
.wp-block-group.is-style-bg-edge-right::after,
.rechts-ab::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;

	background: inherit;

	z-index: 0;
	pointer-events: none;
}


/* Links bis zum Viewportrand */
.wp-block-group.is-style-bg-edge-left::before,
.links-ab::before {
	left: calc(
		-1 * max(
			var(--wp--style--root--padding-left),
			calc(
				(100vw - var(--wp--style--global--wide-size)) / 2
			)
		)
	);

	right: 0;
}


/* Rechts bis zum Viewportrand */
.wp-block-group.is-style-bg-edge-right::after,
.rechts-ab::after {
	left: 0;

	right: calc(
		-1 * max(
			var(--wp--style--root--padding-right),
			calc(
				(100vw - var(--wp--style--global--wide-size)) / 2
			)
		)
	);
}

/* Gruppe: Schmal
--------------------------------------------- */

.wp-block-group.is-style-narrow {
	width: 100%;
	max-width: 800px;
	margin-inline: auto;
}

/* =========================================================
   Gruppe – Klickbar
   ========================================================= */
.wp-block-group.is-style-clickable-card {
	position: relative;
	cursor: pointer;
}

.wp-block-group.is-style-clickable-card .card-link a::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 10;
}

.wp-block-group.is-style-clickable-card .icon-container {
    transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.wp-block-group.is-style-clickable-card:hover .icon-container {background-color: var(--wp--preset--color--accent-1) !important;}

.card-link {
	display: block;
}

.card-link a {
	display: inline;
}

@media (max-width: 1024px){
	.card-link::after, .rank-math-block .rank-math-list-item .rank-math-answer a:after {content: ""; vertical-align: -0.4em!important;}
}
.card-link::after, .rank-math-block .rank-math-list-item .rank-math-answer a:after {
	content: "";
	display: inline-block;

	width: 24px;
	height: 24px;

	margin-left: 0.3em;
	vertical-align: -0.2em;

	background-color: #E64C0F;

	-webkit-mask:
		url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.8333 16.375L17 12L12.8333 7.625M17 12L7 12' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")
		center / contain no-repeat;

	mask:
		url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.8333 16.375L17 12L12.8333 7.625M17 12L7 12' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")
		center / contain no-repeat;
}





/* =========================================================
   Media & Text – Bild randabfallend rechts
   ========================================================= */

.is-style-extended-right-natural .wp-block-media-text__content {
	position: relative;
	z-index: 1;
	width: 100%;
	box-sizing: border-box;

	padding-left: var(--wp--style--root--padding-left);
	padding-right: var(--wp--style--root--padding-right);
}

@media (min-width: 1440px) {

	.is-style-extended-right-natural .wp-block-media-text__content {
		padding-left: 0;
		padding-right: 40px;
	}

}

.is-style-extended-right-natural {
	position: relative;
}


/* Text */
.is-style-extended-right-natural .wp-block-media-text__content {
	position: relative;
	z-index: 1;

	width: 100%;
	
}



/* Bildbereich Desktop */
.is-style-extended-right-natural .wp-block-media-text__media {
	position: absolute;
	top: 0;
	right: 0;

	width: 50vw;
	height: 100%;

	padding-left: 3rem;

	overflow: hidden;
}


/* Bild */
.is-style-extended-right-natural .wp-block-media-text__media img {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;

	/* rechter Bildbereich bleibt bevorzugt sichtbar */
	object-position: right center;
}

@media (max-width: 880px) {

	.is-style-line-horizontal-blue-right::before,
	.is-style-line-horizontal-blue::before {
		display: none;
	}


	.wp-block-media-text.is-style-extended-right-natural {
		position: relative;

		width: 100vw;
		margin-left: calc(50% - 50vw);

		grid-template-columns: 1fr !important;
	}


	/* Bild wirklich in Spalte 1 */
	.wp-block-media-text.is-style-extended-right-natural
	> .wp-block-media-text__media {
		position: relative;
		inset: auto;

		grid-column: 1 !important;
		grid-row: 1 !important;

		width: 100%;
		height: max(360px, 55vw) !important;
		min-height: 360px !important;

		padding-left: 0;
		overflow: hidden;
	}


	.wp-block-media-text.is-style-extended-right-natural
	> .wp-block-media-text__media img {
		width: 100%;
		height: 100%;

		object-fit: cover;
		object-position: right center;
	}


	/* Text darunter ebenfalls über volle Breite */
	.wp-block-media-text.is-style-extended-right-natural
	> .wp-block-media-text__content {
		grid-column: 1 !important;
		grid-row: 2 !important;

		width: 100%;
		box-sizing: border-box;
	}

}


/* =========================================================
   Timeline
   ========================================================= */

.timeline {
	position: relative;
	isolation: isolate;
}


/* Linie */
.timeline::before {
	content: "";
	position: absolute;
	top: 30px;
	bottom: 30px;
	left: 30px;

	width: 1px;
	background: rgba(255, 255, 255, 1);

	z-index: 0;
	pointer-events: none;
}


/* Iconbereich */
.timeline .wp-block-outermost-icon-block,
.timeline .icon-container {
	width: 60px !important;
	min-width: 60px;
}


/* Icons liegen über der Linie */
.timeline .wp-block-outermost-icon-block {
	position: relative;
	z-index: 1;
}

/* =========================================================
   Timeline – Mobile
   ========================================================= */

@media (max-width: 1024px) {

	/* Alte Linie deaktivieren */
	.timeline::before {
		content: none;
	}

	/* Einzelne Schritte */
	.timeline > .wp-block-group {
		position: relative;
	}

	/* Linie zwischen den Schritten */
	.timeline > .wp-block-group:not(:last-child)::before {
		content: "";
		position: absolute;

		top: 30px;
		bottom: calc(-1 * var(--wp--preset--spacing--50) - 30px);
		left: 30px;

		width: 1px;
		background: #fff;

		z-index: 0;
		pointer-events: none;
	}

	/* Icons über der Linie */
	.timeline .wp-block-outermost-icon-block {
		position: relative;
		z-index: 1;
	}

}


/* =========================================================
   SVG MAP
   ========================================================= */
.region-link .region-label {
	fill: #e64c0f;
}

.einsatzgebiet-map svg {
	display: block;
	max-height: 75vw;
	max-width: 100%;
	width: auto;
	height: auto;
	margin-inline: auto;
}


/* =========================================================
   MAP - PLUGIN
   ========================================================= 



.mapp-layout * {
    color: var(--wp--preset--color--contrast);
    font-family: var(--wp--preset--font-family--sora), -apple-system, sans-serif;
    font-size: var(--wp--preset--font-size--small);
	border-color: var(--wp--preset--color--accent-5);
}

.mapp-layout {border:none;}



.mapp-layout .mapp-dir {color: var(--wp--preset--color--accent-1);}
.mapp-submit-button, .mapp-submit-button:hover  {
    background-color: var(--wp--preset--color--accent-1);
    border: 0px solid #fff;
    color: #fff;
}
.mapp-thumbnail {
       padding: 1em 1.5em;
}

.mapp-thumbnail img {
    display: inline-block;
    max-width: 120px;
    object-fit: contain;
}

.mapp-iw .mapp-info {
    padding: 1rem;
}

.mapp-ib {
    border: 0px solid #fff;

}

.mapp-submit-button:after {
    content:'(Google Maps)';
    font-size: 0.9em;
    padding-left:6px;
}

.mapp-list .mapp-item.mapp-selected {
    background-color: var(--wp--preset--color--base);
}

.mapp-sidebar {
    background-color: var(--wp--preset--color--base);
}

.mapp-list .mapp-item {
    border-bottom: 1px solid var(--wp--preset--color--accent-5);
 
}

.mapp-info .mapp-icon {
	content: url("data:image/svg+xml,%3Csvg width='35' height='44' viewBox='0 0 35 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0435 42.3132C17.0435 42.3132 33.087 27.9434 33.087 17.166C33.087 8.23778 25.9041 1 17.0435 1C8.18291 1 1 8.23778 1 17.166C1 27.9434 17.0435 42.3132 17.0435 42.3132Z' stroke='%23E64C0F' stroke-width='2'/%3E%3Cpath d='M22.1691 16.4928C22.1691 19.3448 19.8745 21.6569 17.0441 21.6569C14.2136 21.6569 11.9191 19.3448 11.9191 16.4928C11.9191 13.6407 14.2136 11.3286 17.0441 11.3286C19.8745 11.3286 22.1691 13.6407 22.1691 16.4928Z' stroke='%23E64C0F' stroke-width='2'/%3E%3C/svg%3E");

	width: 35px;
	height: 44px;
	object-fit: contain;
}

img.mapp-icon,
.mapp-icon img {
	filter: none !important;
}

.leaflet-marker-pane img.leaflet-marker-icon[src*="red-dot.png"] {
	content: url("data:image/svg+xml,%3Csvg viewBox='0 0 35 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.0435 42.3132C17.0435 42.3132 33.087 27.9434 33.087 17.166C33.087 8.23778 25.9041 1 17.0435 1C8.18291 1 1 8.23778 1 17.166C1 27.9434 17.0435 42.3132 17.0435 42.3132Z' fill='white' stroke='%23E64C0F' stroke-width='2'/%3E%3Ccircle cx='17.0435' cy='16.4928' r='5.125' stroke='%23E64C0F' stroke-width='2'/%3E%3C/svg%3E");

	width: 28px !important;
	height: 35px !important;

	margin-left: -14px !important;
	margin-top: -30px !important;

	max-width: none !important;
	max-height: none !important;

	filter: none !important;
	box-shadow: none !important;
}


*/

/* =========================================================
   GOOGLE Reviews
   ========================================================= */

#wprev-slider-1 .wprev_preview_bg1_T6 {
    border: 0px solid #f0f0f0;
}
#wprev-slider-1 .wprev_preview_bg1_T6 {
    background: #ffffff;
}

.wpproslider_t6_DIV_2 {
    color: #fff;
    background: #fff;
    border: 0px solid #fff;
    border-radius: 0;
    transition: all .4s ease-in-out 0s;
    padding: 1rem;
    position: relative;
}

.t6datediv, .wpproslider_t6_SPAN_6 {
    font-style: normal;
	font-size: var(--wp--preset--font-size--small);
	    margin-top: 1em;
    margin-bottom: 1em;
}

.wpproslider_t6_P_4 {
    margin: 0 10px 10px!important;
}

#wprev-slider-1 .wprs_rd_more {
    font-size: var(--wp--preset--font-size--small);
}

.wprs_unslider-arrow {
    display: block;
    width: 25px;
    height: 25px;
    top: 50%;
    right: 10px;
    left: auto;
    margin-top: -30px;
    overflow: hidden;

    background: transparent no-repeat center;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.8333 16.375L17 12L12.8333 7.625M17 12L7 12' stroke='%23E64C0F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: 24px 24px;

    border-radius: 0;
    text-indent: -999em;
    opacity: 1;
    transition: opacity .2s;
    border-width: 0 !important;
}



/* =========================================================
   Rank Math Accordion
   ========================================================= */


/* ---------------------------------------------------------
   Grundstruktur
   --------------------------------------------------------- */

.rank-math-list {
	display: grid;
	grid-template-columns: 1fr;
	gap: 3rem 0;
}

.rank-math-list-item {
	min-width: 0;
}


/* ---------------------------------------------------------
   Antwort geschlossen / geöffnet
   --------------------------------------------------------- */

.rank-math-answer {
	display: none;
}

.rank-math-question.active + .rank-math-answer {
	display: block;
}


/* ---------------------------------------------------------
   Frage
   --------------------------------------------------------- */

.rank-math-question {
	position: relative;
	display: flex;
	align-items: center;

	box-sizing: border-box;
	width: 100%;
	min-height: 57px;

	margin: 0;

	/* 57px Icon + 28px Abstand */
	padding: 0.65rem 1rem 0.65rem 85px;

	background: transparent;

	border: 0;
	border-bottom: 1px solid var(--wp--preset--color--accent-5);

	font-size: inherit;
	font-weight: 400;
	line-height: 1.35;

	cursor: pointer;
}


/* ---------------------------------------------------------
   Graue Iconfläche
   wächst immer auf die komplette Höhe der Frage mit
   --------------------------------------------------------- */

.rank-math-question::before {
	content: "";

	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;

	width: 57px;

	background: var(--wp--preset--color--accent-5);
}


/* ---------------------------------------------------------
   Chevron
   immer vertikal mittig
   --------------------------------------------------------- */

.rank-math-question::after {
	content: "";

	position: absolute;

	left: 28.5px;
	top: 50%;

	width: 7.5px;
	height: 7.5px;

	border-right: 2.4px solid var(--wp--preset--color--contrast);
	border-bottom: 2.4px solid var(--wp--preset--color--contrast);

	transform:
		translate(-50%, -60%)
		rotate(45deg);

	transition: transform 0.25s ease;
}


/* geöffnet */
.rank-math-question.active::after {
	transform:
		translate(-50%, -40%)
		rotate(225deg);
}


/* ---------------------------------------------------------
   Antwort
   --------------------------------------------------------- */

.rank-math-answer {
	box-sizing: border-box;

	padding: 2rem 1rem 0 85px;
}


/* =========================================================
   Desktop – zweispaltig
   ========================================================= */

@media (min-width: 1024px) {

	.rank-math-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: 4rem;
		row-gap: 2.5rem;
	}

}


/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 767px) {

	.rank-math-list {
		row-gap: 2rem;
	}

	.rank-math-question {
		min-height: 57px;

		/* 57px Icon + 24px Abstand */
		padding:
			0.6rem
			var(--wp--style--root--padding-right)
			0.6rem
			81px;
	}

	.rank-math-question::before {
		width: 57px;
	}

	.rank-math-question::after {
		left: 28.5px;

		width: 7.5px;
		height: 7.5px;

		border-width: 2.4px;
	}

	.rank-math-answer {
		padding:
			1.5rem
			var(--wp--style--root--padding-right)
			0
			81px;
	}
}



/* =========================================================
   Fluent Forms – ORTEK Basis-Styling
   ========================================================= */

form .wpf_has_custom_css.ff-btn-submit:hover {
    background-color: var(--wp--preset--color--accent-1)!important;
}


/* ---------------------------------------------------------
   Allgemein
   --------------------------------------------------------- */

.fluentform {
	font-family: inherit;
}


/* ---------------------------------------------------------
   Abstände zwischen den Feldern
   --------------------------------------------------------- */

.fluentform .ff-el-group {
	margin-bottom: 1.25rem;
}


/* ---------------------------------------------------------
   Input / Select / Textarea
   --------------------------------------------------------- */

.fluentform .ff-el-form-control {
	box-sizing: border-box;

	min-height: 52px;
	padding: 0.75rem 1rem;

	font-family: inherit;
	font-size: 1rem;
	line-height: 1.4;

	color: var(--wp--preset--color--contrast);
	background-color: var(--wp--preset--color--base);

	border: 1px solid var(--wp--preset--color--accent-5);
	border-radius: 0;

	box-shadow: none;
}


/* Textarea */

.fluentform .ff-el-group:not(.prio) textarea.ff-el-form-control {
	min-height: 130px;
	resize: vertical;
}

.ff_t_c {font-size: var(--wp--preset--font-size--small);}

/* ---------------------------------------------------------
   Placeholder
   --------------------------------------------------------- */

.fluentform .ff-el-form-control::placeholder {
	font-family: inherit;
	font-size: 1rem;
	font-weight: 400;

	color: var(--wp--preset--color--accent-3);
	opacity: 1;
}


/* ---------------------------------------------------------
   Select – Placeholder-Farbe
   --------------------------------------------------------- */

.fluentform select.ff-el-form-control:has(option[value=""]:checked) {
	color: var(--wp--preset--color--accent-3);
}

/* Gewählte Optionen normal darstellen 
.fluentform select.ff-el-form-control option {
	color: #e64c0f!important;
}
*/
/* ---------------------------------------------------------
   Select – Chevron weiter nach innen
   --------------------------------------------------------- */

.fluentform select.ff-el-form-control {
	appearance: none;
	-webkit-appearance: none;

	padding-right: 1rem;

	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230B1B36' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");

	background-repeat: no-repeat;
	background-size: 16px 16px;

	/* ca. 10 px mehr Abstand von rechts */
	background-position: right 10px center;
}



/* ---------------------------------------------------------
   Focus
   --------------------------------------------------------- */

.fluentform .ff-el-form-control:focus {
	border-color: var(--wp--preset--color--contrast);
	border-radius: 0;

	outline: none;
	box-shadow: none;
}


/* =========================================================
   Submit-Button – ORTEK Buttonstyle
   ========================================================= */

.fluentform .ff-btn-submit {
	--button-bg: var(--wp--preset--color--accent-1);
	--button-gradient: #f46207;

	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.3rem;

	

	font-family: inherit;
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.2;

	color: var(--wp--preset--color--base);

	background-color: var(--button-bg);

	background-image: linear-gradient(
		90deg,
		var(--button-bg) 0%,
		var(--button-gradient) 100%
	);

	background-repeat: no-repeat;
	background-position: left center;
	background-size: 0% 100%;

	border: 0;
	border-radius: 0;

	box-shadow: none;
	opacity: 1;

	cursor: pointer;

	transition: background-size 0.35s cubic-bezier(.22, 1, .36, 1);
}
@media(max-width:767px){
	.fluentform .ff-btn-submit{
padding: 0.6rem 1.25rem!important;
}
}
@media(min-width:768px){
	.fluentform .ff-btn-submit{
min-height: 52px;
	padding: 1rem 2.25rem!important;
}
}


/* ---------------------------------------------------------
   Submit-Button – Pfeil
   --------------------------------------------------------- */

.fluentform .ff-btn-submit::after {
	content: "";

	display: block;

	width: 24px;
	height: 24px;
	flex: 0 0 24px;

	background-color: currentColor;

	-webkit-mask:
		url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.8333 16.375L17 12L12.8333 7.625M17 12L7 12' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
		center / contain no-repeat;

	mask:
		url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.8333 16.375L17 12L12.8333 7.625M17 12L7 12' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
		center / contain no-repeat;
}


/* ---------------------------------------------------------
   Submit-Button – Hover / Focus
   --------------------------------------------------------- */

.fluentform .ff-btn-submit:hover,
.fluentform .ff-btn-submit:focus-visible {
	color: var(--wp--preset--color--base)!important;
	background-size: 100% 100%;
	opacity: 1;
}


/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 767px) {

	.fluentform .ff-el-group {
		margin-bottom: 1rem;
	}

	.fluentform .ff-el-form-control {
		min-height: 50px;
	}
}


/* ---------------------------------------------------------
   Fluent Forms – Upload-Bereich
   --------------------------------------------------------- */

.form_upload_wrapper {
	background-color: color-mix(
		in srgb,
		var(--wp--preset--color--contrast) 30%,
		transparent
	);
	padding: 1rem;
	margin-bottom: 1rem;
}
.form_upload_wrapper .form_upload_button {margin-bottom:0;}
.form_upload_wrapper .form_hinweis {font-size: var(--wp--preset--font-size--small); margin-bottom:0; padding-top:.5rem;}
.form_upload_wrapper .form_hinweis p {margin-bottom:0;}

/* ---------------------------------------------------------
   Fluent Forms – Upload-Button
   --------------------------------------------------------- */

.fluentform .form_upload_button .ff_upload_btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;

	padding: 0.85rem 1.5rem;

	color: var(--wp--preset--color--base);
	background-color: var(--wp--preset--color--accent-1);

	font: inherit;
	font-weight: 600;
	line-height: 1.4;

	border: none;
	border-radius: 0;
	cursor: pointer;

	/* ORTEK Hovereffekt */
	background-image: linear-gradient(
		var(--wp--preset--color--accent-2),
		var(--wp--preset--color--accent-2)
	);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 0% 100%;

	transition:
		background-size 0.3s ease,
		color 0.3s ease;
}


/* ---------------------------------------------------------
   Fluent Forms – Upload-Button
   ORTEK Button-Stil: Weiss
   --------------------------------------------------------- */

.fluentform .form_upload_button .ff_upload_btn {
	--button-bg: var(--wp--preset--color--base);
	--button-gradient: var(--wp--preset--color--accent-5);

	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;

	padding: 0.85rem 1.5rem;

	color: var(--wp--preset--color--contrast) !important;
	background-color: var(--button-bg) !important;

	font: inherit;
	font-weight: 600;
	line-height: 1.4;

	border: none;
	border-radius: 0;
	cursor: pointer;

	/* ORTEK Hover-Verlauf */
	background-image: linear-gradient(
		90deg,
		var(--button-bg) 0%,
		var(--button-gradient) 100%
	) !important;

	background-repeat: no-repeat !important;
	background-position: left center !important;
	background-size: 0% 100% !important;

	transition-property: background-size !important;
	transition-duration: 0.35s !important;
	transition-timing-function: cubic-bezier(.22, 1, .36, 1) !important;
	transition-delay: 0s !important;
}


/* ---------------------------------------------------------
   Upload-Button – Icon links
   --------------------------------------------------------- */

.fluentform .form_upload_button .ff_upload_btn::before {
	content: "";

	display: block;

	width: 24px;
	height: 24px;
	flex: 0 0 24px;

	background-color: currentColor;

	-webkit-mask:
		url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 16V4M12 4L7 9M12 4L17 9M4 16V19C4 19.5523 4.44772 20 5 20H19C19.5523 20 20 19.5523 20 19V16' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
		center / contain no-repeat;

	mask:
		url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 16V4M12 4L7 9M12 4L17 9M4 16V19C4 19.5523 4.44772 20 5 20H19C19.5523 20 20 19V16' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
		center / contain no-repeat;
}


/* ---------------------------------------------------------
   Upload-Button – Hover / Focus
   --------------------------------------------------------- */

.fluentform .form_upload_button .ff_file_upload_holder:hover .ff_upload_btn,
.fluentform .form_upload_button .ff_upload_btn:hover,
.fluentform .form_upload_button .ff_upload_btn:focus-visible {
	background-size: 100% 100% !important;
	opacity: 1;
}


/* ---------------------------------------------------------
   Upload-Button – Tastaturfokus
   --------------------------------------------------------- */

.fluentform .form_upload_button .ff_upload_btn:focus-visible {
	outline: 2px solid var(--wp--preset--color--contrast);
	outline-offset: 3px;
}




/* =========================================================
   Bewegungsreduktion
   ========================================================= 

@media (prefers-reduced-motion: reduce) {

	.fluentform .ff-btn-submit {
		transition: none;
	}
}
*/


/* =========================================================
   SECONDARY NAV – MESSVERFAHREN
   ========================================================= */


/* ---------------------------------------------------------
   Wrapper
   --------------------------------------------------------- */

.secondary-nav-wrapper {
	--secondary-nav-offset: 60px;

	position: sticky;
	top: var(--secondary-nav-offset);
	z-index: 100;

	width: 100%;

	background: var(--wp--preset--color--accent-2);
}


/* =========================================================
   DESKTOP ≥ 1360px
   5 Spalten × 2 Reihen
   ========================================================= */

.secondary-nav {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));

	width: 100%;
	max-width: 1600px;

	margin: 0 auto;

	background: var(--wp--preset--color--accent-2);
	overflow: hidden;
}


/* ---------------------------------------------------------
   Menüpunkt
   --------------------------------------------------------- */

.secondary-nav > a {
	position: relative;

	display: flex;
	align-items: center;
	justify-content: flex-start;

	gap: 0.6rem;

	min-width: 0;
	min-height: 58px;

	padding: 0.75rem 1rem;

	box-sizing: border-box;

	color: #fff;

	background-color: var(--wp--preset--color--accent-2);

	background-image: linear-gradient(
		90deg,
		#e64c0f 0%,
		#f46207 100%
	);

	background-repeat: no-repeat;
	background-position: left center;
	background-size: 0% 100%;

	border: 0;

	font-size: 0.8rem;
	line-height: 1.25;
	text-align: left;
	text-decoration: none;

	transition-property: background-size;
	transition-duration: 0.35s;
	transition-timing-function: cubic-bezier(.22, 1, .36, 1);
}


/* ---------------------------------------------------------
   Icon
   --------------------------------------------------------- */

.secondary-nav__icon {
	display: flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 22px;

	width: 22px;
	height: 22px;
}

.secondary-nav__icon svg {
	display: block;

	width: 100%;
	height: 100%;

	max-width: 20px;
	max-height: 20px;

	transition: transform 180ms ease;
}


/* ---------------------------------------------------------
   Hover / Tastaturfokus
   --------------------------------------------------------- */

@media (hover: hover) {

	.secondary-nav > a:hover,
	.secondary-nav > a:focus-visible {
		background-size: 100% 100%;
	}

	.secondary-nav > a:hover svg,
	.secondary-nav > a:focus-visible svg {
		transform: scale(1.2);
	}

}


/* ---------------------------------------------------------
   Aktiver Menüpunkt / Scrollspy
   --------------------------------------------------------- */

.secondary-nav > a.is-active {
	background-color: #e64c0f;

	background-image: linear-gradient(
		90deg,
		#e64c0f 0%,
		#f46207 100%
	);

	background-size: 100% 100%;

	color: #fff;
}

.secondary-nav > a.is-active svg {
	transform: scale(1.15);
}



/* =========================================================
   ANKER-OFFSET SECONDARY NAV
   ========================================================= */

.messverfahren [id] {
	scroll-margin-top: 160px;
}

@media (max-width: 1359px) {

	.messverfahren [id] {
		scroll-margin-top: 90px;
	}

}


/* =========================================================
   TABLET + MOBILE < 1360px
   Einzeilig + horizontal scrollbar + sticky
   ========================================================= */

@media (max-width: 1359px) {

	.secondary-nav-wrapper {
		--secondary-nav-mobile-top: 30px;

		position: sticky;
		top: var(--secondary-nav-mobile-top);
		z-index: 1000;

		width: 100%;
		max-width: none;

		box-sizing: border-box;

		padding: 0;
		margin-left: 0;
		margin-right: 0;

		background: transparent;
	}


	.secondary-nav {
		display: flex;

		flex-direction: row;
		flex-wrap: nowrap;

		width: 100%;
		max-width: none;

		height: auto;

		margin: 0;

		overflow-x: auto;
		overflow-y: hidden;

		-webkit-overflow-scrolling: touch;

		scroll-behavior: smooth;
		scrollbar-width: none;

		background: var(--wp--preset--color--accent-2);
	}


	.secondary-nav::-webkit-scrollbar {
		display: none;
	}


	.secondary-nav > a {
		flex: 0 0 auto;

		width: auto;
		min-width: max-content;
		max-width: none;

		min-height: 52px;

		padding: 0.65rem 0.8rem;

		white-space: nowrap;

		font-size: 0.8rem;
		line-height: 1.2;
	}


	.secondary-nav__icon {
		flex: 0 0 18px;

		width: 18px;
		height: 18px;
	}


	.secondary-nav__icon svg {
		width: 18px;
		height: 18px;

		max-width: 18px;
		max-height: 18px;
	}


	.messverfahren-section {
		scroll-margin-top: calc(
			var(--secondary-nav-mobile-top) + 72px
		);
	}

}
/* =========================================================
   BLUR-BEREICH OBERHALB DER STICKY NAV
   nur aktiv, wenn Navigation tatsächlich sticky ist
   ========================================================= */

.secondary-nav-wrapper::before {
	content: "";

	position: absolute;
	left: -40px;
	right: -40px;
	bottom: 100%;

	height: var(--secondary-nav-offset);

	background: linear-gradient(
		to bottom,
		rgba(255, 255, 255, 0.68) 0%,
		rgba(255, 255, 255, 0.5) 100%
	);

	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);

	-webkit-mask-image: linear-gradient(
		to right,
		transparent 0%,
		#000 4%,
		#000 96%,
		transparent 100%
	);

	mask-image: linear-gradient(
		to right,
		transparent 0%,
		#000 4%,
		#000 96%,
		transparent 100%
	);

	/* zunächst unsichtbar */
	opacity: 0;
	visibility: hidden;

	transition:
		opacity 0.2s ease,
		visibility 0.2s ease;

	pointer-events: none;
}


/* Nur anzeigen, wenn Navigation wirklich sticky ist */
.secondary-nav-wrapper.is-sticky::before {
	opacity: 1;
	visibility: visible;
}


/* Tablet + Mobile */
@media (max-width: 1359px) {

	.secondary-nav-wrapper::before {
		height: var(--secondary-nav-mobile-top);

		left: -25px;
		right: -25px;
	}

}

/* =========================================================
   SECONDARY NAV – TABLET + MOBILE
   Sticky ganz oben, ohne Blur und Abstand
   ========================================================= */

@media (max-width: 1024px) {

	/* Navigation direkt am oberen Bildschirmrand */
	.secondary-nav-wrapper {
		--secondary-nav-mobile-top: 0px;

		top: 0 !important;
	}

	/* Blur-Bereich vollständig deaktivieren */
	.secondary-nav-wrapper::before,
	.secondary-nav-wrapper.is-sticky::before {
		content: none !important;
		display: none !important;
	}

}



#saddr {display:none;}


/* =========================================================
   Boxlink – Textlink mit Pfeil + Small Pulse
   ========================================================= */

.boxlink a {
	display: inline-flex;
	align-items: center;
	gap: 0.3em;

	transform-origin: center;
}


/* Strong im Link inline halten */
.boxlink a strong {
	display: inline;
	margin: 0;
}


/* Pfeil */
.boxlink a::after {
	content: "";

	display: block;
	flex: 0 0 24px;

	width: 24px;
	height: 24px;

	background-color: #E64C0F;

	-webkit-mask:
		url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.8333 16.375L17 12L12.8333 7.625M17 12L7 12' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")
		center / contain no-repeat;

	mask:
		url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.8333 16.375L17 12L12.8333 7.625M17 12L7 12' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")
		center / contain no-repeat;
}


/* Pulse auf kompletten Link */
@media (min-width: 1025px) {

	.boxlink a:hover,
	.boxlink a:focus-visible {
		animation: ortek-pulse-smaller 0.3s ease-out;
	}

}