/*
 Theme Name:     Kreativ
 Theme URI:      http://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Kreativ Webagentur KlG
 Author URI:     https://www.kreativ.swiss
 Template:       Divi
 Version:        1.0.2
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */
/* Top-level styling */
.link-standalone {
 	position: relative;
	/*font-size: 18px;*/
	padding-left: 24px;
	line-height: 1.2;
	display: inline-block;
	color:#333!important;
	overflow: hidden; /* Clip sliding icons */
}
/*.et_pb_blog_0 .et_pb_post .post-content .link-standalone a {
  color: #669143 !important;
}*/

/*.link-standalone {
  position: relative;
  font-size: 18px;
  padding-left: 24px;
  line-height: 1.2;
  display: inline-block;
  overflow: hidden; 
}*/

/* Base arrow (normal state) */
.link-standalone::before,
.link-standalone::after {
  content: "";
  position: absolute;
  left: 0;
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.3s ease;
}
/*-- Link standalone with arrow animation --*/
/* Default arrow */
.link-standalone::before {
  top: 0;
  background-image: url('https://spab.aero/wp-content/uploads/2025/10/arrow.webp');
  transform: translateY(0);
  z-index: 1;
}

/* Hover arrow (initially above) */
.link-standalone::after {
  top: 0;
  background-image: url('https://spab.aero/wp-content/uploads/2025/10/arrow-1.webp');
  transform: translateY(-100%);
  z-index: 2;
}

/* On hover: slide old arrow out, new arrow in */
.link-standalone:hover::before {
  transform: translateY(100%);
}

.link-standalone:hover::after {
  transform: translateY(0);
}

/*Change test sizes*/
@media (max-width: 980px) {
  .link-standalone {
    font-size: 15px!important;
  }
}

@media (max-width: 767px) {
  .link-standalone {
    font-size: 14px!important;
  }
}

/*White button style*/
.button-white:hover {
	border: 1px solid #fff!important;
}
.button-black:hover {
	border: 1px solid #000 !important;
}

/*===Dual button layout ===*/
/* Button Group Layout */
.spab-button-group {
  display: flex;
  gap: 15px;
  justify-content: flex-start; /* left align on desktop */
  flex-wrap: wrap;
  margin-top: 30px;
}

/* Base button style */
.spab-btn {
  text-decoration: none;
  font-family: 'alexandria-regular', Georgia, "Times New Roman", serif !important;
  font-size: 15px;
  padding: 10px 30px;
  border-radius: 0;
  border: 1px solid;
  transition: all 0.3s ease;
  cursor: pointer;
  text-align: center;
  letter-spacing: 0.5px;
}

/* Light version (white background, black text) */
.spab-btn-light {
  color: #000000 !important;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}

.spab-btn-light:hover {
  color: #FFFFFF !important;
  background-color: rgba(225,225,225, 0.2);
  border-width: 1.5px !important;
  border-color: #FFFFFF;
}

/* Dark version (black background, white text) */
.spab-btn-dark {
  color: #FFFFFF !important;
  background-color: #000000;
  border-color: #fff;
}

.spab-btn-dark:hover {
  color: #fff !important;
  background-color: rgba(225,225,225, 0.2);
  border-width: 1px !important;
  border-color: #fff;
}

/* Responsive layout: stacked but still left-aligned */
@media (max-width: 488px) {
  .spab-button-group {
    flex-direction: column;
    align-items: flex-start; /* stack but left align */
    gap: 0px; /* no vertical space between buttons */
  }

  .spab-button-group .spab-btn {
    width: 100%; /* full width on small screens */
    text-align: center; /* keep label centered inside the button */
  }
}

/*====== Link standalone white ======*/
/* Top-level styling */
.link-standalone-white {
 	position: relative;
	/*font-size: 18px;*/
	padding-left: 24px;
	line-height: 1.2;
	display: inline-block;
	color:#afafaf!important;
	overflow: hidden; /* Clip sliding icons */
}
/*.et_pb_blog_0 .et_pb_post .post-content .link-standalone a {
  color: #669143 !important;
}*/

/*.link-standalone {
  position: relative;
  font-size: 18px;
  padding-left: 24px;
  line-height: 1.2;
  display: inline-block;
  overflow: hidden; 
}*/

/* Base arrow (normal state) */
.link-standalone-white::before,
.link-standalone-white::after {
  content: "";
  position: absolute;
  left: 0;
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.3s ease;
}
/*-- Link standalone with arrow animation --*/
/* Default arrow */
.link-standalone-white::before {
  top: 0;
  background-image: url('https://spab.aero/wp-content/uploads/2025/11/arrow-gr.webp');
  transform: translateY(0);
  z-index: 1;
}

/* Hover arrow (initially above) */
.link-standalone-white::after {
  top: 0;
  background-image: url('https://spab.aero/wp-content/uploads/2025/11/arrow-gr.webp');
  transform: translateY(-100%);
  z-index: 2;
}

/* On hover: slide old arrow out, new arrow in */
.link-standalone-white:hover::before {
  transform: translateY(100%);
}

.link-standalone-white:hover::after {
  transform: translateY(0);
}

/*Change test sizes*/
@media (max-width: 980px) {
  .link-standalone-white {
    font-size: 15px!important;
  }
}

@media (max-width: 767px) {
  .link-standalone-white {
    font-size: 14px!important;
  }
}

/*---------- Header ----------*/
/*Kontakt CTA*/
@media only screen and (min-width: 980px) {
.menu-contact {
	padding:0!important;
	border-radius:0px!important;
	border-width:1px!important;
	border-color:#000000!important;
	transition:0.3s;
	/*border:solid 1px!important;*/
	background-color:#000000!important;
	color:#ffffff!important;
	/*font-family:'undefined'!important;*/
	font-size:15px!important;
	font-weight:500!important;
	/*box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: scale(1);
	animation: pulse 6s infinite;
	animation-delay:1.5s;*/
}
.menu-contact a {
	color:#ffffff!important;
	padding: 12px 25px 11px 25px!important;
	border:solid 1px #000000!important;
	border-radius:0px!important;
}
#main-header.et-fixed-header .menu-contact a {
	color:#ffffff!important;
	/*border:solid 1px!important;*/
	border-radius:1px!important;
}
#main-header.et-fixed-header li.current-menu-item.menu-contact a {
	color:#ffffff!important;
	/*border:solid 1px!important;*/
}
#top-menu-nav .menu-contact a:hover {
	background:#ffffff!important;
	color:#000000!important;
	border:solid 1px #000000!important;
	/*border-width:1px!important;*/
	border-radius:0px!important;
	opacity:1!important;
}
	}
