/* Start: Enfold resets */
	/*Ampersand */
	.special_amp {
		font-family: manrope;
		font-size: inherit!important;
		font-style: inherit;
		font-weight: lighter!important;
		color: inherit!important;
	}
	th {
		text-transform: none;	
	}
/* ENde: Enfold resets */

/* Start: Header & Menue settings*/
	/* Desktop */
	@media only screen and (min-width: 990px) {
		#top #main {
			padding-top: 90px !important;
		}
	}

	/* Tablet / Mobil */
	@media only screen and (max-width: 989px) {
		#top #main {
			padding-top: 82px !important;
		}
	}

	.header-kontakt { display:flex; align-items:center; gap:15px; }
	.header-kontakt a {    
		font-family: var(--ccd-font-body) !important;
    	font-size: var(--ccd-fs-body) !important;
    	font-weight: var(--ccd-fw-bold) !important;
    	letter-spacing: 0 !important;
    	color: var(--ccd-c-body);
	}
/* Ende: Header & Menue settings*/

/* Start: Footer & Socket */
	#top #socket {border-top: 1px solid rgba(255, 255, 255, 0.08);}
	.footer_color strong {color: var(--ccd-c-withe) !important; font-size: var(--ccd-fs-small); font-weight:var(--ccd-fw-bold);}
	.footer_color a {font-size: var(--ccd-fs-small); }
	.footer_color p {font-size: var(--ccd-fs-small); }
/* ENde: Footer & Socket */

