/* ============================================= */
/* WEBEDU CSS COPYRIGHT 2025 JAN CIBULA 
/* ============================================= */




/* ============================================= */
/* WEBEDU IMPORT FONTS 
/* ============================================= */


@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;400;600;800&display=swap');

@font-face {
    font-family: 'DINEngschriftLTAlternateRg';
    src: url('../fonts/lt_11441-webfont.eot');
    src: url('../fonts/lt_11441-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lt_11441-webfont.woff') format('woff'),
         url('../fonts/lt_11441-webfont.ttf') format('truetype'),
         url('../fonts/lt_11441-webfont.svg#DINEngschriftLTAlternateRg') format('svg');
    font-weight: normal !important;
    font-style: normal !important;

}

/* ============================================= */
/* WEBEDU CSS VARIABLES 
/* ============================================= */
:root {
  --orange:rgba(255,153,0,1);
  --orange_trans:rgba(255,153,0,.7);
  --darkgray:rgba(44,50,44,1.00);
  --darkgreen:rgba(26,45,45,1.00); /*#011b05 rgba(15,29,17,1.00) rgba(29,51,51,1.00) */
  --darkgreen_trans:rgba(26,45,45,0.5); /*#011b05 rgba(15,29,17,1.00) rgba(29,51,51,1.00) */
  --creamwhite:rgba(255,255,255,1.00); /* rgba(245,245,244,1.00); */
  --lightgray:rgba(237,237,237,1.00);
  --radius_small:0.3rem; /*0.5rem */
  --radius_medium:0.6rem;
}

/* ============================================= */
/* WEBEDU CSS RESET 
/* ============================================= */
*{
	box-sizing:border-box;
	padding:0;
	margin:0;
}

/* ============================================= */
/* WEBEDU BASICS HTML 
/* ============================================= */
html,body{
	min-height:100vh;
	font-size:18px;
	font-family: 'Inter', sans-serif;
	scroll-behavior: smooth;
}

body {
	color:var(--darkgreen);
	background:rgba(253,244,244,1.00);
	/*font-size: clamp(1.1rem, 0.7vw, 1.3rem) !important;*/
	font-size: 18px;  /* scaling font */
}

img {
	width:100%;
}
video {
	width:100%;
}

a {
	text-decoration: none;
	color:var(--darkgreen);
	font-weight:600;
	transition:color ease-in-out 0.4s;
}
a:hover {
	color:var(--orange);
	transition:color ease-in-out 0.2s;
}
h1 {
	font-size: clamp(1.8rem, 2.0vw, 2.0rem);  /* scaling font */
    font-family: 'DINEngschriftLTAlternateRg';
	text-transform:uppercase;
	font-weight: normal;
	margin:1rem 0rem;
}
h2 {
	font-size: clamp(1.5rem, 1.6vw, 1.8rem);  /* scaling font */
    font-family: 'DINEngschriftLTAlternateRg';
	text-transform:uppercase;
	font-weight: normal;
	margin:2rem 0rem 0rem 0rem;
	text-align:center;
}
h3 {
	font-size: clamp(1.1rem, 1.2vw, 1.4rem);  /* scaling font */
    font-family: 'DINEngschriftLTAlternateRg';
	font-weight:600;
	text-transform:normal;
	margin:1rem 0rem 2rem 0rem;
	text-align:center;
	color:var(--darkgray);
}
h4 {
	font-size: clamp(1.1rem, 1.2vw, 1.3rem);  /* scaling font */
	font-weight:600;
	color:var(--orange);
}


.back_white {
	background:white;
}

.webedu_container {
	width:100%;
	margin:0 auto;
	background:white;
	max-width:1600px;
	box-shadow:0px 0px 12px 4px lightgray;
	padding-bottom:5rem;
}

.border_small{
	border-radius:var(--radius_small);
}

.min_height {
	min-height:50vh;
}
.line_height_l{
	line-height:1.5;
}

.no_padding {
	padding:0 !important;
	margin:0 !important;
}
.font_small {
	font-size:0.8rem;
}
.gray {
	color: gray !important;
}
/* ============================================= */
/* WEBEDU HERO HEADER
/* ============================================= */

header {
	position:fixed;
	z-index:8888;
	top:0;
	left:0;
	right:0;
	width:100%;
	margin:0 auto;
	max-width:1600px;
   /* overflow: hidden;*/
}
/*
*/
.webedu_header_infoabend {
	background:rgba(255,153,0,1);
	padding:1rem;
	text-align:center;
	display:none;
}

.infotermin_banner {
	display:flex;
	flex-wrap:wrap;
}
.infotermin_banner_text {
	padding:1rem;
}
.infotermin_banner_datum {
	width:90%;
	margin:0 auto;
}


section {
}

.section_line {
	border-top:2px solid var(--orange);
}



.webedu_header_logo_nav {
	background:white;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	padding:1.5rem 2rem;
	width:100%;
	top:0rem;
	left:0;
	right:0;
	z-index:8888;
	height:6rem;
}
.webedu_header_logo_nav .webedu_logo{
	width:13%;
	padding-top:1rem;
}
.webedu_header_logo_nav .webedu_navigation{
	width:86%;
	margin:0;
	display:flex;
	align-items: flex-end;
	justify-content: flex-end;
		font-size:1rem;
}

.webedu_navigation .nav_close {
	display:none;
	text-align:right;
	padding:0rem 1rem;
}
.webedu_navigation .nav_close .fa-times {
	font-size:2rem;
}

.webedu_header_logo_nav .webedu_navigation ul{
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-end;
	align-items: center;
	padding:0;
	margin:0;
}

.webedu_header_logo_nav .webedu_navigation li {
	list-style-type: none;
	padding:0;
	margin:0;
}
.webedu_header_logo_nav .webedu_navigation a{
	margin:0rem .5rem;
	text-transform:uppercase;
}
.webedu_header_logo_nav .webedu_navigation a:hover{
	border-bottom:2px solid var(--orange);
}


.webedu_menu_aktiv {
	color: var(--orange);
	/*border-bottom:2px solid var(--orange);*/
}



/* Submenu Hauptnavigation */
.webedu_header_logo_nav .webedu_navigation .webedu_submenu_container {
	position:relative;
}

.webedu_header_logo_nav .webedu_navigation .webedu_submenu {
	display:none;
	position:absolute;
	top:1.2rem;
	left:-6rem;
	padding:1rem;
	margin:0rem;
	z-index:88888;
	width:auto;
	background:rgba(255,255,255,0.95);
	justify-content: flex-start !important;
	align-items: flex-start !important;
	backdrop-filter:blur(3px);
}
.webedu_header_logo_nav .webedu_navigation .webedu_submenu_menu {
	margin:.5rem 0rem !important;
	display:block;
	width:100% !important;
	justify-content: flex-start !important;
	text-align: left;
	white-space: nowrap;
}
.webedu_header_logo_nav .webedu_navigation .webedu_submenu_menu li{
	display:block !important;
	width:100% !important;
	padding:.7rem 0rem  !important;
}
.webedu_header_logo_nav .webedu_navigation .webedu_submenu_menu li a{
	text-decoration:none !important;
	width:100% !important;
	display:block !important;
	padding:.7rem 0rem  !important;
}


.webedu_submenu_container:hover .webedu_submenu{
	display:flex;
}




.webedu_hero_balken {
	margin-top:1rem;
	position: relative;
	height:35rem;
	overflow: hidden;
}
.webedu_hero_balken>h2{
	border-radius:var(--radius_small);
	display:inline-block;
	padding:0.5rem 0.8rem;
	position: absolute;
	margin:0;
	left:3rem;
	bottom:1rem;
	background:var(--orange);
	color:white;
	z-index:55;
	animation:fade_in_h1 .7s ease-in-out forwards;
	opacity:0.5;
	transform:translateX(3rem);
}
@keyframes fade_in_h1 {
	to{
		opacity:1;
		transform:translateX(0rem);
	}
}


.webedu_hero_background {
	position: relative;
	z-index:23;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: bottom;
	overflow: hidden;
}

#slider {
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: bottom;
	overflow:hidden;
}

#f-carousel__slide {
	position: relative;
	z-index:22;
}

.webedu_hero_background_untertitel_slide {
	border-radius:var(--radius_small);
	background:var(--darkgreen_trans);
	color:white;
	font-size:0.8rem;
	position: absolute;
	padding:0.3rem 0.8rem;
	 -webkit-backdrop-filter: blur(2px);
	backdrop-filter:blur(2px);
	right:3rem;
	bottom:1rem;
	z-index:588;
	animation:fade_in_background_untertitel .8s ease-in-out forwards;
	animation-delay:0.6s;
	opacity:0;
	transform:translateX(-2rem);
}



.webedu_hero_background_titel {
	border-radius:var(--radius_small);
	background:var(--darkgreen_trans);
	color:white;
	position: absolute;
	padding:0.5rem 0.8rem;
	 -webkit-backdrop-filter: blur(2px);
	backdrop-filter:blur(2px);
	right:2rem;
	bottom:3.3rem;
	z-index:52;
	animation:fade_in_background_titel .8s ease-in-out forwards;
	animation-delay:0.3s;
	opacity:0;
	transform:translateY(-2rem);
}
@keyframes fade_in_background_titel {
	to{
		opacity:1;
		transform:translateY(0rem);
	}
}




.webedu_hero_background_untertitel {
	border-radius:var(--radius_small);
	background:var(--darkgreen_trans);
	color:white;
	font-size:0.8rem;
	position: absolute;
	padding:0.3rem 0.8rem;
	 -webkit-backdrop-filter: blur(2px);
	backdrop-filter:blur(2px);
	right:2rem;
	bottom:1.7rem;
	z-index:54;
	animation:fade_in_background_untertitel .8s ease-in-out forwards;
	animation-delay:0.6s;
	opacity:0;
	transform:translateX(-2rem);
}
@keyframes fade_in_background_untertitel {
	to{
		opacity:1;
		transform:translateX(0rem);
	}
}
















.webedu_header_cta{
	background:var(--orange);
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items: center;
	width:100%;
	max-width:1800px;
	margin:0 auto;
	padding:1.5rem;
}

.webedu_hero_video_mobile{
    display:none;
}
.small_font {
	font-size:0.8rem;
	color:gray;
}
.infotermine_small_info {
	max-width:60%;
	margin:0 auto !important;
	text-align: center;
	font-size:0.8rem;
}
.fa_small_symbol{
	font-size:0.9rem;
	color:var(--orange);
	padding-bottom: 0.4rem;
}
.webedu_cta, .webedu_header_cta_button {
		display:block !important;
	background:white;
	border:2px solid var(--orange);
	border-radius:var(--radius_small);
	margin:0rem 1rem;
	padding:0.5rem;
	color:var(--orange);
	font-size: clamp(1rem, 1vw, 1.3rem);  /* scaling font */
	transition:color,background ease-in-out 0.5s;
}
.webedu_cta a, .webedu_header_cta_button a {

		display:block !important;
}


.webedu_cta_kurse {
	background:white;
	border:2px solid var(--orange);
	border-radius:var(--radius_small);
	margin:0rem 1rem;
	padding:0.5rem;
	color:var(--orange);
	font-size: clamp(1rem, 1vw, 1.3rem);  /* scaling font */
	transition:color,background ease-in-out 0.5s;
}