/*Fix fixed header gap on top on mobile
@media only screen and (min-width: 768px) {
.et-fixed-header {
	top:10px;
}
}*/
/*=== Credits Info ===*/
/*Credits*/
.credits-info {
  	display: inline-block;
	color:#666666!important;
	padding:none!important;
}
.credits-info-white {
	display: inline-block;
	color:#fff!important;
	padding:none!important;
}
.credits-info:hover {
	color:#c1c1c1!important;
}
.credits-info-white:hover {
	color:#fff;
}
.credits-info:after {
  	content: '';
  	width: 0px;
 	 height: 1px;
 	 display: block;
 	 background: #c1c1c1;
 	 transition: 300ms;
}
.credits-info-white:after {
  	content: '';
  	width: 0px;
 	 height: 1px;
 	 display: block;
 	 background: #c1c1c1;
 	 transition: 300ms;	
}
.credits-info:hover:after, .credits-info-white:hover:after {
	width: 100%;
}
/*--- Credits reverse---*/
/*Credits Reverse*/
.credits-info-reverse {
  	display: inline-block;
	color:#666!important;
	padding:none!important;
}
.credits-info-reverse:hover {
	color:#c1c1c1!important;
}
.credits-info-reverse:after {
  	content: '';
  	width: 100%;
 	 height: 1px;
 	 display: block;
 	 background: #666;
 	 transition: 300ms;
}
.credits-info-reverse:hover:after {
	width: 0px;
}

/*===== Main header =====*/
/*Change width and max-width*/
#main-header .container {
	max-width:1200px!important;
	width:90%;
}

/*Add margin to top menu*/
nav#top-menu-nav, #top-menu, nav.et-menu-nav, .et-menu {
	margin-bottom:7px;
}
/*Make header sticky*/
/*Fixed Header Mobile*/
@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed; 
}
}

/* =========================================================
   CUSTOM BREAKPOINTS for Divi Blog Grid (Salvattore)
   3 → 2 → 1 columns
   ========================================================= */

/* Default (≥1061px): 3 columns */
.et_pb_blog_grid .et_pb_salvattore_content[data-columns]::before {
  content: '3 .column.size-1of3';
}

/* Between 768px and 1060px: 2 columns */
@media (max-width: 1060px) {
  .et_pb_blog_grid .et_pb_salvattore_content[data-columns]::before {
    content: '2 .column.size-1of2';
  }
}

/* ≤767px: 1 column */
@media (max-width: 767px) {
  .et_pb_blog_grid .et_pb_salvattore_content[data-columns]::before {
    content: '1 .column.size-1of1';
  }
}

/* =========================================================
   Adjust widths + gutters to match the custom breakpoints
   ========================================================= */
.et_pb_blog_grid .et_pb_salvattore_content > .column {
  margin-right: 2% !important;     /* tighter gutters */
}

.et_pb_blog_grid .et_pb_salvattore_content > .column.size-1of3 {
  width: 32% !important;           /* 3 cols, 2% gaps */
}

.et_pb_blog_grid .et_pb_salvattore_content > .column.size-1of2 {
  width: 48% !important;           /* 2 cols, 2% gap */
}

.et_pb_blog_grid .et_pb_salvattore_content > .column.size-1of1 {
  width: 100% !important;          /* full width single col */
  margin-right: 0 !important;
}

/* Remove the last column's right gap */
.et_pb_blog_grid .et_pb_salvattore_content > .column:last-child {
  margin-right: 0 !important;
}

/* Optional: tighten vertical space between cards */
.et_pb_blog_grid .et_pb_post {
  margin-bottom: 20px;
}


/* =========================
   SPECS ROW UNDER TITLE/EXCERPT
   - Row on desktop
   - 2 per row at ≤1060px
   - 1 per row at ≤600px
   ========================= */
.et_pb_blog_grid .et_pb_post .heli-excerpt-specs {
  margin-top: 12px;
  display: flex;
  align-items: flex-start;
  gap: 12px;                    /* space between spec items */
  flex-wrap: nowrap;            /* keep on one line (desktop) */
}

