/* 
Theme Name: M2N Theme
Theme URI: https://github.com/elementor/hello-theme-child/
Description: M2N Theme is a child theme of Hello Elementor, created by DIGIHOUSE
Author: DIGIHOUSE Werbeagentur OG
Author URI: https://www.digihouse-werbeagentur.at
Template: hello-elementor
Version: 1.0.0
*/

/* Allgemein */

html, body {
  
  -webkit-tap-highlight-color: transparent;
}

/* Burger Icon */

.closebutton img {
    content: url(/wp-content/uploads/icon-sandwich-close.svg);
}

/* Fade In Lazy Load Images - WP Rocket */

img[data-lazy-src] {
	opacity: 0;
	transition: all .4s; 
}

body .lazyloaded {
	opacity: 1; 
}


/* Linienconnectors */

.connectpoint {
	width: 0px;
	height: 0px;
}

/* Textboxen Aufzählung und Überschriften */

.elementor-widget-text-editor ul {
	list-style-type: square;
  	padding-left: 17px;
	padding-top: 20px;
	}

.elementor-widget-text-editor ul li {
	padding-left: 10px;
	margin-bottom: 10px;
	}
	
.elementor-widget-text-editor ul li ul {
	margin-top: 10px;
	margin-bottom: 20px;
	}

.elementor-widget-text-editor ul + h2 {
	padding-top: 30px;
}

.elementor-widget-text-editor ul + h3 {
	padding-top: 30px;
}

.elementor-widget-text-editor h1 + h2 {
	padding-top: 30px;
}

.elementor-widget-text-editor p + h2 {
	padding-top: 20px;
}

.elementor-widget-text-editor p + h3 {
	padding-top: 20px;
}

.elementor-widget-text-editor ol {
	padding-left: 19px;
	}

.elementor-widget-text-editor ol li {
	padding-left: 10px;
	margin-bottom: 10px;
	}

.elementor-widget-text-editor ol + h2 {
	padding-top: 30px;
}


/* Textboxen links */ 

.elementor-widget-icon-box .elementor-icon-box-title a:link, .elementor-widget-icon-box .elementor-icon-box-title a:visited {
	color: inherit;
	font-weight: inherit !important;
	text-decoration: underline;
	text-decoration-thickness: 1px; 
	text-underline-offset: 2px;
}


/* Buttons */


.verbindenbutton .elementor-button-icon {
    display: flex;
}

.verbindenbutton .elementor-button-icon svg {
    height: auto;
    width: 34px;
}

/* Doppelpunkt - Heading */

h2.elementor-heading-title span {
  position: relative;
  padding-right: 25px;
}

h2.elementor-heading-title span::after {
  content: url('https://www.m2n.at/wp-content/uploads/2025/03/icon-doppelpunkt.svg');
  position: absolute;
  right: 8px;
  top: 4px;
  width: 7px;
  height: auto;
}

@media screen and (max-width: 767px) {
	h2.elementor-heading-title span::after {
  	content: url('https://www.m2n.at/wp-content/uploads/2025/03/icon-doppelpunkt.svg');
 	position: absolute;
  	right: 8px;
  	top: 5px;
  	width: 7px;
  	height: auto;
}
	
	
}

/* ROT - Heading */

h2.elementor-heading-title strong {
  color: var(--e-global-color-accent);
  font-weight: inherit !important;
}




/* Avalon Infocontainer */


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

.avaloncontainer {
	background-color: #000000;
}

}


/* Roter Doppelpunkt SVG */

.bigreddpoint {
	mix-blend-mode: multiply;
}


.swiper.elementor-loop-container {
	overflow: visible;
}


/* Partner Login */

#partner_form .elementor-message.elementor-message-danger, #partner_form .elementor-message.elementor-message-success {
	display: none !important;
}


/* Line Container Mask - Home Avalon */


.page-id-11 svg.leader-line-1 {
  mask-image: radial-gradient(circle at left bottom, transparent 170px, black 170px) !important;
}

.page-id-11 svg.leader-line-2 {
  mask-image: radial-gradient(circle at right top, transparent 170px, black 170px) !important;
}

/* Hero Container Avalon Top */

@media screen and (min-width: 1024px) and (max-width: 1160px) {

	.herotopheadingone .elementor-heading-title {
		font-size: 65px !important;
	}

	.herotopheadingtwo .elementor-heading-title {
	font-size: 25px !important;
	}

}

.page-id-1287 svg.leader-line-1 {
  mask-image: radial-gradient(circle at left bottom, transparent 230px, black 230px) !important;
}

.page-id-1287 svg.leader-line-2 {
  mask-image: radial-gradient(circle at right top, transparent 230px, black 230px) !important;
}

.page-id-1287 svg.leader-line-3 {
  mask-image: radial-gradient(circle at left top, transparent 230px, black 230px) !important;
}

@media screen and (max-width: 1160px) {
	
		.page-id-1287 svg.leader-line-1 {
		  mask-image: radial-gradient(circle at left bottom, transparent 170px, black 170px) !important;
		}

		.page-id-1287 svg.leader-line-2 {
		  mask-image: radial-gradient(circle at right top, transparent 170px, black 170px) !important;
		}

		.page-id-1287 svg.leader-line-3 {
		  mask-image: radial-gradient(circle at left top, transparent 170px, black 170px) !important;
		}
	
}

