@import url("/templates/tp_outfit/css/eleganticons.css");

:root {
  --sage: #7d947d;
  --sage-dark: #506653;
  --cream: #f7f4ed;
  --paper: #fffdf8;
  --ink: #30362f;
  --muted: #697166;
  --rose: #d8b9ad;
  --line: #e5e1d7;
  --shadow: 0 18px 50px rgba(57,67,56,.10);
}
/* =========================================================
   FIXIERTER HINTERGRUND / iOS-LÖSUNG
   ========================================================= */

html {
  background-color: #fff;
}

body {
  position: relative;
  background: transparent;
}

/* Fixiertes Hintergrundbild hinter der gesamten Website */
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;   /* Fallback */
  height: 100lvh;  /* iOS / moderne Browser */
  z-index: 0;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

body.c8home::before, body::before {
  background-image: linear-gradient(rgba(255, 253, 248, 0.2), rgba(255, 253, 248, 0.5)), url(/images/slideshow/priska-hebler-coaching_01.jpg);
  background-position: center 30%;
}
body.c8begleitung::before {
  background-image: linear-gradient(rgba(255, 253, 248, 0.2), rgba(255, 253, 248, 0.5)), url(/images/bg/priska-hebler-coaching_04.jpg);
}
.c8begleitung .uk-slideshow-items [uk-cover]:where(img, video), .c8begleitung .uk-slideshow-items [data-uk-cover]:where(img, video) {
  object-position: center 50%;
}
body.c8uebermich::before {
  background-image: linear-gradient(rgba(255, 253, 248, 0.2), rgba(255, 253, 248, 0.5)), url(/images/bg/priska-hebler_5757.jpg);
}
.c8uebermich .uk-slideshow-items [uk-cover]:where(img, video), .c8uebermich .uk-slideshow-items [data-uk-cover]:where(img, video) {
  object-position: center 55%;
}
body.c8angebote::before {
  background-image: linear-gradient(rgba(255, 253, 248, 0.2), rgba(255, 253, 248, 0.5)), url(/images/bg/priska-hebler_3760.jpg);
}
.c8angebote .uk-slideshow-items [uk-cover]:where(img, video), .c8angebote .uk-slideshow-items [data-uk-cover]:where(img, video) {
  object-position: center 40%;
}
body.c8kontakt::before {
  background-image: linear-gradient(rgba(255, 253, 248, 0.2), rgba(255, 253, 248, 0.5)), url(/images/bg/priska-hebler-coaching_05.jpg);
}
.c8kontakt .uk-slideshow-items [uk-cover]:where(img, video), .c8kontakt .uk-slideshow-items [data-uk-cover]:where(img, video) {
  object-position: center 67%;
}

/* =========================================================
   SECTIONS
   ========================================================= */

/* Standardmässig liegen alle Astroid-Sections
   über dem fixierten Hintergrund */
.astroid-section {
  position: relative;
  z-index: 1;
}

/* =========================================================
   SECTION MIT FIXIERTEM HINTERGRUNDBILD
   ========================================================= */

#bottom-c {
  background-color: transparent;
  padding-top: 80px;
  padding-bottom: 80px;
}

/* =========================================================
   STICKY HEADER
   ========================================================= */

/* Sticky Header immer über Sections und Hintergrund */
.astroid-header-section {
  z-index: 1000 !important;
}
/* END FIX */

.astroid-header-sticky {box-shadow: none;}
.astroid-header-sticky .astroid-nav-wraper {padding-right:0 !important;}
.astroid-header-section .astroid-header-sticky .astroid-header {
  padding-top: 15px;
  padding-bottom: 15px;
}
.header-left-section {margin:auto;}
#astroid-header .min-w-30.d-lg-none, #astroid-sticky-header .min-w-30.d-lg-none {display:none !important;}
#astroid-sticky-header .container {padding-right:20px; padding-left:20px;}
#ta-c2gyu2y7v {
    background: #f7f4ed;
}
.burger-menu-button .inner, .burger-menu-button .inner::before, .burger-menu-button .inner::after {
  box-shadow: 0 3px 3px rgba(0,0,0,.1);
}
.astroid-content::after, .uk-modal {background-color: rgba(48,54,47,.6);}
.wf-mediabox-overlay {background-color: rgba(48,54,47,1);}