.et_pb_blog_grid .et_pb_post .heli-spec {
  display: inline-flex;         /* width fits content */
  align-items: flex-start;
  gap: 10px;
  flex: 0 0 auto;               /* don’t grow/shrink */
  white-space: nowrap;          /* keep label+value together */
}

.et_pb_blog_grid .et_pb_post .heli-spec__icon {
  flex: 0 0 auto;
  display: flex; align-items: center; justify-content: center;
}
.et_pb_blog_grid .et_pb_post .heli-spec__icon img {
  width: 24px; height: 24px;
  min-width: 24px; min-height: 24px;
  object-fit: contain; display: block;
}

.et_pb_blog_grid .et_pb_post .heli-spec__text { display: flex; flex-direction: column; }
.et_pb_blog_grid .et_pb_post .heli-spec__label { font-size: 12px; line-height: 1.2; opacity: .7; margin-bottom: 2px; }
.et_pb_blog_grid .et_pb_post .heli-spec__value { font-size: 14px; line-height: 1.3; font-weight: 600; }

/* custom tablet: allow wrapping, 2 items per row */
@media (max-width: 1100px) {
  .et_pb_blog_grid .et_pb_post .heli-excerpt-specs {
    flex-wrap: wrap;
    gap: 10px 20px;             /* row/column gap */
  }
  .et_pb_blog_grid .et_pb_post .heli-spec {
    flex: 1 1 calc(50% - 20px); /* 2 per row */
    white-space: normal;        /* allow text to wrap if needed */
  }
}

/* mobile: one per row */
@media (max-width: 600px) {
  .et_pb_blog_grid .et_pb_post .heli-spec {
    flex: 1 1 100%;
  }
}

/*Margin below post item*/
.et_pb_gutters3 .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 .et_pb_post, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_blog_grid .column.size-1of3 .et_pb_post {
	margin-bottom:6.5%!important;
}

@media (max-width: 980px) {
	.et_pb_column .et_pb_blog_grid .column.size-1of2 .et_pb_post {
		margin-bottom:6.5%!important;
}
}
@media (max-width: 767px) {
    .et_pb_column .et_pb_blog_grid .column.size-1of1 .et_pb_post {
		margin-bottom:6.5%!important;
	}
}
/* ===== Force specs to stay on ONE line at all widths ===== */
.et_pb_blog_0 .et_pb_post .heli-excerpt-specs {
  display: flex;
  flex-wrap: nowrap !important;           /* never wrap */
  gap: 12px;
  margin-top: 12px;
  overflow-x: auto;                        /* allow horizontal scroll if needed */
  -webkit-overflow-scrolling: touch;       /* smooth scroll on iOS */
}

/* Each spec uses only the width it needs and never wraps internally */
.et_pb_blog_0 .et_pb_post .heli-spec {
  display: inline-flex;
  align-items: flex-start;
  gap: 8px;
  flex: 0 0 auto !important;               /* no grow/shrink at any breakpoint */
  white-space: nowrap;                      /* keep label + value on one line */
}

/* Icon never shrinks */
.et_pb_blog_0 .et_pb_post .heli-spec__icon img {
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  object-fit: contain;
  display: block;
}

/* (Optional) tidy scrollbar appearance on mobile */
.et_pb_blog_0 .et_pb_post .heli-excerpt-specs::-webkit-scrollbar { height: 6px; }
.et_pb_blog_0 .et_pb_post .heli-excerpt-specs::-webkit-scrollbar-thumb { background: rgba(0,0,0,.15); border-radius: 3px; }

/* Tighter horizontal gutters + balanced widths */
.et_pb_blog_grid .et_pb_salvattore_content > .column { margin-right: 2% !important; }
.et_pb_blog_grid .et_pb_salvattore_content > .column.size-1of3 { width: 32% !important; }
.et_pb_blog_grid .et_pb_salvattore_content > .column.size-1of2 { width: 48% !important; }
.et_pb_blog_grid .et_pb_salvattore_content > .column.size-1of1 { width: 100% !important; margin-right: 0 !important; }
/* safety: no right gap on the far right */
.et_pb_blog_grid .et_pb_salvattore_content > .column:last-child { margin-right: 0 !important; }
/* optional vertical spacing */
.et_pb_blog_grid .et_pb_post { margin-bottom: 20px; }

/**/
.entry-title {
	font-family: 'alexandria-regular';
	color:#333;
}
.heli-spec__label {
	font-family: 'alexandria-light';
	color:#666;
}
.heli-spec__value {
	font-family: 'alexandria-light';
	color:#333;	
}

/*========== Kontaktformular ==========*/
/*Text field settings*/
input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], input[type=date], input[type=number], select, textarea {
	width:100%!important;
	min-height:40px!important;
	border-radius:0px!important;
	font-size: 15px!important;
	font-family: 'alexandria-light'!important;
	font-weight: 300!important;
	padding-left:10px!important;
	border:1px solid #adadad!important;
	color:#666!important;
}

