@font-face {
    font-family: 'InterBold';
    src: url('fonts/Inter-Bold.eot');
    src: url('fonts/Inter-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Inter-Bold.woff2') format('woff2'),
        url('fonts/Inter-Bold.woff') format('woff'),
        url('fonts/Inter-Bold.ttf') format('truetype'),
        url('fonts/Inter-Bold.svg#Inter-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'InterRegular';
    src: url('fonts/Inter-Regular.eot');
    src: url('fonts/Inter-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Inter-Regular.woff2') format('woff2'),
        url('fonts/Inter-Regular.woff') format('woff'),
        url('fonts/Inter-Regular.ttf') format('truetype'),
        url('fonts/Inter-Regular.svg#Inter-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body {
	font-family: 'InterRegular' !important;
}

#sp-header {
	background: #2271B3;
}

#modal-menu, .modal-menu-active header {
	background: #D80F15ED !important;
}

.mod-finder {
	display: none;
}

.sp-menu-item a {
	color: white !important;
}

#sp-footer, #sp-bottom {
	background: #2271b3;
}

#sp-footer a, #sp-bottom a {
	color: white !important;
}

#sp-footer p, #sp-bottom p, #sp-footer a, #sp-bottom a {
	font-family: 'InterRegular';
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 0%;
}

#modal-menu-toggler {
	background: #d80f15;
  width: 112px;
  height: 112px;
  border: 1px solid white;
}

.burger-icon {
  width: 56px;
  cursor: pointer;
  height: 56px;
  margin: 0 auto;
  margin-top: 35px;
}

.burger-icon > span {
  display: block;
  height: 6px;
  background-color: white;
  margin: 12px 0;
  transition:
background-color 0.3s ease-in, opacity 0.3s ease-in, transform 0.3s ease-in;
}


.modal-menu-active #modal-menu-toggler {
	background: white;
}

.modal-menu-active .burger-icon > span {
  background-color: #D80F15 !important;
}

#modal-menu-toggler.active .burger-icon > span:nth-child(1) {
  transform: translate(0, 31px) rotate(-45deg);
}

.modal-menu-active .burger-icon {
	margin-top: 23px;
}

@media (min-width: 1400px) {
  .container {
    max-width: 1520px;
  }
}

.modal-menu-inner > .container {
	height: 500px;
}

.sp-megamenu-parent .sp-dropdown {
  position: unset !important;
  display: block !important;
}

#modal-menu ul.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
	background: transparent;
	padding: 0px;
}

#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent > li > a::after {
	display: none;
}

.header-modules {
	display: none !important;
}

.sp-megamenu-parent {
	width: 100%;
}

/* Hauptmenü als Flex-Container */
.sp-megamenu-parent {
  display: flex;
  flex-wrap: wrap; /* wichtig für Kontakt */
}

/* Angebot, Unternehmen und Referenzen: je 33% */
.sp-megamenu-parent > li:nth-child(2),
.sp-megamenu-parent > li:nth-child(3),
.sp-megamenu-parent > li:nth-child(4) {
  flex: 0 0 33.3333%;
  display: flex;
  flex-direction: column;
}


/* Menüüberschriften */
.sp-megamenu-parent > li > a {
  font-weight: bold;
  color: white;
}

/* Dropdowns dauerhaft sichtbar */
.sp-dropdown {
  position: static !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: block !important;
  background: transparent;
  box-shadow: none;
}

/* Menülinks */
.sp-dropdown-items li a {
  display: block;
  color: white;
  padding: 4px 0;
}

/* Kontakt-Text normal formatieren */
.sp-megamenu-parent > li:nth-child(5) {
  color: white;
}

.sp-megamenu-parent .sp-menu-item a {
	text-transform: uppercase !important;
	font-family: InterBold;
	font-size: 50px !important;
	line-height: 100%!important;
	letter-spacing: 0%;
	text-transform: uppercase;
}

.sp-megamenu-wrapper {
	border-bottom: 1px solid white;
	padding-bottom: 50px;
}

.page-header {
	display: none;
}

.article-ratings-social-share, .article-header, .article-info, .pagenavigation {
	display: none !important;
}

h1 {
	font-family: 'InterBold';
font-weight: 700;
font-size: 50px;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
color: #2271b3;
	margin-bottom: 30px;
}



h2 {
	font-family: 'InterBold' !important;
font-weight: 700;
font-size: 50px !important;
line-height: 100%;
letter-spacing: 0%;
vertical-align: middle;
	color: #2271b3 !important;
}

h3, h4, h5 {
	font-family: 'InterBold' !important;
}

strong {
	font-family: 'InterBold';
}

p {
	color: #747474;
	font-family: 'InterRegular';
font-weight: 400;
font-size: 20px;
line-height: 40px;
letter-spacing: 0%;
}

#sp-bottom p {
	color: white;
}

#sp-startseite-grid-stack {
	margin-bottom: 200px;
}
/*
#sp-startseite-slideshow {
	background: #2271b3;
}*/
/*
#sp-startseite-slideshow p, #sp-startseite-slideshow h1 {
	color: white !important;
}*/