.webedu_header_cta_button {
	background:white;
}
.webedu_cta:hover, .webedu_header_cta_button:hover  {
	border:2px solid var(--darkgreen);
	background:white;
	color:var(--darkgreen);
	transition:color,background ease-in-out 0.3s;
}

.webedu_cta_kurse a, .webedu_header_cta_button a, .webedu_header_cta_button  {
}

.small_cta {
	font-size:0.8rem;
}

.spezialinfo {
	background:white;
	border:2px solid var(--darkgreen);
	border-radius:var(--radius_small);
	margin:0rem 1rem;
	padding:0.5rem;
	width:20rem;
	display:inline-block;
	color:var(--orange);
	font-size: clamp(1rem, 1vw, 1.3rem);  /* scaling font */
	transition:color,background ease-in-out 0.5s;
	transform:rotate(-3deg) translateY(-0.5rem);
	text-align: center;
}







.webedu_cta a, .webedu_header_cta_button a{
	color:var(--orange) !important;
	transition:color,background ease-in-out 0.5s;
}

.webedu_cta:hover a, .webedu_header_cta_button a{
	color:var(--darkgreen);
	transition:color,background ease-in-out 0.3s;
}



.webedu_accordion_open {
	margin:1rem 0rem;
	text-align: right;
}

.webedu_button_small {
	border:1px solid var(--darkgreen);
	background:lightgray;
	border-radius:var(--radius_small);
	display:inline-block;
	cursor:pointer;
	padding:0.5rem 1rem;
}

/* ============================================= */
/* WEBEDU INFO HAUPTINHALT 
/* ============================================= */

.webedu_info_content{
	padding:3rem 0rem;
}


.webedu_info_content h1{
	font-size:3rem;
	font-weight:normal;
	margin:1rem auto;
	text-align:center;
	padding:2rem 0rem 0rem 0rem;
	color:var(--orange);
}
.webedu_info_content h2{
		font-size:2.5rem;
	font-weight:normal;
	margin:1.5rem auto;
	text-align:center;
	padding:2rem 0rem 1rem 0rem;
	color:var(--orange);
}
.webedu_info_content h3{
	font-size:2rem;
	font-weight:normal;
	margin:1rem auto;
	text-align:center;
	padding:2rem 0rem 0rem 0rem;
	color:var(--darkgreen) !important;
}



.content_h2 {
	
}
.content_h3 {
	padding:0;
	color:var(--darkgreen) !important;
	
}
.content_text{
	width:70%;
	display:block;
	margin:1rem auto;
	font-size:1.1rem;
}


.webedu_info_content_article {
	max-width:800px;
	width:50%;
	margin:1rem auto 3rem auto;
	text-align:center;
}
.webedu_info_content_article p {
	margin-bottom:1rem;
}


.titel_addition {
	opacity:1;
}


.webedu_panel_cta_container {
	height:3rem;
}








.animationscontainer {
	position:relative;
	border:1px solid green;
	line-height:0;
}

.webedu_fliesstext{
	max-width:85%;
}


/* ============================================= */
/* WEBEDU VIDEOCONTAINER 
/* ============================================= */
.webedu_video {
	cursor:pointer;
	position: relative;
	width:100%;
	border:1px solid var(--orange);
	border-radius:var(--radius_small);
	overflow:hidden;
	aspect-ratio:16/9;
}
.webedu_video img {
	aspect-ratio:16/9;
	border-radius:var(--radius_small);
	transition:all ease-in-out 0.3s;
	width:100%;
	height:100%;
	object-fit:cover;
}
.webedu_video iframe{
	width:100%;
	height:100%;
	object-fit:cover;
	padding:0;
}
.webedu_video .webedu_video_playbutton {
	position:absolute;
	top:40%;
	left:42%;
	right:45%;
	width:4.5rem;
	height:4.5rem;
	background:var(--orange);
	border-radius:50%;
	opacity:0.8;
	padding:1rem;
	text-align: center;
	display:flex;
	align-items: center;
	justify-content: center;
	transition:all ease-in-out 0.3s;
}
.webedu_video .webedu_video_playbutton .fa {
	font-size:2.2rem;
	font-size: clamp(1.8rem, 1.2vw, 2.2rem) !important;  /* scaling font */
	padding-left:0.5rem;
	padding-top:0.2rem;
	transition:all ease-in-out 0.3s;
	color:white;
}
.webedu_video:hover .webedu_video_playbutton{
	background:var(--orange);
	color:white;
	transition:all ease-in-out 0.3s;
}
.webedu_video:hover img{
	opacity:0.8;
	transition:all ease-in-out 0.2s;
}
.webedu_video:hover .fa {
	color:white;
	transition:all ease-in-out 0.2s;
}



.webedu_video_banner {
	width:100%;
	padding:0rem 0rem !important;
	line-height:0;
	margin:5rem 0rem 0rem 0rem;
}
.webedu_video_banner video{
	width:100%;
}

/* ============================================= */
/* WEBEDU ANIMATION VIDEO 
/* ============================================= */

.webedu_animation_video {
	z-index:1;
	width:100% !important;
	position: relative;
	border:2px solid var(--darkgreen);
}

/* ============================================= */
/* WEBEDU MAIN CONTENT
/* ============================================= */
main {
	min-height:100vh;
	position:relative;
	margin-top:6rem;
}
.main_offset_top {
	padding-bottom:20rem !important;
}
.header_main_panels {
	display:flex; /*  flex */
	flex-wrap:wrap;
	align-items: center;
	justify-content: space-around;
	width:84%;
	position:absolute;
	left:8%;
	right:8%;
	margin:-2rem auto 0rem auto;
}

.header_main_panels_start {
	margin:-14rem auto 0rem auto;
}


.webedu_main_start{
	padding-top:14vw;
}



.header_main_panels article {
	position:relative;
	width:26%;
	box-shadow:0px 0px 15px 1px rgba(0,0,0,0.5);
	border-radius:var(--radius_small);
	overflow:hidden !important;
	line-height:0;
	aspect-ratio:16/9;
	cursor:pointer;
	z-index:22;
	background:black;
}


.header_main_panels_start article{
	width:30%;
}






.header_main_panels article img {
	position:absolute;
	z-index:20;
	width:100%;
	height:100%;
	object-fit: cover;
	transition:color ease-in-out 0.3s;
}
.header_main_panels img:hover {
	position:absolute;
	transform:scale(1.05);
	opacity:0.8;
	transition:color ease-in-out 0.3s;
}
.header_main_panels article:hover h4{
	bottom:2.3rem;
	transition:color ease-in-out 0.3s;
}

.header_main_panels article h4 {
	position:absolute;
	bottom:2rem;
	left:1.5rem;
	color:white;
	text-shadow:0px 0px 2px rgba(0,0,0,0.5);
	transition:bottom ease-in-out 0.5s;
	z-index:22;
} 

/* ============================================= */
/* WEBEDU MEDIA CONTAINER
/* ============================================= */

.webedu_media_container {
	cursor:pointer;
	aspect-ratio:16/9;
	width:45%;
	border-radius:var(--radius_small);
	position: relative;
	flex-grow: 0;
	line-height:0;
	border:2px solid white;
	overflow:hidden;
}

.webedu_media_container_active{
	/*border:4px dotted blue !important; */
}



.webedu_media_container canvas {
	width:100%;
	height:100%;
	object-fit: cover;
}


/* ============================================= */
/* WEBEDU IMAGE TITLE
/* ============================================= */

.webedu_image_title{
	position:absolute;
	bottom:0.5rem;
	padding:0.5rem;
	right:0.5rem;
	z-index:40;
	font-weight:200;
	background:rgba(255,255,255,0.8);
	border-radius:var(--radius_small);
	transition:all ease-in-out 0.5s;
	line-height:1;
}
.webedu_media_container:hover .webedu_image_title{
	background:rgba(255,153,0,0.8);
	color:white;
	transition:all ease-in-out 0.3s;
	line-height:1;
}


.webedu_image_title_name{
	font-weight:400;
	line-height:1;
}
.webedu_image_title_profession{
	font-weight:200;
	line-height:1;
}
.webedu_image img {
	border-radius:var(--radius_small);
	aspect-ratio:16/10;
	object-fit: cover;
	width:100%;
	height:100%;
}



/* ============================================= */
/* WEBEDU MAIN FLEX 
/* ============================================= */
.webedu_main_title {
	display:block;
	background:var(--orange);
	color:white;
	margin:3rem 3rem 0.5rem 3rem; 
	padding:0.5rem; 
}


.webedu_main_flex {
	display:flex;
	flex-wrap:wrap;
	align-items: flex-start; /* */
	justify-content: space-between;
	padding:3rem 0rem; /* 5rem 10rem */
}


.webedu_main_flex:nth-child(even) {
	background:rgba(240,240,240,0.10);
}
/**/

.webedu_main_flex_text {
	display:flex;
	flex-direction: column;
	width:45%;
}
.webedu_main_flex h2 {
	margin-bottom:1rem;
}
.webedu_main_flex h3{
	font-weight:600;
	margin-bottom:1rem;
	color:var(--orange);
}
.webedu_main_flex p {
	line-height:1.5;
	font-weight:400;
	margin-bottom:1rem;
}
.webedu_main_flex ul {
	line-height:2;
	padding-left:1rem;
}
.webedu_main_flex .webedu_cta {
	display:inline-block;
	white-space: nowrap;
	flex-grow:0;
	align-self: flex-start;
	margin:0;
	text-align: center;
}


.webedu_main_flex .faq_content {
}
.webedu_main_flex .faq_content h3 {
	line-height:2rem;
	color:var(--orange);
	margin-bottom:0rem;
}
.webedu_main_flex .faq_content h3::before {
	content:"«";
}
.webedu_main_flex .faq_content h3::after {
	content:"»";
}
.webedu_main_flex .faq_content p {
	color:var(--darkgreen);
}




.webedu_livingvideo {
	width:45%;
}
.webedu_livingvideo video {
	aspect-ratio:1/1;
	object-fit:cover;
	height:100%;
	width:100%;
}

/* ============================================= */
/* WEBEDU LISTENDARSTELLUNG
/* ============================================= */

.webedu_switch {
	flex-direction: row-reverse !important;
}

/* ============================================= */
/* WEBEDU LISTENDARSTELLUNG
/* ============================================= */
.webedu_info_liste {
	display:flex;
	flex-direction: row;
	width:100%;
	padding:7rem 5rem;
}

.webedu_info_liste .webedu_special_list {
	display:flex;
	flex-direction: row;
	width:100%;
}
.webedu_info_liste .webedu_special_list_number {
	width:5%;
	padding-right:1rem;
}

.webedu_info_liste .webedu_special_list_text {
	display:flex;
	flex-direction: column;
	width:92%;
}
.webedu_info_liste h4 {
	color:var(--orange);
    font-family: 'DINEngschriftLTAlternateRg';
	font-weight:normal;
}
.webedu_info_liste .webedu_special_list_number  {
	color:var(--orange);
    font-family: 'DINEngschriftLTAlternateRg';
	text-transform:uppercase;
}
.webedu_main_hero_image_list {
	/*border:1px solid red;*/
}