@media (max-width:980px) {
	input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], input[type=date], input[type=number], select, textarea {
		font-size:16px!important;
	}
}
.general-form textarea {
	width:100%!important;
	min-height:40px!important;
	height:96px!important;
	max-height:500px!important;
	border-radius:0px!important;
	font-size: 18px!important;
	font-family: 'alexandria-light'!important;
	padding-left:10px!important;
	border-color:#adadad!important;
	padding-top:10px;
	transition: ease-in-out 0.5s;
}
@media (max-width:900px) {
	textarea {
		font-size:16px!important;
	}
}
textarea:focus {
	min-height:48px!important;
	height:200px!important;
	max-height:500px!important;	
	transition: ease-in-out 0.5s;
}
@media (max-width:900px) {
	input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], input[type=date], input[type=number], select, textarea {
		width:100%!important;
	}
}
/*Error message text*/
.wpcf7-not-valid-tip {
	padding-top:4px!important;
	font-family:'alexandria-light'!important;
	font-weight:300!important;
	color:#D23C1E!important;
	font-size:16px!important;
}
.general-form label {
	font-size:16px!important;
	font-family:'alexandria-thin'!important;
	color:#666666!important;
}
/*Radio buttons*/
.wpcf7-list-item {
	margin:0 0 0 6px!important;
}
/*Submit button*/
.general-form .wpcf7-submit, .general-form .wpcf7-submit {
	font-family:'alexandria-light';
	color:#fff!important;
	font-weight:300;
	border-radius:0px!important;
	font-size:18px!important;
	background-color:#000!important;
	border:1px solid #000;
	padding: 8px 27px 8px 27px;
	cursor:pointer;
	margin-top:10px;
	transition:0.3s;
}
.general-form .wpcf7-submit:hover, .general-form .wpcf7-submit:hover {
	background-color:#fff!important;
	border:1px solid #000!important;
	color:#000!important;
}
.general-form .wpcf7-submit:hover:after, .general-form .wpcf7-submit:hover:after {
	display:none!important;
}
.general-form .wpcf7-submit:after, .general-form .wpcf7-submit:after {
	display:none!important;
}
.general-form .wpcf7-submit:hover, .general-form .et_pb_module .et_pb_button:hover, .general-form .wpcf7-submit:hover, .general-form .et_pb_module .et_pb_button:hover {
	padding: 8px 27px 8px 27px;
	border:1px;
	transition:0.3s;
}
.general-form.form-row p {
	font-size:16px!important;
	font-family:'alexandria-light'!important;
	color:#666!important;
}
/*Focus label*/
input.text:focus, input.title:focus, input[type=text]:focus, select:focus, textarea:focus, input[type=email]:focus, input[type=tel]:focus, input[type=date]:focus {
	border-color:#000000!important;
}
/*Error labels*/
.wpcf7-not-valid {
 	color:#C91D1D!important;
	border-color:#C91D1D!important;
}

/*--- Error & Success Message pattern ---*/
/*General message pattern*/
.wpcf7 form .wpcf7-response-output {
    border-radius: 0px!important;
    font-size:15px!important;
    padding:1.2em 1.2em!important;
    display: flex;
    align-items: center;
	font-family:'alexandria-light'!important;
	font-weight:300!important;
	margin:1em 0px 0.5em 0px!important;
	color:#333!important;
}

/*SUCCESS message pattern*/
.wpcf7 form.sent .wpcf7-response-output {
    border:1.5px solid rgba(52,178,51, 0.35)!important;
    background:rgba(52,178,51, 0.35)!important;
}

.wpcf7 form.sent .wpcf7-response-output:before {
    content: '';
    width: 25px;
    height: 25px;
	min-height:25px;
	min-width:25px;
    flex-shrink: 0;           /* prevent shrinking in flex or grid containers */
    transform: none !important;
    background-image: url('https://spab.aero/wp-content/uploads/2025/11/success.webp');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 6px;
    display: inline-block;
}

/*ERROR message pattern*/
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output, .wpcf7 form.spam .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
	border: 1.5px solid rgba(201,29,29, 0.35)!important;
	background:rgba(201,29,29, 0.35)!important;

}

.wpcf7 form.failed .wpcf7-response-output:before, .wpcf7 form.invalid .wpcf7-response-output:before, .wpcf7 form.aborted .wpcf7-response-output, .wpcf7 form.spam .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    content: '';
    width: 25px;
    height: 25px;
	min-height:25px;
	min-width:25px;
    flex-shrink: 0;           /* prevent shrinking in flex or grid containers */
    transform: none !important;
    background-image: url('https://spab.aero/wp-content/uploads/2025/11/error.webp');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 6px;
    display: inline-block;

}

/* Target the text (including slashes) in WebKit browsers */
input[type="date"]::-webkit-datetime-edit-text {
  color: #666!important; /* Match your empty state text color */
}

/* Target the empty value (before user selects a date) */
input[type="date"]:empty::-webkit-datetime-edit {
  color: #666!important;
}

/* Optional: target the day, month, year parts */
input[type="date"]::-webkit-datetime-edit-day-field,
input[type="date"]::-webkit-datetime-edit-month-field,
input[type="date"]::-webkit-datetime-edit-year-field {
  color: #666!important;
}

/*Custom form layout*/
/*---------- Devenir membre form ----------*/
#responsive-form{
	max-width:600px /*-- change this to get your desired form width --*/;
	margin:0 auto;
        width:100%;
}
.form-row{
	width: 100%;
}
.column-half, .column-full, .column-third {
	float: left;
	position: relative;
	padding: 0.65rem 0.65rem 0.65rem 0;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
@media only screen and (min-width: 48em) { 
	.column-half{
		width: 50%;
	}
	.column-third {
		width:33%;
	}
}
#single-text{
	font-weight:300!important;
}