.logo-wrapper {
  position: relative;
  left: 0;
  top: 0;
}
.top-a-1-position {
	background-image: linear-gradient(160deg, #b7c3b1 0%, transparent 20%);
}
a.site-title {text-shadow: 0 3px 3px rgba(0,0,0,.1) !important;}
p.site-tagline {text-shadow: 0 3px 3px rgba(0,0,0,.18) !important;}

li.current a span.nav-title::after, .c8hidetitle .module-title {display:none;}
.c8bottom.border-bottom {
  border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}
.tag-button-home .uk-card-default, .tag-button-home .uk-card-default.uk-card-hover:hover {border-radius:0 !important; background:transparent; box-shadow:none;}
.tag-button-home .article-title {display:none;}
.tag-button-home h3 {color:rgba(48, 54, 47, 1);}

.uk-slideshow-items li {padding:0;}
.c8home .uk-slideshow-items .jp-slide {
  margin: 15% 0px 5% 10% !important;
}

b, strong {
  font-weight: 500;
}

#h-tmj7xjtce {
    background-color: transparent;
    padding:0;
}
#astroid-sticky-header {
  backdrop-filter: blur(5px);
}
#astroid-header nav {
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 30px;
  backdrop-filter: blur(5px);
  padding: 0 10px;
  position: fixed;
  top: 40px;
  right: 40px;
  z-index: 1000;	
  /* 
    Aufbau pro Eigenschaft: name | dauer | verlauf | verzögerung 
    BEIM HOCHSCROLLEN (Zurücksetzen):    
  */
  transition: top 0.4s cubic-bezier(0.1, 0.9, 0.2, 1) 0.8s, 
              right 0.4s cubic-bezier(0.1, 0.9, 0.2, 1) 0.8s; 
			  background-color 0.4s cubic-bezier(0.1, 0.9, 0.2, 1) 0.8s;
}

#astroid-header nav.scrolled {
  top: 20px;
  right: 20px;
  background-color: rgba(255, 255, 255, 0.6);	
  /* BEIM RUNTERSCROLLEN (Aktivieren): */  
  transition: top 0.4s cubic-bezier(0.1, 0.9, 0.2, 1) 0.8s, 
              right 0.4s cubic-bezier(0.1, 0.9, 0.2, 1) 0.8s; 
			  background-color 0.4s cubic-bezier(0.1, 0.9, 0.2, 1) 0.8s;
}

#astroid-header nav .megamenu-container {
    top: calc(100% + 10px) !important;
}

#top-b.scrolled, #content.scrolled {
  background: linear-gradient(135deg,#eef0e8 0%,#f9f6ef 60%,#eee4df 100%);
  transition: background 0.4s cubic-bezier(0.1, 0.9, 0.2, 1) 0.2s, 
}

#ml2-tn2ti3i6d {
  position: sticky;
  top: 50px;
  transition: all 300ms ease;
}

.c8home .uk-slideshow-items {
  aspect-ratio: 16 / 20 !important;
}
.uk-slideshow-items {
  aspect-ratio: 16 / 12 !important;
}

/* BOXEN */
.c8box {
  background-color: rgba(255,255,255,.8);
  border-radius: 30px;
  padding: 20px !important;	
  margin-bottom: 30px;	
}
.c8box .googlemap {color:var(--bs-link-color)}
.c8box .googlemap:hover {color:var(--bs-link-hover-color)}
.c8foto, .c8foto img {
  background-color: rgba(255,255,255,.8);	
  border-radius:30px 30px 0 0;
}
.c8box p:last-of-type {padding-bottom:0; margin-bottom:0;}
.c8foto p {padding-bottom:0; margin-bottom:0;}

/* AGENDA */
.view-category.c8agenda #ac-1530100662663 {display:none;}
.view-category.c8agenda #ac-1528971561366 {width:100%;}
.blog-items > .blog-item:not(:last-child) {
    border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
    padding-bottom: 40px;
}
.blog-items > .blog-item:last-child {
    margin-bottom: 60px;
}
.com-content-category-blog__item.blog-item::after {
    content: "";
    display: block;
    clear: both;
}
.article-custom-fields-blog .icon::before, .article-custom-fields .icon::before {
  font-size: 20px;
  padding: 0 15px;
  color: rgba(80, 102, 83, 1);
}

.float-start.item-image img {max-width:100%; padding-right:0px;}
/* .float-start.full-image img {max-width:800px; padding-right:30px;} */
.blog .item-image {
	margin-bottom: 0;
	padding-bottom:20px;
}
/* agenda modul */
.mod-articles-items li:not(:last-child), .mod-menu.mod-list li:not(:last-child) {
  margin-bottom: 14px;
  padding-top:0;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(80, 102, 83, 0.2);
}

/* .mod-articles-items li:not(:last-child) {border-bottom:1px solid rgba(80, 102, 83, 0.2); padding:0; margin-bottom:20px;} */
.mod-articles-items .mod-articles-item h5.mod-articles-title {font-size: 1.1rem; margin-bottom: 0;}
a.mod-articles-link {color:rgba(80, 102, 83, 0.8); font-weight:400;}
a.mod-articles-link:hover, a.mod-articles-link.active {color:rgba(48, 54, 47, 1);}
}
.agenda-datum.text-muted.small {
  font-style: italic;
}
.article-custom-fields-blog .icon, .article-custom-fields .icon {
	color: rgba(205, 23, 25, 1);
	font-size: 20px;
	padding:0 20px 0 15px;
}
/* Der Haupt-Container bleibt im Fluss rechts neben dem Bild */
.article-custom-fields-blog {
    display: flex;
    flex-direction: column; /* Richtet die Felder untereinander aus */
    align-items: flex-start; /* Linksbündig ausrichten */
    clear: none; /* Explizit keinen Umbruch erzwingen */
}

