/*
Theme Name:   Custom Theme
Description:  Custom Theme ist ein Child-Theme von Hello Elementor.
Author:       Gawin Steiner
Author URL:   https://gawinsteiner.ch
Template:     hello-elementor
Version:      1.0
Text Domain:  theme-by-gawin
*/

/*******************************************************************************************************************************
BIG COMMENT
*******************************************************************************************************************************/


/**************************************************************************
MEDIUM COMMENT
**************************************************************************/
.pnomargin p:last-child {
	margin: 0 !important;
}



.elementor-widget-off-canvas .e-off-canvas {
	z-index: 5000 !important;
}

.uppercase {
	text-transform: uppercase;
}

.preise {
    overflow-y: scroll;
    width: 100%
}

.preise th {
    font-weight: bold;
    background-color: transparent !important;
    padding: 5px 5px;
    text-align: left;
    border: none !important;
}

.preise th:first-child {
    padding-left: 0
}




/**************************************************************************
Preistabellen
**************************************************************************/
body table {
	font-size: 1em;	
}

.pricetable table td {
    border: none;
    background-color: transparent !important;
    padding: 5px 5px;
}
.pricetable table td:first-child {
    width: 20%;
    padding-left: 0
}
.pricetable table td:nth-child(2) {
    width: 10%;
}
.pricetable table td:nth-child(3) {
    width: 70%;
}

@media(min-width: 768px) {
.pricetable table td:first-child {
    width: 13%;
    padding-left: 0
}
.pricetable table td:nth-child(2) {
    width: 17%;
}
.pricetable table td:nth-child(3) {
    width: 70%;
}
}


/**************************************************************************
Custom List
**************************************************************************/
.custom-ol ol {
	list-style: none; /* Entfernt die Standardnummerierung */
	counter-reset: custom-counter; /* Startet eigenen Zähler */
	margin: 0;
	padding: 0;
}

.custom-ol li {
	counter-increment: custom-counter; /* Zählt jedes Listenelement hoch */
	position: relative;
	margin-bottom: 1.5em; /* Abstand zwischen den Punkten */
	padding-left: 2em; /* Platz für die Zahl links */
	line-height: 1.5;
}

.custom-ol li::before {
	content: counter(custom-counter);
	position: absolute;
	left: 0;
	top: 0;
	font-family: var( --e-global-typography-2942385-font-family );
	font-size: 34px;
	font-weight: var(--e-global-typography-2942385-font-weight);
	line-height: var(--e-global-typography-2942385-line-height);
	color: var(--e-global-color-317a882);
}


.custom-ul ul {
	list-style: none; /* Entfernt Standardpunkte */
	margin: 0;
	padding: 0;
}

.custom-ul li {
	position: relative;
	margin-bottom: 1.5em;
	padding-left: 1.5em; /* Platz für Pfeil */
	line-height: 1.6;
}

.custom-ul li::before {
	content: '›'; /* Pfeilzeichen */
	position: absolute;
	left: 0;
	top: 0;
	color: #fff;
	font-size: 34px;
	line-height: 1;
	font-weight: bold;
	font-family: var( --e-global-typography-2942385-font-family );
}


.gm-style-iw-a {
    display: none;
}






























#mainheader {
    background: transparent;
}


.home #mainheader #logo img {
	filter: brightness(10);
}

.home #mainheader #burgerbar svg .st0 {
	fill: #fff;
}

#mainheader.sticky #burgerbar svg .st0 {
	fill: var( --e-global-color-317a882 ) !important;
}

@media (min-width: 768px) {
	#mainheader #logo img {
		width: 150px;
	}
	#mainheader.sticky {
		padding: 20px;
	}
	#mainheader.sticky #logo img {
		width: 100px;
	}
}
@media (min-width: 1024px) {
	#mainheader.sticky {
		padding: 20px 60px;
	}
	#mainheader #logo img {
		width: 200px;
	}
	
	#mainheader.sticky #logo img {
		width: 100px;
	}
}