/* ============================================= */
/* WEBEDU HERO
/* ============================================= */
.webedu_main_hero_diplomlehrgang {
	margin:0 auto;
	text-align:center;
	display:flex !important;
	flex-direction: column !important;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	border:3px solid rgba(255,255,255,0);
}
.webedu_main_hero_diplomlehrgang h2, .webedu_main_hero_diplomlehrgang h3 {
	text-align: center;
	margin-bottom:1rem;
}
.webedu_main_hero_diplomlehrgang h3 {
	text-align: center;
	font-weight:600;
	margin-bottom:2rem;
}
.webedu_main_hero_diplomlehrgang .webedu_cta{
	display:inline;
	align-self: center;
	margin:0 auto;
}
.webedu_main_hero_diplomlehrgang_panels {
	display:flex;
	flex-wrap:wrap;
	align-items: center;
	justify-content: space-between;
	width:100%;
}

.webedu_termine_titel{
}


.webedu_termine_flex{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:2rem;
}
.webedu_termine_flex .webedu_termine_margin{
    margin:0 1rem 0 0 !important;
}
.image_panel {
	position:relative;
	width:30%;
	z-index:25;
	box-shadow:0px 0px 10px 1px rgba(0,0,0,0.4);
	border-radius:var(--radius_small);
	background:white;
	overflow:hidden;
	aspect-ratio:16/9;
	cursor:pointer;
	margin-bottom:3rem;
}
.image_panel .image_panel_number {
	position:absolute;
	z-index:23;
	top:.5rem;
	right:1rem;
	color:var(--orange);
	font-size:4rem;
    font-family: 'DINEngschriftLTAlternateRg';
	text-transform:uppercase;
	text-shadow:0px 0px 1px rgba(0,0,0,0.8);
	transition:all ease-in-out 0.5s;
}
.image_panel .image_panel_title {
	position:absolute;
	z-index:23;
	bottom:1rem;
	left:1rem;
	right:1rem;
	color:white;
	font-weight:600;
}
.image_panel img {
	position:absolute;
	left:0;
	top:0;
	z-index:20;
	width:100%;
	height:100%;
	object-fit: cover;
	transition:all ease-in-out 0.5s;
}

.image_panel:hover img {
	filter:grayscale(0.8) contrast(1.3);
	transition:all ease-in-out 0.2s;
}
.image_panel:hover .image_panel_number {
	color:black;
	transition:all ease-in-out 0.2s;
}
.flex_change {
	flex-direction: row;
}

.orange {
	color:var(--orange);
}

.orange_info_block{
	display:flex;
	flex-wrap:wrap;
	align-items: center;
	justify-content: space-between;
}
.orange_info_block h3{
	font-weight:600;
}
.orange_info_block p{
	font-weight:600;
}


.webedu_invers {
	background-color:var(--orange) !important;
}

.webedu_invers h2,.webedu_invers h3, .webedu_invers p {
	color:white !important;
}
.webedu_invers .webedu_cta {
	color:var(--orange) !important;
	background-color:white !important;
}



/* ============================================= */
/* WEBEDU KURSE 
/* ============================================= */

.webedu_kurs_container_overview {
	display:flex;
	flex-wrap:wrap;
	align-items: flex-start; /* */
	justify-content:space-around;
	padding:0rem 5rem; /* 5rem 10rem */
}


.webedu_kurs_kacheln_spalten {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.webedu_kurs_kacheln_mediencontainer {
	width:70%;
	aspect-ratio:16/9;
    border: 2px solid var(--orange);
    border-radius: var(--radius_small);
	overflow: hidden;
}


.webedu_kurs_kacheln_video {
	height: 100%;
	width:100%;
	object-fit: cover;
}


#webedu_kurs_kacheln_video_container {
	position:relative;
}

#video_overlay {
	display:none;
	position:absolute;
	height:100%;
	z-index:999;
	width:100%;
	top:0rem;
	background:rgba(33,33,33,0.8);
}
.video_overlay_show {
	display:flex !important;
}


.webedu_kurs_kacheln_back a{
	color:var(--orange);
}
.webedu_kurs_kacheln_inhalt {
	max-width:70%;
	margin:1rem auto;
}
.webedu_kurs_kacheln_bilder {
	width:20%;
	display:flex;
	flex-direction: column;
	flex-wrap: wrap;
}
.webedu_kurs_kacheln_bilder .webedu_kurs_kacheln_bild {
	width:100%;
	aspect-ratio:1/1;
    border: 2px solid var(--orange);
    border-radius: var(--radius_small);
	margin-bottom:1rem;
	padding:0;
	overflow: hidden;
	line-height:0;
}
.webedu_kurs_kacheln_bild img {
	object-fit: cover;
	width:100%;
	height:100%;
	transition:all ease-in-out 0.4s;
}
.webedu_kurs_kacheln_bild:hover img{
	transform:scale(1.05);
	opacity:0.8;
	transition:all ease-in-out 0.2s;
}




.webedu_kurs_kacheln {
	width:32%;
	aspect-ratio:1/1;
    border: 2px solid var(--orange);
    border-radius: var(--radius_small);
	position:relative;
	margin-bottom:2rem;
	padding:0 !important;
	overflow: hidden;
}
.webedu_kurs_kacheln img{
	padding:0 !important;
}




.webedu_kurs_kacheln_back {
	object-fit: cover;
	width:100%;
	height:100%;
	transition:all ease-in-out 0.4s;
	object-position: bottom;
	position:absolute;
	top:0;
	left:0;
	z-index:20;
}

.webedu_kurs_kacheln:hover .webedu_kurs_kacheln_back {
	transform:scale(1.05);
	opacity: 0;
	transition:all ease-in-out 0.5s;
}

.webedu_kurs_kacheln_back_2 {
	height: 100%;
	width:100%;
	object-fit: cover;
	background:orange;
	position:absolute;
	top:0;
	left:0;
	z-index:18;
}
 .webedu_kurs_kacheln_back_2_image,  .webedu_kurs_kacheln_back_2_image {
	height: 100%;
	width:100%;
	object-fit: cover;
}

/* Detailansicht */

.webedu_kurs_kacheln_single {
	width:100%;
    border: 2px solid var(--orange);
    border-radius: var(--radius_small);
	position:relative;
	padding:1rem;
	margin-top:4rem;
}
.webedu_kurs_kacheln_inhalt h2, .webedu_kurs_kacheln_inhalt h2{		
	font-size:2.5rem !important;
	font-weight:normal;
	margin:1rem auto;
	text-align:center;
	padding:1rem 0rem 1rem 0rem;
	color:var(--orange);
    border: 2px solid var(--orange);
}

.webedu_kurs_kacheln_titel_bereich{
	position:absolute;
	top:0rem;
	z-index:33;
	width:100%;
}




	.formular_untertitel {
		font-size:0.9rem;
		width:60%;
		margin:0 auto 1rem auto;
	text-align:center;
	}
	
.kursdetails_info_small{
		font-size:0.9rem;
		width:70%;
}


.webedu_kurs_kacheln h2{
	width:100%;
	height:auto;
	background:rgba(255,255,255,0.8);
	backdrop-filter:blur(2px);
}
.webedu_kurs_kacheln h3, .webedu_kurs_kacheln_single h3 {
    font-family: 'DINEngschriftLTAlternateRg';
    color: var(--orange);
	width:100%;
	font-size:1.2rem;
}
.webedu_kurs_kacheln h3 {
	height:auto;
	width:100%;
	background:rgba(33,33,33,0.8);
	backdrop-filter:blur(2px);
	padding:0.5rem 1rem;
}
.webedu_kurs_kacheln_single h3 {
    font-weight: normal;
	font-size:1.5rem;
	padding:0.5rem 1rem;
}
.webedu_kurs_kacheln_single h4 {
	margin:0.5rem 0rem;
	width:100%;
	font-size:1.1rem;
	margin-top:1rem;
    border-bottom: 1px solid var(--orange);
}
.webedu_kurs_kacheln_single p {
}
.webedu_kurs_kacheln_inhalt {
	padding:0.5rem 1rem;
	line-height:1.5;
}
.webedu_kurs_kacheln_inhalt strong{
	display: block;
	margin:2rem 0rem 1rem 0rem;
}
.webedu_kurs_kacheln_inhalt ul{
	display: block;
	margin:1rem 0rem;
}

.webedu_kurs_kacheln_inhalt ul {
	margin-left:2.5rem;
}



.webedu_kurs_kacheln_titel_bottom{
	position:absolute;
	bottom:0rem;
	z-index:32;
	width:100%;
	transition:all ease-in-out 0.5s;
}

.webedu_kurs_kacheln_titel_bottom h3 {
    color: white;
    background: var(--orange_trans);
	width:auto;
	font-size:1rem;
	font-style:normal;
}
.webedu_kurs_kacheln:hover .webedu_kurs_kacheln_titel_bottom {
	bottom:1rem;
	transition:all ease-in-out 0.3s;
}

.webedu_kurs_kacheln_link{
    color: var(--orange);
}



/* Back Button */
.webedu_kurs_kacheln_back_button{
	margin-bottom:1rem;
	padding-bottom:1rem;
	text-align:right;
	color:var(--orange);
	font-size:1.2rem;
    border-bottom:1px solid lightgray;
}





/* webedu button call to action */
.webedu_cta, .webedu_header_cta_button {
	background:white;
	border:2px solid var(--orange);
	border-radius:var(--radius_small);
	margin:0rem 1rem;
	color:var(--orange);
	font-size: clamp(1rem, 1vw, 1.3rem);  /* scaling font */
	transition:color,background ease-in-out 0.5s;
}
.webedu_header_cta_button {
	background:white;
}
.webedu_cta:hover, .webedu_header_cta_button:hover  {
	border:2px solid var(--darkgreen);
	background:white;
	color:var(--darkgreen);
	transition:color,background ease-in-out 0.3s;
}
.webedu_cta a, .webedu_header_cta_button{
	display:block;
	padding:0.5rem;
}











/* ============================================= */
/* WEBEDU TEAM
/* ============================================= */


.webedu_team_container {
	margin: 0rem auto 2rem auto;
	width: 100%;
}

.webedu_team{
	display:flex;
	flex-wrap:wrap;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin: 2rem auto 2rem auto;
}




.webedu_team_staff{
	width:24.5%;
	border:1px solid var(--darkgreen);
	background-size:cover;
	background-position: center;
	aspect-ratio:3/2;
	margin-bottom:2rem;
	border-radius:var(--radius_small);
	position:relative;
	overflow:hidden;
	transition:all ease-in-out 0.4s;
	box-shadow:0px 0px 7px 1px rgba(0,0,0,0.7);
	cursor:pointer;
	background-color:var(--darkgreen);	
}
.webedu_team_staff h3{
	padding:0.5rem;
	position:absolute;
	bottom:1rem;
	left:1rem;
	width:100%;
	height:2rem;
	text-shadow:0px 0px 2px rgba(0,0,0,0.5);
	color:white !important;
	font-weight:normal !important;
	transition:all ease-in-out 0.4s;
	z-index:40;
}
.webedu_team_staff_title{
	position:absolute;
	bottom:-100%;
	left:0;
	right:0;
	width:100%;
	height:100%;
	padding:0.5rem;
	line-height:0.7;
	font-size:1rem;
	background-color:var(--darkgreen_trans);
	color:white;
	transition:all ease-in-out 0.4s;
	display:flex;
	z-index:36;
	align-items: flex-end;
}
.webedu_team_staff_title a{
	color:white;
}
.webedu_team_staff:hover h3{
	color:var(--darkgreen);
	background-color:rgba(255,153,0,0);
	opacity:0;
	transition:all ease-in-out 0.2s;
	padding:0;
	margin:0;
}
.webedu_team_staff:hover .webedu_team_staff_title{
	bottom:0%;
	transition:all ease-in-out 0.2s;
}
.webedu_team_staff_title ul{
	line-height:1;
	font-size:0.9rem;
}