#sp-startseite-slideshow img {
	margin-bottom: 80px;
	  position: relative;
	  top: -100px;
}

#sp-startseite-slideshow {
	margin-bottom: 100px;
}

#modal-menu ul.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner ul > li > a {
	font-size: 20px !important;
	text-transform: none !important;
	/*height: 50px;*/
}

#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent > li > .sp-dropdown.sp-dropdown-main li.sp-menu-item > a {
	padding:
10px;
  /*padding-top: 15px;*/
}

.sp-dropdown-items .sp-menu-item:hover {
	border: 1px solid white;
}

.sp-dropdown-items .sp-menu-item:hover a {
	height: 50px;
}

#sp-header.header-with-modal-menu.center-layout #modal-menu .modal-menu-inner > .container {
  align-items: flex-start;
  padding:
100px 0 0;
}

.menu-logo {
	height: 146px;
  width: 146px;
  margin:
0 auto;
    margin-top: 0px;
 padding: 15px !important;
  background-color: white;
  margin-top: -73px;
}

.menu-logo img {
	width: 100%;
	margin-top: 10px;
}

.modal-footer {
    display: flex;
    justify-content: space-between;
	padding-left: 15px;
	padding-right: 15px;
  }

  .modal-footer .footer-left,
  .modal-footer .footer-right {
    display: flex;
    gap: 15px;
  }

  .modal-footer a {
    color: #ffffff !important;
    text-decoration: none;
    font-size: 14px;
  }

  .modal-footer a:hover {
    text-decoration: underline;
  }

#sp-footer-bottom {
	background: #2271b3;
	padding-bottom: 50px;
}

#sp-footer-bottom .modal-footer {
	padding-left: 0px;
	padding-right: 0px;
}

.testimonial-container {
  width: 100%;
  background-color: #fff;
  border: 1px solid #2271b3;
  padding: 60px;
  position: relative;
  overflow: hidden;
  margin-bottom: 250px;
  margin-top: 150px;
}

       .testimonial-header {
  font-size: 50px;
  font-weight: bold;
  color: #2271b3;
  margin-bottom: 20px;
  font-family: InterBold;
}

        .testimonial-slide {
            display: none;
            transition: opacity 0.5s ease-in-out;
			margin-top: 60px;
        }

        .testimonial-slide.active {
            display: block;
        }

        .testimonial-content {
            font-size: 16px;
            color: #555;
            margin-bottom: 10px;
			
        }

	@media screen and (min-width: 992px) {
		.testimonial-content {
			padding-left: 100px;
		}
	}

        .testimonial-author {
            font-weight: bold;
        }

        .testimonial-navigation {
		  position: absolute;
		  top: 50px;
		  width: 100px;
		  display: flex;
		  justify-content: space-between;
		  right: 40px;
		}

        .nav-arrow {
            background-color: transparent;
            border: none;
            font-size: 32px;
            cursor: pointer;
            color: #2271b3;
        }

        .nav-arrow.disabled {
            color: #ccc;
            cursor: not-allowed;
        }


.read-more-box {
  width: 228px;
  height: 228px;
  background:
rgba(216, 15, 21, 0.9);
  float: right;
  margin-top: -130px;
  position: relative;
	padding: 30px;
}

.read-more-box-left {
  width: 228px;
  height: 228px;
  background:
rgba(216, 15, 21, 0.9);
  margin-top: -130px;
  position: relative;
	padding: 30px;
}

.read-more-box a, .read-more-box-left a {
	color: white !important;
}

.read-more-box img {
  position: absolute;
  top: 30px;
  right: 30px;
}

.read-more-box a {
  position: absolute;
  bottom: 30px;
  left: 30px;
}

.read-more-box-left img {
  position: absolute;
  bottom: 30px;
  left: 30px;
}

.read-more-box-left a {
  position: absolute;
  top: 30px;
  right: 30px;
}

.angebot-image-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 100px;
    margin-bottom: 100px;
}

.image-wrapper {
    width: calc(50% - 10px);
}

.image-wrapper img {
    width: 100%;
    height: auto;
    display: block;
}

.image-wrapper:nth-child(1) {
    transform: translateY(25%);
}

.image-wrapper:nth-child(2) {
    transform: translateY(-25%);
}

@media (max-width: 768px) {
  .angebot-image-container {
    flex-direction: column;
    gap: 10px;
  }

  .image-wrapper {
    width: 100%;
  }

  .image-wrapper:nth-child(1) {
    transform: none;
    padding-right: 60px;
    padding-left: 0;
  }

  .image-wrapper:nth-child(2) {
    transform: none;
    padding-left: 60px;
    padding-right: 0;
  }
}

.read-more-box-back {
	width: 228px;
  height: 228px;
  background:
rgba(216, 15, 21, 0.9);
  position: relative;
	padding: 30px;
}

.read-more-box-back img {
  position: absolute;
  top: 30px;
  left: 30px;
}

.read-more-box-back a {
  position: absolute;
	color: white !important;
  bottom: 30px;
  left: 30px;
}

.kontakt-red-box a, .kontakt-red-box p {
	color: white !important;
}

.kontakt-red-box {
	margin-top: 40px;
}

