/*
 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
------------------------------------------------------- */
/*----- Main header -----*/
@media (min-width: 980px) {
#main-header .container {
	max-width:1400px!important;
	width:90%!important;
}
	}
/*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; 
}
}

/*=== Credits Info ===*/
/*Credits*/
.credits-info, .cont-icons .et_pb_module_header {
  	display: inline-block;
	color:#666666!important;
	padding:none!important;
}
.credits-info:hover {
	color:#669143!important;
}
.credits-info:after {
  	content: '';
  	width: 0px;
 	 height: 1px;
 	 display: block;
 	 background: #669143;
 	 transition: 300ms;
}
.credits-info:hover:after {
	width: 100%;
}

/*Header info menu points desktop
@media (min-width: 980px) {
.header-info, .menu-events {
	display: inline-block;
	color:#333333!important;
	padding:none!important;
 	 transition: 300ms;
}
.header-info:hover, .menu-events:hover {
	color:#669143!important;
}
.header-info:after, .menu-events:after {
  	content: '';
  	width: 0px;
 	 height: 1.5px;
 	 display: block;
 	 background: #669143;
 	 transition: 300ms;
	margin-top:-21px;
}
.header-info:hover:after, .menu-events:hover:after {
	width: 100%;
	margin-top:-21px;
}
	}*/
/*Change color of hover on menu items*/
.et-fixed-header #top-menu a:hover {
	color:#669143!important;
	transition:300ms!important;
}
/*Remove active link color
#top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a, .mobile_menu_bar:after, .mobile_menu_bar:before  {
	color:#333!important;
}*/

/*--Custom badges--*/
/*Yellow badge*/
.badge {
  background-color: #f0c24a!important;
  color: #fff;
  padding: 0px 15px 4px 15px;
  border-radius: 12px;
  display: inline-block;
  line-height: 2.5;
  margin: 0;
  vertical-align: middle;
	margin-bottom:10px;
}
/*Pink badge*/
.badge1 {
  background-color: #f3ede4!important;
  color: #666;
  padding: 0px 15px 4px 15px;
  border-radius: 12px;
  display: inline-block;
  line-height: 2.5;
  margin: 0;
  vertical-align: middle;
	margin-bottom:10px;
}
/*-- Responsive grid for 2 column layout --*/
@media only screen and (max-width: 980px) { 
	.custom-2-columns .et_pb_column { 
		width: 50%!important;
	} 
}

/*-- Responsive grid for 3 column layout --*/
@media only screen and (max-width: 980px) { 
	.custom-3-columns .et_pb_column { 
		width: 33.33%!important;
	} 
}
/* Top-level styling */
.link-standalone {
 	position: relative;
	font-size: 18px;
	padding-left: 24px;
	line-height: 1.2;
	display: inline-block;
	color:#669143!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: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.3s ease;
}
/*Override french mistake*/
.link-standalone a {
	color:#669143!important;
	text-transform:none!important;
	font-family:'Outfit'!important;
	font-weight:300!important;
}
/*===== Mobile menu =====*/
/* 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: 5%;
  }
  #mobile_menu {
    display: block !important;
    right: 0;
    left: 0px;
    top: 81px;
    min-height: calc( 100vh - 81px )!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: 30px !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;
  }
}

/*---- Kontakt button ----*/
/*Projekt Anfragen CTA*/
@media only screen and (min-width: 980px) {
.menu-contact {
	padding:0!important;
	border-radius:5px!important;
	border-width:1px!important;
	border-color:#669143!important;
	transition:0.3s;
	/*border:solid 1px!important;*/
	background-color:#669143!important;
	color:#ffffff!important;
	/*font-family:'undefined'!important;*/
	font-size:18px!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: 10px 27px 10px 27px!important;
	border:solid 1px!important;
	border-radius:5px!important;
}
#main-header.et-fixed-header .menu-contact a {
	color:#ffffff!important;
	/*border:solid 1px!important;*/
	border-radius:5px!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:#3A5127!important;
	color:#fff!important;
	border:solid 1px!important;
	/*border-width:1px!important;*/
	border-radius:5px!important;
	opacity:1!important;
}
	}

/*-- Link standalone with arrow animation --*/
/* Default arrow */
.link-standalone::before {
  top: 0;
  background-image: url('https://drogerieaebi-test.kreativ.swiss/wp-content/uploads/2025/07/arrow-1.webp');
  transform: translateY(0);
  z-index: 1;
}

/* Hover arrow (initially above) */
.link-standalone::after {
  top: 0;
  background-image: url('https://drogerieaebi-test.kreativ.swiss/wp-content/uploads/2025/07/arrow-2.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: 17px!important;
  }
}

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

/*-- Add overlay to hero section --*/
.hero {
  position: relative;
  z-index: 0;
}

.hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4); /* Adjust color & opacity here */
  z-index: 1;
  pointer-events: none;
}