/*Start: CCD own CSS settings*/
	.ccd-textmarker {color: var(--ccd-c-accent) !important;}
	.ccd-no-uppercase :is(.av-special-heading-tag, .av-subheading, .av-subheading p) {text-transform: none !important;}
	

	/*Hero Sektion*/
	.ccd-hero-bg-with-spot {
		position: relative;
		overflow: hidden;
		background-color: var(--ccd-c-ink);
	}

	.ccd-hero-bg-with-spot strong,
	.ccd-hero-bg-with-spot .avia_textblock, .ccd-hero-bg-with-spot .avia_textblock p,
	.ccd-hero-bg-with-spot .av-special-heading-tag {
    	color: #ffffff !important;
	}

	.ccd-hero-bg-with-spot::before {
		content: "";
		position: absolute;
		top: -25%;
		right: -10%;
		width: 900px;
		height: 900px;
		pointer-events: none;
		z-index: 0;
		background: radial-gradient(
			circle closest-side,
			rgba(232, 92, 26, 0.45) 0%,
			rgba(232, 92, 26, 0.18) 40%,
			rgba(232, 92, 26, 0) 72%
		);
	}

	/* Inhalt über den Spot heben */
	.ccd-hero-bg-with-spot .container,
	.ccd-hero-bg-with-spot .av-section-cont-open {
		position: relative;
		z-index: 1;
	}

	/* Mobil: kleiner und weniger dominant */
	@media only screen and (max-width: 767px) {
		.ccd-hero-bg-with-spot::before {
			width: 480px;
			height: 480px;
			top: -12%;
			right: -25%;
		}
	}

	.ccd-hero-bg-with-spot .av-special-heading .av-subheading p {
		color: var(--ccd-c-accent-soft) !important;
		font-family: var(--ccd-font-mono) !important;
		font-size: 10px !important;
		font-weight: 400;
		line-height: 1.4;
		text-transform: uppercase;
		letter-spacing: 0.12em;
		margin: 0 0 14px 0;
	}


	/*Column Boxen Hover Effekt*/
	.ccd-lift {
		transition:
			transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
			box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1),
			border-color 0.35s ease;
		will-change: transform;
	}

	.ccd-lift:hover,
	.ccd-lift:focus-within {
		transform: translateY(-6px);
		box-shadow: 0 18px 40px -12px rgba(0, 0, 0, 0.55);
		border-color: rgba(232, 92, 26, 0.45);
	}

	/* Touch-Geräte: kein Hover-Zustand, der hängen bleibt */
	@media (hover: none) {
		.ccd-lift:hover {
			transform: none;
			box-shadow: none;
		}
	}

	/* Barrierefreiheit */
	@media (prefers-reduced-motion: reduce) {
		.ccd-lift {transition: none;}
		.ccd-lift:hover {transform: none;}
	}

	/* Start: DL Card BTN */
	.dl-card{
	  display:flex; align-items:center; justify-content:space-between;
	  gap:10px; background:#18142c; border-radius:16px;
	  padding:16px 20px; color:#f3f1fa; text-decoration:none;
	}
	.dl-card:hover{ color:#f3f1fa; text-decoration:none; }
	.dl-card__title{
	  display:block; font-family:"Space Grotesk",sans-serif;
	  font-size:14.5px; color:#fff;
	}
	.dl-card__meta{ font-size:12.5px; color:#b9b4ce; }
	.dl-card__icon{ color:#f26a21; font-size:18px; }
	/* Ende: DL Card BTN */

	/* STart: Grid Row auf Content-Breite begrenzen */
		#top .grid-contained.av-layout-grid-container{max-width: 1400px; margin-left: auto; margin-right: auto;}
		/* Darunter seitlichen Rand halten, sonst klebt es am Viewport-Rand */
		@media only screen and (max-width: 1300px){#top .grid-contained.av-layout-grid-container{max-width: calc(100% - 100px);}}

		/* Mobil: Enfold reduziert den Container-Abstand ohnehin */
		@media only screen and (max-width: 767px){#top .grid-contained.av-layout-grid-container{max-width: 100%;}}
	/* Endet: Grid Row auf Content-Breite begrenzen */

	/* STart: Sektion Colum Ecken Border Desktop/Mobil */
		/* Wrapper = die Karte */
		#top .split-card .flex_column_table{
		  display: flex;
		  flex-wrap: wrap;
		  border-radius: 24px;
		  overflow: hidden;                       /* rundet beide Spalten mit ab */
		  box-shadow: 0 10px 40px rgba(24,20,44,.08);
		}

		/* Enfold-Spaltenabstände killen, damit die Hälften bündig sitzen */
		#top .split-card .flex_column_table .av_one_half{
		  width: 50%;
		  margin: 0;
		  padding: 48px;
		  display: flex;
		  flex-direction: column;
		  justify-content: flex-start;
		}

		/* Mobil: untereinander, Radien erledigt weiterhin der Wrapper */
		@media only screen and (max-width: 767px){
		  #top .split-card .flex_column_table .av_one_half{
			width: 100%;
			padding: 32px 24px;
		  }
		}
		#top .split-card .av_one_half:first-child{ border-radius: 24px 0 0 24px; }
		#top .split-card .av_one_half:last-child { border-radius: 0 24px 24px 0; }
		@media only screen and (max-width: 767px){
		  #top .split-card .av_one_half:first-child{ border-radius: 24px 24px 0 0; }
		  #top .split-card .av_one_half:last-child { border-radius: 0 0 24px 24px; }
		}
	/* Ende: Sektion Colum Ecken Border Desktop/Mobil */

	/* Start: Sementische Liste Links / Rechts aussteuerung */
		#top .spec-list{
		  margin: 0;
		  display: grid;
		  grid-template-columns: auto 1fr;
		  gap: 0;
		}

		#top .spec-list dt,
		#top .spec-list dd{
		  margin: 0;
		  padding: 10px 0;
		  border-bottom: 1px solid #edecf2;
		  font-size: 14.5px;
		  line-height: 1.45;
		}

		#top .spec-list dt{
		  color: #6f6c85;
		}

		#top .spec-list dd{
		  text-align: right;
		  font-weight: 700;
		  color: #18142c;
		}

		#top .spec-list dt:last-of-type,
		#top .spec-list dd:last-of-type{
		  border-bottom: 0;
		}

		/* Statusfarben */
		#top .spec-list dd.is-positive{ color: #2f8f4e; }
		#top .spec-list dd.is-warning { color: #c8721a; }
		#top .spec-list dd.is-negative{ color: #c23b3b; }

		@media only screen and (max-width: 479px){
		  #top .spec-list{ grid-template-columns: 1fr; }
		  #top .spec-list dt{
			padding-bottom: 0;
			border-bottom: 0;
		  }
		  #top .spec-list dd{
			text-align: left;
			padding-top: 2px;
		  }
		}
	/* Ende: Sementische Liste Links / Rechts aussteuerung */

	/* Start: Icon in Columnbox definiert bzgl. Größe und BG*/
		#top .ccd-column-icon{
		  display: inline-flex !important;
		  align-items: center;
		  justify-content: center;
		  width: 52px;
		  height: 52px;
		  border-radius: 14px;
		  background: rgba(242, 106, 33, .10);
		  color: #f26a21;
		  padding: 0;
		  margin: 0 0 14px;
		  box-sizing: border-box;
		  overflow: hidden;
		}

		/* Innerer Wrapper darf keine eigene Größe mitbringen */
		#top .ccd-column-icon .av-icon-char{
		  display: flex;
		  align-items: center;
		  justify-content: center;
		  width: auto;
		  height: auto;
		  margin: 0;
		  padding: 0;
		  line-height: 0;
		}

		/* SVG einheitlich skalieren */
		#top .ccd-column-icon svg{
		  display: block;
		  width: 24px;
		  height: 24px;
		  fill: currentColor;
		}
	/* Ende: Icon in Columnbox definiert bzgl. Größe und BG*/

	/*START: Special Heading Image rechts ausgesteuert pro Marke eine Klasse */
		.logo-benimar .av-special-heading-tag { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
		.logo-benimar .av-special-heading-tag::after {
		  content:''; flex:0 0 auto; width:60px; height:60px;
		  background:url(/wp-content/uploads/2026/08/Logo-Benimar.webp) no-repeat center/contain;
		}
		.logo-notin .av-special-heading-tag { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
		.logo-notin .av-special-heading-tag::after {
		  content:''; flex:0 0 auto; width:60px; height:60px;
		  background:url(/wp-content/uploads/2026/08/Logo-Notin.webp) no-repeat center/contain;
		}
		.logo-fleuretteflorium .av-special-heading-tag { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
		.logo-fleuretteflorium .av-special-heading-tag::after {
		  content:''; flex:0 0 auto; width:60px; height:60px;
		  background:url(/wp-content/uploads/2026/08/Logo-Fleurette-Florium.webp) no-repeat center/contain;
		}		
		.logo-knaus .av-special-heading-tag { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
		.logo-knaus .av-special-heading-tag::after {
		  content:''; flex:0 0 auto; width:60px; height:60px;
		  background:url(/wp-content/uploads/2026/08/Logo-Knaus.webp) no-repeat center/contain;
		}				
		.logo-weinsberg .av-special-heading-tag { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
		.logo-weinsberg .av-special-heading-tag::after {
		  content:''; flex:0 0 auto; width:60px; height:60px;
		  background:url(/wp-content/uploads/2026/08/Logo-Weinsberg.webp) no-repeat center/contain;
		}				
		.logo-corigon .av-special-heading-tag { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
		.logo-corigon .av-special-heading-tag::after {
		  content:''; flex:0 0 auto; width:60px; height:60px;
		  background:url(/wp-content/uploads/2026/08/Logo-Corigon.webp) no-repeat center/contain;
		}	
	/*ENDE: Special Heading Image rechts ausgesteiuert pro Marke eine Klasse */

	/* START: Botton Row Conteht full width */
		.avia-buttonrow-wrap.btn-full {
		  display: flex;
		  gap: 10px;
		  width: 100%;
		}

		.avia-buttonrow-wrap.btn-full .avia-button {
		  flex: 1 1 0;
		  min-width: 0;
		  width: auto;
		  margin: 0;
		  display: flex;
		  align-items: center;
		  justify-content: center;
		  text-align: center;
		  box-sizing: border-box;
		}
		@media only screen and (max-width: 767px) {
		  .avia-buttonrow-wrap.btn-full { flex-direction: column; }
		}
	/* ENDE: Botton Row Conteht full width */


	/* START: Weitere MOdellgruppen*/
		.wm-modelle-wrap .wm-modelle,
		ul.wm-modelle{
		  display:grid;
		  grid-template-columns:repeat(var(--wm-cols,3),1fr);
		  gap:24px;
		  list-style:none !important;
		  margin:0 !important;
		  padding:0 !important;
		}
		@media(max-width:900px){.wm-modelle{grid-template-columns:repeat(2,1fr)}}
		@media(max-width:560px){.wm-modelle{grid-template-columns:1fr}}

		.wm-modelle > li{
		  list-style:none !important;
		  margin:0; padding:0; text-indent:0;
		}
		.wm-modelle > li::marker{content:"" !important}
		.wm-modelle > li::before{content:none !important; display:none !important}

		/* Karte */
		.wm-modell__link{
		  display:flex;
		  flex-direction:column;
		  height:100%;
		  text-decoration:none;
		  color:inherit;
		  background:#fff;
		  border-radius:14px;
		  overflow:hidden;
		  box-shadow:0 1px 3px rgba(0,0,0,.08);
		  transition:box-shadow .25s ease, transform .25s ease;
		}
		.wm-modell__link:hover{
		  box-shadow:0 8px 24px rgba(0,0,0,.12);
		  transform:translateY(-2px);
		}

		/* Bildbereich */
		.wm-modell__media{
		  position:relative;
		  display:block;
		  padding:16px;
		  background:#fff;
		}
		.wm-modell__img{
		  width:100%;
		  height:auto;
		  display:block;
		}
		.wm-modell__placeholder{
		  display:block;
		  width:100%;
		  aspect-ratio:16/9;
		  background:#f3f3f3;
		  border-radius:8px;
		}

		/* Tags */
		.wm-modell__tag{
		  position:absolute;
		  top:14px;
		  z-index:2;
		  display:inline-block;
		  padding:6px 14px;
		  border-radius:999px;
		  font-size:13px;
		  font-weight:700;
		  line-height:1.2;
		  white-space:nowrap;
		}
		.wm-modell__tag--bauart{
		  left:14px;
		  background:#1c1b3a;   /* dunkelblau */
		  color:#fff;
		}
		.wm-modell__tag--badge{
		  right:14px;
		  background:#e2711d;   /* orange */
		  color:#fff;
		}

		/* Namens-Kachel */
		.wm-modell__footer{
		  display:flex;
		  align-items:center;
		  justify-content:center;
		  margin-top:auto;
		  padding:14px 16px;
		  background:#f4f6f9;
		  border-top:1px solid #e6eaf0;
		}
		.wm-modell__title{
		  font-size:18px;
		  font-weight:700;
		  color:#e2711d;
		  text-align:center;
		}

		@media(max-width:560px){
		  .wm-modell__tag{font-size:12px;padding:5px 11px;top:10px}
		  .wm-modell__tag--bauart{left:10px}
		  .wm-modell__tag--badge{right:10px}
		}
	/* ENDE: Weitere MOdellgruppen*/
/*Ende: CCD own CSS settings*/