/*========== Helicopter Detail Site ===========*/
.table-title,
.table-content {
  text-align: left;
  padding: 6px 12px;
  border: none; /* removes all lines */
}

/* Title styling */
.table-title {
	font-family: 'alexandria-light';
	color:#333!important;
}

/* First column: no left padding/margin, extra right spacing */
table td:first-child,
table th:first-child {
  padding-left: 0;
  margin-left: 0;
  padding-right: 30px;
}

/*Custom images*/
/* Tablet view: keep 2/3 + 1/3 flex layout */
@media (max-width: 980px) {
  .images-layout {
    display: flex !important;
    flex-wrap: nowrap;
    gap: 15px; /* space only between children */
  }

  .images-layout > .images-layout-child-1,
  .images-layout > .images-layout-child-2 {
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
  }

  /* Keep vertical padding for tablet */
  .images-layout > .images-layout-child-1,
  .images-layout > .images-layout-child-2 {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }

  .images-layout-child-1 {
    flex: 0 0 66.666%;
    max-width: 66.666%;
  }

  .images-layout-child-2 {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }

  .images-layout img {
    display: block;
    width: 100%;
    height: auto;
  }
}

/* Mobile: stack + enforce 100px vertical padding and 15px spacing below 1st */
@media (max-width: 767px) {
  .images-layout {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0 !important; /* no flex gap on mobile */
  }

  /* Force full width on both children */
  .images-layout > .images-layout-child-1,
  .images-layout > .images-layout-child-2 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    /* kill any lingering 125px from tablet */
    padding-top: 150px !important;
    padding-bottom: 150px !important;
    box-sizing: border-box;
  }

  /* Some Divi layouts add an inner wrapper; enforce there too */
  .images-layout > .images-layout-child-1 .et_pb_column_inner,
  .images-layout > .images-layout-child-2 .et_pb_column_inner {
    padding-top: 150px !important;
    padding-bottom: 150px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* Add 15px below the first stacked child */
  .images-layout > .images-layout-child-1,
  .images-layout > .images-layout-child-1 .et_pb_column_inner {
    margin-bottom: 15px !important;
  }

  /* Safety: prevent modules from re-adding spacing */
  .images-layout > .images-layout-child-1 > .et_pb_module,
  .images-layout > .images-layout-child-2 > .et_pb_module {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .images-layout img {
    display: block;
    width: 100%;
    height: auto;
  }
}
/*== Slider arrows ==*/
.dsm_image_carousel .swiper-button-next {
	right:40px;
	background:#fff;
	border-radius:20px;
}
@media only screen and (max-width: 768px) {
	.dsm_image_carousel_0_tb_body.dsm_image_carousel_arrow_outside.dsm_image_carousel_arrow_mobile_inside .swiper-button-next {
		right:5%!important;
	}
}
.dsm_image_carousel .swiper-button-prev {
	left:40px;
	background:#fff;
	border-radius:20px;
}
@media only screen and (max-width: 768px) {
	.dsm_image_carousel .swiper-button-prev {
		left:5%!important;
	}
}

.dsm_image_carousel .swiper-container-horizontal .swiper-pagination-bullets, .dsm_image_carousel .swiper-pagination-bullets, .dsm_image_carousel .swiper-pagination-custom, .dsm_image_carousel .swiper-pagination-fraction {
	bottom:-50px!important;
}

/*========== Custom language switcher via header.php ==========*/
/* Base styling */
.menu-language-switcher {
  position: relative;
  list-style: none;
}

/* Language dropdown hidden by default */
.language-dropdown {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0.3s;
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 999;
    background: #fff !important;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    border-radius: 1px;
    min-width: 35px;
    left: 0px;
    right: 22px;
}

#top-menu li a .language-dropdown a {
  	display: block;
  	padding: 6px 10px;
  	text-decoration: none;
  	color: #333;
	background: #D9D9D9!important;
	border-right: 1px solid;
	border-top: 1px solid;
	border-left: 1px solid;
	border-radius: 1px;
	min-width: 35px;
	left: 0px;
	right: 22px;
}

.language-dropdown a:hover {
  background: #ffffff;
	color:#61652F!important
}

/*Chaneg font size of language selector*/
.lang-selector-text {
	font-size:14px!important;
  	font-weight: bold;
  	color: #333;
  	padding: 13px 1px;
	padding-left:10px;
  	display: block;
  	text-decoration: none;
}

/* Show dropdown when active */
.menu-language-switcher.active .language-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
	transition-delay: 0s;
	padding-top:3px!important;

}

/* Mobile placement fix */
@media only screen and (max-width: 980px) {
  #et_mobile_nav_menu {
    display: flex;
    align-items: center;
  background-color: #fff;
  padding: 4px;
  border-radius: 1px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px; /* optional: space between bars */	
  }

  .menu-language-switcher {
    order: 1; /* Place before hamburger */
    margin-right: auto;
    padding-right: 10px;
  }

  .menu-language-switcher img {
    width: 30px;
    height: 30px;
  }
}

/* Hide desktop icon on mobile */
@media (max-width: 980px) {
  .menu-language-switcher.hide-on-mobile {
    display: none !important;
  }
}

/* Mobile icon wrapper */
.mobile-language-switcher {
  display: none;
  align-items: center;
  margin-right: 23px;
  position: relative;
}

@media (max-width: 980px) {
  .mobile-language-switcher {
    display: flex;
    position: absolute;
    right: 60px; /* Adjust if needed */
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
  }
}