/* Ensure content above the overlay stays visible */
.hero > .et_pb_module {
  position: relative;
  z-index: 2;
}

/*========== 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: #D9D9D9 !important;
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    min-width: 37px;
    left: 0px;
	right: 22px;
	font-family:'Outfit'!important;
	font-weight:600!important;
}

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

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

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

}

/* 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: #669143;
  padding: 4px;
  border-radius: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px; /* optional: space between bars */	
	margin-bottom:23px;
  }

  .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: 8%; /* Adjust if needed */
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
  }
}
/* Mobile only: override with right: 66px */
@media (max-width: 742px) {
  .mobile-language-switcher {
    right: 10%;
  }
}

/* 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: #D9D9D9;
	color:#61652F;
	border-radius:5px;
	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: #D9D9D9;
	padding: 8px 10px 7px 10px;
	border-radius: 5px;
	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;
}
/*Additional padding top-menu nav*/
#top-menu-nav {
	padding-bottom:10px!important;
	/*margin-bottom: 10px;*/
}
/*Remove unessecary margin*/
.et_divi_100_custom_hamburger_menu .mobile_menu_bar {
	margin-bottom:0px!important;
}
/*Remove blue link color*/
.current-language a, #mobile-language-switcher-toggle a, .current-language  {
	color:#333!important;
}

/*Remove opacity effect from menu*/
#top-menu-nav>ul>li>a:hover {
	opacity:1!important;
}