#sl-small {
	font-family: 'InterRegular' !important;
}

#sl-big {
	font-family: 'InterBold' !important;
}

#sp-footer {
	padding-top: 50px;
	margin-top: 300px;
	padding-bottom: 20px;
}

#sp-footer .container-inner {
	border-top: none !important;
}

#sp-bottom {
	padding-top: 30px;
}

.footer-container {
  position: relative;
  width: 100%;
  height: 100px;
}

.left-box {
  position: absolute;
  left: 0;
  top: 0;
}

.right-box {
  position: absolute;
  right: 0;
  top: -136px;
  display: flex;
  flex-direction: column;
  gap:
20px;
}

.footer-branding {
	width: 114px;
  height: 114px;
  padding:
17px;
  background:
#d80f15;
  padding-top: 25px;
}

.top-scroller {
	width: 114px;
  height: 114px;
  padding:
17px;
    padding-top: 17px;
  background:
#d80f15;
  padding-top: 25px;
	cursor: pointer;
}
.top-scroller img {
	position: relative;
  left: 20px;
  top: 6px;
}


#sp-startseite-slideshow .read-more-box-left a {
  position: absolute;
  bottom: 30px !important;
  left: 30px !important;
	top: unset;
}


#sp-startseite-slideshow .read-more-box-left img {
	margin-bottom: 0px !important;
	position: absolute;
	top: 30px !important;
	right: 30px !important;
	left: unset;
}

#sp-startseite-slideshow .read-more-box-left {
  width: 228px;
  height: 228px;
  background:
rgba(216, 15, 21, 0.9);
  margin-top: -300px;
  position: relative;
  padding:
30px;
  margin-bottom: 50px;
}

.read-more-box-left a, .read-more-box a {
	font-size: 20px !important;
}

#sp-kontaktformular {
	background: #2271B3;
}

.convertforms {
	font-family: "InterRegular" !important;
	background: transparent !important;
	max-width: 1000px !important;
  	margin: 0 auto !important;
}

.convertforms label {
	color: white !important;
	font-size: 18px !important;
	padding-left: 20px !important;
}

.convertforms input, .convertforms select {
	height: 75px !important;
	border-radius: 0px !important;
	padding-left: 20px !important;
	font-size: 26px !important;
}

.convertforms #form1_anrede, .convertforms #form1_name, .convertforms #form1_vorname, .convertforms #form1_firma, .convertforms #form1_email {
	padding: 20px !important;
}

.convertforms textarea {
	height: 300px !important;
	border-radius: 0px !important;
	padding: 20px !important;
	font-size: 26px !important;
}

.cf-btn {
	width: 228px !important;
  height: 228px !important;
  background: rgba(216, 15, 21, 0.9) !important;
  position: relative !important;
  padding: 30px !important;
	margin-top: -80px !important;
}

.cf-btn-text {
	position: absolute !important;
  left: 30px !important;
  bottom: 30px !important;
}

#form1_termsofservice {
	color: white !important;
}

.cf-btn img {
	position: absolute !important;
	  right: 30px  !important;
	  top: 30px  !important;
}

div.cf-control-group:nth-child(9) {
	height: 0px;
}

.convert-forms h3 {
	color: white !important;
}

#sp-kontaktformular {
	padding-top: 50px;
}

label p {
	color: white !important;
}

.cf-checkbox-group input {
	width: 75px !important;
  margin-top: 30px !important;
}

.cf-checkbox-group label {
	margin-bottom: -30px !important;
}

@media screen and (max-width: 991px) {
	#sp-header {
		height: 74px !important;
	}
}

@media (max-width: 992px) {
	
	h1, h2 {
		font-size: 25px !important;
		line-height: 30px !important;
	}
	
	p {
  color: #747474;
  font-family: 'InterRegular';
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0%;
}
	
	#sp-startseite-grid-stack .uk-padding {
		padding: 0px !important;
	}
	
  .logo-image {
    height: 49px !important;
    margin-bottom: -15px !important;
  }
	
	.burger-icon {
  width: 25px;
  cursor: pointer;
  height: 39px;
  margin: 0 auto;
	}
	
	.burger-icon > span {
  display: block;
  height: 3px;
  background-color: white;
  margin: 6px 0;
  transition: background-color 0.3s ease-in, opacity 0.3s ease-in, transform 0.3s ease-in;
  position: relative;
  top: 4px;
}