/* Dropdown */
.mobile-language-switcher .language-dropdown {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s linear 0.3s;
    position: absolute;
    top: 88%;
    right: 0;
    background: #fff;
    border: 0px solid #ccc;
    z-index: 1000;
}

.mobile-language-switcher .language-dropdown.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
	transition-delay:0s;
}

.mobile-language-switcher .language-dropdown a {
  display: block;
  padding: 6px 10px;
  text-decoration: none;
  color: #333;
}

.mobile-language-switcher .language-dropdown a:hover {
  background: #fff;
	color:#61652F;
	transition:0.3s;
}

/*Style the icon lang switcher*/
/* Shared icon styling */
.menu-language-switcher a#language-switcher-toggle,
.mobile-language-switcher a#mobile-language-switcher-toggle {
	display: inline-block;
	background-color: #fff;
	padding: 8px 10px 7px 10px;
	border-radius: 0px;
	border: 1px solid;
	color:333!important;
}

/* Optional: ensure the image fits nicely inside the box */
.menu-language-switcher a#language-switcher-toggle img,
.mobile-language-switcher a#mobile-language-switcher-toggle img {
  display: block;
  width: 30px;
  height: 30px;
}

/*--- Additional styles ---*/
/* Ensure vertical centering of all menu items on desktop */
#et-top-navigation nav > ul > li > a {
  padding-top: 0;
  padding-bottom: 0;
 /* line-height: 66px;  Match the height of the header */
  display: flex;
  align-items: center;
}

.menu-language-switcher a#language-switcher-toggle {
 /* line-height: 66px; */
  display: flex;
  align-items: center;
  justify-content: center;
	font-size:14px!important;
}

/*Remove padding bottom only for lang switcher*/
.et_header_style_left #et-top-navigation nav > ul > li > a#language-switcher-toggle {
  padding-top: 12px!important;
	padding-right:10px!important;
	padding-bottom:12px!important;
	padding-left:10px!important;
  /* height: 66px;  Match header height if vertical alignment is off */
  display: flex;
  align-items: center;
  justify-content: center;
	top:-1px;
}

/*Hide the switcher as menu item in mobile menu*/
/* Hide the original language switcher in mobile menu */
@media only screen and (max-width: 980px) {
  .et_mobile_menu .menu-language-switcher,
  .et_mobile_menu .hide-on-mobile {
    display: none !important;
  }
}
/*Change z-index of mobile menu*/
.et_mobile_menu {
	z-index:900;
}

/*Style language dropdown*/
#mobile-language-dropdown {
	z-index:9999;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;
}
/*========== Style hamburger menu ==========*/
@media only screen and (max-width: 980px) {#et_mobile_nav_menu {
  background: #000 !important;
  padding: 5px !important;
  border-radius: 1px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
	margin-bottom:24px;
	}
	.et_divi_100_custom_hamburger_menu .mobile_menu_bar {
		margin-bottom:0!important;
	}
}
/*Modify width of hamburger menu div*/
.et_divi_100_custom_hamburger_menu__icon div {
	width:83%!important;
}

/*===== Main header =====*/
/*Change width and max-width*/
#main-header .container {
	max-width:2000px;
	width:90%;
}

/*Add margin to top menu*/
nav#top-menu-nav, #top-menu, nav.et-menu-nav, .et-menu {
	margin-bottom:7px;
}
/*Make header sticky*/
/*Fixed Header Mobile*/
@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed; 
}
}

/*Opened mobile menu items styling*/
/* Full width expand mobile menu that opens under the header */
@media only screen and (max-width: 980px) {
  .mobile_nav.opened .mobile_menu_bar:before {
    content: "\4d";
  }
  #main-header .container.clearfix.et_menu_container {
    width: 100%;
  }
  .logo_container {
    padding-left: 30px;
  }
  #et-top-navigation {
    padding-right: 30px;
  }
  #mobile_menu {
    display: block !important;
    right: 0;
    left: 0;
    top: -3px;
    min-height: calc( 100vh - -4px )!important;
    transition: all .5s ease-in-out;
    transform-origin: top;
	  z-index:-1!important;
  }
  .mobile_nav.closed #mobile_menu {
    transform: rotateY(0);
    opacity: 0;
		visibility: hidden;
  }
  .mobile_nav.opened #mobile_menu {
    transform: rotateY(0);
    opacity: 1;
  }
}
/*Remove Lines from Mobile Menu*/
header#main-header .et_mobile_menu li a{
    border: 0px !important;
}
/*Stick items to the left and increase font size*/
@media only screen and (max-width: 980px) {
  /* Add 14px padding above the entire menu list */
  .et_mobile_menu {
    padding-top: 106px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
  }

  /* Reset individual list item spacing */
  .et_mobile_menu li {
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  /* Apply consistent padding to links */
  .et_mobile_menu li a {
    display: block;
    padding: 12px 37px !important;  /* 12px top/bottom, 20px left/right */
    font-size: 18px !important;
    text-align: left !important;
  }
}
/*Desktop menu remove opacity filter for hover property*/
#top-menu-nav>ul>li>a:hover {
	opacity:1!important;
}

/*========== Form inquiry helicopter ==========*/
/* Collapsed by default (no display:none to allow animation) */
.enquire-form {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transform: translateY(10px);
  visibility: hidden;
  transition:
    max-height .45s ease,
    opacity .35s ease,
    transform .35s ease,
    visibility 0s linear .35s; /* reveal at end of fade */
  will-change: max-height, opacity, transform;
}