.webedu_team_staff_infotext{
	display: block;
	width:100%;
}


.webedu_team_staff_title_mobile {
	display:none;
}

.webedu_team_staff_image{
	height:100%;
	object-fit: cover;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:33;
	filter:grayscale(0.5);
}


/* ============================================= */
/* WEBEDU PROJEKTE
/* ============================================= */

.webedu_projekte {
	width:100%;
	margin:0rem auto 2rem auto;
	padding:2rem 5rem;
	position: relative;
}
#more_target {
	position:absolute;
	bottom:80vh;
	left:0rem;
	border-bottom:1px solid lightgray;
	width:2rem;
	height:.1rem;
	z-index:999;
}

.webedu_projekte_container {
}


.webedu_projekte_anzeige{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	margin:1rem 0rem;
}

.webedu_projekte_titel {
	margin:0 auto !important;
	font-size:1rem;
	display:block;
	display:none;
	text-align: center;
}
.webedu_projekte_titel .webedu_projekte_titel_text {
	border:1px solid var(--orange);
	border-radius:var(--radius_small);
	padding:0.3rem 0.5rem;
}
.webedu_projekte_titel .webedu_projekte_titel_text strong {
	font-weight:600;
	color:var(--orange);
}
.webedu_projekte_filter_buttons{
	margin:0.5rem 0rem;
	display: flex;
	flex-wrap: wrap;
	flex-grow: 0;
	font-size:0.8rem;
	justify-content: center;
}

.webedu_projekte_filter_buttons a{
	background-color:var(--lightgray);	
	margin-right:0.5rem;
	margin-bottom:0.5rem;
	border-radius:var(--radius_small);
	padding:0.5rem;
}
#filter_alle{
	background-color:var(--lightgray);	
	color:black;
	margin-right:1.5rem;
}
.webedu_projekte_filter_buttons .is-checked{
	background-color:var(--orange);	
	color:white;
}
.last_filter {
	margin-right:1rem !important;
}




.more_button a{
	display:inline-block;
	white-space: nowrap;
	margin:1rem auto !important;
	border-radius:var(--radius_small);
	padding:0.5rem;
	height:2.2rem !important;
	width:auto !important;
	background-color:var(--orange) ;	
	color:white;
}

.webedu_projekte_projekt_panel{
	width:32%; /* 18.5% */
	margin-bottom:1.5rem;
	aspect-ratio:16/10;
	border-radius:var(--radius_small);
	background-position: center;
	position:relative;
	overflow:hidden;
	transition:all ease-in-out 0.3s;
	box-shadow:0px 0px 7px 2px rgba(0,0,0,0.5);
	
	cursor:pointer;
	background-color:var(--darkgreen);	
	background-size:100%;
	background-repeat:no-repeat;
}
.webedu_projekte_anzeige a{
	display:block;
	width:100%;
	height:100%;
	aspect-ratio:16/9;
}

.webedu_projekte_projekt_panel_title{
	position:absolute;
	bottom:-2rem;
	border-top:1px solid lightgray;
	left:0;
	right:0;
	width:100%;
	padding:0.2rem 0.5rem;
	font-size:0.85rem;
	color:white;
	transition:all ease-in-out 0.4s;
}
.webedu_projekte_projekt_panel:hover .webedu_projekte_projekt_panel_title{
	background-color:var(--darkgreen);
	color:white;
	transition:all ease-in-out 0.2s;
	bottom:0rem;
	height:1.8rem;
}
.webedu_projekte_projekt_panel:hover{
	transition:all ease-in-out 0.2s;
	background-size:105%;
}

	.webedu_projekte_projekt_panel_title_highlight {
		position:absolute;
		top:0;
		right:0;
		padding:0.2rem 1.5rem 0.2rem 3rem;     /* bestimmt die sichtbare Bandbreite */
		background:var(--orange);
		color:#fff;
		font-size:0.7rem;
		font-weight:400;
		text-align:center;
		white-space:nowrap;      /* alles in einer Zeile */
		overflow:hidden;         /* zu langer Text abgeschnitten */
		text-overflow:ellipsis;  /* „…“ am Ende */

		transform-origin:top right;
		transform: translate( 10%, 300%) rotate(45deg);
		/* 29.3% = 100% * (1 - cos(45deg)) */
		z-index:888;
	}







.webedu_projekte_projekt_panel:hover .hidden_rollover {
	opacity:1;
	transition:all ease-in-out 0.2s;
}


.filter_display_button {
	background-color:none !important;
	background:none !important;	
	border-bottom:1px solid gray;
	border-radius:0 0 0 0 !important;
	padding:0.2rem 0 !important;
}
















.hidden_rollover {
	opacity:0;
	transition:all ease-in-out 0.4s;
}
.projekt_aktiv {
}

.webedu_projekte_zusatzinfos{
	margin:1rem 0rem;
	padding:1rem;
	background-color:var(--orange);
	color:white;
	font-weight:600;
		border-radius:var(--radius_small);
}

.has-iframe .fancybox__content {
    padding:3px;
	background:var(--creamwhite);
	border-radius:var(--radius_small);
}
.has-iframe .fancybox__iframe {
	border-radius:var(--radius_small);
}

.fancybox__caption a {
	color:var(--creamwhite);
}

.webedu_icon{
	width:2rem;
	height:1rem;
	color:white;
	margin:0rem 0.5rem 0rem 0rem;
}

.fancybox__viewport {
	/*border:1px solid var(--orange);*/
}

.with_project_info  {
	
}

.fancybox__viewport:has(.project_info){
	background:rgba(22,5,0,0.3) !important;
}

.fancybox__viewport:has(.project_info) .fancybox__slide {
	display:flex;
	flex-direction: row;
	justify-content: center;
	padding:2rem;
}

.project_title_container {
	display:flex;
	flex-direction: column;
	padding:2rem;
	background:var(--creamwhite);
	border-radius:var(--radius_small);
	position: relative;
}
.project_permalink {
	position: absolute;
	top:.5rem;
	right:.5rem;
	width:2rem;
	height:2rem;
  	border:1px solid var(--orange);
	border-radius:var(--radius_small);
	display:flex;
	justify-content: center;
	align-items: center;
}
.project_permalink .fa {
  	color:var(--orange);
}
.project_title {
	width:20rem;
	height:auto;
  	color:var(--orange);
}
.project_title_main {
	font-size:1.4rem;
	font-weight:700;
	text-transform: uppercase;
}
.project_title_sub {
	font-size:1rem;
	margin-bottom:0.5rem;
}
.project_info {
	width:20rem;
	height:auto;
  	color:black;
	font-size:1rem;
}


/* ============================================= */
/* WEBEDU SWIPER STYLING
/* ============================================= */
/*
.swiper {
  width: 80%;
  height: 20rem;
}

.swiper-slide {
	text-align: center;
	background: none;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.swiper-button-prev::after, .swiper-button-next::after {
	content:"" !important;
}


.swiper-button-next, .swiper-button-prev {
	width:5rem;
	height:5rem;
	font-size:6rem;
	color:var(--orange);
	font-family: 'DINEngschriftLTAlternateRg';
	transition:all ease-in-out 0.4s;
}
.swiper-button-next:hover, .swiper-button-prev:hover {
	color:var(--darkgreen);
	transform:translateX(0.4rem);
	transition:all ease-in-out 0.2s;
}

.swiper-button-prev:hover {
	transform:translateX(-0.4rem);
}
.swiper-button-next {
	top:10rem !important;
	right:0rem;
}
.swiper-button-prev {
	top:6rem !important;
	left:0rem;
}
.slide_text {
	padding:0rem 5rem;
}
.slide_claim {
	font-size:2rem;
	color:var(--darkgreen);
	font-weight:600;
	margin-bottom:0.5rem;
}
.slide_autor {
	font-size:1rem;
	color:var(--darkgreen);
	font-weight:400;
}
.swiper-pagination {
	display:none;
}
*/

/* ============================================= */
/* WEBEDU FORMULAR 
/* ============================================= */


#webedu_formular {
	margin:0rem auto;
	padding:0rem 0rem;
}
#webedu_formular h2{
	font-family: 'DINEngschriftLTAlternateRg';
    text-transform: uppercase;
    font-weight: normal;
    line-height: 0.9;
	margin-bottom:1rem;
}


#webedu_formular h3{
	font-family: 'DINEngschriftLTAlternateRg';
    text-transform: uppercase;
    font-weight: normal;
    line-height: 0.9;
	margin-bottom:2rem;
	color:var(--orange);
}

.bestaetigungs_text {
	max-width:60%;
	text-align:center;
	margin:0 auto 5rem auto;
}



/* optionen packages */

.formular_panels_container{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	margin-bottom:2rem;
}
.formular_panel{
	border:1px solid lightgray;
	width:32%;
	padding:1rem;
	opacity:0.8;
	background:var(--creamwhite);
	border-radius:var(--radius_small);
	cursor:pointer;
	aspect-ratio:16/9;
	transition: background ease-in-out 0.4s;
}
.formular_panel:hover{
	opacity:1;
	background:lightgray;
	transition: background ease-in-out 0.2s;
}
.formular_panel_titel{
	font-family: 'DINEngschriftLTAlternateRg';
	margin-bottom:1.5rem;
	font-size: clamp(1.2rem, 1.5vw, 2rem) !important;  /* scaling font */
}

.formular_panel_infos_small {
	margin-top:0.5rem;
	font-size: clamp(0.8rem, 1.1vw, 1rem) !important;  /* scaling font */
}

.formular_panel_infos{
	line-height:1.1;
}
.formular_panel_aktiv {
	background:var(--orange);
	color:white;
}



.form_line {
	display:flex;
	flex-wrap:wrap;
	padding:0.5rem 0rem;
	opacity: 0.8;
	transition: background ease-in-out 0.5s;
}
.form_line:hover {
	opacity: 1;
	transition: background ease-in-out 0.3s;
}
.form_titel {
	width:33%;
	color:var(--darkgreen);
	font-weight:600;
	display:flex;
	justify-content: flex-end;
	align-items: center;
	padding-right:1rem;
}
.form_oben {
	padding-top:.5rem;
	align-items:flex-start;
	
}
.form_untereinander {
	display:flex;
	flex-direction:column;
}

.form_untereinander div {
	display:block;
	justify-content: flex-start;
}
.form_feld {
	width:66%;
	font-size:1.1rem;
	padding:0.3rem;
	color:var(--darkgreen);
	font-weight:600;
	display:flex;
	align-items: center;
}

.form_untereinander_links {
	display:flex;
	flex-direction:column;
	justify-content: flex-start;
	align-items: flex-start;
}
.form_untereinander_links label{
	margin-bottom:0.5rem;
}
.form_klein {
	font-size:0.7rem;
}
.form_links {
	align-items: flex-start;
}

.form_info {
	color:gray;
	font-size:1rem;
}

.form_info_small {
	color:gray;
	font-size:0.8rem;
}

.black {
	color:black;
}

.form_modular {
	display:flex;
	flex-direction: row;
	flex-wrap:wrap;
	justify-content: space-between;
	flex-grow: 0;
}

.form_diplomlehrgang_container {
	width:38%;
}

.form_diplomlehrgang{
	background:var(--creamwhite);
	border-radius:var(--radius_small);
	cursor:pointer;
	flex-grow: 0 !important;
	transition: background ease-in-out 0.4s;
  	align-items: flex-start;
}