#offcanvas-toggler {
	background: #D80F15;
  width: 49px;
  height: 49px;
  border: 1px solid white;
  margin-bottom: -15px;
}
	
	#sp-startseite-slideshow .read-more-box-left {
  width: 100px;
  height: 100px;
  background: rgba(216, 15, 21, 0.9);
  margin-top: -230px;
  position: relative;
  padding: 5px;
  margin-bottom: 50px;
}
	
	#sp-startseite-slideshow .read-more-box-left a {
  font-size: 14px !important;
  width: 100%;
  bottom: 10px !important;
  left: 10px !important;
}
	
	#sp-startseite-slideshow .read-more-box-left img {
  margin-bottom: 0px !important;
  position: absolute;
  top: 10px !important;
  right: 10px !important;
  left: unset;
  width: 34px;
}
	.right-box  {
		display: none;
	}
	
	.left-box img {
		height: 88px;
	}
	
	#sp-footer {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
	.read-more-box {
	  width: 100px;
	  height: 100px;
	  background: rgba(216, 15, 21, 0.9);
	  float: right;
	  margin-top: -70px;
	  position: relative;
	  padding: 10px;
	}
	
	.read-more-box-left {
	  width: 100px;
	  height: 100px;
	  background: rgba(216, 15, 21, 0.9);
	  margin-top: -70px;
	  position: relative;
	  padding: 10px;
	}
	
	.read-more-box img {
	  position: absolute;
	  top: 10px;
	  right: 10px;
	  width: 34px;
	}
	
	.read-more-box a {
	  position: absolute;
	  bottom: 10px !important;
	  left: 10px !important;
	  font-size: 14px !important;
	  width: 100%;
	}
	
	.read-more-box-left a {
	  position: absolute;
	  bottom: 10px !important;
	  left: 10px !important;
	  font-size: 14px !important;
	  width: 100%;
		top: unset !important;
		right: unset !important;
	}
	
	.read-more-box-left img {
	  position: absolute;
	  top: 10px !important;
	  right: 10px !important;
	  width: 34px;
		bottom: unset !important;
		left: unset !important;
	}
	
	
	
	
}

.kontakt-info-block {
  color: white !important;
  line-height: 30px;
  margin-top: 20px;
}


.sp-megamenu-parent > li:nth-child(4) > a:nth-child(1) {
	margin-bottom: 50px;
}


.offcanvas-menu {
	width: 100%;
	background: #D80F15ED;
}

.offcanvas-menu a {
	color: white !important;
	font-family: 'InterBold' !important;
	opacity: 1 !important;
	font-size: 30px !important;
	text-transform: uppercase;
}

.close-offcanvas {
	background: white;
  width: 49px;
  height: 49px;
  margin-top: -10px;
}

body:not(.offcanvas-active) .offcanvas-menu {
	display: none;
}

.offcanvas-active .burger-icon > span:nth-child(1) {
  transform: translate(0, 12px) rotate(-45deg);
}

.offcanvas-active .burger-icon > span {
  background-color: #D80F15;
}

.offcanvas-inner {
	margin-top: 40px;
}

.burger-icon::before {
  content: url('https://max-mueller-horgen.ch/images/icons/menu-toggler-rail.svg');
  position: absolute;
  margin-top: -36px;
  margin-left: 10px;
}

.burger-icon::after {
  content: url('https://max-mueller-horgen.ch/images/icons/menu-toggler-rail.svg');
  float: right;
  margin-top: -90px;
  margin-right: 10px;
}

.modal-menu-active .burger-icon::after {
  content: url('https://max-mueller-horgen.ch/images/icons/menu-toggler-rail-red.svg');
  float: right;
  margin-top: -78px;
  margin-right: 10px;
}


.modal-menu-active .burger-icon::before {
  content: url('https://max-mueller-horgen.ch/images/icons/menu-toggler-rail-red.svg');
  position: absolute;
  margin-top: -24px;
  margin-left: 10px;
}

.testimonial-slide {
  display: flex;
  flex-direction: row;
  gap: 40px;
  align-items: flex-start;
}

.testimonial-slide .testimonial-author {
  min-width: 200px;
}

@media (max-width: 991px) {
  .testimonial-slide {
    flex-direction: column;
  }

  .testimonial-slide .testimonial-author {
    min-width: 0;
  }
}


@media screen and (max-width: 991px) {
	
	.testimonial-header {
		font-size: 25px !important;
	}
	
	.burger-icon::before {
	  content: url('https://max-mueller-horgen.ch/images/icons/menu-toggler-rail-small.svg');
    position: absolute;
    margin-top: -5px;
    margin-left: 5px;
	}

	.burger-icon::after {
	  content: url('https://max-mueller-horgen.ch/images/icons/menu-toggler-rail-small.svg');
    float: right;
    margin-top: -38px;
    margin-right: 5px;
	}
	
	.offcanvas-active .burger-icon::before {
	  content: url('https://max-mueller-horgen.ch/images/icons/menu-toggler-rail-red-small.svg');
    position: absolute;
    margin-top: -6px;
    margin-left: 5px;
	}
	
	
	.offcanvas-active .burger-icon::after {
	  content: url('https://max-mueller-horgen.ch/images/icons/menu-toggler-rail-red-small.svg');
    float: right;
    margin-top: -33px;
    margin-right: 5px;
	}
	
}

.offcanvas-menu .logo-image {
	margin-top: -25px;
  	margin-left: 15px;
}

.offcanvas-links {
	padding: 25px;
}

.offcanvas-inner {
	padding-bottom: 0px !important;
}

.offcanvas-links {
	padding-top: 0px !important;
}

.offcanvas-links a {
	font-family: 'InterRegular' !important;
	font-size: 14px !important;
	line-height: 40px !important;
	text-transform: none;
}
/*
span.menu-toggler {
	display: none !important;
}*/

