/**
 * Theme Name:     Fritz Automaten
 * Author:         Kim Wolf
 * Template:       Divi-3
 * Text Domain:	   fritz-automaten
 * Description:    Snack- und Getränkeautomaten
 */

/*———-Custom Back To Top Button———-*/


.et_pb_scroll_top.et-visible {
opacity: 1;
-webkit-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
-moz-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
-o-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
}

.et_pb_scroll_top.et-pb-icon {

bottom:45px;
opacity:40%;
background: #86bdbf;
padding: 5px;
}

.et_pb_scroll_top.et-pb-icon:hover {
background: #86bdbf;
}


/* Vertikales Zentrieren von Elementen font-size: clamp(1.25rem, 0.9416rem + 1.2987vw, 2.5rem);*/

.vertikal-zentrieren {
display: flex;
flex-direction: column;
justify-content: center;}



h1 {
	font-family: lato !important;
	/*font-size: clamp(3.125rem, 3.0479rem + 0.3247vw, 3.4375rem) !important;*/
	font-size: clamp(2.1875rem, 1.8791rem + 1.2987vw, 3.4375rem);
	color: #004572;
	font-weight:600 !important;
	line-height:1.1em;
	}

	h2 {
	font-family: lato;
font-size: clamp(1.875rem, 1.6437rem + 0.974vw, 2.8125rem);
	color: #004572;
		font-weight:600;
line-height:120%;
}

h3 {
	font-family: lato;
/*font-size: clamp(1rem, 0.9692rem + 0.1299vw, 1.125rem);*/
	font-size: clamp(0.75rem, 0.6575rem + 0.3896vw, 1.125rem);
	color: #484c51;
	line-height:1.5em;
	font-weight:300;
}
h4 {
	font-family: lato;
	font-size: clamp(1rem, 0.9692rem + 0.1299vw, 1.125rem);
/*font-size: clamp(1.875rem, 1.7979rem + 0.3247vw, 2.1875rem);*/
	color: #484c51;
	line-height:1.3em;
	font-weight:500;
}
h5 {
	font-family: lato;
	font-size: clamp(1.5625rem, 1.4854rem + 0.3247vw, 1.875rem);
/*font-size: clamp(1.875rem, 1.7979rem + 0.3247vw, 2.1875rem);*/
	color: WHITE;
	line-height:1.3em;
	font-weight:300;
}


p {
	font-family: lato !important;
	
font-weight:400;
/*font-size: clamp(1.0625rem, 1.0317rem + 0.1299vw, 1.1875rem);*/
font-size: clamp(1rem, 0.9846rem + 0.0649vw, 1.0625rem);
	line-height:110%em;
}

/* Inhalt vertikal unten ausrichten */
.content-vertical-align-bottom {  
  display: flex;  
  flex-direction: column;  
  justify-content: flex-end; 
}


/***Accelator Banner ausblenden***/
a[href*="s-sols.com"] {
     height: 0;
     overflow: hidden;
     font-size: 0;
     visibility: hidden;
}

.et_pb_slide_image {
    display: block!important;
}

/*Proper Collapsable Mobile Menu*/
/*Style the icon's placeholder*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
	border-bottom: 0;
	text-align: center;
}
ul.et_mobile_menu > li.menu-item-has-children,
ul.et_mobile_menu > li.page_item_has_children,
ul.et_mobile_menu > li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu > li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu > li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu > li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}
.et_mobile_menu .menu-item-has-children > a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children > a {
	background-color: transparent;
}

/*Hide the Sub-menu*/
ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}

/*Show the sub-menu when the + icon is clicked*/
ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}

/*Create the opening/closing icon using the SVG Icons*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle .dt-icons,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle .dt-icons {
	top: 10px;
	position: relative;
}

/*Hide the closing icon if the sub-menu is not open*/
ul.et_mobile_menu li.menu-item-has-children:not(.dt-open) .mobile-toggle .dt-close-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children:not(.dt-open) .mobile-toggle .dt-close-icon {
	display: none;
}

/*Hide the opening icon if the sub-menu is open*/
ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle .dt-open-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle .dt-open-icon {
	display: none;
}

/***Entfernt die Bullet Points***/
.wplo-bullet ul {
list-style-type:square!important;
	list-style-position:outside;
	color:red;
}
/***Fügt den Icon vor den Text ein***/
.wplo-bullet ul li::marker {
display:item-list;
	font-size:130%;


color: #4fe6ab;

	
}