.form_diplomlehrgang_infos_small {
	margin-top:0.5rem;
	font-size: clamp(0.8rem, 1vw, 1rem);  /* scaling font */
}

.form_diplomlehrgang_infos{
	line-height:1.1;
}
.form_diplomlehrgang_aktiv {
	background:var(--orange);
	color:white;
}

.form_diplomlehrgang_panel_infos, .form_modulkurse_infos{
	line-height:1.4;
}


.form_modulkurse_daten_container{
	display:flex;
	flex-direction:column;
}

.form_modulkurse_daten {
	display:flex;
	padding:0rem 2rem;
	font-size:0.8rem;
}
.form_modulkurse_daten label{
	display:block;
	width:100%;
	padding:0.3rem 0.5rem;
	margin-bottom:0.3rem;
	border:1px solid var(--orange);
	border-radius: var(--radius_small);
	transition: background ease-in-out 0.4s;
}

.form_modulkurse_daten label:hover {
	background:lightgray;
	transition: background ease-in-out 0.2s;
}

.form_modulkurse {
	width:60%;
}
.form_modulkurse_modulkurs_hinweis {
	padding:0.3rem;
	margin-bottom:1rem;
}
.form_modulkurse_panels {
	display:flex;
	flex-direction: column;
	flex-wrap:wrap;
	padding:0.5rem 0rem;
	opacity:1;
}
.form_modulkurse_modulkurs, .form_diplomlehrgang_box {
	padding:1rem 1rem;
	margin-bottom:0.3rem;
	border:1px solid lightgray;
	opacity:0.8;
	background:var(--creamwhite);
	border-radius:var(--radius_small);
	cursor:pointer;
	transition: background ease-in-out 0.4s;
	color:var(--darkgreen);
	font-weight:600;
}
.form_modulkurse_modulkurs:hover , .form_diplomlehrgang_box:hover {
	opacity:1;
	background:lightgray;
	transition: background ease-in-out 0.2s;
}



/* new form */



.form_label {
	display:block;
	width:100%;
	padding:1rem 0.5rem;
	margin-bottom:0.3rem;
	border:1px solid var(--orange);
	border-radius: var(--radius_small);
	transition: background ease-in-out 0.4s;
}
.form_label:hover {
	background:lightgray !important;
	border:1px solid black;
	transition: all ease-in-out 0.2s;
}

.form_label_small_info {
	font-size:0.8rem;
}



.webedu_kurs_kacheln_titel_anmeldung {
	margin:2rem 0rem 1rem 0rem!important;
	padding:0rem !important;
	text-align:left !important;
	color:var(--orange) !important;
    border-bottom:1px solid var(--orange);
}







#module_info_balken {
	border:1px solid lightgray !important;
	background:lightgray !important;
	border-radius:var(--radius_small);
	font-weight: normal !important;
	margin:0.3rem 0rem !important;
	font-size:0.7rem;
	padding:.5rem;
	display: flex;
	align-items: center;
}
#module_info_text {
	font-weight: normal;
	margin:0.3rem;
	font-size:0.7rem;
}
.formular_panel_modulkurs_check, .formular_panel_diplomlehrgang_check {
	opacity:0.5;
	margin-right:1rem;
}
.form_modulkurse_modul_aktiv {
	background:var(--orange) !important;
	color:white !important;
	opacity:1;
}
.formular_panel_modulkurs_obligatorisch {
	font-weight: normal;
}


.form_titel_main {
	border-bottom:1px solid lightgray;
	font-family: 'DINEngschriftLTAlternateRg';
	margin-bottom:1.4rem;
	font-size: clamp(1.3rem, 1.5vw, 2rem);  /* scaling font */
}

#webedu_formular input[type=text],#webedu_formular input[type=email],#webedu_formular input[type=password],#webedu_formular  textarea,#webedu_formular  select, #webedu_formular option, .form_select_wide {
	background:white;
	-webkit-appearance: none; 
	-moz-appearance: none;
	appearance: none;
	font-size:1.1rem;
	padding:.7rem;
	color:var(--darkgreen);
	font-weight:600;
	border-radius:var(--radius_small);
	font-family: 'Inter', sans-serif;
	border:1px solid var(--darkgreen);
	width:100%;
}

.form_fields{
	width:80%;
	margin:0 auto;
}

.form_select_wide {
	border:1px solid var(--orange) !important;
}

#webedu_formular option select, #webedu_formular option{
	line-height:2;
	padding:0.5rem 0rem;
}
#webedu_formular label {
	cursor:pointer;
}

#webedu_formular textarea {
	min-height:300px;
}
#webedu_formular select {
	-webkit-appearance: none; 
	-moz-appearance: none;
	appearance: none;
	font-size:1.1rem;
	width:auto;
	margin-right:0.4rem;
}


.form_submit {	
	-webkit-appearance: none; 
	-moz-appearance: none;
	appearance: none;
	font-size:1.1rem;
	padding:1rem;
	background:var(--orange);
	font-weight:600;
	border-radius:var(--radius_small);
	font-family: 'Inter', sans-serif;
	border:2px solid var(--orange);
	cursor:pointer;
	transition: color,background ease-in-out 0.5s;
	color:white;
}
.form_submit:hover {
	color:var(--darkgreen);
	border:2px solid var(--darkgreen);
	cursor:pointer;
	transition:  color,background  ease-in-out 0.3s;
}	

.form_small{
	font-weight:normal;
}



/* ============================================= */
/* WEBEDU FOOTER 
/* ============================================= */
footer {
	background:var(--orange);
	color:white;
	font-size:1.1rem;
	font-weight:400;
	line-height:1.6;
	padding:5rem 10rem;
	display: flex;
	flex-wrap:wrap;
	flex-direction: row;
	justify-content: space-between;
	position: relative;
	width:100%;
	max-width:1600px;
	margin:0rem auto 0rem auto;  
}
footer>div{
	width:25%;
}
footer h5{
	font-size:1.5rem;
	font-weight:400;
	text-transform: uppercase;
	color:white;
	font-family: 'DINEngschriftLTAlternateRg';
	margin-bottom:0.5rem;
}
.footer_address {
	
}
.footer_address p {
	margin-bottom:1rem;
	color:white;
}
.footer_address .fa{
	font-size:2rem;
	padding-right:1rem;
	color:white;
}
.footer_links {
	
}

.footer_diplomlehrgang{
	
}

footer a:link,footer a:visited,footer a:hover,footer a:active{
	color:white !important;
}
footer a:hover{
	color:var(--darkgray) !important;
}

.footer_socialmedia {
	font-size:1rem;
}
.footer_socialmedia>div{
	display: flex;
	flex-wrap:wrap;
	flex-direction: column;
	line-height:2.2;
}
.footer_socialmedia_line a{
	display: flex;
	align-items: center;
}
.footer_socialmedia .fa, .footer_socialmedia .fas  {
	font-size:2rem;
	margin-right:0.5rem;
}
	
.totop{
	font-size:2rem;
	position:fixed;
	bottom:.5rem;
	right:1rem;
	cursor:pointer;
	padding:0rem;
	transition: all ease-in-out 0.5s;
	text-shadow:0px 0px 2px rgba(0,0,0,0.8);
}
.totop:hover{
	color:var(--orange);
	transition: all ease-in-out 0.3s;
}


.on_orange {
	color:white;
	background:var(--orange);
}
.on_orange_cta {
	border:2px solid white !important;
	color:white;
	background:var(--orange);
}




/* ============================================= */
/* WEBEDU COUNTER/STATS 
/* ============================================= */


.counter_container {
  display: flex;
  flex-flow: wrap row;
  justify-content:center;
  margin:.5rem auto;
	width:80%;
}
.counter {
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	font-size: 3rem;
	font-weight:600;
	margin:0% 2%;
	background-color:var(--orange);
	border-radius:var(--radius_small);
	color:white;
	width: 200px;
	height: 200px;
	vertical-align: middle;
	position: relative;
}
.counter_title{
	text-align:center;
	color:black;
	font-size: 1rem;
	font-weight:600;
	width: 200px;
	margin:0% 2%;
}



.webedu_mobile_header {
    background:white;
	display:none;
	position:fixed;
	top:0;
	left:0;
	right:0;
	z-index:99999;
	justify-content: space-between;
	padding:1rem;
}
.webedu_mobile_header_logo {
	height:1.5rem !important;
}
.webedu_mobile_header_logo img {
}
.webedu_mobile_header_logo svg {
}
.webedu_mobile_nav {
}
.webedu_mobile_nav_hamburger {
	transform:rotate(90deg);
	width:2.5rem;
	height:2.5rem;
}

.webedu_mobile_nav_hamburger_open {
	transform:rotate(0deg);
}