.offcanvas-inner .menu li {
	margin-bottom: 15px !important;
}


.offcanvas-inner .menu-child a {
	font-family: 'InterRegular' !important;
	font-size: 14px !important;
	text-transform: none !important;
}

.offcanvas-inner .menu-child {
	margin-top: 15px !important;
}

.read-more-box:hover, .read-more-box-left:hover, .top-scroller:hover {
	transition: 0.3s ease;
	background: rgba(34, 113, 179, 0.9) !important;
	box-shadow: 10px 10px 20px 0px #00000040;
}

.sp-megamenu-parent > li:nth-child(5) {
	display: none;
}


@media screen and (max-width: 991px) {
	.testimonial-slide > div {
		display: block !important;
	}
	.testimonial-author {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 500px) {
	.testimonial-navigation {
		width: 70px;
		top: 58px;
		right: 30px;
	}
}


@media screen and (max-width: 768px) {
	#sp-bottom p, #sp-bottom a {
		font-size: 14px !important;
	}
	
	#mod-custom115 p:not(:first-of-type), #mod-custom116 p:not(:first-of-type) {
	  display: none;
	}
	
	.footer-left {
		display: block !important;
		width: 100%
	}
	
	.footer-left a {
		display: block;
		width: 100%;
		line-height: 40px !important;
	}
	
	.footer-right {
		margin-top: 30px;
		display: block !important;
		width: 100%;
	}
	
	.footer-right a {
		display: block;
		width: 100%;
		line-height: 40px !important;
	}
	
	#sp-bottom2 .sp-module , #sp-bottom3 .sp-module , #sp-bottom4 .sp-module {
			margin-bottom: 0px !important;
	}
	
	#sp-bottom2 strong , #sp-bottom3 strong , #sp-bottom4 strong {
		font-size: 18px !important;
	}
}

.uk-slider li {
	padding-left: 0px !important;
}


#mod-custom125 .read-more-box {
	  width: 228px;
	  height: 228px;
	  background: rgba(216, 15, 21, 0.9);
	  float: right;
	  margin-bottom: -130px !important;
	  position: relative;
	  padding: 30px;
	  z-index: 9 !important;
}

@media screen and (max-width: 991px) {
	#mod-custom125 .read-more-box {
  float: right;
  margin-bottom: -130px !important;
  z-index: 9 !important;
  width: 100px;
  height: 100px;
  position: relative;
  padding: 5px;
}

#sp-startseite-referenzen-slider .uk-scope [class*="uk-child-width"] > * {
  box-sizing: border-box;
  width: 80%;
}

}


.sp-dropdown-inner li.active {
	background: white !important;
}

.sp-dropdown-inner li.active a {
	color: #d80f15 !important;
}

.sp-dropdown-inner .sp-menu-item {
	margin-top: 5px;
	margin-bottom: 5px;
}

.header-sticky {
	height: 62px !important;
}

@media screen and (min-width: 991px) {
.header-sticky .logo-image  {
	height: 60px !important;
	margin-top: -115px !important;
}
}

@media screen and (max-width: 991px) {

	.header-sticky {
		
	}
	
	
}

.header-sticky #modal-menu {
	top: 62px !important;
}

.header-sticky #modal-menu-toggler {
  background: #d80f15;
  width: 60px !important;
  height: 60px !important;;
  border: 1px solid white;
  margin-top: -169px;
}


body.modal-menu-active.header-sticky #modal-menu-toggler {
  background: white !important;
}

.header-sticky .burger-icon::before {
  content: url('https://max-mueller-horgen.ch/images/icons/menu-toggler-rail-sticky.svg');
  position: absolute;
  margin-top: -20px;
  margin-left: 5px;
}

.header-sticky .burger-icon::after {
  content: url('https://max-mueller-horgen.ch/images/icons/menu-toggler-rail-sticky.svg');
  float: right;
  margin-top: -53px;
  margin-right: 5px;
}

.modal-menu-active .header-sticky .burger-icon::before {
  content: url('https://max-mueller-horgen.ch/images/icons/menu-toggler-rail-sticky-red.svg');
  position: absolute;
  margin-top: -20px;
  margin-left: 5px;
}

.modal-menu-active .header-sticky .burger-icon::after {
  content: url('https://max-mueller-horgen.ch/images/icons/menu-toggler-rail-sticky-red.svg');
  float: right;
  margin-top: -53px;
  margin-right: 5px;
}

.header-sticky .burger-icon {
  width: 30px;
  cursor: pointer;
  height: 40px;
  margin: 0 auto;
  margin-top: 17px;
}

.header-sticky .burger-icon > span {
  display: block;
  height: 4px;
  background-color: white;
  margin: 7px 0;
  transition: background-color 0.3s ease-in, opacity 0.3s ease-in, transform 0.3s ease-in;
}

#referenzen-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

#filter-toggle {
  background: none;
  border: none;
  cursor: pointer;
  margin-left: 1rem;
  position: relative;
  z-index: 2;
}

#filter-modal {
  position: absolute;
  top: 0;
  right: 100px;
  margin-right: 1rem;
  padding: 1rem;
  min-width: 300px;
  display: none;
  z-index: 1;
}

