/*
 Theme Name:     Klug Company Coaches
 Theme URI:      https://www.kree.info
 Description:    Klug Company Coaches
 Author:         kree.info
 Author URI:     https://www.kree.info
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
/* rot: #941c1b */

::-moz-selection { background: #63dac2; color: #fff; }
::selection { background: #63dac2; color: #fff; }

.zoomzom .et_pb_column:hover { transform: scale(110%); z-index: 500; }
.zoomzom .et_pb_column { transform: scale(100%); transition: all 0.5s; z-index: 400;  }

.zoomzoom .et_pb_column_1_3:hover { background-size: 150% auto; }
.zoomzoom .et_pb_column_1_3 { transition: all 0.5s; outline: 12px solid rgba(255,255,255,0.5); }

.zoomzoom .et_pb_column_1_2:hover { background-size: 150% auto; }
.zoomzoom .et_pb_column_1_2 { transition: all 0.5s; outline: 12px solid rgba(255,255,255,0.5); }

.zoomzoom .et_pb_column_1_4:hover { background-size: 150% auto; }
.zoomzoom .et_pb_column_1_4 { transition: all 0.5s; outline: 12px solid rgba(255,255,255,0.5); }

.zoombutton .et_pb_text_inner { padding: 10px; padding-left: 15px; border-radius: 18px; background-color: #fff; font-weight: bold; }
.zoombutton .et_pb_text_inner:after { transition: all 0.5s; opacity: 0; content: '>'; color: #000; font-weight: bold; position: absolute; top: 10px; left: 100%; }
.zoombutton .et_pb_text_inner:hover::after { left: 90%; opacity: 1; }

.menubox { transform: skewY(5deg); top: -200vh; transition: top 0.5s ease-in-out; }
.menubox > .wrapper { transform: skewY(-5deg); }

.menubox.open { top: 0; }
#menubox-shadow { transition: all 1s; backdrop-filter: blur(0px) opacity(0); }
#menubox-shadow.open { display: inherit; backdrop-filter: blur(4px) opacity(1); }

.footerlink {
	text-align: center;
	margin: 0 auto;	
}
.headtext {
	text-align: center;
	color: #333333 !important;
	line-height: 1.7em;
	font-size: 45px;
	text-transform: uppercase;
}
.title {
	color: #333333 !important;
	font-size: 30px;
	text-align: center;
}
.subheadline {
	color: #941c1b !important;
	font-size: 20px;
	text-align: center;
}
.vorteile {
	list-style-type: none !important;
	color: #ffffff;
}


#contact-float
	{
	transition: box-shadow 0.3s;
	width: 46px;
	float: left; 
	position: fixed; 
	right: 20px; 
	top: 45vh; 
	background-color: #5babc2;
	padding: 8px; 
	border-radius: 23px;
	z-index: 100000;
	}

#contact-float:hover { box-shadow: 0 0 70px rgba(0,0,0,0.3); }

#contact-float span 
	{
	transition: all 0.5s;
	display: block; 
	width: 30px; 
	height: 30px; 
	border-radius: 100%; 
	background-color: rgba(255,255,255,0.5);
	margin-bottom: 8px; 
	background-size: 80%;
	background-position: center center;
	cursor: pointer;
	}

#contact-float span:hover
	{
	background-color: #fff;
	width: 54px; 
	height: 54px;
	transform: translate(-12px,0);
	}

header { margin-bottom: -180px; }
.et-fb header { margin-bottom: 0; }

#contact-float a { display: block; margin-bottom: 8px; }
#contact-float span:last-of-type { margin-bottom: 0; }
#contact-float a:last-of-type { margin-bottom: 0; }

#contact-phone { background-image: url("/wp-content/uploads/2025/05/icon-phone-1.svg"); }
#contact-whatsapp { background-image: url("/wp-content/uploads/2025/05/icon-chat-1.svg"); }
#contact-mail { background-image: url("/wp-content/uploads/2025/05/icon-mail-1.svg"); }
#contact-ical { background-image: url("/wp-content/uploads/2025/05/icon-ical-1.svg"); }