/* Expanded state */
.enquire-form.is-open {
  opacity: 1;
  transform: translateY(0);
  visibility: visible;
  transition:
    max-height .45s ease,
    opacity .35s ease,
    transform .35s ease,
    visibility 0s; /* visible immediately on open */
}

/* Motion safety */
@media (prefers-reduced-motion: reduce) {
  .enquire-form {
    transition: none;
  }
}
.enquire-form.is-open { max-height: 9999px; } /* add this line */

/*Enquire button styles*/
/* ===== Enquire Toggle Button Styling ===== */
.enquire {
  font-family: 'alexandria-regular', sans-serif;
  color: #000 !important;
  font-weight: 300;
  border-radius: 0 !important;
  font-size: 15px !important;
  background-color: #fff !important;
  border: 1px solid #fff;
  padding: 10px 27px;
  cursor: pointer;
  margin-top: 10px;
  transition: all 0.3s ease;
  text-transform: none;
  display: inline-block;
  text-align: center;
}

/* Hover state (invert colors) */
.enquire:hover,
.enquire[aria-expanded="true"]:hover {
  background-color: #000 !important;
  border: 1px solid #fff !important;
  color: #fff !important;
  transition: all 0.3s ease;
}

/* Active / toggled open state */
.enquire[aria-expanded="true"] {
  background-color: #000 !important;
  border: 1px solid #fff !important;
  color: #fff !important;
}

/* Remove Divi button default effects */
.enquire:after {
  display: none !important;
}

/* Optional: subtle arrow rotation indicator */
.enquire::after {
  content: "▼";
  display: inline-block;
  margin-left: 8px;
  font-size: 15px;
  transition: transform 0.3s ease;
}

.enquire[aria-expanded="true"]::after {
  transform: rotate(180deg);
}

/*=== Contact form styles for helicopters===*/

/*Text field settings*/
.enquire-form input.text, .enquire-form input.title, .enquire-form input[type=email], .enquire-form input[type=password], .enquire-form input[type=tel], .enquire-form input[type=text], .enquire-form input[type=date], .enquire-form input[type=number], .enquire-form select, .enquire-form textarea {
	width:100%!important;
	min-height:40px!important;
	border-radius:0px!important;
	font-size: 15px!important;
	font-family: 'alexandria-light'!important;
	font-weight: 300!important;
	padding-left:10px!important;
	border:1px solid #afafaf!important;
	color:#666!important;
	background-color:transparent!important;
}

@media (max-width:980px) {
	.enquire-form input.text, .enquire-form input.title, .enquire-form input[type=email], .enquire-form input[type=password], .enquire-form input[type=tel], .enquire-form input[type=text], .enquire-form input[type=date], .enquire-form input[type=number], .enquire-form select, .enquire-form textarea {
		font-size:16px!important;
		color:#fff!important;
	}
}
.enquire-form textarea {
	width:100%!important;
	min-height:40px!important;
	height:96px!important;
	max-height:500px!important;
	border-radius:0px!important;
	font-size: 18px!important;
	font-family: 'alexandria-light'!important;
	padding-left:10px!important;
	border-color:#afafaf!important;
	padding-top:10px;
	transition: ease-in-out 0.5s;
	background-color:transparent!important;
}
@media (max-width:900px) {
	.enquire-form textarea {
		font-size:16px!important;
	}
}
.enquire-form textarea:focus {
	min-height:48px!important;
	height:200px!important;
	max-height:500px!important;	
	transition: ease-in-out 0.5s;
	border: 1px solid white!important;
}
@media (max-width:900px) {
	.enquire-form input.text, .enquire-form input.title, .enquire-form input[type=email], .enquire-form input[type=password], .enquire-form input[type=tel], .enquire-form input[type=text], .enquire-form input[type=date], .enquire-form input[type=number], .enquire-form select, .enquire-form textarea {
		width:100%!important;
	}
}

/*General message pattern for dark forms*/
.enquire-form .wpcf7 .wpcf7-response-output:not(:empty) {
    border-radius: 0px!important;
    font-size:16px!important;
    padding:1.2em 1.2em!important;
    display: flex;
    align-items: center;
	font-family:'alexandria-light'!important;
	font-weight:300!important;
	margin:1em 0px 0.5em 0px!important;
	color:#afafaf!important;
	border-color:transparent;
}
/* Hide response output initially */
.enquire-form.wpcf7 .wpcf7-response-output[aria-hidden="true"]:empty {
  display: none !important;
}

/* Optional: ensure message shows when filled */


/*SUCCESS message pattern*/
.enquire-form .wpcf7 form.sent .wpcf7-response-output {
    border:1.5px solid rgba(52,178,51, 0.35)!important;
    background:rgba(52,178,51, 0.35)!important;
}

.enquire-form .wpcf7 form.sent .wpcf7-response-output:before {
    content: '';
    width: 25px;
    height: 25px;
    min-width: 25px;
    min-height: 25px;
    background-image: url('https://spab.aero/wp-content/uploads/2025/11/success.webp');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 6px;
    display: inline-block;
    flex-shrink: 0;           /* prevent shrinking in flex or grid containers */
    transform: none !important;
}