#filter-modal.active {
  display: block;
}
#filter-modal .uk-subnav {
  list-style: none !important;
  padding-left: 0px;
  max-width: 600px;
}

#filter-modal .uk-subnav li {
	display: inline-block;
}

#filter-modal .uk-subnav li a {
	
	font-family: 'InterRegular';
	color: #747474;
font-weight: 400;
font-size: 20px;
line-height: 50px;
letter-spacing: 0%;
	width: 185px;
	display: block;
	padding-left: 30px;
  padding-right: 30px;
}
#filter-modal .uk-subnav li a:hover {
	color: #747474;
}

#filter-modal .uk-subnav li.uk-active {
	border: 1px solid #747474;
}

#filter-heading {
	font-family: 'InterRegular' !important;
font-weight: 400 !important;
font-size: 50px !important;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
margin-bottom: 50px;
}

@media (min-width: 640px) {
  .referenzen-grid > div:nth-child(even) {
    transform: translateY(50%);
  }
	
	.team-grid > div:nth-child(even) {
    transform: translateY(50%);
  }
}

.uk-lightbox {
	background: #2271B3D9 !important;
	z-index: 9999999;
}

.uk-lightbox-close, .uk-lightbox-caption {
	display: none !important;
}

.uk-lightbox-slidenav {
background: #D80F15;
  display: block;
  opacity: 1 !important;
	padding: 50px;
}

.team-grid p {
	margin-top: 0px !important;
	font-size: 20px !important;
}

.team-grid h4 {
	margin-bottom: 0px !important;
}

.team-grid a {
	color: #747474 !important;
font-weight: 400;
font-size: 20px !important;
line-height: 30px;
letter-spacing: 0%;

}

.team-grid a:hover {
	color: #747474 !important;
}


.team-link-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem; /* Abstand zwischen Icon und Link */
}

.team-link-icon {
  width: 32px;
  height: 16px;
  flex-shrink: 0;
}

@media screen and (max-width: 991px) {
	header {
		position: absolute !important;
	}
}

.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler::after, .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler::after {
	content: url(https://max-mueller-horgen.ch/images/icons/offcanvas-chevron-open.svg);
}

.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent.menu-parent-open > a > .menu-toggler::after, .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent.menu-parent-open > .menu-separator > .menu-toggler::after {
	content: url(https://max-mueller-horgen.ch/images/icons/offcanvas-chevron.svg);
}

.header-sticky #modal-menu-toggler.active {
	background: white !important;
}

.header-sticky #modal-menu-toggler.active .burger-icon > span:nth-child(1) {
  transform: translate(0, 9px) rotate(-45deg);
}

.header-sticky #modal-menu-toggler.active .burger-icon > span:nth-child(3) {
  transform: translate(0, -13px) rotate(45deg);
}

@media (max-width: 768px) {
  .kontakt-grid {
    grid-template-columns: 1fr !important;
  }
}

@media screen and (max-width: 1200px) {
	.cf-btn {
  width: 114px !important;
  height: 114px !important;
}
	
	.cf-btn img {
  position: absolute !important;
  right: 10px !important;
  top: 10px !important;
  width: 50px;
}
	
	.cf-btn-text {
  position: absolute !important;
  left: 10px !important;
  bottom: 10px !important;
}
	
}

@media screen and (max-width: 600px) {
	.cf-btn {
		margin-top: -15px !important;
	}
	
	.convertforms input, .convertforms select {
	  height: 55px !important;
	  border-radius: 0px !important;
	  padding-left: 20px !important;
	  font-size: 18px !important;
	}
	
	.convertforms textarea {
		font-size: 18px !important;
	}
}

.cf-btn:hover {
	background: #2271B3 !important;
	box-shadow: 10px 10px 20px 0px #00000040;
}

.svg-circle-animation-wrapper {
  position: relative;
  width: 100%;
  height: 134px;
  overflow: hidden;
}

.svg-circle-left,
.svg-circle-right {
  position: absolute;
  width: 134px;
  height: 134px;
  top: 0;
  /* Keine Animation hier */
}

.svg-circle-left.animate {
  animation: bounce-in-left 1.2s cubic-bezier(0.8, 0, 0.2, 1) forwards;
}

.svg-circle-right.animate {
  animation: bounce-in-right 1.2s cubic-bezier(0.8, 0, 0.2, 1) forwards;
}

@keyframes bounce-in-left {
  0%   { left: -200px; }
  55%  { left: calc(50% - 129px); }   /* Endposition mit 5px Überlappung */
  70%  { left: calc(50% - 189px); }   /* kräftiger Rückstoß */
  100% { left: calc(50% - 129px); }
}

@keyframes bounce-in-right {
  0%   { left: 100%; }
  55%  { left: calc(50% - 5px); }
  70%  { left: calc(50% + 55px); }
  100% { left: calc(50% - 5px); }
}