@media screen and (max-width: 767px) {
	
		.page-id-1287 svg.leader-line-1 {
		  mask-image: radial-gradient(circle at left bottom, transparent 125px, black 125px) !important;
		}

		.page-id-1287 svg.leader-line-2 {
		  mask-image: radial-gradient(circle at right top, transparent 125px, black 125px) !important;
		}

		.page-id-1287 svg.leader-line-3 {
		  mask-image: radial-gradient(circle at left top, transparent 125px, black 125px) !important;
		}
	
}


/* Hero Container Wir sind m2n Top */

@media screen and (min-width: 1024px) and (max-width: 1160px) {

	.herotopheadingone .elementor-heading-title {
		font-size: 65px !important;
	}

	.herotopheadingtwo .elementor-heading-title {
	font-size: 25px !important;
	}

}

.page-id-2455 svg.leader-line-1 {
  mask-image: radial-gradient(circle at right bottom, transparent 230px, black 230px) !important;
}

.page-id-2455 svg.leader-line-2 {
  mask-image: radial-gradient(circle at right top, transparent 230px, black 230px) !important;
}

.page-id-2455 svg.leader-line-3 {
  mask-image: radial-gradient(circle at right top, transparent 230px, black 230px) !important;
}

.page-id-2455 svg.leader-line-4 {
  mask-image: radial-gradient(circle at left bottom, transparent 230px, black 230px) !important;
}

@media screen and (max-width: 1160px) {
	
		.page-id-2455 svg.leader-line-1 {
		  mask-image: radial-gradient(circle at right bottom, transparent 170px, black 170px) !important;
		}

		.page-id-2455 svg.leader-line-2 {
		  mask-image: radial-gradient(circle at right top, transparent 170px, black 170px) !important;
		}

		.page-id-2455 svg.leader-line-3 {
		  mask-image: radial-gradient(circle at right top, transparent 170px, black 170px) !important;
		}
	
	    .page-id-2455 svg.leader-line-4 {
		  mask-image: radial-gradient(circle at left bottom, transparent 170px, black 170px) !important;
		}
	
}

@media screen and (max-width: 767px) {
	
		.page-id-2455 svg.leader-line-1 {
		  mask-image: radial-gradient(circle at right bottom, transparent 125px, black 125px) !important;
		}

		.page-id-2455 svg.leader-line-2 {
		  mask-image: radial-gradient(circle at left top, transparent 125px, black 125px) !important;
		}

		.page-id-2455 svg.leader-line-3 {
		  mask-image: radial-gradient(circle at right top, transparent 125px, black 125px) !important;
		}
		.page-id-2455 svg.leader-line-4 {
		  mask-image: radial-gradient(circle at left bottom, transparent 125px, black 125px) !important;
		}
	
}


/* Sprechblasen */

.sprechblase {
	background-size: 100% 100% !important;
	transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
	
	.sprechblase {
	position: relative !important;
	top: 0px !important;
	left: 30px !important;
	transform: none;
}
	
}


/* Avalon Funktionen */

.filterholder {
	overflow-x: auto;
	padding: 0px 20px 5px 20px;
	
}

.filterholder * {
	width: auto !important;
	max-width: inherit !important;
	
}

.funkfilter .facet-wrap {
	border-radius: 33px;
    background-color: var(--e-global-color-text);
	padding: 5px 20px !important;
	white-space: nowrap;
}

.facetwp-facet.facetwp-facet-avalon_features {
    display: flex;
    flex-flow: row;
    justify-content: space-around;
	gap: 10px;
	margin: 0px;
}

.facetwp-facet-avalon_features .facetwp-radio:first-child, .facetwp-facet-avalon_features .facetwp-radio .facetwp-counter {
  display: none;
}

.facetwp-facet-avalon_features .facetwp-display-value {
    padding: 0px;
}

.facetwp-facet-avalon_features .facetwp-radio, .facetwp-facet-avalon_features .facetwp-radio.checked {
    background: none;
    cursor: pointer;
}

.facetwp-facet-avalon_features .facetwp-radio {
	font-family: "Titillium Web", Sans-serif;
	text-transform: uppercase;
  	font-size: 17px;
  	font-weight: 600;
  	font-stretch: normal;
  	font-style: normal;
  	line-height: 1em;
  	letter-spacing: 0.45px;
	padding: 20px 40px;
	color: #ffffff;
	border-radius: 33px;
	margin: 0px 10px;
	transition: all 0.4s;
}

.facetwp-facet-avalon_features .facetwp-radio:hover, .facetwp-facet-avalon_features .facetwp-radio.checked {
	color: var(--e-global-color-text);
	background-color: #ffffff;
}

.swiper-button-disabled {
	cursor: default !important;
	
}

@media screen and (max-width: 1250px) {
	
	.facetwp-facet-avalon_features .facetwp-radio {
	font-family: "Titillium Web", Sans-serif;
	text-transform: uppercase;
  	font-size: 14px;
  	font-weight: 600;
  	font-stretch: normal;
  	font-style: normal;
  	line-height: 1em;
  	letter-spacing: 0.45px;
	padding: 10px 20px;
	}
}



/* Bullets Pagination */

.swiper-pagination-bullet  {
	opacity: 1 !important;
}

.swiper-pagination-bullet-active  {
	background: var(--e-global-color-accent) !important;
}

/* Logo Grids */

.logogrid {
	grid-auto-rows: minmax(80px, auto);
}

/* Mobile Menu */

.mobmenu a {
	transition: none !important;
}

.mobmenu a:focus, .mobmenu a:active {
	color: var(--e-global-color-accent) !important;
}