/* Die einzelnen Zeilen für die perfekte vertikale Zentrierung */
.article-custom-date, 
.article-custom-time, 
.article-custom-venue {
    display: flex;         /* Normales Flex statt inline-flex */
    align-items: center;   /* Icon und Text vertikal mittig */
}

/* Abstand zwischen Icon und Text */
.article-custom-fields-blog [class^="icon_"] {
    margin-right: 8px;
    line-height: 1;
}


/* UIKIT */
.uk-dotnav > .uk-active > * {
  background: rgba(255,255,255,0.4) !important;
  border: 1px solid transparent !important;
}
.uk-dotnav > * > * {
  background: rgba(255,255,255,0.8) !important;	
  border: 1px solid transparent !important;
}
.uk-card-default {
  border-radius:30px 30px 0 0;
  background: var(--paper);
}
.uk-card-default p:last-of-type,
.uk-card-default p:only-of-type {
  margin-bottom:0;
}
.uk-open > .uk-modal-dialog {
  border-radius: 20px;
}

.mod_uk_accordion li.p-0 a {border-radius:18px;}
.mod_uk_accordion li.p-0.uk-open a {border-radius:18px 18px 0 0;}
.mod_uk_accordion .uk-accordion-content {border-radius:0 0 18px 18px;}
.mod_uk_accordion .uk-accordion-title::after, .mod_uk_accordion .uk-open > .uk-accordion-title::after {padding:0.3rem;}

/* =========================================================
   BREAKPOINTS
   ========================================================= */

/*
   xs:  0
   sm:  576px
   md:  768px
   lg:  992px
   xl: 1200px
  xxl: 1400px
*/

@media screen and (min-width: 576px) {
	#astroid-header .min-w-30.d-lg-none, #astroid-sticky-header .min-w-30.d-lg-none {display:block !important;}	
	.burger-menu-button {
  		margin-right: 0;
	}	
	.c8home .uk-slideshow-items {
  		aspect-ratio: 16 / 10 !important;
	}	
	.uk-slideshow-items {
  		aspect-ratio: 16 / 8 !important;
	}
	.astroid-footer-section {
		text-align: left;
	}
	.c8dist,
	.c8webdesign {
		display: inline;
	}
	.astroid-footer-section .nav {
		display: flex;
	}
	.astroid-footer-section .nav-item {
		padding: 2px 0 !important;
	}
	.astroid-footer-section .nav-link {
		padding: 0 20px 0 0 !important;
	}
	.c8hidetitle .module-title {display:block; visibility:hidden;}	
}

@media screen and (min-width: 576px) and (orientation : portrait) {
	.c8home .uk-slideshow-items {
  		aspect-ratio: 16 / 14 !important;
	}	
}

@media screen and (min-width: 768px) {
	.logo-wrapper {
  		left: 20px;
	}		
	.mod_uk_slideshow {
    	clip-path: inset(20px 20px 0 20px round 40px 40px 0 0);
    	transition: clip-path 0.5s ease;
	}
	.mod_uk_slideshow.scrolled {
	    clip-path: inset(0 round 0);
	}	
	.c8home .uk-slideshow-items {
  		aspect-ratio: 16 / 9 !important;
	}	
	.uk-slideshow-items {
  		aspect-ratio: 16 / 6 !important;
	}
	.c8home .uk-slideshow-items .jp-slide {
  		margin: 5% 0px 5% 10% !important;
	}	
}

@media screen and (min-width: 768px) and (orientation : portrait) {
	.c8home .uk-slideshow-items {
  		aspect-ratio: 16 / 12 !important;
	}	
}

@media screen and (min-width: 992px) {
	.logo-wrapper {
  		top: 20px;
	}	
	#astroid-sticky-header {display:none;}
	.c8home .uk-slideshow-items {
  		aspect-ratio: 16 / 8 !important;
	}	
	.uk-slideshow-items {
  		aspect-ratio: 16 / 5 !important;
	}
}


@media screen and (min-width: 1200px) {
	.logo-wrapper {
    	position: relative;
    	left: 50px;
    	top: 30px;
	}	
	#astroid-header nav {
  		padding: 10px;	
	}
	.c8home .uk-slideshow-items {
  		aspect-ratio: 16 / 7 !important;
	}	
	.uk-slideshow-items {
  		aspect-ratio: 16 / 4 !important;
	}	
}

@media screen and (min-width: 1440px) {
	.c8home .uk-slideshow-items {
  		aspect-ratio: 16 / 6 !important;
	}	
	.uk-slideshow-items {
  		aspect-ratio: 16 / 3 !important;
		min-height:400px;
	}	
}