/* 🔻 Responsive für Bildschirme < 991px */
@media (max-width: 990px) {
  .svg-circle-animation-wrapper {
    height: 57px;
  }

  .svg-circle-left,
  .svg-circle-right {
    width: 57px;
    height: 57px;
  }

  .svg-circle-left.animate {
    animation: bounce-in-left-mobile 1.2s cubic-bezier(0.8, 0, 0.2, 1) forwards;
  }

  .svg-circle-right.animate {
    animation: bounce-in-right-mobile 1.2s cubic-bezier(0.8, 0, 0.2, 1) forwards;
  }

  @keyframes bounce-in-left-mobile {
    0%   { left: -200px; }
    55%  { left: calc(50% - 54px); }   /* Endposition mit 3px Überlappung */
    70%  { left: calc(50% - 114px); }  /* Rückstoß */
    100% { left: calc(50% - 54px); }
  }

  @keyframes bounce-in-right-mobile {
    0%   { left: 100%; }
    55%  { left: calc(50% - 3px); }
    70%  { left: calc(50% + 57px); }
    100% { left: calc(50% - 3px); }
  }
}

@media screen and (max-width: 991px) {
	.read-more-box-back {
		width: 114px;
		height: 114px;
	}
	
	.read-more-box-back a {
	  position: absolute;
	  color: white !important;
	  bottom: 10px;
	  left: 10px;
	  font-size: 14px;
	}
	
	.read-more-box-back img {
	  position: absolute;
	  top: 10px;
	  left: 10px;
	  width: 34px;
	}
}


.arrow-animated {
  height: 50px;
  width: auto;
}

.arrow-line {
  stroke-dasharray: 4 4;
  stroke-dashoffset: 80;
  transition: stroke-dashoffset 0.6s ease;
}

.read-more-box-left:hover .arrow-line {
  stroke-dashoffset: 0;
}

.modal-menu-active #modal-menu-toggler > div:nth-child(1) > span:nth-child(1)::before, .modal-menu-active #modal-menu-toggler > div:nth-child(1) > span:nth-child(3)::after {
	display: none !important;
}

#sp-header:not(.header-sticky) #modal-menu-toggler > div:nth-child(1) > span:nth-child(1)::before {
  content: '';
  display: block;
  height: 6px;
  background-color: white;
  width: 56px;
  margin: 12px 0;
  transition: background-color 0.3s ease-in, opacity 0.3s ease-in, transform 0.3s ease-in;
  position: relative;
  top: -17px;
	opacity: 0;
}

#sp-header:not(.header-sticky) #modal-menu-toggler > div:nth-child(1) > span:nth-child(3)::after {
content: '';
  display: block;
  height: 6px;
  background-color: white;
  width: 56px;
  margin: 12px 0;
  transition: background-color 0.3s ease-in, opacity 0.3s ease-in, transform 0.3s ease-in;
  position: relative;
  bottom: -17px;
	opacity: 0;
}

/* Nur beim Hover sichtbar */
#sp-header:not(.header-sticky) #modal-menu-toggler:hover > div:nth-child(1) > span:nth-child(1)::before,
#sp-header:not(.header-sticky) #modal-menu-toggler:hover > div:nth-child(1) > span:nth-child(3)::after {
  opacity: 1;
  transform: scaleX(1);
}

.header-menu a {
		font-family: 'InterBold';
font-weight: 800;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
text-align: center;
vertical-align: middle;
text-transform: uppercase;
color: white !important;
	min-width: 120px;
	padding: 20px;
}

.header-menu {
	position: relative;
  		top: -55px;
	transform: translateX(25%);
}

.header-sticky .header-menu {
	top: -88px;
}

@media screen and (max-width: 1400px) {
	.header-menu-wrapper {
		display: none !important;
	}
}

.modal-menu-active .header-menu-wrapper {
		display: none !important;
	}

.cf-input[type="checkbox"] {
	height: 75px !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-color: white !important;
  cursor: pointer !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 60% !important;
}

.cf-input[type="checkbox"]:checked {
  background-image: url('/images/icons/checkbox.svg') !important;
}
/*
@media screen and (max-width: 768px) {
	#sp-main-body {
	  padding: 40px 0;
	}
}*/

@media screen and (max-width: 500px) {
	#sp-logo {
		width: auto !important;
	}
}

@media (max-width: 992px) {
  #sp-startseite-grid-stack .read-more-box a {
    position: absolute;
    bottom: 10px !important;
    left: 4px !important;
    font-size: 14px !important;
    width: 100%;
  }
	
	#sp-startseite-grid-stack .read-more-box-left a {
    position: absolute;
    bottom: 10px !important;
    left: 4px !important;
    font-size: 14px !important;
    width: 100%;
  }
}

#sp-startseite-grid-stack .read-more-box a:hover, #sp-startseite-grid-stack .read-more-box-left a:hover {
	text-decoration: none !important;
}

@media screen and (max-width: 1200px) {
  #filter-modal {
    right: -30px;
    background: #FFFFFFF2;
    box-shadow: -10px 10px 20px 0px #00000040;
	  max-width: 300px;
	  padding: 40px;
  }
	
}

@media screen and (max-width: 768px) {
	#filter-toggle img {
		width: 20px;
		height: 20px;
	}
	
	#filter-toggle {
		top: -13px;
	}
	
	#filter-heading {
		font-size: 40px !important;
	}
}

