/* Helper Breiten */
.w-100 :is(figure,img) { width: 100%!important; height:auto; }
.w-75 :is(figure,img) { width: 75%!important; height:auto; }
.w-50 :is(figure,img) { width: 50%!important; height:auto; }
.w-25 :is(figure,img) { width: 25%!important; height:auto; }

/* Modal Popup */
.mod_article.popup {
	display: flex;
/*	display: none; */
	position: fixed;
	z-index: 1000000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	align-items: center;
	justify-content: center;
	min-height: fit-content;
	opacity: 1;
	.container:not(:has(:first-child)) {
		border: 2px solid orange;
		height: 2px;
		width: 100%;
	}
	&:not(:has(.ce_dismissableBanner)) {
		display: none;
		opacity: 0;
	}
	&.filter-blur {
		backdrop-filter: blur(3px);
	}
	
	.ce_hyperlink { margin-top: 3rem; }
	.hyperlink_txt {
		color: #fff;
	}
	.hyperlink_txt:hover,.hyperlink_txt:focus,.hyperlink_txt:active, .hyperlink_txt:focus-visible {
		color: #fff;
	}
	
	.ce_dismissableBanner {
		margin-top: 1rem;
		.close {
			top: 0;
			right: 0;
		}
		.inside { padding-top: 2.1rem; }
		/* bgAccent */
		&.bg-accent { 
			background-color: var(--accentColor)!important; 
			.hyperlink_txt:hover {
				background-color: oklch(from var(--bg-accent) calc(l - 0.2) c h);
			}
		}
		/* bgSecond */
		&.bg-second { 
			background-color: var(--secondColor)!important; 
			.hyperlink_txt:hover {
				background-color: oklch(from var(--bg-second) calc(l + 0.15) c h);
			}
			
		}
		&:is(.bg-accent, .bg-second) {
			color: #fff;
			:is(h1,h2,h3,h4,h5,h6) { color: #fff; }
			.close::before { background-color: #fff; }
			.close::after { background-color: #fff; }
			.hyperlink_txt {
				border-color: #fff;
			
			}	
		}
	}
	

	
}
@media (max-width: 767px) {
	.mod_article.popup {
		height: 100vh;
			.container {
				max-width: 90%;
				margin: 0;
			}
	}
	.ce_dismissableBanner {
		.close {
			top: 0;
			right: 0;
		}
		.inside { padding-top: 2.1rem; }
		.ce_hyperlink { margin-top: 2.4rem; }
	}

}

.content-legal {
	h2 {
		font-size: 1.53rem;
		margin-top: 3rem;
	}
	ul { margin-bottom: 15px; }
}
/*Webfont*/

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-ThinItalic.ttf') format('truetype');
	font-weight: 100;
	font-style: italic;
	font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-ExtraLight.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-ExtraLightItalic.ttf') format('truetype');
	font-weight: 200;
	font-style: italic;
	font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}



@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Italic.ttf') format('truetype');
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-SemiBold.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-SemiBoldItalic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Medium.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-MediumItalic.ttf') format('truetype');
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-BoldItalic.ttf') format('truetype');
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-ExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-ExtraBoldItalic.ttf') format('truetype');
	font-weight: 800;
	font-style: italic;
	font-display: swap;
}


@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-BlackItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}


body, :is(h1,h2,h3,h4,h5,h6,a,.mainmenu ul li a ) {
	font-family: "Poppins", Roboto, Arial, sans-serif;
}
:is(.ce_revolutionslider_text) {
	font-family: "Poppins", Roboto, Arial, sans-serif!important;
}