.webedu_mobile_button_link {
	display:none !important;
}
.webedu_mobile_button_link_hidden {
	display:block;
}



	
/* ======================================== */
/* webedu_panels */
/* ======================================== */
	.webedu_panels, .webedu_questions {
		border:1px solid lightgray;
		display:flex;
		flex-wrap:wrap;
		width:50%;
		margin:3rem auto;
		padding:2rem;
		justify-content: space-between;
		position: relative;
	}
	
	.webedu_panel, .webedu_panel_testimonial {
		width:55%;
		max-width:800px;
		border:1px solid lightgray;
		border-radius:var(--radius_small);
		background:white;
		padding:1.5rem 2rem;
		position:relative;
		overflow:hidden;
		margin:1rem auto;
		background-size:cover !important;
		background-position:center !important;
		background-repeat:no-repeat !important;
		transition:all ease-in-out 0.5s;
	}
	.webedu_panel:hover, .webedu_panel_testimonial:hover {
		transition:all ease-in-out 0.3s;
	}
	
	
	.webedu_panel_header {
		display:flex;
		flex-wrap:wrap;
		justify-content: space-between;
		align-items: flex-end;
		flex-grow:0;
		margin-bottom:1rem;
		position:relative;
		border-radius:var(--radius_small);
		overflow:hidden;
	}

	.webedu_panel_header_banner:hover .webedu_panel_header_title {
		background:none;
	}


	.webedu_panel_header .webedu_panel_header_title {
		/*font-size: clamp(1.8rem, 2.0vw, 2.0rem);   scaling font */
		font-size: 2rem; 
		font-family: 'DINEngschriftLTAlternateRg';
		text-transform:uppercase;
		font-weight: normal;
		background:var(--orange);
		color:white;
		padding:.5rem 1rem;
		display: inline-block;
		margin:0;
		width:100%;
		z-index:58;
		position:absolute;
		bottom:0;
		left:0;
	}
	.webedu_panel_header .webedu_panel_header_bild {
		width:100%;
		aspect-ratio:16/9 !important;
		height:auto;
		overflow: hidden;
		z-index:33;  
		position: relative; /* wichtig: Referenz für absolute Kinder */

	}
	.webedu_panel_header .webedu_panel_header_bild img{
		width:100%;
		height:100%;
		object-fit: cover;
		position: absolute; /* beide übereinander */
		inset: 0;           /* top/right/bottom/left = 0 */
		transition: opacity .4s ease; /* fade */
	}

	/* Startzustand */
	.webedu_panel_header_bild_1 { opacity: 1; }
	.webedu_panel_header_bild_2 { opacity: 0; }

	/* Hover: Bild 1 ausfaden, Bild 2 einfaden */
	.webedu_panel_header:hover .webedu_panel_header_bild_1 { opacity: 0; }
	.webedu_panel_header:hover .webedu_panel_header_bild_2 { opacity: 1; }


	
	
	.webedu_panel_header_banner {
		position:absolute;
		top:0;
		right:0;
		padding:0.5rem 3rem;     /* bestimmt die sichtbare Bandbreite */
		background:var(--orange);
		color:#fff;
		font-size:0.7rem;
		font-weight:600;
		text-align:center;
		white-space:nowrap;      /* alles in einer Zeile */
		overflow:hidden;         /* zu langer Text abgeschnitten */
		
		margin-top:1rem;
		transform-origin:top right;
		transform: translate(18%, 290%) rotate(45deg);
		/* 29.3% = 100% * (1 - cos(45deg)) */
		z-index:66;
	}
	

	.webedu_panel_header_banner_aktuell {
		position:absolute;
		top:0;
		left:0;
		padding:0.5rem 3rem;     /* bestimmt die sichtbare Bandbreite */
		background:lightgray;
		color:white;
		font-size:0.7rem;
		font-weight:600;
		text-align:center;
		white-space:nowrap;      /* alles in einer Zeile */
		overflow:hidden;         /* zu langer Text abgeschnitten */
		text-overflow:ellipsis;  /* „…“ am Ende */

		transform-origin:top left;
		transform: translate(-20%, 200%) rotate(-40deg);
		/* 29.3% = 100% * (1 - cos(45deg)) */
		z-index:67;
	}




	
	.webedu_panel_tag_container {
		display:flex;
		flex-wrap:wrap;
		justify-content:center !important;
		flex-grow:0;
		margin-bottom:1rem;
		gap:0.2rem;
		border-radius:var(--radius_small);
	}
	



	.small_tags {
		font-size:0.8rem;
	}
	.text_white_back {
		color:white;
		text-shadow: 0px 0px 4px black;
	}
	.webedu_panel_tag_container .webedu_panel_tag  {
		border:1px solid var(--orange);
		background:white;
		color:black;
		border-radius:var(--radius_small);
		padding:.3rem .8rem;
		transition:all ease-in-out 0.5s;
	}


	
	.small_tags .webedu_panel_tag {
		border:1px solid white;
		background:lightgray;
		color:black;
	}
	
		.webedu_panel_tag_container .webedu_panel_tag:hover {
		/*
		background:white;
		border:1px solid var(--orange);
		color:var(--orange);
		transition:all ease-in-out 0.3s;
		*/
	}
	
	
	
	.webedu_panel_content {
		padding:1rem 0rem; 
		width:80%;
		min-width:500px;
	}
	.webedu_panel_content p{
		margin-bottom:1rem;
	}

	.webedu_panel_content_angebot {
		padding:0 3rem;
	}
	.webedu_panel_content_angebot p{
		margin-bottom:.5rem;
	}

	.back_blur {
		background:rgba(255,255,255,0.7);
		backdrop-filter:blur(3px);
		padding:1rem;
	}
	
	.webedu_panel_content_testimonial {
		font-size:1.1rem;
		border-radius:var(--radius_small);
		margin-bottom:2rem;
		position:absolute;
		bottom:1rem;
		left:1rem;
		right:1rem;
	}
	
	.webedu_panel_content_testimonial_header {
		font-size:1.1rem;
		font-weight: 700;
		margin-bottom:0.5rem;
	}
	
	
	.webedu_panel_action{
		display:flex;
		flex-wrap:wrap;
		justify-content: center;
		align-items: flex-start;
		margin:1rem 0rem 1rem 0rem;
	}
	.button_left {
		justify-content: flex-start;
	}
	
	.webedu_panel_cta{
		border:1px solid white;
		background:var(--orange);
		color:white !important;
		cursor:pointer;
		font-weight:400;
		border-radius:var(--radius_small);
		
		text-align: left;
		justify-content: flex-start;
		transition:all ease-in-out 0.4s;
	}
	.webedu_panel_cta:hover {
		transform: scale(1.05);
		background:white;
		border:1px solid var(--orange);
		color:var(--orange) !important;
		transition:all ease-in-out 0.2s;
	}
	
	.webedu_panel_cta a{
		color:white;
		display:block;
		padding:.8rem 1.3rem;
	}
	
	.webedu_panel_cta:hover a{
		color:var(--orange) !important;
	}

	.webedu_panel_cta_top {
		display:inline-block;
		margin:1rem 0rem;
	}

	.webedu_panel_cta2{
		border:1px solid var(--orange);
		background:white;
		color:var(--orange) !important;
		cursor:pointer;
		font-weight:400;
		border-radius:var(--radius_small);
		
		text-align: left;
		justify-content: flex-start;
		transition:all ease-in-out 0.4s;
	}
	.webedu_panel_cta2 a{
		color:var(--orange) !important;
		border-radius:var(--radius_small);
		padding:.5rem 1rem;
	}
	.webedu_panel_cta2:hover a{
		transform: scale(1.05);
		background:lightgray;
		color:var(--orange) !important;
			border-radius:var(--radius_small);
	}


	.webedu_panel_cta_vertical_container {
		display:flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		margin-top:1rem;
	}
	.webedu_panel_cta_vertical_container .webedu_panel_cta{
		margin-bottom:1rem;
	}
	.webedu_panel_next {
			padding:.5rem 1rem;
			background:lightgray;
			color:black !important;
			border-radius:var(--radius_small);
	}
	.webedu_panel_next strong{
			font-weight:600;
	}

	.webedu_panel_termine {
			padding:1rem 1.5rem;
	}

	.webedu_panel_termine h3{
			padding:.5rem 0 1rem 0;
	}








/* ======================================== */
/* FULL CONTENT */
/* ======================================== */
	.webedu_start_2_spalten{
		display:flex;
		flex-wrap:wrap;
		align-items: flex-start;
		justify-content: space-between;
		/*		border:1px dashed lightgray; */
	}
	.webedu_start_2_spalten .webedu_panel{
		display:inline-block;
		width:46%;
	}


/* ======================================== */
/* FULL CONTENT */
/* ======================================== */
	
	.webedu_panel_full {
		padding:3rem;
		margin:3rem 0 1rem 0;
	} 
	/* 2spalten */
	.webedu_panel_full_2_spalten {
		display:flex;
		flex-wrap:wrap;
		align-items: flex-start;
		justify-content: space-between;
		text-align: center;
	}

	.webedu_panel_full_70 {
		width:70%;
		padding:2rem;
		text-align:center;
		margin:0 auto !important;
	}
	.webedu_panel_full_50_text {
		width:50%;
		padding:1.5rem 0rem 0rem 1rem;
		text-align:center;
		border-radius:var(--radius_small);
		margin: 0 auto;
	}
	.webedu_panel_tag_container_narrow{
		justify-content: space-evenly;
		width:90%;
		margin:1rem auto;
	}

	.webedu_panel_full_50_text h2 {
		margin:0rem 0rem 1rem 0rem;
		padding:0rem !important;
	}
	.webedu_panel_full_50_text h3 {
		margin:0rem 0rem 1rem 0rem;
		padding:0rem !important;
	}
	.media_text_text {
		padding:2rem 0rem;
		text-align:center;
		max-width:70ch;
		font-size:1.1rem;
	}
	.media_text_text p {
		padding:0rem 0rem 1rem 0rem;
	}




	.webedu_panel_full_50_media{
		width:100%;
		padding:0rem;
		text-align:center;
		margin:0 auto !important;
		overflow:hidden;
	}

	.webedu_panel_full_50_media img{
		border-radius:var(--radius_small);
		transition:.5s ease-in-out all;
	}


	.webedu_panel_full_50_media img:hover{
		transform:scale(1.06);
		opacity:0.8;
		transition:.3s ease-in-out all;
	}


	.webedu_panel_media_container {
		padding:0;
		margin:1rem auto 0rem auto;
		width:40%;
	}


	.webedu_full_content{
		display:flex;
		flex-wrap:wrap;
		justify-content: space-between;
		width:60%;
		max-width:800px;
		margin:1rem auto;
		font-size:1.1rem;
	}	

.webedu_panel_video_extern {
		padding:2rem;
		text-align:center;
		border:1px solid lightgray;
		border-radius:var(--radius_small);
		position: relative;
}


/* ======================================== */
/* GESCHICHTE DARSTELLEN */
/* ======================================== */

.media_text_text_geschichte_container {
	max-width: 700px;
	margin:0 auto;
}


.media_text_text_geschichte_container {
  position: relative;
  padding-left: 90px;
}




/* Vertikale Linie */
.media_text_text_geschichte_container::before {
  content: "";
  position: absolute;
  left: 42px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #ff9900;
}