#burgerbar.white-menu-icon svg rect {
	fill: #fff !important;
}
#burgerbar.brown-menu-icon svg rect {
	fill: var(--e-global-color-317a882) !important;
}

#mainheader.nopadding {
	padding: 0;
}


/*
  .custom-scroll-in-left,
  .custom-scroll-in-right {
    transform: translate3d(0,0,0);
    will-change: transform;
    transition: none; 
	  opacity: 1;
  }




*/









main,
.white,
.brown,
.photo,
.image {
	overflow-x: hidden !important;
}
.top-section {
	padding-top: 150px !important;
}
.bottom-section {
	padding-bottom: 150px !important;
}

.inset-left {
	padding-left: 20px !important;
}
.inset-right {
	padding-right: 20px !important;
}
.md-top {
	padding-top: 50px !important;;
}

.md-bottom {
	padding-bottom: 50px !important;;
}

.sm-top {
	padding-top: 20px !important;
}

.sm-bottom {
	padding-bottom: 50px !important;
}
.popup-top-section {
	padding-left: 20px !important;
	padding-top: 100px !important;
}

.popup-image-section-left {
	padding-top: 40px !important;
	padding-left: 20px !important;
}
.popup-image-section-right {
	padding-top: 40px !important;
	padding-left: 20px !important;
}

@media(max-width: 1024px) {
	.mob-0 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.mob-sm-padding {
		padding: 20px !important;
	}
}

@media(min-width: 768px) {
	.popup-top-section {
		padding-left: 40px !important;
		padding-top: 100px !important;
	}

	.popup-image-section-left {
		padding-top: 40px !important;
		padding-left: 40px !important;
	}
	.popup-image-section-right {
		padding-top: 40px !important;
		padding-left: 40px !important;
	}
}



@media(min-width: 1025px){
	.top-section {
		padding-top: 250px !important;
	}

	.bottom-section {
		padding-bottom: 250px !important;
	}

	.inset-left {
		padding-left: 170px !important;
	}
	.inset-right {
		padding-right: 170px !important;
	}

	.md-top {
		padding-top: 170px !important;;
	}

	.md-bottom {
		padding-bottom: 170px !important;;
	}

	.sm-top {
		padding-top: 50px !important;
	}

	.sm-bottom {
		padding-bottom: 50px !important;
	}

	.popup-top-section {
		padding-left: 70px !important;
		padding-top: 100px !important;
	}

	.popup-image-section-left {
		padding-top: 40px !important;
		padding-left: 70px !important;
	}
	.popup-image-section-right {
		padding-top: 40px !important;
		padding-right: 70px !important;
	}
}






















/* Wirken NUR, wenn JS .reveal-init auf <html> setzt (nie im Elementor-Editor) */
.reveal-init .custom-scroll-in-left,
.reveal-init .custom-scroll-in-right {
  opacity: 0;
  transform: translateX(var(--reveal-distance, 96px));
  transition:
    transform var(--reveal-duration, 900ms) cubic-bezier(.22,1,.36,1),
    opacity   var(--reveal-duration, 900ms) cubic-bezier(.22,1,.36,1);
  transition-delay: var(--reveal-delay, 0ms);
  will-change: transform, opacity;
}

/* Richtungen */
.reveal-init .custom-scroll-in-left  { --reveal-distance: -96px; }
.reveal-init .custom-scroll-in-right { --reveal-distance:  96px; }

/* Sichtbar-Zustand */
.reveal-init .custom-scroll-in-left.is-in,
.reveal-init .custom-scroll-in-right.is-in {
  opacity: 1;
  transform: translateX(0);
}

/* Barrierefreiheit */
@media (prefers-reduced-motion: reduce) {
  .reveal-init .custom-scroll-in-left,
  .reveal-init .custom-scroll-in-right {
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}