/***Menü über die ganze Breite***/
.et_pb_fullwidth_menu .et_pb_menu__menu {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
 
.et_pb_fullwidth_menu .et_pb_menu__menu > nav > ul {
    justify-content: space-between;
}
 
.et_pb_fullwidth_menu .et_pb_menu__menu, 
.et_pb_fullwidth_menu .et_pb_menu__menu > nav, 
.et_pb_fullwidth_menu .et_pb_menu__menu > nav > ul, 
.et_pb_menu .et_pb_menu__menu, 
.et_pb_menu .et_pb_menu__menu > nav, 
.et_pb_menu .et_pb_menu__menu > nav > ul {
  flex-grow: 1;
}


/*collpse and set the height of the toggle text*/

.pa-toggle-text .et_pb_text_inner {
	max-height: 200px;
	transition: max-height 0.3s ease-out;
	overflow: hidden;
}


/*add gradient to the collapsed text*/

.pa-toggle-text .et_pb_text_inner:after {
	content: "";
	display: inline-block;
	position: absolute;
	pointer-events: none;
	height: 100px;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: linear-gradient(0deg, transparent);
}


/*style the expand text link*/

.pa-toggle-text .pa-text-expand-button {
	padding: 1em;
	text-align: center;
	color: #f98079 !important;
}


/*change the curor to a pointed when hovering over the expand text link*/

.pa-toggle-text .pa-text-expand-button span {
	cursor: pointer;
}


/*define the font family for the toggle icon*/

.pa-toggle-text .pa-text-expand-button .pa-text-toggle-icon {
	font-family: ETMODULES, "sans-serif";
}


/*set the max height and transition of the expanded toggle*/

.pa-toggle-text .pa-text-toggle-expanded {
	max-height: 2000px;
	transition: max-height 0.3s ease-in;
}


/*hide the gradient when the toggle is expanded*/

.pa-toggle-text .pa-text-toggle-expanded.et_pb_text_inner:after {
	background: none;
}


/* Transparent Header that fixes on scroll */
#page-container header.et-l .et_pb_section .et_pb_menu .et_pb_menu__logo {
  transition: all 300ms ease;
}
#page-container header.et-l .et_pb_section .et_pb_menu ul li a {
  padding-top: 10px;
  padding-bottom: 10px;
  transition: all 300ms ease;
}
#page-container header.et-l .et_pb_section.et_pb_sticky .et_pb_row {

}
#page-container header.et-l .et_pb_section.et_pb_sticky .et_pb_menu ul li a {
  padding-top: 7px;
  padding-bottom: 7px;
}

a:link, a:visited {
 text-decoration: none;
}


/*Formularanpassungen Forminator*/

/* Zielt auf die Bilder innerhalb der Checkboxen ab */
.forminator-ui#forminator-module-131.forminator-design--flat .forminator-checkbox .forminator-checkbox-image {
    background-color: rgba(255,255,255,0)!important; /* Setzt die Hintergrundfarbe (beispielsweise Hellgrau) */
    border-radius: 40px; /* Abgerundete Ecken */
    padding: 10px; /* Abstand rund um das Bild */
   
}

/* Optional: Anpassung beim Hover über die Checkbox-Bilder */
.forminator-ui#forminator-module-131.forminator-design--flat .forminator-checkbox .forminator-checkbox-image:hover {
    background-color: #86bdbf!important; /* Andere Farbe beim Hover */
border-radius: 40px; /* Abgerundete Ecken */
 border: 8px  #86bdbf; /* Rahmen für aktive Checkbox */
}

/* Optional: Anpassung für die aktive Checkbox */
.forminator-ui#forminator-module-131.forminator-design--flat .forminator-checkbox input:checked + .forminator-checkbox-image {
background-color: #86bdbf!important; /* Andere Farbe beim Hover */
border-radius: 40px; /* Abgerundete Ecken */
 border: 8px  #86bdbf; /* Rahmen für aktive Checkbox */
}

body { position: relative; }

/* Vertikales Zentrieren von Elementen */

.vertikal-zentrieren {
display: flex;
flex-direction: column;
justify-content: center;}

/* Inhalt vertikal unten ausrichten */
.content-vertical-align-bottom {  
  display: flex;  
  flex-direction: column;  
  justify-content: flex-end; 
}

.footertext {
	font-family: lato !important;
	font-size: clamp(1rem, 1.0308rem + -0.1299vw, 0.875rem)!important;
	color: white !important;
	font-weight:300 !important;
	}

.H0 {
	font-family: lato !important;
	font-size: clamp(1rem, 0.9692rem + 0.1299vw, 1.125rem)!important;
	color: lithtgrey !important;
	font-weight:400 !important;
	letter-spacing:3px;
    text-transform:uppercase;
	}

/* Footer Spalten nebeneinander */
@media only screen and (max-width: 980px) {
.four-columns .et_pb_column {
width: 25%!important;
}
}

/* Timeline anpasssen */
 @media (max-width: 1023px) {
    .svg-target {
        pointer-events: none !important; /* Deaktiviert jegliche Interaktivität */
        background: none !important; /* Hebt Hintergrundbilder oder -farben auf */
        border: none !important; /* Entfernt eventuelle Rahmen */
        color: inherit !important; /* Hebt Textfarbe auf */
        visibility: visible !important; /* Macht das Element sichtbar, falls versteckt */
    }
}

#cookie-notice #cn-close-notice { display: none; }
#cookie-notice .cn-buttons-container { display: block; }
#cookie-notice .cn-button.et_pb_button {
	background-color: #fff;
	font-size: 1rem;
	text-transform: uppercase;
	font-weight: 700;
	border: none;
	padding: 2px 0.875rem;
	margin-top: 3px;
}
#cookie-notice .cn-button.et_pb_button::after { display: none; }