/* Jahreskreis */
.media_text_text_geschichte_container h3 {
  position: relative;
  width: 48px;
  height: 48px;
  margin: 10px 0 6px;
  margin-left: -72px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding:0;
  border-radius: 50%;
  border: 3px solid #ff9900;
  background: #ff9900;
  color:white !important;
  font-size: 1.5rem;
  line-height: 1;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.media_text_text_geschichte_container h3:has(+ p:hover) {
  transform: scale(1.15);
  box-shadow: 0 0 0 6px rgba(255,153,0,0.15);
  font-size: 1.2rem;
}


/* Text rechts */
.media_text_text_geschichte_container p {
	margin:0 2rem !important;
	padding:0.5rem 0rem 1rem 0rem !important;
	max-width: 600px;
	text-align:left;
  	border-bottom: 1px solid lightgray;
	transform:translateY(-3.5rem);
}



/* ======================================== */
/* GALERIE BILDERLISTE */
/* ======================================== */

	.bilder_liste_galerie {
		max-width:500px;
		width:100%;
		margin:0rem auto !important;
	}
	.bilder_liste_galerie_container {
		max-width:500px;
		width:100%;
		display:flex;
		justify-content:center;
		gap:1rem;
		margin-bottom:.5rem;
	}
	.bilder_liste_galerie_container .hidden{
		display:none;
	}
	
	.bilder_liste_galerie_titel {
		margin-bottom:1rem;
		border-bottom: 1px solid lightgray;
		color:black;
		padding:0.5rem 0;
		width:100%;
		
		/*border-radius:var(--radius_small);*/
		text-align: center;
	}
	.bilder_liste_galerie_container figure {
		width:33%;
		overflow:hidden;
		border-radius:var(--radius_small);
	}
	.bilder_liste_galerie_container figure img {
		height:100%;
		width:100%;
		object-fit: cover;
		transition:.5s ease-in-out all;
	}

	.bilder_liste_galerie_container figure:hover img {
		transform:scale(1.06);
		opacity:0.8;
		transition:.3s ease-in-out all;
	}






/* ======================================== */
/* INFOTERMINE PANEL */
/* ======================================== */

.webedu_panel_termine {
	display:flex;
	flex-direction: column;
		text-align:center;
		padding:0rem 3rem 3rem 3rem;
}
.webedu_panel_termine section{
		border:1px white dashed;
	display:block;
		width:100%;
		padding:0rem 3rem 3rem 3rem;
}
.webedu_panel_termine h2 {
		padding:1rem 0rem 0rem 0rem !important;
		margin:1rem 0rem 0rem 0rem !important;
		display:block !important;
}
.webedu_panel_termine h3 {
		padding:.5rem 0rem 0rem 0rem !important;
		margin:.5rem 0rem 0rem 0rem !important;
		display:block !important;
}

/* ======================================== */
/* INFOPANEL TAGS */
/* ======================================== */
	
	.webedu_panel_infotags{
		padding:2rem;
		margin:0 auto;
		text-align:center;
	}





/* ======================================== */
/* CLAIMS TAGS GREY */
/* ======================================== */
	
	
	.webedu_panel_claims_container {
			width:60%;
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		flex-grow:0;
		margin:3rem auto;
		gap:1.5rem;
		font-size:0.9rem;
	}
	.webedu_panel_claim {
		border-radius:var(--radius_small);
		border:1px solid var(--orange);
		color:var(--darkgreen);
		padding:1rem;
		width:30% !important;
		text-align: center;
		display:flex;
		height:4rem;
		justify-content:center;
		align-items:center;
	}
	
	.webedu_panel_claim:hover {
		opacity:0.6;
		transition:.3s cubic-bezier(.17,.67,.83,.67) all;
	}
	
	
	
	
	
	
	
/* ======================================== */
/* QUESTIONS AKKORDEON */
/* ======================================== */
	.webedu_accordion {
		width:100%;
		max-width:800px;
		color:black;
		padding:0rem 0rem 3rem 0rem;
		margin:1rem auto !important;
	}
.webedu_kurs_container_overview .webedu_accordion {
		padding:2rem 0rem 3rem 0rem;
		margin:1rem 0rem 2rem 0rem !important;
	}

	.webedu_accordion details summary {
		cursor: pointer;
		font-weight: 600;
		font-size:1.2rem;
		background:var(--orange);
		border-radius:var(--radius_small);
		color:white;
		margin-bottom:1rem;
	}
	.webedu_accordion .accordion_content {
		margin:0.5rem 0rem 1rem 0rem;
		padding:0rem 1rem;
		width:95%;
		max-width:70ch;
		line-height:1.5;
	}
	.webedu_accordion details p {
		border:none;
		margin:0;
		padding:0;
	}
	.webedu_accordion .accordion_content h4 {
		margin:0.5rem 0 0 0 !important;
		padding:0 !important;
	}

	.webedu_accordion details[open] summary {
		margin-bottom: .5rem;
	}

	.webedu_accordion details > summary {
		list-style: none;           /* Standard-Dreieck weg */
		position: relative;
		cursor: pointer;
		padding:1rem;
	}

	/* Safari/WebKit: Marker ausblenden */
	.webedu_accordion summary::-webkit-details-marker {
		display: none;
	}

	.webedu_accordion details > summary::after {
		content: "▾";               /* eigenes Icon */
		position: absolute;
		right: 1rem;
		top:0.2rem;
		transition: transform 0.2s;
		font-size:2rem;
		color:white;
		text-shadow: 0px 0px 3px rgba(33,33,33,0.7);
	}

	.webedu_accordion details[open] > summary::after {
		transform: rotate(180deg);
		top:.5rem;
	}

	.webedu_accordion details[open] p {
	}
	.accordion_content h3, .accordion_content h4 {
		margin:1rem 0rem;
		padding:0rem;
	}


	.accordion_content h3:first-of-type, .accordion_content h4:first-of-type {
		margin:1rem 0rem 0rem 0;
		padding:1rem 0rem 0rem 0;
	  	border-top:0px solid lightgray;
	}
/* ======================================== */
/* INFOCLOUD */
/* ======================================== */
 
	.webedu_cloud {
		margin:3rem auto;
	  text-align:center;
	}


    .info_cloud_honeycomb{
      width:min(1200px, 96vw);
		max-width:1600px;
      aspect-ratio: 7 / 6;
      display: grid;
      grid-template: repeat(6, 1fr) / 1fr repeat(3, 2fr 1fr);
	  border:1px solid none;
      background: white;
      /* keep it tight; spacing is done via scaling each hex */
      gap: 0;
      place-items: center;
		margin:0 auto 1rem auto;
    }

    /* Hexagon base */
    .info_cloud_hex{
      width: 100%;
      height: 100%;
      clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
      border-radius: var(--radius); /* optional: subtle soften, still hex-ish */

      display: grid;
      place-items: center;
      text-align: center;

      /* spacing trick */
      transform: scale(var(0.9));
      transition: transform 180ms ease;

      /* basic styling (edit freely) */
		border:1px solid white;
      background: white;
      padding: 2rem;
      box-sizing: border-box;
      user-select: none;
    }

    .info_cloud_hex:hover{
      transform: scale(1.01);
      z-index: 2; /* hover above neighbors */
    }

    /* Demo content styling */
    .info_cloud_hex h4{
		color:var(--orange);
		background:white;
		text-transform:uppercase;
		border-radius:var(--radius_small);
		margin: 1rem;
		padding:0.5rem;
		font-size: 1.2rem;
		line-height: 1.2;
		display:inline-block;
    }
    .info_cloud_hex p{
      margin: 0;
      line-height: 1.1;
	  text-align:center;
    }

    .info_cloud_hex ul{
		list-style: none;
		font-size: 1rem;
		line-height: 1.2;
    }
	.info_cloud_list {
		padding:0rem 3rem;
		/*
		background:lightgray;
		border:3px solid black;
		*/
	}
	.webedu_info_content{
		padding:1rem;
	}
		
	.webedu_info_content_article{
		width:80%;
	}
	
    /* Positions (exactly as your explanation, but with valid CSS selectors) */
    #info_cloud_hexagon1{ grid-area: 1 / 3 / span 2 / span 3; }
    #info_cloud_hexagon2{ grid-area: 2 / 5 / span 2 / span 3; }
    #info_cloud_hexagon3{ grid-area: 4 / 5 / span 2 / span 3; }
    #info_cloud_hexagon4{ grid-area: 5 / 3 / span 2 / span 3; }
    #info_cloud_hexagon5{ grid-area: 4 / 1 / span 2 / span 3; }
    #info_cloud_hexagon6{ grid-area: 2 / 1 / span 2 / span 3; }
    #info_cloud_hexagon7{ grid-area: 3 / 3 / span 2 / span 3; }

	
	
	#info_cloud_hexagon6 div,#info_cloud_hexagon2 div{ 
		transform:translateY(2rem); 
	}
	
	
	/* center hexagon */
	#info_cloud_hexagon7{ 
		margin-top:0;  
		padding:5rem; 
	}
	#info_cloud_hexagon7 div{ 
		transform:translateY(-5rem); 
	}
	








/* ======================================================================== */
/* RESPONSIVE 1280px */
/* ======================================================================== */
@media all and (max-width: 1450px) {
	
	
	html {
		font-size:16px;
	}
	
	body {
	}
	
	.webedu_container {
		/*margin-top:4rem;*/
	}
	
	.info_block_display{
		display: block;
	}
	.webedu_mobile_header {
		display:flex;
	}
	.webedu_logo {
		display: none;
	}
	.webedu_mobile_nav {
		position: fixed;
		top: 1.5rem;
		right: 1.5rem;
		z-index: 9999;
		padding:.7rem;
	}

	
	.fullwidth {
		display:block !important;
	}

	.webedu_mobile_button_link {
		display:block !important;
	}
	.webedu_mobile_button_link_hidden {
		display:none !important;
	}
		
		
	.webedu_mobile_nav_hamburger {
		cursor:pointer;
		width:2rem;
		height:2rem;
	}


	.webedu_header_logo_nav .webedu_navigation {
		display: none;
		background:rgba(255,255,255,0.9);
		position:fixed;
		z-index:998;
		width: 100%;
		height:100vh;
		min-height:100vh;
		left:0;
		right:0;
		top:0;
		bottom:0;
		padding-top:2rem;
		flex-direction: column;
	}
	.webedu_header_logo_nav .webedu_navigation ul{
		flex-direction: column;
	}
	.webedu_header_logo_nav .webedu_navigation li {
		font-size: clamp(1.3rem, 1.8vw, 1.8rem);  /* scaling font */
		margin: 1rem 0rem;
	}
	
	.webedu_logo {
	}
	.webedu_header_logo_nav .webedu_logo {
		position:fixed;
		z-index:1000;
		left:0rem;
		top:0rem;
		padding:0.5rem;
		margin:0.3rem !important;
		height:4rem !important;
		width:35%;
	}
	
	#webedu_logo_svg {
		height:2rem;
		margin:1rem;
	}
	
	
	main {
		 /*padding-top: 1rem !important;*/
	}
	
	
	.webedu_panel_content_angebot {
		padding:0 1rem;
	}
	
	
	
	.full_width {
		width:100%;
		margin:0 ;
		padding:2rem;
	}	
	.full_width div, .full_width article{
		width:100%;
	}
	
	.min_height {
		min-height:auto;
	}
	.webedu_video_playbutton {
		width:5rem !important;
		height:5rem !important;
	}
	.webedu_projekte {
		width: 100%;
		margin:0rem auto;
		padding:0 2.5rem;
	}
	
	.webedu_team_staff{
		width:48%;
	}
	.webedu_team_staff_infotext{
		position: relative;
	}
	.webedu_team_staff_title_mobile {
	}
	
	.form_modular {
	flex-direction: column;
	}

	.form_diplomlehrgang_container,.form_modulkurse  {
		width:100%;
		margin-bottom:2rem;
	}
	
	
	
	
	.webedu_panel_media_container {
		padding:0;
		margin:2rem auto 0rem auto;
		width:90%;
	}
	
	
	.content_text{
		max-width:800px;
		width:80%;
	}
	.media_text_text {
		margin:0 auto !important;
		max-width:100%;
		width:100%;
	}
	
.media_text_text_geschichte_container {
    padding-left: 0px;
	position:relative;
  }

  .media_text_text_geschichte_container::before {
    left: 22px;
  }

  .media_text_text_geschichte_container h3::before {
     left: -40px;
	  border:3px solid red;
  }
	
	
.media_text_text_geschichte_container h3 {
  position: relative;
  width: 48px;
  height: 48px;
  margin: 10px 0 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding:0;
  border-radius: 50%;
  border: 3px solid #ff9900;
  background: #ff9900;
  color:white !important;
  font-size: 1.5rem;
  line-height: 1;
}	
	
/* Vertikale Linie */
.media_text_text_geschichte_container::before {
	content: "";
	position: absolute;
	left: 42px;
	top: 0;
	bottom: 0;
	width: 0px;
	background: none;
}
	


.media_text_text_geschichte_container h3:has(+ p:hover) {
  transform: scale(1) !important;
  font-size: 1rem !important;
}