/*ERROR message pattern*/
.enquire-form .wpcf7 form.failed .wpcf7-response-output, .enquire-form .wpcf7 form.invalid .wpcf7-response-output, .enquire-form .wpcf7 form.aborted .wpcf7-response-output, .enquire-form .wpcf7 form.spam .wpcf7-response-output, .enquire-form .wpcf7 form.unaccepted .wpcf7-response-output {
	border: 1.5px solid rgba(201,29,29, 0.35)!important;
	background:rgba(201,29,29, 0.35)!important;

}

.enquire-form .wpcf7 form.failed .wpcf7-response-output:before, .enquire-form .wpcf7 form.invalid .wpcf7-response-output:before, .enquire-form .wpcf7 form.aborted .wpcf7-response-output, .enquire-form .wpcf7 form.spam .wpcf7-response-output, .enquire-form .wpcf7 form.unaccepted .wpcf7-response-output {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    min-width: 25px;
    min-height: 25px;
    background-image: url(https://spab.aero/wp-content/uploads/2025/11/error.webp);
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 6px;
    vertical-align: middle;
    flex-shrink: 0;           /* prevent shrinking in flex or grid containers */
    transform: none !important;

}

/*Submit button*/
.enquire-form.wpcf7-submit, .enquire-form .wpcf7-submit {
	font-family:'alexandria-regular';
	color:#000!important;
	font-weight:300;
	border-radius:0px!important;
	font-size:15px!important;
	background-color:#fff!important;
	border:1px solid #fff;
	padding: 5px 27px 5px 27px;
	cursor:pointer;
	margin-top:10px;
	transition:0.3s;
}
.enquire-form .wpcf7-submit:hover, .enquire-form .wpcf7-submit:hover {
	background-color:#000!important;
	border:1px solid #fff!important;
	color:#fff!important;
}
.enquire-form .wpcf7-submit:hover:after, .enquire-form .wpcf7-submit:hover:after {
	display:none!important;
}
.enquire-form .wpcf7-submit:after, .enquire-form .wpcf7-submit:after {
	display:none!important;
}
.enquire-form .wpcf7-submit:hover, .enquire-form .et_pb_module .et_pb_button:hover, .enquire-form .wpcf7-submit:hover, .enquire-form .et_pb_module .et_pb_button:hover {
	padding: 5px 27px 5px 27px;
	border:1px;
	transition:0.3s;
}
.enquire-form .form-row p {
	font-size:16px!important;
	font-family:'alexandria-light'!important;
	color:#afafaf!important;
}
/*Focus label*/
.enquire-form input.text:focus, .enquire-form input.title:focus, .enquire-form input[type=text]:focus, .enquire-form select:focus, .enquire-form textarea:focus, .enquire-form input[type=email]:focus, .enquire-form input[type=tel]:focus, .enquire-form input[type=date]:focus {
	border-color:#fff!important;
}
/*Error labels*/
.enquire-form .wpcf7-not-valid {
 	color:#C91D1D!important;
	border-color:#C91D1D!important;
}

/*========== Complianz Cookie Banner ==========*/
/*-----Cookie Notice Complianz-----*/
.cmplz-cookiebanner .cmplz-links .cmplz-link {
	color:#333 !important;
}

/*Titel*/
.cmplz-cookiebanner .cmplz-title {
	font-family:'alexandria-regular'!important;
	font-size:20px!important;
	color:#333!important;
}

/*Accept Button*/
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {
	background-color:#000!important;
	border-radius:0px!important;
	font-family:'alexandria-regular'!important;
	border-width:1px!important;
	border-color:#000!important;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept:hover {
	background-color:#ffffff!important;
	color:#000!important;
	transition:0.3s!important;
}

/*Reject and Preferences Save Preferences Button*/
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny, .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences, .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences {
	border-radius:0px!important;
	font-family:'alexandria-regular'!important;
	border-width:1px!important;
	border-color:#000!important;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny:hover, .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-view-preferences:hover, .cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-save-preferences:hover {
	border-color:#000!important;
	color:#000!important;
	transition:0.3s!important;
}

/*Body Text*/
.cmplz-cookiebanner .cmplz-message {
	font-family:'alexandria-light'!important;
	font-size:15px!important;
	line-height:1.3em!important;
	padding-bottom:15px!important;
}

/*Funktional, Statisiken Titel*/
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-category-title {
	font-family:'alexandria-regular'!important;
	color:#333!important;
}

/*Beschreibungen*/
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-description {
	font-family:'alexandria-light'!important;
	font-size: 15px!important;
	line-height:1.3em!important;
}

/*Impressum Datenschutz Links Cookie*/
.cmplz-cookiebanner .cmplz-links a.cmplz-link .impressum {
  	display: inline-block!important;
	color:#666666!important;
	padding:none!important;
}
.cmplz-cookiebanner .cmplz-links a.cmplz-link .impressum:hover {
	color:#193B5D!important;
}
.cmplz-cookiebanner .cmplz-links a.cmplz-link .impressum:after {
  	content: ''!important;
  	width: 0px!important;
 	 height: 1px!important;
 	 display: block!important;
 	 background: #193B5D!important;
 	 transition: 300ms!important;
}
.cmplz-cookiebanner .cmplz-links a.cmplz-link .impressum:hover:after {
	width: 100%!important;
}
.cmplz-cookiebanner.cmplz-show {
	border-radius:0px!important;
}
/*Hide video container if value is empty
.no-video .video-container {
  display: none !important;
}*/