.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
.cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible:not(.cc-hide-focus)+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:not(.cc-hide-focus):focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)}
/* roboto-condensed-300 - latin */
@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 300;
	src: url('../../files/fonts/Roboto_condensed/roboto-condensed-v24-latin-300.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../../files/fonts/Roboto_condensed/roboto-condensed-v24-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../../files/fonts/Roboto_condensed/roboto-condensed-v24-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../../files/fonts/Roboto_condensed/roboto-condensed-v24-latin-300.woff') format('woff'), /* Modern Browsers */
		 url('../../files/fonts/Roboto_condensed/roboto-condensed-v24-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../../files/fonts/Roboto_condensed/roboto-condensed-v24-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
  }
  
  /* roboto-condensed-regular - latin */
  @font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 400;
	src: url('../../files/fonts/Roboto_condensed/roboto-condensed-v24-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../../files/fonts/Roboto_condensed/roboto-condensed-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../../files/fonts/Roboto_condensed/roboto-condensed-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../../files/fonts/Roboto_condensed/roboto-condensed-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('../../files/fonts/Roboto_condensed/roboto-condensed-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../../files/fonts/Roboto_condensed/roboto-condensed-v24-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
  }
  
  /* roboto-condensed-700 - latin */
  @font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 700;
	src: url('../../files/fonts/Roboto_condensed/roboto-condensed-v24-latin-700.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('../../files/fonts/Roboto_condensed/roboto-condensed-v24-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('../../files/fonts/Roboto_condensed/roboto-condensed-v24-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
		 url('../../files/fonts/Roboto_condensed/roboto-condensed-v24-latin-700.woff') format('woff'), /* Modern Browsers */
		 url('../../files/fonts/Roboto_condensed/roboto-condensed-v24-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('../../files/fonts/Roboto_condensed/roboto-condensed-v24-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
  }

  @font-face {
    font-family: 'Baar Philos Regular';
    font-style: normal;
    font-weight: normal;
    src: url('../../files/fonts/baar-philos/baarprg_.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Baar Philos Italic';
    font-style: normal;
    font-weight: normal;
    src: url('../../files/fonts/baar-philos/baarpi__.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Baar Philos Bold';
    font-style: normal;
    font-weight: normal;
    src: url('../../files/fonts/baar-philos/baarpb__.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Baar Philos BoldItalic';
    font-style: normal;
    font-weight: normal;
    src: url('../../files/fonts/baar-philos/baarpbi_.woff') format('woff');
    }
:root {
	--white: #fff;
	--light-grey: rgb(240, 240, 240);
	--light-grey-transparent: rgba(240, 240, 240, 0.96);
	--text-grey: rgb(76, 76, 76);
	--shadow: rgba(0, 0, 0, 0.2);
	--red: rgb(197, 32, 17);
	--orange: rgb(255, 126, 67);
	--lila: rgb(146, 73, 131);
	--green: rgb(146, 193, 96);
	--lila-transparent: rgba(146, 73, 132, 0.9);

	/* font-families */
	--ff-serif: "Roboto Slab", serif;
	--ff-sans-cond: "Roboto Condensed", sans-serif;
	--ff-sans-normal: "Roboto", sans-serif;

	/* font-sizes */
	--fs-900: 9.375rem;
	--fs-800: 6.25rem;
	--fs-700: 3rem;
	--fs-600: 2rem;
	--fs-500: 1.75rem;
	--fs-450: 1.5rem;
	--fs-420: 1.3rem;
	--fs-400: 1.125rem;
	--fs-300: 1rem;
	--fs-200: 0.875rem;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

.mod_navigation .invisible {
	border: 0;
	clip: circle(0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: var(--ff-sans-cond);
	line-height: 1.5;
	font-size: var(--fs-400);
	color: var(--text-grey)
}

body {
	overflow-y: scroll;
}

/* #wrapper {
    animation: transitionIn  0.75s;
}

@keyframes transitionIn {

    from {
        opacity: 0;
    }

    to {
        opacity: 1;

    }

} */


/* ------------------Text Formatierungen ------------------ */
h1,
h2,
h3 {
	margin: 0;
	padding: 1em 0 0;
	line-height: 1.2;
	font-weight: 400;


}

h1 {
	font-size: clamp(2rem, 1.86vw + 1.628rem, 3rem);

}

h2 {
	font-size: clamp(1.25rem, 1.364vw + 0.977rem, 2rem);
	

}

h3 {
	font-size: clamp(1.25rem, 0.455vw + 1.159rem, 1.5rem);
}



.verein-headline {
	border-bottom: 4px dotted var(--red);
	display: block;
	color: var(--text-grey);
}

.schule-headline {
	border-bottom: 4px dotted var(--orange);
	display: block;
}

.hofschule-headline {
	border-bottom: 4px dotted var(--green);
	display: block;
}

.kindergarten-headline {
	border-bottom: 4px dotted var(--lila);
	display: block;
}

.square_red {
	background-color: var(--red);
	width: 1em;
	height: 1em;
}







.logo {
	/* 	background-color: azure; */
	position: absolute;
	top: 5em;
	left: 5em;
	z-index: 100;
	width: 400px;
	height: 300px;
}

.logo img {
	width: 100%;
	height: auto;
}


/* ------------------Gerüst für den Sticky-Footer ------------------ */

#wrapper {
	min-height: 100%;
	display: grid;
	grid-template-rows: auto 1fr auto;
}

#header {
	margin: 0;
	padding: 0;
	background-color: var(--red);
	position: sticky;
	top: 0;
	z-index: 1000;
}



#footer {
	background-color: var(--red);
	color: var(--white);
	padding-bottom: 2em;
}

.mitgliedschaften {
	color: white;
	font-weight: 400;
	font-size: var(--fs-300);
	padding: .5em 0 0.25em 1em;
	margin: 0;
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
}


footer .inside {
	width: 100%;
	padding: 0;
	margin: 0;
}




.footergrid {
	margin: 0 auto;
	padding-top: 1em;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	max-width: 1180px;
}

.footerbox {
	margin-top: 1em;
	font-size: var(--fs-200);

}

.footerbox p {
	margin: 0;
	padding: 0 0 0 .25em;
}

.footerbox a {
	color: var(--white);
	text-decoration: none;
}

.footerbox a:hover {
	text-decoration: underline;
}

.footerbox1 {
	margin-top: 1em;
	font-size: var(--fs-200);
}

.footerbox1 p {
	margin: 0;
	padding: 0 0 0 .25em;
}

.footerbox1 a {
	color: var(--white);
	text-decoration: none;
}

.footerbox1 a::before {
	content: "»";
	color: var(--white);
	font-weight: 700;
	padding-right: 5px;
	left: 0;
	display: inline-block;
}

.footerbox1 a:hover {
	text-decoration: underline;
}

.footer-logos-grid {
	width: 100%;
	background-color: var(--white);
}

.footer-logos {
	width: 100%;
	max-width: 1180px;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	margin: 0 auto;
	padding: 0;
	background-color: white;
	width: 100%;
	gap: 1em;
	align-items: center;
}

.logo1 {
	margin: 0;
	padding: 0;
	align-items: center;

}

.logo1 img {
	display: block;
	width: 100%;
	margin: 0 auto;
	height: auto;



}




@media (max-width: 1296px) {
	.logo {
		top: 4em;
		left: 2em;
		z-index: 100;
		width: 250px;
		height: auto;
	}

}

@media (max-width: 1027px) {
	.logo {
		top: 3em;
		left: 2em;
		z-index: 100;
		width: 250px;
		height: auto;
	}

}


@media (max-width: 800px) {


	.footer-logos {
		padding: 0 1em;
		margin: 0 auto;
		grid-template-columns: repeat(3, 1fr);
		justify-content: space-between;
	}

	.logo1 {
		width: 100%;
	}
}


@media (max-width: 580px) {

	.footergrid {
		grid-template-columns: 1fr;
	}

	.footer-logos {
		padding: 0 1em;
		margin: 0 auto;
		grid-template-columns: repeat(2, 1fr);
	}

	.logo {
		top: 3em;
		left: 1em;
		z-index: 100;
		width: 220px;
		height: auto;
	}

	.footerbox1 p {
		padding: 0;
	}


}

#main {
	margin: 0;
	padding: 0 0 3em 0;
	background-color: var(--white);

}


.content-text {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	max-width: 1180px;
}


.content-table {
	margin: 0 auto;
	padding: 0 1em 0 1em;
	width: 100%;
	max-width: 1180px;
}



.content-image {
	margin: 0;
	padding: 0;
}

figure {
	margin: 0;
	padding: 0;
}

.content-image img {
	width: 100%;
	height: auto;
	max-height: 600px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	display: block;
}

.rte {
	margin: 0;
	padding: 0 1em;
}

.bildleiste {
	margin: 0 auto;
	padding: 0;
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(3, 1fr);
	max-width: 1138px;
	font-family: Baar Philos Regular;
	font-size: var(--fs-400)
}

.bildleiste1 {
	margin: 0;
	padding: 0;
	display: grid;
	width: 100%;
	height: auto;
	background-size: cover;
	background-image: url(../../files/images/kindergarten01.jpg);
	background-image: url(../../files/images/kindergarten01.webp);
	background-repeat: no-repeat;
	aspect-ratio: 1;
	justify-content: start;
	align-content: center;

}

.bildleiste a {
	text-decoration: none;
	transition: ease-in-out .2s;

}


.bildleiste1 .rte {
	color: white;
	background-color: var(--lila);
	margin: 0;
	width: 150px;
	height: auto;
	aspect-ratio: 1;
	padding: 0 0 0 .75em;
	position: relative;
	left: 0;
	justify-content: start;
	align-content: center;

}

.bildleiste2 {
	margin: 0;
	padding: 0;
	display: grid;
	width: 100%;
	height: auto;
	background-size: cover;
	background-image: url(../../files/images/schule01.jpg);
	background-image: url(../../files/images/schule01.webp);
	background-repeat: no-repeat;
	aspect-ratio: 1;
	justify-content: end;
	align-content: top;

}

.bildleiste2 .rte {
	color: white;
	background-color: var(--orange);
	margin: 0;
	width: 150px;
	aspect-ratio: 1;
	padding: 0 .25em 0 1em;
	position: relative;
	justify-content: start;
	align-content: center;
}

.bildleiste3 {
	margin: 0;
	padding: 0;
	display: grid;
	width: 100%;
	height: auto;
	background-size: cover;
	background-image: url(../../files/images/hofschule.jpg);
	background-repeat: no-repeat;
	aspect-ratio: 1;
	justify-content: end;
	align-content: end;
}

.bildleiste3 .rte {
	color: white;
	background-color: var(--green);
	margin: 0;
	width: 150px;
	aspect-ratio: 1;
	padding: 0 .25em 0 1em;
	position: relative;
	justify-content: start;
	align-content: center;
}

/* -----------------EVENT-Teaser----------------------- */
.mod_eventlist {
	margin: 0 auto;
	padding: 1em 1em 1em 1em;
}

.alle_events .rte p {
	margin: 0;
	padding: 0 0 1em 0;
	font-size: var(--fs-300);
}

.alle_events a {
	color: var(--text-grey);
	text-decoration: none;
}

.alle_events a:hover {
	text-decoration: underline;

}

.mod_eventlist .layout_teaser.bygone {
	display: none;
}

.mod_eventlist.content-text .event.layout_teaser h2,
.mod_eventlist.content-text .event.layout_teaser h2 a {
	color: var(--text-grey);
	text-decoration: none;
	display: block;
	width: 250px;

}

p.time {
	width: 250px;
}



.mod_eventlist.content-text .event.layout_teaser .more a {
	color: var(--text-grey);
	text-decoration: none;
}

.mod_eventlist.content-text .event.layout_teaser a:hover {
	text-decoration: underline;
}

.mod_eventlist>div {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1em;
	border-bottom: 1px dotted var(--text-grey);

}

.mod_eventlist.content-text .header {
	display: none;
}

.mod_eventlist.content-text .event.layout_teaser.blank.upcoming.cal_2 .colorcode,
.mod_eventlist.content-text .event.layout_teaser.blank.current.cal_2 .colorcode {
	display: flex;
	width: 1.5em;
	height: auto;
	background-color: var(--white);
	aspect-ratio: 1;
	border-radius: 50%;
}


.mod_eventlist.content-text .event.layout_teaser.verein.upcoming.cal_2 .colorcode,
.mod_eventlist.content-text .event.layout_teaser.verein.current.cal_2 .colorcode {
	display: flex;
	width: 1.5em;
	height: auto;
	background-color: var(--red);
	aspect-ratio: 1;
	border-radius: 50%;
}

.mod_eventlist.content-text .event.layout_teaser.schule.upcoming.cal_2 .colorcode,
.mod_eventlist.content-text .event.layout_teaser.schule.current.cal_2 .colorcode {
	display: flex;
	width: 1.5em;
	height: auto;
	background-color: var(--orange);
	aspect-ratio: 1;
	border-radius: 50%;
}

.mod_eventlist.content-text .event.layout_teaser.hofschule.upcoming.cal_2 .colorcode,
.mod_eventlist.content-text .event.layout_teaser.hofschule.current.cal_2 .colorcode {
	display: flex;
	width: 1.5em;
	height: auto;
	background-color: var(--green);
	aspect-ratio: 1;
	border-radius: 50%;
}

.mod_eventlist.content-text .event.layout_teaser.kindergarten.upcoming.cal_2 .colorcode,
.mod_eventlist.content-text .event.layout_teaser.kindergarten.current.cal_2 .colorcode {
	display: flex;
	width: 1.5em;
	height: auto;
	background-color: var(--lila);
	aspect-ratio: 1;
	border-radius: 50%;
}

.mod_eventlist.content-text .event.layout_teaser.current.cal_2 h2,
.mod_eventlist.content-text .event.layout_teaser.upcoming.cal_2 h2 {
	font-size: var(--fs-400);
	line-height: 1;
	margin: 0;
	padding: 0;

}

.mod_eventlist.content-text .event.layout_teaser.current.cal_2 p.more span,
.mod_eventlist.content-text .event.layout_teaser.upcoming.cal_2 p.more span {
	display: none;
}

.mod_eventlist.content-text .event.layout_teaser.current.cal_2 .location,
.mod_eventlist.content-text .event.layout_teaser.upcoming.cal_2 .location {
	margin: 0;
	padding: 0;
	line-height: 1;

}

.kontakte {
	margin: 0 auto;
	padding: 1rem 2rem 1rem 0;
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(2, 1fr);
	max-width: 1180px;
	border-bottom: 1px dotted grey;
}

.map-box {
	max-width: 100%;
}

iframe {
	width: 100%;
	height: 100%;
	min-height: 320px;
}



@media (max-width:1180px) {
	.bildleiste {
		margin: 0;
		padding: 0;

	}
}



@media (max-width:580px) {

	.info-boxen {
		/* 		outline: 1px solid red; */
		width: 100%;
		max-width: 1180px;
		margin: 0 auto;
		padding: 1em;
		display: grid;
		grid-template-columns: 1fr;
		gap: 1em;
	}


}

@media (min-width:581px) {

	.info-boxen {
		width: 100%;
		margin: 0 auto;
		padding: 1em;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 1em;
	}

}

@media (min-width:1000px) {
	.info-boxen {
		width: 100%;
		max-width: 1180px;
		margin: 0 auto;
		padding: 1em;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 1em;
	}

}



table {
	width: 100%;
	background-color: white;
	font-size: var(--fs-200);
}

td {
	padding: 0;
}

td:nth-of-type(5n) {
	width: 30px;
	aspect-ratio: 1;
}

tr:nth-of-type(2n) {
	background-color: whitesmoke;
}

.orange {
	background-color: var(--orange);
	width: 30px;
	aspect-ratio: 1;
}

.green {
	background-color: var(--green);
	width: 30px;
	aspect-ratio: 1;
}

@media (max-width: 650px) {


	.orange {
		background-color: var(--orange);
		aspect-ratio: auto;


	}

	.green {
		background-color: var(--green);


	}

	.bildleiste {
		margin: 0 auto;
		padding: 1em;
		display: grid;
		grid-template-columns: 1fr;
		gap: 1em;
	}

	table,
	thead,
	tfoot,
	tbody,
	tr,
	td,
	th {
		display: block;
	}

	td[title]:before,
	td[data-header]:before {
		content: attr(title);
		display: block;
		font-weight: bold;
	}

	thead {
		height: 0;
		overflow: hidden;
	}

}

/* -----------------EVENT-Teaser----------------------- */

@media (max-width: 800px) {

	.kontakte {
		grid-template-columns: 1fr;
		padding: 1rem;
	}


	.mod_eventlist.content-text .event.layout_teaser .more a {
		color: var(--text-grey);
		text-decoration: none;
	}

	.mod_eventlist.content-text .event.layout_teaser a:hover {
		text-decoration: underline;
	}

	.mod_eventlist>div {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		border-bottom: 1px dotted var(--text-grey);
		padding-top: 1rem;

	}

	.mod_eventlist.content-text.block .event.layout_teaser.current.cal_2 .time,
	.mod_eventlist.content-text.block .event.layout_teaser.upcoming.cal_2 .time {
		margin: 0;
		padding: 0 0 0 2.83rem;
		line-height: 1;
		width: 100%;
	}

	.mod_eventlist.content-text.block .event.layout_teaser.current.cal_2 .location,
	.mod_eventlist.content-text.block .event.layout_teaser.upcoming.cal_2 .location {
		margin: 0;
		padding: 0 0 0 2.83rem;
		line-height: 1;
		width: 100%;
	}


	.mod_eventlist.content-tex .event.layout_teaser.schule.upcoming.cal_2 .ce_text {
		display: none;
	}

	.mod_eventlist.content-text.block .event.layout_teaser.current.cal_2 p.more,
	.mod_eventlist.content-text.block .event.layout_teaser.upcoming.cal_2 p.more {
		padding: 0 0 1em 1.7rem;
	}


	.mod_eventlist.content-text.block .event.layout_teaser.upcoming.cal_2 p.more span {
		display: none;
	}



	.mod_eventlist.content-text p {
		line-height: 1;
		display: block;
		margin: 0;
		padding: 0;
	}


	.mod_eventlist.content-text .event.layout_teaser.schule.upcoming.cal_2 .colorcode {
		display: flex;
		/* 	width: 2rem; */
		height: auto;
		background-color: var(--orange);
		aspect-ratio: 1;
	}

	.mod_eventlist.content-text .event.layout_teaser.hofschule.upcoming.cal_2 .colorcode {
		display: flex;
		/* 	width: 2rem; */
		height: auto;
		background-color: var(--green);
		aspect-ratio: 1;
	}

	.mod_eventlist.content-text .event.layout_teaser.kindergarten.upcoming.cal_2 .colorcode {
		display: flex;
		/* 	width: 2rem; */
		height: auto;
		background-color: var(--lila);
		aspect-ratio: 1;
	}

	.mod_eventlist.content-text .event.layout_teaser.verein.upcoming.cal_2 .colorcode {
		display: flex;
		height: auto;
		background-color: var(--red);
		aspect-ratio: 1;

	}
}



/* ANIMATION */

.menu-btn.open .menu-btn__burger {
	transform: translateX(-50px);
	background: transparent;
	box-shadow: none;
}

.menu-btn.open .menu-btn__burger::before {
	transform: rotate(45deg) translate(35px, -35px);
}

.menu-btn.open .menu-btn__burger::after {
	transform: rotate(-45deg) translate(35px, 35px);
}

.mobile_menu .inner {
	background-color: var(--red);
	width: 100%;
}

.mobile_menu_overlay {
	width: 80%;
}

.mobile_menu .logo {
	padding: 2em 3em 1em;
}

nav.mod_customnav {
	margin: 0;
	padding: 1em 1em 0 0;
	text-align: left;
}

nav.mod_customnav a.trail {
	margin: 0;
	padding: 0;
	font-size: var(--fs-450);
}

nav.mod_customnav ul {
	margin: 0;
	padding: 2em 0 0 1em;
}

nav.mod_customnav li {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	color: #fff;
	line-height: 2;
	border-bottom: 1px solid white;
	padding: 0 0 0 1em;
}

nav.mod_customnav li a {
	color: #fff;
	text-decoration: none;
}

nav.mod_customnav .active {
	background-color: var(--red);
	color: var(--white);
}

.mobile_menu .cookie-settings a {
	border-bottom: 1px solid #999;
	color: #666;
	display: block;
	padding: 8px 0 8px 20px;
	text-decoration: none;
	font-weight: 400;
}

.mobile_menu .contact-box {
	color: #fff;
	display: block;
	padding: 1em 0 3em 2.25em;
	text-decoration: none;
	font-weight: 400;
	line-height: 1.5;
	font-size: 1rem;
}

.mobile_menu .contact-box a {
	color: #fff;
	text-decoration: none;
}



/*----------------INFO-Boxen--------------------- */


.info-boxen>div {
	margin: 0;
	padding: 0 0 .5em 0;

}

.info-boxen>div p {
	margin: 0;
	padding: 1em 0;
	color: var(--white);
	font-size: 1rem;
	line-height: 1.5;

}

.boxen>div ul {
	padding: 10px;
}

.info-boxen>div h3 {
	margin: 0;
	padding: 0.5em 1em;
	color: #fff;
	font-size: 1.35rem;
	display: block;
}

.info-boxen a {
	margin: 0;
	padding: 0;
	font-weight: var(--fs-400);
	color: var(--white)
}

.content--box img {
	margin: -1px 0 0 0;
	padding: 0;
	width: 100%;
	height: auto;
	display: block;
}

.content--box.schule {
	background-color: var(--orange);
}


.content--box.verein {
	background-color: var(--red);
}


.content--box.hofschule {
	background-color: var(--green);
}


.content--box.kindergarten {
	background-color: var(--lila);
}

/* ----------------Tabelle Speiseplan------------------*/

.table_speisen {
	padding-top: 2em;

}

table {
	width: 100%;
	padding: 0;
	color: var(--text-grey);
	background-color: #f5f5f5;
}

caption {
	background-color: var(--red);
	font-size: 1.5rem;
	font-weight: 400;
	/* 		text-transform: uppercase; */
	width: 100%;
}

caption {
	padding: 1rem;
	color: var(--white);
}

/* 	th {
		background-color: var(--light-grey);
	} */


th,
td {
	padding: 1rem;

}

caption,
th {
	text-align: left;
}

th,
tr {
	background-color: rgba(240, 240, 240, 0.99);

}


/*  */
tr:nth-of-type(2n) {
	background-color: var(--white);

}




@media (max-width: 650px) {

	caption {
		display: block;
		font-size: 1.25rem;
	}

	th {
		display: none;
	}

	td {
		display: grid;
		gap: 0.5rem;
		grid-template-columns: 15ch auto;
		padding: .5rem 1rem;
		font-size: 1.125rem;
	}

	td:first-child {
		padding-top: 1rem;
		border-top: 1px dotted var(--text-grey);
		font-weight: 700;
	}

	td:last-child {
		padding-bottom: 1rem;
	}


	td::before {
		content: attr(data-cell) ": ";
		font-weight: 700;
	}
}

/* --------------ACCORDEON------------- */


.ce_accordion {
	padding: 0;
	margin: 0;
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
	border-bottom: 3px solid white;
}

/* .ce_accordion .toggler.toggler:after {
    content: "";
	float: right;
    width: 16px;
    height: 16px;
    top: 0;
    right: 1em;
    font-size: inherit;
    background-image: url("../../files/gfx/triangel_down.svg");
	background-color: chartreuse;
}
 */

.toggler {
	color: var(--white);
	margin: 0;
	padding: 1em;
	cursor: pointer;
}

.accordion-verein {
	background-color: var(--red);
}


.accordion-schule {
	background-color: var(--orange);
}

.accordion-hofschule {
	background-color: var(--green);
}

.accordion-kindergarten {
	background-color: var(--lila);
}


.accordion .rte {
	background-color: #f5f5f5;
	margin: 0;
	padding: .5em 1em;

}

/* ----------------------Gallery-------------------- */

 .mod_rocksolid_slider {
    margin: 0 auto;
	width: 100%;
	max-width: 980px;
	height: 350px;

} 

.waldorf_gallery {
    width: min(1180px, 100%);
	margin: .5em auto;
	columns: 5 160px;
    colum-gap: .5em;
}

.waldorf_gallery img {
	width: 100%;
    height: auto;
	margin-bottom: .5em;
}

@media (max-width:937px) {
    
 .waldorf_gallery {
	columns: 5 250px;
    }

}
/* ------------------Navigation Screen------------------ */


@media (min-width: 1024px) {
    .mobile-nav {
        display: none;
    }

}

.mobile-nav {
    z-index: 100;
    position: absolute;
    height: 50px;
    top: 2em;
    right: 2em;
    color: #fff;
    background-color: var(--red);

}

/* ---------Mobile Navigation------------ */

.menu-btn {
    display: block;
    position: absolute;
    right: 20px;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
}

.menu-btn__burger {
    width: 30px;
    height: 2px;
    background: var(--white);
    border-radius: 5px;
    transition: all 0.5s ease-in-out;
}

.menu-btn__burger::before,
.menu-btn__burger::after {
    content: "";
    position: absolute;
    width: 30px;
    height: 2px;
    background: var(--white);
    border-radius: 5px;
    transition: all 0.5s ease-in-out;
}

.menu-btn__burger::before {
    transform: translateY(-8px);
}

.menu-btn__burger::after {
    transform: translateY(8px);
}

#navigation.sticky .menu-btn {
    z-index: 1000;
    position: absolute;
    right: 20px;
    top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
}

/* ANIMATION */

.menu-btn.open .menu-btn__burger {
    transform: translateX(-50px);
    background: transparent;
    box-shadow: none;
}

.menu-btn.open .menu-btn__burger::before {
    transform: rotate(45deg) translate(35px, -35px);
}

.menu-btn.open .menu-btn__burger::after {
    transform: rotate(-45deg) translate(35px, 35px);
}

.mobile_menu .inner {
    background-color: var(--red);
    width: 100%;
}

.mobile_menu_overlay {
    width: 80%;
}

.mobile_menu .logo {
    padding: 2em 3em 1em;
}

nav.mod_customnav {
    margin: 0;
    padding: 0;
    text-align: left;
}

nav.mod_customnav a.trail {
    margin: 0;
    padding: 0;
    font-size: var(--fs-450);
}

nav.mod_customnav ul {
    margin: 0;
    padding: 1em 0 0 1em;
}

nav.mod_customnav li {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    color: #fff;
    line-height: 2;
    border-bottom: 1px solid white;
    padding: 0 0 0 1em;
}

nav.mod_customnav li a {
    color: #fff;
    text-decoration: none;
}


nav.mod_customnav .active {
    background-color: var(--red);
    color: var(--white);
}

.mobile_menu .cookie-settings a {
    border-bottom: 1px solid #999;
    color: #666;
    display: block;
    padding: 8px 0 8px 20px;
    text-decoration: none;
    font-weight: 400;
}

.mobile_menu .contact-box {
    color: #fff;
    display: block;
    padding: 1em 0 3em 2.25em;
    text-decoration: none;
    font-weight: 400;
    line-height: 1.5;
    font-size: 1rem;
}

.mobile_menu .contact-box a {
    color: #fff;
    text-decoration: none;
}

/* ----------Mobile Navi---------- */

.mobile-navi {
    margin-top: 2rem;
    background-color: var(--red);

}

nav.mobile-navi ul {
    margin: 0;
    padding: 1em 0 0 1.5rem;
    list-style: none;
    font-size: 1rem;
}

nav.mobile-navi ul li {
    color: #fff;
    line-height: 2;
border-bottom: 1px solid white; 
 padding: 0 0 0 1em;
}

/* nav.mobile-navi .submenu.schule.sibling .submenu.schule.sibling {
    background-color: chartreuse;
} */

nav.mobile-navi ul .level_2  {
    margin: 0;
    padding: 0;
}

nav.mobile-navi ul li ul li {
    border-bottom: none; 
    border-top: 1px solid white;
}

nav.mobile-navi ul li a {
    text-decoration: none;
    color: white;
}


/*


nav.mobile-navi li {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    color: #fff;
    line-height: 2;
    border-bottom: 1px solid white;
    padding: 0 0 0 1em;
}

nav.mobile-navi li a {
    color: #fff;
    text-decoration: none;
}

nav.mobile-navi li a {
    color: #fff;
    text-decoration: none;
}


nav.mobile-navi .active {
    background-color: var(--red);
    color: var(--white);
}

nav.mobile-navi ul .level_2 {
    border-bottom: none;
}

nav.mobile-navi .level_1 .active.submenu.schule .active.submenu.schule {
	background-color: #C99;
border-bottom: none;
}




nav.mobile-navi ul.level_2  {
background-color: #09F;
margin: 0;
padding: 0;
  
}

.mod_navigation.mobile-navi.block .level_1 .active.submenu.schule .level_2 .schule a {
	background-color: #FC3;
}






/* ---------Navigation------------ */

@media (max-width: 1023px) {
    .main-menu {
        display: none;
    }

    #header {
        height: 50px;
        background-color: var(--red);
    }
}



@media (min-width:1023px) {

    .mod_navigation {
        margin: 0;
        padding: 0;
        color: var(--white);
        text-align: center;
        line-height: 1;
    }

    .main-menu strong {
        font-weight: normal;
    }

    .main-menu ul {
        list-style-type: none;
        display: inline-flex;
        margin: 0;
        padding: 0;
        justify-content: space-around;
        color: white;
    }

    .main-menu li {
        margin: 0;
        padding: 0;

    }

    .main-menu li.active {
        margin: 0;
        padding: .75rem;
        color: var(--red);
        background-color: var(--white);

    }


    .main-menu li a {
        display: block;
        color: white;
        padding: .75rem;
        margin: 0;
        text-decoration: none;
        transition: .2s;
    }

    .main-menu li a {
        font-weight: normal;
        display: flex;
        align-items: center;
    }


    .main-menu li a:hover {
        background-color: var(--white);
        color: var(--red);
    }

    .main-menu ul.level_2 {
        margin: 0;
        padding: 0;
        display: none;
        position: absolute;
        top: 2.6rem;
        z-index: 1000;

    }

    .main-menu li:hover ul.level_2 {
        list-style: none;
        display: block !important;
        margin: 0;
        padding: 0;


    }

}

@media (max-width:1180px) {
    .mod_navigation {
        font-size: 0.833rem;
    }

    .main-menu.block .level_1 .submenu.trail .level_2,
    .main-menu.block .level_1 .submenu .level_2,
    .main-menu .level_1 .submenu.sibling .level_2,
    .main-menu .level_1 .active.submenu .level_2,
    .main-menu .level_1 .submenu.trail .level_2 .main-menu .level_1 .submenu .level_2 {
        top: 42px;

    }

}


@media (min-width:1181px) {
    .mod_navigation {
        font-size: 1rem;
    }

    .main-menu.block .level_1 .submenu.trail .level_2,
    .main-menu.block .level_1 .submenu .level_2,
    .main-menu .level_1 .submenu.sibling .level_2,
    .main-menu .level_1 .active.submenu .level_2,
    .main-menu .level_1 .submenu.trail .level_2 .main-menu .level_1 .submenu .level_2 {
        top: 45px;

    }
}


@media (min-width:1381px) {
    .mod_navigation {
        font-size: 21px;

       
    }

    .main-menu.block .level_1 .submenu.trail .level_2,
    .main-menu.block .level_1 .submenu .level_2,
    .main-menu .level_1 .submenu.sibling .level_2,
    .main-menu .level_1 .active.submenu .level_2,
    .main-menu .level_1 .submenu.trail .level_2 .main-menu .level_1 .submenu .level_2 {
        top: 48px;

    }
}


.main-menu .level_1 .submenu.schule.sibling .level_2 {
    background-color: var(--orange);
}

.main-menu .level_1 .submenu.hofschule.sibling .level_2 {
    background-color: var(--green);
}

.main-menu .level_1 .submenu.kindergarten.sibling .level_2 {
    background-color: var(--lila);
}


.main-menu a:hover.schule {
    color: var(--white);
    background-color: var(--orange);
    display: block;
}

.main-menu a:hover.hofschule {
    color: var(--white);
    background-color: var(--green);
}

.main-menu a:hover.kindergarten {
    color: var(--white);
    background-color: var(--lila);
}

.main-menu li:hover.schule {
    background-color: var(--orange);
    color: var(--white);
    display: block;
}

.main-menu li:hover.hofschule {
    background-color: var(--green);
    color: var(--white);
    display: block;
}

.main-menu li:hover.kindergarten {
    background-color: var(--lila);
    color: var(--white);
    display: block;
}


.main-menu .active.schule {
    background-color: var(--orange);
    color: var(--white);
    display: block;
}

.main-menu .active.hofschule {
    background-color: var(--green);
    color: var(--white);
    display: block;
}

.main-menu .active.kindergarten {
    background-color: var(--lila);
    color: var(--white);
    display: block;
}



.main-menu li .active .schule {
    background-color: var(--white);
    color: var(--orange);
    display: block;
}

.main-menu li .active .hofschule {
    background-color: var(--white);
    color: var(--green);
    display: block;

}

.main-menu li .active .kindergarten {
    background-color: var(--white);
    color: var(--lila);
    display: block;

}



.main-menu ul.level_2 li {
    display: list-item !important;
    margin: 0;
    padding: 0;
    text-align: left;
 
}

.main-menu ul.level_2 li {
    background-color: var(--red);
}


.main-menu ul.level_2 li.schule {
    background-color: var(--orange);

}

.main-menu ul.level_2 li.hofschule {
    background-color: var(--green);
}

.main-menu ul.level_2 li.kindergarten {
    background-color: var(--lila);
}

.main-menu .schule.trail {
    color: var(--white);
    background-color: var(--orange);
}


.main-menu ul.level_2 li {
    display: list-item !important;
    margin: 0;
    padding: 0;
    text-align: left;
}


.main-menu li.active.submenu ul.level_2 {
    margin: 0 -.75rem;
    padding: 0;
    transition: all 1s ease-out;

}

.main-menu li.active.submenu.schule ul.level_2 {
    margin: 0 -.75rem;
    padding: 0;

}

.main-menu li.active.submenu.hofschule ul.level_2 {
    margin: 0 -.75rem;
    padding: 0;
}

.main-menu li.active.submenu.kindergarten ul.level_2 {
    margin: 0 -.75rem;
    padding: 0;
}

.main-menu ul.level_2 li:hover {
    color: var(--orange);
    background-color: var(--white);
}


.main-menu ul.level_2 li .schule:hover {
    color: var(--orange);
    background-color: var(--white);
}

.main-menu ul.level_2 li .hofschule:hover {
    color: var(--green);
    background-color: var(--white);
}

.main-menu ul.level_2 li .kindergarten:hover {
    color: var(--lila);
    background-color: var(--white);
}


.main-menu .trail {
    color: var(--red);
    background-color: var(--white);
}


.main-menu .hofschule.trail {
    color: var(--white);
    background-color: var(--green);
}

.main-menu .level_1 .submenu.trail.hofschule .level_2 {
    background-color: var(--green);
}

.main-menu .level_1 .submenu.hofschule .level_2 {
    background-color: var(--green);
}

.main-menu .level_1 .submenu.trail.schule .level_2 .active.schule .active.verein {
    background-color: var(--white);
    padding: .75rem;
}

.main-menu .level_1 .submenu.trail.schule .level_2 .active.schule .active.schule {
    background-color: var(--white);
    padding: .75rem;
}

.main-menu .level_1 .submenu.trail.hofschule .level_2 .active.hofschule .active.hofschule {
    background-color: var(--white);
    padding: .75rem;
}

.main-menu .level_1 .submenu.trail.kindergarten .level_2 .active.kindergarten .active.kindergarten {
    background-color: var(--white);
    padding: .75rem;
}

.main-menu .level_1 .submenu.trail.kindergarten .submenu.trail.kindergarten {
    background-color: var(--lila);
    color:var(--white)

}



.mod_navigation.main-menu .level_1 .submenu.trail.stellenangebote .submenu.trail
 {
	background-color: var(--white);
    color: var(--red);
    padding: .75rem;
}

.mod_navigation.main-menu .level_1 .submenu.trail.stellenangebote .level_2 .active .active {
	background-color: var(--white);
    color: var(--red);
    padding: .75rem;
    display: block;

}

.mod_navigation.main-menu .level_1 .forward.trail.submenu.schule .forward.trail.submenu.schule {
    background-color: var(--white);
    color: var(--orange);
    padding: .75rem;
    display: block;
}

.mod_navigation.main-menu .level_1 .forward.trail.submenu.hofschule .forward.trail.submenu.hofschule {
    background-color: var(--white);
    color: var(--green);
    padding: .75rem;
    display: block;
}

.mod_navigation.main-menu .level_1 .forward.trail.submenu.kindergarten .forward.trail.submenu.kindergarten {
    background-color: var(--white);
    color: var(--lila);
    padding: .75rem;
    display: block;
}
.mod_navigation.main-menu.block .level_1 .forward.trail.submenu.stellenangebote .forward.trail.submenu.stellenangebote {
        padding: .75rem;
    display: block;
}


iframe {
   margin: 0;
   padding: 0;
   border: none; 
    width: 100%;
   height: 1200px
}
.verein-headline {
	border-bottom: 4px dotted var(--red);
}

.schule-headline {
	border-bottom: 4px dotted var(--orange);
}

.hofschule-headline {
	border-bottom: 4px dotted var(--green);
}

.kindergarten-headline {
	border-bottom: 4px dotted var(--lila);
}


.btn {
	font-size: .825rem;
	color:var(--white);
	text-decoration: none;
	padding: .25rem .5rem;
	border: 1px solid var(--white);
	border-radius:8px;
	display: inline-block;
   }
.btn:hover {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
   }
.btn:active {
	transform: scale(0.95);
   }