/* Text rechts */
.media_text_text_geschichte_container p {
	margin:0 2rem !important;
	padding:0.5rem 0rem 1rem 2rem !important;
	max-width: 600px;
	text-align:left;
  	border-bottom: 1px solid lightgray;
	transform:translateY(-3.5rem);
}

	
	.webedu_panel_full {
		padding:1rem;
		margin:3rem 0 1rem 0;
	} 
	
	
	footer {
		flex-direction: column;
		text-align:center;
		line-height:1.6;
		padding:3rem 0rem;
	}
	
	.footer_top{
		margin-bottom:3rem;
	}
	
	footer>div{
		width:100%;
	}
	.footer_address .fa{
		font-size:4rem;
		padding-right:1rem;
	}
	
	.footer_socialmedia>div{
	display: flex;
	flex-wrap:wrap;
	flex-direction: column;
		justify-content: center;
		text-align:center;
		margin:0 auto;
	}
	.footer_socialmedia_line{
		display: flex;
		flex-wrap:wrap;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align:center;
	}
	
	.flex_change div {
		width:100%;
		margin:1rem 0rem;
	}
	
	.flex_change{
		/*flex-direction: column;*/
	}
	
	.webedu_switch {
	}
	.webedu_header_hero {
		flex-direction: row !important;
        justify-content: flex-start;
		border-radius:none;
		height: 12rem;
		width:100%;
        padding:2rem;
	}
	.webedu_header_hero_start {
		padding: 1rem;
		height: auto;
        position:relative;
	}
	.webedu_header_hero_title{
		width:100%;
	}
	.webedu_header_hero_title h2{
		font-size:3rem !important;
	    text-shadow:0px 0px 2px rgba(0,0,0,0.5);
	}
	.webedu_header_hero_title h3{
	    text-shadow:0px 0px 2px rgba(0,0,0,0.5);
	}
    .webedu_hero_video_mobile {
        display:block;
        position:absolute;
        z-index:0;
        height:100%;
        width:100%;
        left:0;
        top:0;
        padding:1rem;
	    border-radius:var(--radius_small);
    }
    .webedu_hero_video_mobile video{
        height:100%;
        width:100%;
        object-fit: contain;
	    border-radius:var(--radius_small);
    }
	
	/* nur auf startseite zeigen */
	.webedu_header_hero .webedu_hero_video_mobile{
		display:none;
	}
	
	.webedu_header_hero_start .webedu_hero_video_mobile{
		display:block;
	}
	.webedu_video {
		width:100%;
	}
	
	.webedu_header_hero  .webedu_video {
		display:none;
	}
	.webedu_main_start{
		padding-top:0rem;
	}
	
	
	.webedu_header_hero_title h2,.webedu_header_hero_title h3 {
		width:100%;
	}
	.webedu_header_hero_start {
		min-height:350px;
	}
	
	.webedu_main_flex {
		align-items:baseline; 
		padding:2rem;
	}
	
	.header_main_panels {
		display: none !important;
		flex-direction: column;
		position:relative;
		width: 80%;
		margin:0 auto;
		left:0%;
		right:0%;
	}
	.header_main_panels_panel {
		width:100%;
		margin:1rem 0rem;
	}
	.header_main_panels article {
		width:100%;
	}
	
	
	.webedu_navigation {
		width:100%;
		justify-content:center;
		font-size:1rem;
	}
	.webedu_navigation .nav_close {
		display:block;
		cursor:pointer;
		margin-top:4rem;
		margin-right:2rem;
	}
	.webedu_header_logo_nav {
		/*display:none;*/
		padding:0;
	}
	
	.webedu_media_container  {
		/*min-height:650px;*/
		margin:0.5rem auto;
	}
	.webedu_media_container .webedu_image {
		margin:0;
	}
	
	.webedu_livingvideo {
		width:100%;
		min-height:0 !important;
		margin:0;
	}
	
	
	
	.webedu_image_title {
		position: absolute;
		bottom: -1rem;
		padding: 0.5rem;
		right: 0rem;
		left: 0rem;
		text-align:center;
		font-size:1rem;
		margin:0;
        width:auto;
	}
	.webedu_header_cta{
		margin-top:4rem;
		flex-direction: column;
		padding:1rem 0;
	}
	.webedu_header_cta div{
		margin:0.5rem auto 0rem auto;
		width:95%;
		text-align: center;
	}

	.formular_panels_container{
		flex-direction: column;
		margin:0;
	}
	.formular_panel{
		aspect-ratio:auto;
		width:100%;
		margin:0 auto 1rem auto;
	}
	.form_line{
		flex-direction: column;
	}
	.form_line:nth-child(odd){
		border-top:1px solid lightgray;
		border-bottom:1px solid lightgray;
	}
	.form_titel, .form_feld {
		width:100%;
		justify-content: flex-start;
		margin:0 auto 1rem auto;
		padding:0;
	}
	
	#webedu_formular {
		padding:0;
	}
	
	#webedu_formular input[type=text],#webedu_formular input[type=email],#webedu_formular  textarea,#webedu_formular  select, #webedu_formular option, .form_select_wide {
		width:100%;
	}
	
	.formular_panel_infos{
		font-size:0.9rem;
	}
	
	.full_width_text{
		width:100;
		display:block;
	}
	
	.form_fields{
	width:100%;
	margin:0 auto;
}
	
		.webedu_cloud {
			margin:3rem 0rem;
		}
		
      .info_cloud_honeycomb{
        aspect-ratio: auto;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 1rem;
      }

      /* remove grid-area placement so they flow naturally */
      #info_cloud_hexagon1,
      #info_cloud_hexagon2,
      #info_cloud_hexagon3,
      #info_cloud_hexagon4,
      #info_cloud_hexagon5,
      #info_cloud_hexagon6,
      #info_cloud_hexagon7{
        grid-area: auto;
      }

      .info_cloud_hex{
        height: auto; /* fixed height for stacked layout */
        transform: none;
		padding:0rem 0rem;
      	clip-path:none;
      	border-radius: var(--radius); /* optional: subtle soften, still hex-ish */
      }
		#info_cloud_hexagon6 div, #info_cloud_hexagon2 div, #info_cloud_hexagon7 div {
    	transform: translateY(0rem);
		}
		
      .info_cloud_hex:hover{
        transform: none;
      }

      .info_cloud_hex h4{
		  font-size:1.2rem;
		  margin-bottom:0rem;
      }
	
	#info_cloud_hexagon7 {
		padding:1rem !important;
	}
	
	.webedu_panel_container {
			padding:1rem;
		  border:1px solid red;
			flex-direction:column;
		}
		
		.webedu_flex_column {
			flex-direction:column;
			
		}
	
		.webedu_flex_column .webedu_panel, .webedu_flex_column .webedu_panel_testimonial{
			width:100%;
			min-height:60vh;
			margin:2rem 0;
		}
	
		.webedu_panel_tag {
			margin:0rem;
			padding:0rem;
		}
		.flex_change div {
			width: 100%;
			margin: .5rem 0rem;
		}
		.info_cloud_list {
			padding:0rem 3rem;
			max-width:70ch;
		}
	
	
	.content_video {
		width:70%;
	}
	
	
	
	
	.webedu_start_2_spalten{
		display:flex;
		flex-direction: column;
	}
	.webedu_start_2_spalten .webedu_panel{
		width:100% !important;
		max-width:800px;
	}
	
	
	
	
	
	/* 2spalten */
	.webedu_panel_full_2_spalten {
		flex-direction: column;
	}

	.webedu_panel_full_70 {
		width:100%;
		padding:2rem 0rem;
		text-align:center;
		margin:0 auto !important;
	}
	.webedu_panel_full_50_text {
		width:100%;
		padding:1.5rem 0rem 0rem 1rem;
	}
	.webedu_panel_tag_container_narrow{
		justify-content: space-evenly;
		width:100%;
		margin:1rem auto;
	}
	.webedu_panel_full_50_media{
		width:100%;
		padding:1rem 2rem;
		text-align:center;
		margin:0 auto !important;
	}

	.webedu_full_content{
		display:flex;
		flex-wrap:wrap;
		justify-content: space-between;
		width:100%;
		max-width:800px;
		margin:1rem auto;
	}	
	.webedu_panel_action{
		display:flex;
		flex-direction: column;
		flex-wrap:wrap;
		justify-content: center;
		align-items: center;
		margin-top:2rem;
	}
	
	.webedu_panel_action{
		display:flex;
		flex-direction: column;
		flex-wrap:wrap;
		justify-content: center;
		align-items: center;
		margin-top:2rem;
	}
	
	.webedu_panel_cta {
		display:inline-block;
		width:auto !important;
	}
	
	.webedu_panel_claims_container {
			width:100%;
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		flex-grow:0;
		margin:2rem auto;
		gap:1rem;
		font-size:0.9rem;
	}
	.webedu_panel_claim {
		border-radius:var(--radius_small);
		border:1px solid var(--orange);
		color:var(--darkgreen);
		padding:1rem;
		width:48% !important;
		text-align: center;
		display:flex;
		height:auto;
		justify-content:center;
		align-items:center;
	}
	
	
	/* submenu */
	.webedu_submenu_container{
		position:relative;
		text-align: center !important;
		background:none !important;
	}
	.webedu_submenu {
		display:flex !important;
		position:relative !important;
		text-align: center !important;
		margin:0 auto !important;
		top:0 !important;
		left:0 !important;
		background:none !important;
	}
	.webedu_submenu_menu {
		text-align: center !important;
		font-size:1.2rem !important;
		background:none !important;
	}

	
	
	

	/* Hero Titles */
	.webedu_hero_balken {
		margin-top:1rem;
		position: relative;
		height:auto;
		max-height:35rem;
	}
	.webedu_hero_balken>h2{
		left:2rem;
		bottom:1rem;
		transform:translateX(3rem);
	}



	.webedu_hero_background_untertitel {
		left:2rem;
		right:auto;
		bottom:2rem;
		padding:0.2rem 0.3rem;
		transform:translateX(-1rem);
	}
	
	
	
	
	
	
}
/* ======================================================================== */
/* END 1350 */
/* ======================================================================== */


/* ======================================================================== */
/* RESPONSIVE 800px */
/* ======================================================================== */
@media all and (max-width: 900px) {

	/*
	.webedu_team_container {
		margin: 3rem auto 0rem auto;
	}
	.webedu_team{
		width: 100%;
		margin: 2rem auto 2rem auto;
		pointer-events: none;
	}
	.webedu_team_staff{
		width:100%;
		aspect-ratio:16/9 !important;
		display:block;
	}
	.webedu_team_staff_title{
		display:block;
	}
	.webedu_team_staff_infotext{
		position: relative;
	}
	.webedu_team_staff_title_mobile {
		display:block;
		height:20rem;
		margin-top:10rem;
	}
	
	.webedu_team_staff h3{
		padding:0.3rem;
		bottom:0.5rem;
		left:0.5rem;
	}
	
	.webedu_mobile_header_logo {
	}
	.webedu_mobile_header_logo img {
		width:auto;
		height:2rem;
	}

	.webedu_header_hero_start .webedu_header_hero_title {
		width: 90%;
		padding-left:2rem;
	}

	
	.hide_mobile {
		display:none;
	}
	
	
	
	.webedu_hero_balken{
		height:auto;
	}
	
	.webedu_hero_balken>h2{
		display:none;
	}

	.webedu_hero_background_titel {
		display:none;
	}

	.webedu_hero_background_untertitel,.webedu_hero_background_untertitel_slide {
		display:none;
	}
	
	.webedu_info_content_article{
		width:90%;
	}
	
	*/
	
	
	
	
	
	
	
	
}
/* ======================================================================== */
/* END 800px */
/* ======================================================================== */










/* ======================================================================== */
/* GALLERY DIVERSE */
/* ======================================================================== */

@media all and (max-width: 1300px) {
	.fancybox__viewport:has(.project_info) .fancybox__slide {
		display:flex;
		flex-direction: column;
		padding:1rem;
	}
	
	.project_title_container{
		width:90vw !important;
		min-width:95% !important;
	}
	.project_title_container .project_info{
		width:80vw !important;
		min-width:95% !important;
		margin-top:1rem;
	}
	
}


@media all and (max-width: 1200px) {
	.webedu_projekte_projekt_panel {
		width:48%;
	}
}

@media all and (max-width: 960px) {
	.webedu_projekte_projekt_panel {
		width:100%;
	}
}