#sp-kontakt-animation .svg-circle-animation-wrapper {
	position: relative;
  bottom: -150px;
}

.since-badge {
	height: 228px;
  width: 228px;
  background: #d80f15;
  position: absolute;
  right: 0px;
}

#mod-custom127 {
	display: flex;
  align-items: center;
  position: relative;
}

@media screen and (min-width: 1000px) and (max-width: 1450px) {
	#mod-custom127 {
		display: none !important;
	}
}

.since-badge img {
	margin-left: 30px;
  margin-top: 50px;
}

@media screen and (max-width: 1000px) {
	.since-badge {
	height: 100px;
  width: 100px;
  background: #d80f15;
  position: absolute;
  right: 0px;
}
	
	.since-badge img {
		width: 69px;
		height: auto;
	}
	
	.since-badge img {
  margin-left: 12px;
  margin-top: 22px;
}
	
	
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
  font-family: 'InterRegular' !important;
  text-decoration: none;
}

#sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent > li > .sp-dropdown.sp-dropdown-main li.sp-menu-item > a, #sp-header.header-with-modal-menu.center-layout .sp-megamenu-wrapper .sp-megamenu-parent > li > .sp-dropdown.sp-dropdown-main li.sp-menu-item > a:hover {
	height: auto !important;
}

header.header-sticky .header-menu {
  transform: translateX(50%);
}

#mod-custom128 .svg-circle-animation-wrapper {
	position: relative;
	bottom: -150px;
}
ul {
font-size: 20px;
  color: #747474;
}

.article-details h3 {
	color: #747474 !important;
	margin-bottom: 10px !important;
}


@media screen and (max-width: 768px) {
	.article-details h3 {
		font-size: 19px;
	}
}

.article-details h3 a {
	color: #747474;
	text-decoration: underline;
}

.article-details h3 a:hover {
	color: #747474;
	text-decoration: underline;
}

.read-more-box-back:hover {
	cursor: pointer;
	transition: 0.3s ease;
  background: rgba(34, 113, 179, 0.9) !important;
  box-shadow: 10px 10px 20px 0px #00000040;
}

/* Footer Klimafreundlich */
.footerIageLinks a.footerIageLinksIage {
  color: #B6B6B6;
  opacity: 1;
  font-weight: 300;
  margin-right: 20px;
}
.footerIageLinks a.footerIageLinksKlima {
  color: #B6B6B6;
  opacity: 1;
  font-weight: 300;
}
.footerIageLinks a.footerIageLinksIage:hover {
  color: white !important;
  opacity: 1;
  text-decoration: none;
}
.footerIageLinks a.footerIageLinksKlima:hover {
  color: white !important;
  opacity: 1;
  text-decoration: none;
}

.footerIageLinks a.footerIageLinksIage span {
  background-image: url("images/footer-iage/iage-logo-weiss.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  display: inline-block;
  height: 22px;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 10px;
  opacity: 1;
  width: 33.9px;
  vertical-align: middle;
}
.footerIageLinks a.footerIageLinksKlima span {
  background-image: url("images/footer-iage/klimafreundlich-weiss.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  display: inline-block;
  height: 22px;
  margin-bottom: 0;
  margin-left: 5px;
  opacity: 1;
  width: 22.6px;
  vertical-align: middle;
}
.footerIageLinks a.footerIageLinksIage:hover span {
  background-image: url("images/footer-iage/iage-logo-weiss.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  display: inline-block;
  height: 22px;
  margin-bottom: 0;
  margin-left: 5px;
  margin-right: 10px;
  opacity: 1;
  width: 33.9px;
  vertical-align: middle;
}
.footerIageLinks a.footerIageLinksKlima:hover span {
  background-image: url("images/footer-iage/klimafreundlich-gruen.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  display: inline-block;
  height: 22px;
  margin-bottom: 0;
  margin-left: 5px;
  opacity: 1;
  width: 22.6px;
  vertical-align: middle;
}

.article-details ul {
	list-style-type: disc !important;
}

.article-details a {
	color: #747474;
	text-decoration: underline;
}

#sp-startseite-referenzen-heading, #sp-startseite-referenzen {
	display: none;
}

.header-menu a:hover {
	border: 1px solid white;
}

header.header-sticky .header-menu a:hover {
	border: 0px solid white !important;
}

#sp-ueber-uns-blau {
	background-color: #2271b3;
	padding-top: 80px;
	padding-bottom: 80px;
}

#sp-ueber-uns-blau h3, #sp-ueber-uns-blau p, #sp-ueber-uns-blau li {
	color: white !important;
}

@media (max-width: 992px) {
	li {
		font-size: 16px;
	}
}

ul {
	margin-top: 40px !important;
}

#filter-toggle {
	display: none;
}

.referenzen-link-menu {
	display: none !important;
}

.sp-megamenu-parent .sp-dropdown-items {
	margin-top: 0px !important;
}

.sp-megamenu-parent .sp-dropdown {
	width: 240px;
  padding-top: 20px !important;
}

#mod-custom128 {
	display: none;
}

#form1_email::placeholder {
	color: white !important;
}