/*----- Appomobile app downloads-----*/
.app-buttons {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.custom-app-button {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  color: #FFFFFF !important;
  background-color: #669143;
  border: 1px solid #669143 !important;
  border-radius: 5px;
  font-family: 'Outfit', Helvetica, Arial, Lucida, sans-serif !important;
  font-weight: 300 !important;
  font-size: 18px;
  padding: 8px 27px !important;
  text-decoration: none !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.custom-app-button:hover {
	background-color:#3A5127;
}

.custom-app-button .button-icon {
  width: 20px;
  height: 20px;
  display: inline-block;
}

/* Responsive font size */
@media (max-width: 980px) {
  .custom-app-button {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .custom-app-button {
    font-size: 16px;
    width: auto !important;           /* Prevent full-width stretch */
    display: inline-flex !important;  /* Keep inline sizing */
    white-space: nowrap;              /* Prevent wrapping if needed */
  }

  .app-buttons {
    justify-content: flex-start; /* Or center if you prefer */
    flex-direction: row;         /* Keep buttons side-by-side */
    flex-wrap: wrap;
    gap: 10px;
  }
}

/*===== Hide post meta from blog posts to use visual builder =====*/
.et_post_meta_wrapper {
	display:none!important;
}

/*=== Blog articles on home ===*/
/* === BLOG GRID CUSTOM LAYOUT === */

/* DESKTOP: 3 columns */
@media (min-width: 981px) {
  .et_pb_gutters3 .et_pb_blog_grid .column.size-1of3 {
    width: 32%!important; /* was ~29.667% */
    margin-right: 2%!important; /* was 5.5% */
  }

  /* Remove margin from last column in row */
  .et_pb_blog_grid .column.size-1of3:nth-child(3n) {
    margin-right: 0 !important;
  }
}

/* TABLET: 2 columns */
@media (min-width: 768px) and (max-width: 980px) {
  .et_pb_blog_grid .column.size-1of2 {
    width: 48%!important; /* was 47.25% */
    margin-right: 4%!important; /* was 5.5% */
  }

  /* Remove margin from 2nd column */
  .et_pb_blog_grid .column.size-1of2:nth-child(2n) {
    margin-right: 0 !important;
  }
}
/*Wrap published date in label*/
.post-meta .published {
  background-color: #f0c24a;
  border-radius: 5px;
  padding: 5px 9px;
  display: inline-block;
	color:#fff!important;
}
.post-meta {
	margin-top:-5px!important;

}

@media (min-width: 768px) {
  /* Equalize card height of blog posts on home site */
  .et_pb_blog_grid .et_pb_salvattore_content {
    display: flex;
    flex-wrap: wrap;
  }

  .et_pb_blog_grid .et_pb_salvattore_content .column {
    display: flex;
    flex-direction: column;
  }

  .et_pb_blog_grid .et_pb_post {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    height: 100%;
  }
}

/*Adjust margin of image container to display post meta date higher up*/
.et_pb_image_container {
	margin: -20px -20px 1px!important;
}

/*===== Footer =====*/
/* Hide default icon font */
.et-social-facebook a.icon::before,
.et-social-instagram a.icon::before {
  display: none !important;
}

/* Base style for custom icons */
.et-social-facebook a.icon,
.et-social-instagram a.icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 0 !important;
  display: inline-block;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

/* Custom Facebook icon */
.et-social-facebook a.icon {
  background-image: url('https://drogerieaebi-test.kreativ.swiss/wp-content/uploads/2025/07/facebook.webp') !important;
}

/* Custom Instagram icon */
.et-social-instagram a.icon {
  background-image: url('https://drogerieaebi-test.kreativ.swiss/wp-content/uploads/2025/07/instagram.webp') !important;
}

/*Make bottom footer for tablet flex*/
@media only screen and (max-width: 980px) { 
	.custom-footer-bottom .et_pb_column { 
		width: 50%!important;
	} 
}

/*Appomobile app DL*/
.link-appomobile {
  display: flex;
  align-items: center;
  gap: 10px; /* spacing between image and text */

  position: relative;
  padding-left: 0px; /* reserve space for the pseudo-element if needed */
}

.link-appomobile::before {
  content: "";
  display: inline-block;
  width: 35px;
  height: 35px;
  background-image: url('https://drogerieaebi-test.kreativ.swiss/wp-content/uploads/2025/07/appomobile-icon.webp');
  background-size: contain;
  background-repeat: no-repeat;
}
/*Center appomobile for mobile screens*/
@media (max-width: 767px) {
  .link-appomobile, p.link-appomobile {
    width: fit-content!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    margin: 0 auto!important;
    text-align: center!important;
  }
}
/*========= Kontaktformular ==========*/
/*Text field settings*/
input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
	width:100%!important;
	min-height:48px!important;
	border-radius:8px!important;
	font-size: 18px!important;
	font-family: 'Outfit'!important;
	font-weight: 300!important;
	padding-left:10px!important;
	border-color:#adadad;
}

@media (max-width:980px) {
	input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
		font-size:16px!important;
	}
}
.page-id-477 textarea {
	width:100%!important;
	min-height:48px!important;
	height:96px;
	max-height:500px!important;
	border-radius:8px!important;
	font-size: 18px!important;
	font-family: 'Outfit'!important;
	padding-left:10px!important;
	border-color:#adadad;
	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;
	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], select, textarea {
		width:100%!important;
	}
}
/*Error message text*/
.wpcf7-not-valid-tip {
	padding-top:4px!important;
	font-family:'Outfit'!important;
	font-weight:300!important;
	color:#D23C1E!important;
	font-size:16px!important;
}
.page-id-477 label {
	font-size:16px!important;
	font-family:'Outfit'!important;
	color:#666666!important;
}
/*Radio buttons*/
.wpcf7-list-item {
	margin:0 0 0 6px!important;
}
/*Submit button*/
.page-id-477 .wpcf7-submit {
	font-family:'Outfit';
	color:#fff!important;
	border-radius:8px!important;
	font-size:18px!important;
	background-color:#669143!important;
	border:1px;
	padding: 8px 27px 8px 27px;
	cursor:pointer;
	margin-top:10px;
	transition:0.3s;
}
.page-id-477 .wpcf7-submit:hover {
	background-color:#3A5127!important;
	border:1px;
}
.page-id-477 .wpcf7-submit:hover:after {
	display:none!important;
}
.page-id-477 .wpcf7-submit:after {
	display:none!important;
}
.page-id-477 .wpcf7-submit:hover, .page-id-477 .et_pb_module .et_pb_button:hover {
	padding: 8px 27px 8px 27px;
	border:1px;
	transition:0.3s;
}
.page-id-477 .form-row p {
	font-size:16px!important;
	font-family:'Outfit'!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 {
	border-color:#669143!important;
}
/*Error labels*/
.wpcf7-not-valid {
 	color:#d12!important;
	border-color:#d12!important;
}

/*--- Error & Success Message pattern ---*/
/*General message pattern*/
.wpcf7 form .wpcf7-response-output {
    border:1.5px solid!important;
    border-radius: 8px!important;
    font-size:16px!important;
    padding:1.2em 1.2em!important;
    display: flex;
    align-items: center;
	font-family:'Outfit'!important;
	font-weight:300!important;
}

/*SUCCESS message pattern*/
.wpcf7 form.sent .wpcf7-response-output {
    border:1.5px solid #E3F1D7!important;
    background:#E3F1D7!important;
}

.wpcf7 form.sent .wpcf7-response-output:before {
    content: '';
    width: 25px;
    height: 25px;
    background-image: url('https://vinum-dominus.ch/wp-content/uploads/2024/08/check-green-filled.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 #F6D8D2!important;
	background:#F6D8D2!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;
    background-image: url('https://vinum-dominus.ch/wp-content/uploads/2024/08/error-circle.webp');
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 6px;
    display: inline-block;

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

/*=== Produkt Detail Seite ===*/
.p-1 {
  display: inline-flex;       /* flex, but keeps inline flow */
  align-items: center;        /* vertical centering */
  gap: 8px;                   /* spacing between text and icon */
}

.p-1.right {
  text-align: right;           /* text alignment */
}