/* CSS Document */

:root 
{
	--primaer_color_1: 					#ffffff;
	--primaer_color_2:					#000000;
	--primaer_color_3: 					#68747a;
	--primaer_color_4:					#f7a800;
	--color_headline:					var(--primaer_color_4);

	--font-familiy_default: 			"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	--font-size_default:				16px;
	--font-size_headline:				28px;
	--font-size_headline2:				20px;
	--font-size_buchen_button:			14px;
	--font-size_remark:					80%;

	--page_margin_left:					150px;
	--page_margin_right:				150px;
	--head_padding_top:					10px;
	--head_padding_bottom:				10px;
	--main_container_margin_top:		0px;
	--main_container_margin_bottom: 	0px;

	--head_logo_height:					50px;
	--head_logo_margin-left:			50px;
	--intro_logo: 						url('../../images/intro/logo_gross.png');
	--intro_2: 							url('../../images/intro/a7_00722_2000px_2.jpg');
	--intro_banner_color: 				#000000A0;
	--intro_banner_textcolor: 			var(--primaer_color_1);
	--intro_banner_font-size:			300%;
	--subtext_text_color:				var(--primaer_color_3);

	--content_viewable_area_height: 	calc(4px + 100vh - var(--head_logo_height) - var(--head_padding_top) - var(--head_padding_bottom) - 5px );

	--footer-height:					50px;
}


@media (min-width: 1350px)
{
	:root
	{
		--inner_content: 				1130px;
		--page_margin_left: 			calc((100vw - var(--inner_content)) / 2);
		--page_margin_right: 			calc((100vw - var(--inner_content)) / 2);
	}
}

html
{
	min-height: 		100vh;
}

body, textarea, input
{
	background-color: 			var(--primaer_color_1);
	color: 						var(--primaer_color_2);
	font-family: 				var(--font-familiy_default);
	font-size: 					var(--font-size_default);
}

::-webkit-scrollbar 
{
	width: 						5px;
	height: 					5px;
	background-color: 			transparent;
	-webkit-border-radius: 		100px;
}
::-webkit-scrollbar:hover 
{
	width: 						7px;
}

::-webkit-scrollbar-thumb 
{
	background: 				var(--primaer_color_4);
	-webkit-border-radius: 		100px;
}

::-webkit-scrollbar-thumb:hover,
::-webkit-scrollbar-thumb:active  
{
	background: 				var(--primaer_color_4);
}

ul
{
	padding-inline-start: 		14px;
}

.normal
{
	font-size: 					var(--font-size_default);
	text-transform: 			none;
}

#site
{
	position: 					fixed;
	top:						0px;
	left: 						0px;
	right: 						0px;
	bottom: 					0px;
	width: 						auto;
	height: 					auto;

	display: 					grid;
	grid-template-rows: 		max-content 1fr;
}

.head
{
	position: 					relative;
	display: 					grid;
	grid-template-columns: 		var(--head_logo_margin-left) max-content 1fr var(--page_margin_right);
	background-color: 			var(--primaer_color_1);
	-webkit-box-shadow: 		0px 0px 15px 5px var(--primaer_color_3); 
	box-shadow: 				0px 0px 15px 5px var(--primaer_color_3);
	z-index: 					10;
}

.head .logo
{
	padding-top: 				var(--head_padding_top);
	padding-bottom: 			var(--head_padding_bottom);
	height: 					var(--head_logo_height);
}

.head .logo img
{
	height: 					var(--head_logo_height);
}

.head .navigation
{
	position: 					relative;
	vertical-align: 			bottom;
    display:-moz-box; /* Firefox */
    display:-webkit-box; /* Safari and Chrome */
    display:box;
    
    -webkit-box-align:end;
}

.head .navigation > .navigation_menue
{
	position: 					relative;
	float: 						right;
	display: 					inline-grid;
	grid-template-columns: 		1fr auto auto auto auto;
	-moz-box-flex:				1.0; /* Firefox */
    -webkit-box-flex:			1.0; /* Safari and Chrome */
    box-flex:					1.0;
	
	padding-top: 				var(--head_padding_top);
	padding-bottom: 			var(--head_padding_bottom);
}

.head .navigation > .navigation_menue div:not(:first-child)
{
	margin-left: 				30px;
	text-transform: 			uppercase;
}

a,
a:visited
{
	text-decoration: 			none;
	color: 						var(--primaer_color_2);
	transition: 				all 0.5s ease-in-out;
}

a:hover
{
	cursor: 					pointer;
	text-decoration: 			underline;
	color: 						var(--primaer_color_4);
}

.site_footer
{
	height: 					var(--footer-height);
	padding-left: 				var(--page_margin_left);
	padding-right: 				var(--page_margin_right);
	color: 						var(--primaer_color_1);
	background-color: 			var(--primaer_color_4);
}
.site_footer a,
.site_footer a:visited
{	
	color: 						var(--primaer_color_1);
}
.site_footer a:hover
{
	color: 						var(--primaer_color_3);
}
.site_footer > div
{
	margin-top: 				calc((var(--footer-height) / 2) - (var(--font-size_default) / 2));
	margin-right: 				10px;
	display: 					inline-block;
}

#main_container
{
	overflow: 					auto;
}

.buchen_button
{
	margin-left: 				20px;
	background-color: 			var(--primaer_color_4);
	color: 						var(--primaer_color_1);
	padding: 					20px; /* Innenabstand */
	border-radius: 				50%;
	text-align: 				center;
	height: 					110px;
	width: 						110px;
	line-height: 				1;
	text-transform: 			uppercase;
	letter-spacing: 			2px;
	font-size: 					var(--font-size_buchen_button);
	line-height: 				calc(var(--font-size_buchen_button) + 2px);

	vertical-align: 			middle;
    display: 					flex;
    justify-content: 			center;
    align-items: 				center;
}
.buchen
{
	margin-top: 				20px;
	display: 					grid;
	grid-template-columns: 		50% auto ;
}
.buchen .text
{
	grid-column: 				span 2;
	font-size: 					var(--font-size_headline2);
	color: 						var(--primaer_color_3);
	text-transform: 			uppercase;
	text-align: 				center;
}

.subtext
{
	color: 						var(--subtext_text_color);
}

.text1,
.text2
{
	text-align: 				justify;
}

div.titel
{
	text-align: 				center;
	font-size: 					var(--font-size_headline);
	text-transform: 			uppercase;
}

.intro_container
{
	position: 					relative;
	height: 					var(--content_viewable_area_height);
}

.intro_container > div
{
	position: 					absolute;
	width: 						auto;
	height: 					auto;
	left: 						0px;
	right: 						0px;
	top: 						0px;
	bottom: 					0px;
	background-repeat: 			no-repeat;
	background-size: 			contain;
	background-position: 		center center;

	opacity: 0;
	animation-fill-mode: 		forwards;
}

.intro_container .intro_1
{
	background-image: 			var(--intro_logo);
	animation: 					fadeOut 10s none;

	margin-top: 				20vh;
	margin-bottom: 				20vh;
	margin-left: 				20vw;
	margin-right: 				20vw;
}	

.intro_container .intro_2,
.intro_container .intro_3
{
	background-image: 			var(--intro_2);
	background-size: 			cover;
}

.intro_container .intro_3
{
	display: 					grid;
	grid-template-rows: 		auto max-content 8vh;
}

.intro_container .intro_3 .banner
{
	padding-top: 				33px;
	padding-bottom: 			33px;
	text-align: 				center;
	background-color: 			var(--intro_banner_color);
	font-size: 					var(--intro_banner_font-size);
	color: 						var(--intro_banner_textcolor);
}

.highlight
{
	color: 						var(--primaer_color_4);
}

.intro_container .intro_1		{ animation:	fadeOut 	10s linear 0s forwards;	}
.intro_container .intro_2		{ animation:	fadeIn 		10s linear 7s forwards;	}
.intro_container .intro_3		{ animation:	fadeIn 		10s linear 14s forwards;	}

.rubrik .banner
{
	display: 					grid;
	grid-template-columns: 		1fr auto max-content 1fr;
	grid-column:				span 2;
}
.rubrik .banner > div
{
	vertical-align: 			middle; 
	display: 					flex;
	justify-content: 			center;
	align-items: 				center;
}
.rubrik .banner .text
{
	font-size: 					var(--font-size_headline2);
	color: 						var(--primaer_color_3);
	text-transform: 			uppercase;
	text-align: 				center;
}

.low_res
{
	display: 					none;
}

.rubrik 
{
	position: 					relative;
	min-height: 				var(--content_viewable_area_height);
	padding-left: 				var(--page_margin_left);
	padding-right: 				var(--page_margin_right);
}

.rubrik:not(.seminare):not(.grundwerte):not(.termine) 
{
	position: 					relative;
	min-height: 				calc(var(--content_viewable_area_height) - var(--footer-height));
}

.rubrik:not(:last-child)
{
	border-bottom: 				1px dotted var(--primaer_color_3);
}

.rubrik img
{
	width: 						100%;
}

.rubrik.wer_ist
{
	display: 					grid;
	grid-template-columns: 		1fr 20px 1fr 20px 1fr;
	grid-template-rows: 		max-content max-content max-content;
	padding-left: 				var(--page_margin_left);
	padding-right: 				var(--page_margin_right);
}
.rubrik.wer_ist > div.titel
{
	color: 						var(--primaer_color_3);
	margin-top: 				10vh;
	margin-bottom: 				5vh;
	grid-column:				span 5;
}
.rubrik.wer_ist > div.text1,
.rubrik.wer_ist > div.text2
{
	margin-top: 				20px;
	grid-column:				span 5;
}
.rubrik.wer_ist > div.text2
{
	grid-column:				span 3;
}
.rubrik.wer_ist div.text2 .highlight
{
	text-transform: 			uppercase;
}

.rubrik.wer_sind_wir
{
	display: 					grid;
	grid-template-columns: 		30% auto 30%;
	grid-template-rows: 		max-content max-content 1fr;
	gap: 						20px;
	padding-left: 				var(--page_margin_left);
	padding-right: 				var(--page_margin_right);
}
.rubrik.wer_sind_wir > div.titel
{
	color: 						var(--primaer_color_3);
	margin-top: 				10vh;
	margin-bottom: 				5vh;
	grid-column:				span 3;
}
.rubrik.wer_sind_wir > div img:nth-child(2)
{
	margin-top: 				20px;
}
.rubrik.wer_sind_wir .text1
{
	vertical-align: 			middle; 
	display: 					flex;
	justify-content: 			center;
	align-items: 				center;
}

.rubrik.rudi > div.titel
{
	color: 						var(--primaer_color_3);
	margin-top: 				10vh;
	margin-bottom: 				5vh;
	grid-column:				span 3;
}
.rubrik.rudi
{
	display: 					grid;
	grid-template-columns: 		30% 30% auto ;
	grid-template-rows: 		max-content max-content 1fr;
	gap: 						20px;
	padding-left: 				var(--page_margin_left);
	padding-right: 				var(--page_margin_right);
}
.rubrik.rudi .text1
{
	vertical-align: 			middle; 
	display: 					flex;
	justify-content: 			center;
	align-items: 				center;
}

.rubrik.theresa > div.titel
{
	color: 						var(--primaer_color_3);
	margin-top: 				10vh;
	margin-bottom: 				5vh;
	grid-column:				span 2;
}
.rubrik.theresa
{
	display: 					grid;
	grid-template-columns: 		50% auto;
	grid-template-rows: 		max-content max-content max-content 1fr;
	gap: 						20px;
	padding-left: 				var(--page_margin_left);
	padding-right: 				var(--page_margin_right);
}
.rubrik.theresa .text1
{
	vertical-align: 			middle; 
	justify-content: 			center;
	align-items: 				center;
}

.rubrik.theresa .banner
{
	grid-column:				span 2;
}

.rubrik.woskenna
{
    padding-left: 				var(--page_margin_left);
    padding-right: 				var(--page_margin_right);
}
.rubrik.woskenna > div
{
	display: 					grid;
	grid-template-rows: 		max-content 1fr;
}
.rubrik.woskenna > div > div
{
	margin-top: 				10vh;
	display: 					grid;
	grid-template-columns: 		40% auto;
}
.rubrik.woskenna > div > div > div:first-child
{
	display: 					grid;
	grid-template-columns: 		calc(33% - 20px) calc(33% - 20px) calc(33% - 20px);
	grid-template-rows: 		min-content min-content 1fr;
	gap: 						20px;
}
.rubrik.woskenna > div > div > div:first-child > div:first-child,
.rubrik.woskenna > div > div > div:first-child > div:last-child
{
	grid-column: 				span 3;
}
.rubrik.woskenna > div > div > div:nth-child(2)
{
	display: 					grid;
	grid-template-rows: 		max-content max-content 1fr;
}
.rubrik.woskenna div.titel
{
	color: 						var(--primaer_color_3);
	margin-top: 				5vh;
	margin-bottom: 				2.5vh;
}
.rubrik.woskenna .banner
{
	margin-top: 				20px;
	margin-bottom: 				20px;
	grid-column:				span 2;
}

.rubrik.und_du
{
	display: 					grid;
	grid-template-columns: 		30% auto ;
	padding-left: 				var(--page_margin_left);
	padding-right: 				var(--page_margin_right);
}
.rubrik.und_du > div:nth-child(1),
.rubrik.und_du > div:nth-child(2)
{
	padding-top: 				10vh;
}
.rubrik.und_du > div:nth-child(2)
{
	margin-left: 				40px;
	display: 					grid;
	grid-template-rows: 		max-content max-content 1fr;
}
.rubrik.und_du div.titel
{
	color: 						var(--primaer_color_3);
	margin-top: 				5vh;
	margin-bottom: 				2.5vh;
	text-align: 				left;
}

.rubrik.und_du .buchen_button
{
	margin-top: 				20px;
	float: 						right;
	margin-bottom: 				20px;
}

.rubrik.und_du .banner
{
	grid-column:				span 2;
}

.rubrik.familie
{
	display: 					grid;
	grid-template-columns: 		30% auto ;
	padding-left: 				var(--page_margin_left);
	padding-right: 				var(--page_margin_right);
}
.rubrik.familie > div:nth-child(1),
.rubrik.familie > div:nth-child(2)
{
	padding-top: 				10vh;
}
.rubrik.familie > div:nth-child(2)
{
	margin-left: 				40px;
	display: 					grid;
	grid-template-rows: 		max-content max-content 1fr;
}
.rubrik.familie > div:nth-child(2) > div:nth-child(1)
{
	display: 					grid;
	grid-template-columns: 		auto max-content;
}
.rubrik.familie div.titel
{
	color: 						var(--primaer_color_3);
	margin-top: 				5vh;
	margin-bottom: 				2.5vh;
	text-align: 				left;
}

.rubrik.familie .banner
{
	grid-column:				span 2;
	grid-template-columns: 		1fr;
	margin-bottom: 				20px;
}
.rubrik.familie .banner > div:not(.text)
{
	display: 					none;
}

.rubrik.familie .banner .buchen_button
{
	visibility:					hidden;
}

.rubrik.ois_geht_hoit_ned
{
	display: 					grid;
	grid-template-columns: 		50% auto ;
	grid-template-rows: 		max-content max-content 1fr;
	padding-left: 				var(--page_margin_left);
	padding-right: 				var(--page_margin_right);
}
.rubrik.ois_geht_hoit_ned div.titel
{
	color: 						var(--primaer_color_3);
	margin-top: 				10vh;
	margin-bottom: 				5vh;
	grid-column:				span 2;
}
.rubrik.ois_geht_hoit_ned > div:nth-child(2) > div
{
	display: 					grid;
	grid-template-columns: 		47% auto;
	grid-template-rows: 		max-content max-content 1fr;
	gap: 						20px;
}
.rubrik.ois_geht_hoit_ned > div:nth-child(2) > div > div:nth-child(1)
{
	grid-row:					span 3;
}
.rubrik.ois_geht_hoit_ned > div:nth-child(3)
{
	padding-left: 				20px;
	padding-top: 				20px;
}

.rubrik.seminare
{
	display: 					grid;
	grid-template-columns: 		30% auto ;
	grid-template-rows: 		max-content max-content 1fr;
	padding-left: 				var(--page_margin_left);
	padding-right: 				var(--page_margin_right);
}
.rubrik.seminare div.titel
{
	color: 						var(--primaer_color_3);
	margin-top: 				10vh;
	margin-bottom: 				5vh;
	grid-column:				span 2;
}
.rubrik.seminare > div:last-child
{
	grid-column:				span 2;
}
.rubrik.seminare > div:nth-child(3)
{
	margin-left: 				20px;
	display: 					grid;
	grid-template-columns: 		50% auto ;
	gap: 						20px;
}
.rubrik.grundwerte_2 .buchen
{
	grid-template-columns: 		60% auto;
}
.rubrik.seminare .buchen .text
{
	display: 					none;
}

.rubrik.grundwerte
{
	display: 					grid;
	grid-template-columns: 		auto ;
	grid-template-rows: 		max-content max-content max-content 1fr;
	padding-left: 				var(--page_margin_left);
	padding-right: 				var(--page_margin_right);
}
.rubrik.grundwerte ul
{
	margin: 					0px;
	margin-left: 				10px;
}
.rubrik.grundwerte div.titel
{
	color: 						var(--primaer_color_3);
	margin-top: 				10vh;
	margin-bottom: 				5vh;
	grid-column: 				span 1;
}
.rubrik.grundwerte > div:nth-child(2)
{
	grid-column: 				span 1;
	margin-bottom: 				40px;
}
.rubrik.grundwerte > div:nth-child(2) > div
{
	display: 					grid;
	grid-template-columns: 		1fr 20px 1fr 20px 1fr;
}
.rubrik.grundwerte > div:nth-child(3)
{
	padding-right: 				10px;
}
.rubrik.grundwerte > div:nth-child(4)
{
	padding-left: 				10px;
}
.rubrik.grundwerte > div:last-child
{
	grid-column: 				span 1;
	min-height: 				40px;
}

.rubrik.grundwerte_2
{
	display: 					grid;
	grid-template-columns: 		50% 1fr ;
	grid-template-rows: 		max-content max-content 1fr;
	padding-left: 				var(--page_margin_left);
	padding-right: 				var(--page_margin_right);
}
.rubrik.grundwerte_2 div.titel
{
	color: 						var(--primaer_color_3);
	margin-top: 				10vh;
	margin-bottom: 				5vh;
	grid-column:				span 2;
}
.rubrik.grundwerte_2 > div:last-child
{
	grid-column:				span 2;
}
.rubrik.rubrik.grundwerte_2 > div.col1
{
	margin-right: 				10px;
}
.rubrik.rubrik.grundwerte_2 > div.col2
{
	margin-left: 				10px;
}
.rubrik.rubrik.grundwerte_2 ul
{
	margin-top: 				0px;
	margin-bottom: 				0px;
	margin-left: 				20px;
}
.rubrik.rubrik.grundwerte_2 .filler
{
	height: 					60px;
}

.rubrik.bei_dir
{
	display: 					grid;
	grid-template-columns: 		auto 30% ;
	grid-template-rows: 		max-content max-content max-content 1fr;
	padding-left: 				var(--page_margin_left);
	padding-right: 				var(--page_margin_right);
}
.rubrik.bei_dir div.titel
{
	color: 						var(--primaer_color_3);
	margin-top: 				10vh;
	margin-bottom: 				5vh;
	grid-column: 				span 2;
}
.rubrik.bei_dir > div:nth-child(2) > div
{
	display: 					grid;
	grid-template-columns: 		67.78% 1fr ;
	grid-template-rows: 		max-content auto;
	gap: 						20px;
}
.rubrik.bei_dir > div:nth-child(2) > div img
{
	height: 					100%;
}
.rubrik.bei_dir > div.text1
{
	padding-top: 				20px;
	padding-left: 				20px;
}
.rubrik.bei_dir > div.banner,
.rubrik.bei_dir > div:last-child
{
	grid-column: 				span 2;
	margin-top: 				20px;
	margin-bottom: 				20px;
}

.rubrik.termine
{
	display: 					grid;
	grid-template-rows: 		max-content max-content max-content 1fr;
	padding-left: 				var(--page_margin_left);
	padding-right: 				var(--page_margin_right);
}
.rubrik.termine div.titel
{
	color: 						var(--primaer_color_3);
	margin-top: 				10vh;
	margin-bottom: 				5vh;
}
.rubrik.termine > div:nth-child(2)
{
	display: 					grid;
	grid-template-columns: 		1fr 340px;
	gap: 						20px;
}

.seminar_liste > .text1
{
	margin-top: 				20px;
	text-align: 				center;
}

.rubrik.termine .seminar_liste
{
	display: 					grid;
	grid-template-columns: 		60% 1fr;
	grid-template-rows: 		repeat(auto-fill, max-content); /* Standardwert */
	grid-auto-rows: 			max-content;
}
.rubrik.termine .seminar_liste > div
{
	border-bottom: 				1px solid var(--primaer_color_3);
}
.rubrik.termine .seminar_liste > div:nth-child(2n)
{
	margin-left: 				20px;
}
.rubrik.termine .seminar_liste > div:last-child
{
	grid-column: 				span 2;
	border: 					none;
}
.rubrik.termine > div:nth-child(3) > div:first-child
{
	margin-top: 				20px;
	display: 					grid;
	grid-template-columns: 		1fr 20px 1fr 20px 1fr;
}

.rubrik.preisliste
{
	display: 					grid;
	grid-template-columns: 		30% 1fr;
	grid-template-rows: 		max-content max-content 1fr;
	padding-left: 				var(--page_margin_left);
	padding-right: 				var(--page_margin_right);
	gap: 						20px;
}
.rubrik.preisliste div.titel
{
	color: 						var(--primaer_color_3);
	margin-top: 				10vh;
	margin-bottom: 				5vh;
	grid-column: 				span 2;
}
.rubrik.preisliste .preis_auflistung
{
	display: 					grid;
	grid-template-columns: 		58% 25% 1fr;
	grid-template-rows: 		repeat(auto-fill, max-content); /* Standardwert */
	grid-auto-rows: 			max-content;
}
.rubrik.preisliste .preis_auflistung > div:not(.grid_first_col)
{
	margin-left: 				20px;
}
.rubrik.preisliste .preis_auflistung > div:not(.filler)
{
	padding-top: 				3px;
	padding-bottom: 			3px;
	border-bottom: 				1px solid var(--primaer_color_3);
}
.rubrik.preisliste .preis_auflistung > div.filler
{
	grid-column: 				span 3;
}
.rubrik.preisliste .preis_auflistung > div.grid_col_span2
{
	grid-column: 				span 2;
}

.rubrik.info_anmeldung
{
	display: 					grid;
	grid-template-columns: 		50% 1fr;
	grid-template-rows: 		max-content max-content 1fr;
	padding-left: 				var(--page_margin_left);
	padding-right: 				var(--page_margin_right);
	gap: 						20px;
}
.rubrik.info_anmeldung div.titel
{
	color: 						var(--primaer_color_3);
	margin-top: 				10vh;
	margin-bottom: 				5vh;
	grid-column: 				span 2;
}
.rubrik.info_anmeldung .anmeldefristen
{
	display: 					grid;
	grid-template-columns: 		40% 1fr;
	grid-template-rows: 		repeat(auto-fill, max-content); /* Standardwert */
	grid-auto-rows: 			max-content;
	margin-bottom: 				20px;
}
.rubrik.info_anmeldung .anmeldefristen > div:not(.grid_first_col)
{
	margin-left: 				20px;
}
.rubrik.info_anmeldung .anmeldefristen > div:not(.filler)
{
	padding-top: 				3px;
	padding-bottom: 			3px;
	border-bottom: 				1px solid var(--primaer_color_3);
}

.rubrik.info_anmeldung .buchen
{
	display: 					none;
}

div#did_main
{
	min-height: 				calc((var(--content_viewable_area_height) - var(--footer-height)));
}

.buchen_button
{
	text-shadow: 				0px 0px 5px transparent;
	filter: 					drop-shadow(0px 0px 7px transparent);
	transition: 				0.5s ease-in-out;
}

.buchen_button:hover
{
	text-shadow: 				0px 0px 5px var(--primaer_color_2);
	filter: 					drop-shadow(0px 0px 7px var(--primaer_color_2));
	cursor: 					pointer;	
}

.rubrik.anmeldung h2
{
	margin-top: 				0px;
}

.rubrik.anmeldung,
.rubrik.anmeldung *
{
	box-sizing:					border-box;	
}
.rubrik.anmeldung .container
{
	background: 				white;
	padding: 					20px;
	border-radius: 				8px;
	box-shadow: 				0 0 10px rgba(0, 0, 0, 0.1);
	max-width: 					400px;

	margin-top: 				20px;
	margin-left: 				auto;
	margin-right: 				auto;
	left: 						50%;
	right: 						50%;
	margin-bottom: 				20px;
}
.rubrik.anmeldung label 
{
	font-weight: 				bold;
	display: 					block;
	margin-top: 				10px;
}
.rubrik.anmeldung input, 
.rubrik.anmeldung select, 
.rubrik.anmeldung textarea 
{
	width: 						100%;
	padding: 					8px;
	margin-top: 				5px;
	border: 					1px solid #ccc;
	border-radius: 				4px;
}
.rubrik.anmeldung input
{
	margin-right: 				20px;
}
.rubrik.anmeldung .error 
{
	border-color: 				red;
}
.rubrik.anmeldung .error-message 
{
	color: 						red;
	font-size: 					12px;
}
.rubrik.anmeldung .checkbox-label 
{
	font-weight: 					normal;
	display: 						grid;
	grid-template-columns: 			min-content 1fr;
	align-items: 					center;
	margin-top: 					10px;
}
.rubrik.anmeldung .checkbox-label div
{
	padding-right: 					10px;	
}
.rubrik.anmeldung button 
{
	background-color: 				var(--primaer_color_3);
	color: 							white;
	border: 						none;
	padding: 						10px;
	margin-top: 					15px;
	width: 							100%;
	cursor: 						pointer;
	border-radius: 					4px;
}
.rubrik.anmeldung button:hover 
{
	background-color: 				var(--primaer_color_4);
}
.rubrik.anmeldung .row 
{
	display: 						flex;
	gap: 							10px;
}
.rubrik.anmeldung .row input 
{
	width: 							100%;
}
.rubrik.anmeldung input[type="text"],
.rubrik.anmeldung input[type="date"],
.rubrik.anmeldung input[type="tel"],
.rubrik.anmeldung input[type="email"], 
.rubrik.anmeldung textarea 
{
	padding: 						8px;
	margin-top: 					5px;
	border: 						1px solid #ccc;
	border-radius: 					4px;
}

@keyframes fadeOut 
{
	0%		{ opacity: 1; }
	70%		{ opacity: 1; }
	100% 	{ opacity: 0; }
}
@keyframes fadeInOut 
{
	0% 			{ opacity: 0; }
	30% 		{ opacity: 1; }
	70% 		{ opacity: 1; }
	100% 		{ opacity: 0; }
}
@keyframes fadeIn 
{
	0% 			{ opacity: 0; }
	30% 		{ opacity: 1; }
	100% 		{ opacity: 1; }
}

.info_message
{
	text-align: center;
    margin-top: 40px;
	font-size: 	100%;
}

.hide
{
	display: 				none !important;
}

#Datenschutz_confirm
{
	position: 			absolute;
	top: 				0px;
	left: 				0px;
	right: 				0px;
	bottom: 			0px;
	overflow: 			auto;
	padding: 			40px;
	padding-top: 		90px;
	background: 		rgba(255,252,252,0.79);
}
#Datenschutz_confirm .datenschutz_container
{
	padding: 			10px;
	box-shadow: 		2px 2px 5px #000000;
	background-color: 	#d3eddc;
}

#Datenschutz_confirm:empty
{
	display: 			none;
}

@media print
{
	#did_main.printing
	{
		left: 				1px;
		right: 				1px;
	}	
}
div#nav_legal_infos
{
	position: 			absolute;
	right: 				10px;
	top: 				10px;
	font-size: 			55%;
	color: 				rgba(0,0,0,0.84);
	text-transform: 	uppercase;
	user-select: 		none;
}
div#nav_legal_infos div
{	
	position: 			relative;
	display: 			inline-block;
}
div#nav_legal_infos div:hover
{
	cursor: 			pointer;
	text-decoration: 	underline;
}
div#nav_legal_infos > div:not(:first-child)
{
	margin-left: 		5px;
	padding-left: 		5px;
	border-left: 		rgba(0,0,0,0.34) 1px solid;
}

.password_reset_dialog
{
	width: 				350px;
	background-color: 	rgba(0,0,0,0.23);
	
	background-color: 	#a3c4ae;
	
	position: 			relative;
	padding: 			10px;
	margin-top: 		10px;
	margin-left: 		auto;
	margin-right: 		auto;
	border: 			rgba(0,0,0,0.74) 1px solid;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: 	border-box;    /* Firefox, other Gecko */
	box-sizing: 		border-box;         /* Opera/IE 8+ */	
	
	
}

.loginform [link_action][cl_func="pwrdlg"]
{
	font-size: 			90%;
	font-style: 		italic;
}

[link_action]:hover
{
	text-decoration: 	underline;
	color: 				rgba(9,0,55,1.00);
	cursor: 			pointer;
}

.loginform
{
	width: 				350px;
	background-color: 	rgba(0,0,0,0.23);
	
	background-color: 	#a3c4ae;
	
	position: 			relative;
	padding: 			10px;
	border: 			rgba(0,0,0,0.74) 1px solid;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: 	border-box;    /* Firefox, other Gecko */
	box-sizing: 		border-box;         /* Opera/IE 8+ */	
	
	
}
.loginform .logo, .loginform .logintext
{
	display: 			inline-block; 
}
.loginform .logo
{
	width: 				20%;
}
.loginform .logintext
{
	width: 				40%; 
	padding-left: 		20px;
	padding-right: 		20px;
}
.loginform .logintext > div:nth-child(1)
{
	font-size: 			160%;
}
.loginform .logintext > div:nth-child(2)
{
	font-size: 			100%; 
	word-break: 		normal;
}
.loginform .label
{
	font-size: 			100%;
}
.loginform input
{
	width: 				100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */	
}
.loginform .submit_container
{
	margin-top: 		10px;
	position: 			relative;
	text-align: 		center;
	
}
.loginform .login_error
{
	margin-bottom: 		10px;
    padding: 			10px;
    text-align: 		center;
    font-size: 			90%;
    background: 		rgba(255,255,255,0.77);
    color: 				#ff0000;
}
.loginform .login_error:empty
{
	display: 			none;
}


.changepassword_dialog, .loginform 
{
  	top: 				120px;
	left: 				50%;
  	-ms-transform: 		translateY(-30%) translateX(-50%);;
  	transform: 			translateY(-30%) translateX(-50%);;	
}

.changepassword_dialog
{
	width: 				400px;
	background-color: 	rgba(0,0,0,0.23);
	position: 			relative;
	padding: 			10px;
	border: 			rgba(0,0,0,0.74) 1px solid;
	
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: 	border-box;    /* Firefox, other Gecko */
	box-sizing: 		border-box; 	
}

.changepassword_dialog .chgpswd_table
{
	display: 			table;
}
.changepassword_dialog .chgpswd_table > div
{
	display: 			table-row;
}
.changepassword_dialog .chgpswd_table > div > div
{
	display: 			table-cell;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: 	border-box;    /* Firefox, other Gecko */
	box-sizing: 		border-box; 	
}
.changepassword_dialog .chgpswd_table > div > div:first-child
{
	padding-right: 		10px;
}
.changepassword_dialog .chgpswd_table input[type="password"]
{
	width: 				100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: 	border-box;    /* Firefox, other Gecko */
	box-sizing: 		border-box; 
}
.changepassword_dialog .submit_container
{
	margin-top: 		10px;
	position: 			relative;
	text-align: 		center;
	
}
.changepassword_dialog .error_msg
{
	margin-bottom: 		10px;
    padding: 			10px;
    text-align: 		center;
    font-size: 			90%;
    background: 		rgba(255,255,255,0.77);
    color: 				#ff0000;
}
.changepassword_dialog .error_msg:empty
{
	display: 			none;
}

#nav_burger
{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */		
	position: absolute;

	right: 				0px;
	padding: 			15px;
	padding-top: 		5px;
	padding-bottom: 	5px;
	font-size: 			95%;
	color: 				rgba(0,0,0,0.79);
	
	border-top: 		rgba(0,0,0,0) 1px solid;
	border-left: 		rgba(0,0,0,0) 1px solid;
	border-right: 		rgba(0,0,0,0) 1px solid;
	height: 			35px;
	top: 				-35px;
}
#nav_burger:hover
{
	cursor: 			pointer;
	border-top: 		rgba(0,0,0,0.32) 1px solid;
	border-left: 		rgba(0,0,0,0.32) 1px solid;
	border-right: 		rgba(0,0,0,0.32) 1px solid;
	
}

#nav_burger[data-active]
{
	background: rgba(208,208,208,1.00);
}
#nav_burger[data-selected]
{
	background: rgba(0,0,0,0.2);
}
#main_menue_container #main_menue
{
	display: 			none;
}
#main_menue_container #main_menue .menue_item
{
	padding: 			20px;
	text-align: 		center;
	padding-left: 		60px;
	padding-right: 		60px;
	min-width: 			200px;
}
#main_menue_container #main_menue .menue_item:hover
{
	cursor: 			pointer;
	background-color: 	rgba(0,29,255,0.13);
}
#main_menue_container #main_menue .menue_item:active, #main_menue_container #main_menue .menue_item.clicked
{
	background-color: 	rgba(58,255,0,0.13);
}

.data_table_container
{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: 	border-box;    /* Firefox, other Gecko */
	box-sizing: 		border-box;         /* Opera/IE 8+ */	
	
	display: 			block;
	position: 			absolute;
	top: 				10px;
	left: 				0px;
	right: 				0px;
	bottom: 			0px;
	overflow: 			hidden;

	display: 				grid;
	grid-template-rows: 	auto 1fr;

	margin-top: 			5px;
	margin-left: 			30px;
	margin-right: 			30px;
	margin-bottom: 			10px;
}
.data_table_container > div:nth-child(2)
{
	position: 			relative;
	overflow: 			auto;
}
.data_table_container .data_table_content
{
	overflow: 			none;
}
.data_table_container .data_table_content tbody 
{
    overflow-y: 		auto;
    overflow-x: 		hidden;
}


.kopf .option_bar [data-cfunc="edit"]:not([data-cname="messages"]), .kopf .option_bar [data-cfunc="del"]
{
	display: 			none;
}

form[cl_name="messages"][item_id="-1"] .EditForm_PrintButton
{
	display: 			none;
}

.data_table_container form input[type="submit"], .data_table_container form .btn_print_datatable 
{
    font-family: 		'icomoon' !important;
    padding-top: 		0px;
    vertical-align: 	bottom;
    font-size: 			20px;
    color: 				black;
    border: 			0px transparent solid !important;
    background: 		transparent;
    transition: 		border 0.5s, color 0.5s, transform 0.5s;
    transform-origin: 	16px 10px;
}
.data_table_container form input[type="submit"]
{
	outline: 			none;
}

.data_table_container form input[type="submit"]:hover, 
.data_table_container form .btn_print_datatable:hover, 
.data_table_container form .btn_export_csv_datatable:hover
{
	color: 				#3E84FF;
	cursor: 			pointer;
}

.data_table_container form input[type="submit"]:hover
{
	transform: 			rotate(-180deg);	
}

.data_table_container form .btn_print_datatable,
.data_table_container form .btn_export_csv_datatable
{
	/* position: 			absolute; */
	float: 				right;
	margin-left: 		10px;
	text-outline: 		3px;
	right: 				5px;
}

.data_table_container form .btn_export_csv_datatable
{
	margin-top: 		2px;
}

#did_dialogbox:empty
{
    display: none;
}
#did_dialogbox
{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow: auto;
    padding: 40px;
    padding-top: 90px;
    background: rgba(255,252,252,0.79);
}

#did_dialogbox > div
{
	width: 				100%;
	max-width: 			400px;
	background-color: 	rgba(255,252,252,1);
	border: 			rgba(0,0,0,0.78) 1px solid;
	box-shadow: 		2px 2px 5px rgba(0,0,0,0.78);
	padding: 			10px;
	position: 			absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	
	
    max-height: 		90vh;
    overflow: 			auto;
}


#did_pagebox:empty
{
    display: none;
}
#did_pagebox
{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow: auto;
    padding: 40px;
    padding-top: 90px;
    background: rgba(255,252,252,0.79);
}

#did_pagebox > div
{
	background-color: 	rgba(255,252,252,1);
	border: 			rgba(0,0,0,0.78) 1px solid;
	box-shadow: 		2px 2px 5px rgba(0,0,0,0.78);
	padding: 			10px;
	position: 			absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	
	
    height: 			90vh;
	width: 				90vw;
    overflow: 			auto;
}

#did_pagebox .dialog_close_btn
{
	position: 			sticky;
	top: 				0px;
	width: 				100%;
	user-select: 		none;
}
#did_pagebox .dialog_close_btn > div
{
	position: 			absolute;
	right: 				0px;
	padding: 			5px;
	color: 				#119911;
	background: 		#CDCFFF;
	
    margin-right: 		-10px;
    margin-top: 		-10px;
}
#did_pagebox .dialog_close_btn > div:hover
{
	cursor: 			pointer;
	background: 		#C1FFCE;
}
.edit_buttons .option_bar .icon-envelope2, .icon-envelope2.preview_example
{
	color: 				rgba(255,254,80,1.00) !important;
	text-shadow: 		0px 0px 2px #000000;
}

.flex_break 
{
  flex-basis: 				100%;
  height: 					0;
}
	
.portal_login_site
{
	position:				absolute;
	top:					0px;
	left:					0px;
	right:					0px;
	bottom:					0px;
	height:					auto;
	width:					auto;
	overflow-y:				auto;
}

.bubble 
{
    position: 			relative;
    background: 		#f9ffc2;
    color: 			  	#000000;
    font-family: 		Arial;
    font-size: 			14px;
    filter: 			drop-shadow(2px 2px 4px #000000);
    text-align: 		center;
    width: 				auto;
    height: 			auto;
	vertical-align:  	middle;
	padding: 			10px;
	min-height: 		10px;
	min-width:  		70px;
    border-radius: 		10px;
	user-select:  		none;
}
.bubble:after 
{
    content: 			'';
    position: 			absolute;
    display: 			block;
    width: 				0;
    z-index: 			1;
    border-style: 		solid;
    border-color: 		#f9ffc2 transparent;
    border-width: 		15px 8px 0;
    bottom: 			-15px;
    left: 				50%;
    margin-left: 		-8px;
}


/* ... bestehende CSS-Regeln ... */

/* Navigation Styles */
nav {
    position: relative;
	align-self: end; 
}

nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
	justify-content: flex-end;
}

nav ul li {
    position: relative;
}

nav ul li a {
    display: block;
    padding: 14px 20px;
    text-decoration: none;
}

nav ul li a:hover {
}

nav ul ul.submenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 0;
	background-color: var(--primaer_color_1);
}

nav:not(.active) ul ul.submenu 
{
	filter: 						drop-shadow(3px 4px 2px #00000055);
}

nav ul ul.submenu li a {
    padding: 14px 20px;
}

nav ul li:hover > ul.submenu {
    display: block;
}

/* Burger-Menü Styles */
.menu-toggle {
    display: none;
    color: var(--primaer_color_2);
	background-color: transparent;
    border: none;
	border-left: 1px solid var(--primaer_color_3);
    padding: 14px 20px;
    cursor: pointer;
    font-size: 18px;
}

.menu-toggle:hover,
nav.active .menu-toggle
{
	background-color: 				var(--primaer_color_3);
	color: 							var(--primaer_color_1);
}

.rubrik.anmeldung .container form .seminar_liste
{
	margin-top: 					10px;
	font-size: 						80%;
	display: 						grid;
	grid-template-columns: 			1fr 60px ;
}


@media only screen and (max-width: 910px) 
{
	.head
	{
		grid-template-columns: 15px max-content 1fr 0px;
	}
    nav ul {
        display: 					none;
        flex-direction: 			column;
		border-left: 				1px solid #00000011;
    }

    nav ul li {
        width: 100%;
    }

    nav ul li a {
        padding: 15px;
        color: 							var(--primaer_color_2);
        background-color: 				var(--primaer_color_1);
        text-align: left;
    }

    nav ul li a:hover {
        background-color: 				var(--primaer_color_3);
        color: 							var(--primaer_color_1);
    }

    /* Toggle für Hamburger-Menü */
    .menu-toggle {
        display: 			block;
        cursor: 			pointer;
    }

    /* Wenn das Hamburger-Menü aktiv ist */
	
    nav {
        display: grid;
		grid-template-columns: 1fr calc(var(--head_padding_top) + var(--head_logo_height) + var(--head_padding_bottom));
		height: 				calc(var(--head_padding_top) + var(--head_logo_height) + var(--head_padding_bottom));
    }

	nav.active > ul 
	{
		
		filter: 					drop-shadow(3px 4px 2px #00000055);
	}

    nav.active ul {
        display: flex;
    }

	nav > button:nth-child(1)
	{
		grid-row: 					1;
		grid-column: 				2;
	}

	nav > ul:nth-child(2)
	{
		position: 					absolute;
		left: 						auto;
		width: 						max-content;
		right: 						calc(var(--head_padding_top) + var(--head_logo_height) + var(--head_padding_bottom));
		grid-row: 					1;
		grid-column: 1;
	}

    .menu-toggle {
        display: block;
    }

	nav ul.main-menu li a
	{
		padding: 14px 20px;
	}

	nav ul ul.submenu 
	{
		display: 					block;
		position: 					relative;
	}
	nav ul ul.submenu a
	{
		margin-left: 				20px;
	}
}

@media only screen and (max-width: 1230px) 
{
	.rubrik.bei_dir
	{
		grid-template-columns: 		1fr 40%;
	}
}

@media only screen and (max-width: 1100px) 
{
	.rubrik.bei_dir > div:nth-child(2) > div
	{
		grid-template-columns: 		1fr;
	}
	.rubrik.bei_dir
	{
		grid-template-columns: 		1fr 60%;
	}
	.rubrik.wer_sind_wir
	{
		grid-template-columns: 		30% 1fr;
	}
	.rubrik.wer_sind_wir > div.titel
	{
		grid-column: 				span 2;
	}
	.rubrik.wer_sind_wir .text1
	{
		grid-row: 					span 2;
		align-items:				start;
	}

	.rubrik.rudi
	{
		grid-template-columns: 		30% 1fr;
	}
	.rubrik.rudi > div.titel
	{
		grid-column: 				span 2;
	}
	.rubrik.rudi .text1
	{
		grid-row: 					span 2;
		align-items:				start;
	}
	.rubrik.rudi > div:nth-child(3)
	{
		grid-row: 					3;
	}

	.rubrik.woskenna > div > div > div:first-child
	{
		display: 					none;
	}
	.rubrik.woskenna > div > div
	{
		grid-template-columns: 		1fr;
	}
	.rubrik.woskenna .low_res.top
	{
		display: 					block;
		gap: 						0px;
	}
	.rubrik.woskenna .low_res.top > div:not(:first-child)
	{
		display: 					none;
	}
	.rubrik.woskenna .low_res.bottom
	{
		display: 					grid;
		gap: 						20px;
		grid-template-columns: 		1fr 1fr 1fr;
	}
	.rubrik.woskenna .low_res.bottom > div:first-child
	{
		display: 					none;
	}

	.rubrik.seminare > div:nth-child(3)
	{
		grid-template-columns: 		1fr;
	}

	.banner
	{
		grid-template-columns: 1fr auto max-content 1fr;
	}
}

@media only screen and (max-width: 800px) 
{
	:root
	{
		--page_margin_left:					20px;
		--page_margin_right:				20px;
	}

	.rubrik.bei_dir > div:nth-child(2) > div
	{
		grid-template-columns: 				67.78% 1fr;
	}
	.rubrik.bei_dir
	{
		grid-template-columns: 				1fr;
	}
	.rubrik.bei_dir div.titel,
	.rubrik.bei_dir > div.banner, 
	.rubrik.bei_dir > div:last-child
	{
		grid-column: 						span 1;
	}
	.rubrik.bei_dir > div.text1
	{
		padding-top: 						0px;
		padding-left: 						0px;
	}

	.rubrik.theresa
	{
		grid-template-columns: 				1fr;
		gap: 								0px;
	}
	.rubrik.theresa > div.titel,
	.rubrik.theresa > div.banner
	{
		grid-column: 			span 1;
	}
	.rubrik.theresa .text1
	{
		padding-top: 			20px;
		grid-row: 				span 1;
		align-items:			start;
	}
	.rubrik.theresa > div.banner
	{
		margin-bottom: 			20px;
	}

	.rubrik.ois_geht_hoit_ned
	{
		grid-template-columns: 	1fr;
	}
	.rubrik.ois_geht_hoit_ned > div.titel
	{
		grid-column: 			span 1;
	}
	.rubrik.ois_geht_hoit_ned > div:nth-child(3)
	{
		padding-left: 			0px;
		padding-top: 			0px;
		padding-bottom: 		20px;
	}

	.rubrik.grundwerte_2 .buchen
	{
		grid-template-columns: 50% auto;
	}
}

@media only screen and (max-width: 700px) 
{
	.rubrik.grundwerte_2
	{
		grid-template-columns: 	1fr;
	}
	.rubrik.grundwerte_2 > div.titel,
	.rubrik.grundwerte_2 > div:last-child
	{
		grid-column: 			span 1;
	}
	.rubrik.grundwerte_2 .buchen
	{
		margin-bottom: 			20px;
	}
	.rubrik.grundwerte_2 > div.text1.col2
	{
		margin-left: 			0px;
		margin-top: 			20px;
	}
	.rubrik.grundwerte_2 .buchen
	{
		grid-template-columns: 60% auto;
	}

	.rubrik.preisliste
	{
		grid-template-columns: 	1fr;
	}
	.rubrik.preisliste > div.titel,
	.rubrik.preisliste > div.filler
	{
		grid-column: 			span 1;
	}
	.rubrik.preisliste > div:nth-child(2)
	{
		grid-row: 				3;
	}

	.rubrik.termine > div:nth-child(2)
	{
		grid-template-columns: 	1fr;
	}

	.rubrik.info_anmeldung
	{
		grid-template-columns: 	1fr;
	}
	.rubrik.info_anmeldung div.titel
	{
		grid-column: 			span 1;
	}
}

@media only screen and (max-width: 500px) 
{
	.rubrik.wer_sind_wir
	{
		grid-template-columns: 	1fr;
	}
	.rubrik.wer_sind_wir > div.titel
	{
		grid-column: 			span 1;
	}
	.rubrik.wer_sind_wir .text1 
	{
		grid-row: 				span 1;
		align-items:			start;
	}
	
	.rubrik.rudi
	{
		grid-template-columns: 	1fr;
	}
	.rubrik.rudi > div.titel
	{
		grid-column: 			span 1;
	}
	.rubrik.rudi .text1
	{
		grid-row: 				span 1;
		align-items:			start;
	}
	.rubrik.rudi > div:nth-child(3)
	{
		grid-row: 				4;
	}

	.rubrik.wer_ist
	{
		grid-template-columns: 	1fr 20px 1fr 0px;

	}
	.rubrik.wer_ist > div.titel
	{
		grid-column: 			span 4;
	}
	.rubrik.wer_ist > div:nth-child(6)
	{
		padding-top: 			20px;
		grid-row: 				4;
		grid-column: 			span 4;
	}
	.rubrik.wer_ist > div.text1
	{
		grid-column: 			span 4;
	}

	.rubrik.familie
	{
		grid-template-columns: 	1fr;
	}
	.rubrik.familie .banner
	{
		grid-column: 			span 1;
	}
	.rubrik.familie .low_res.top
	{
		display: 				block;
	}
	.rubrik.familie > div:first-child
	{
		display: 				none;
	}
	.rubrik.familie > div:nth-child(2)
	{
		margin-left: 			0px;
	}

	.rubrik.rubrik.und_du
	{
		grid-template-columns: 	1fr;
	}
	.rubrik.rubrik.und_du .low_res.top
	{
		display: 				block;
	}
	.rubrik.rubrik.und_du > div:first-child
	{
		display: 				none;
	}
	.rubrik.und_du > div:nth-child(2)
	{
		margin-left: 			0px;
	}

	.rubrik.seminare
	{
		grid-template-columns: 	1fr;
	}
	.rubrik.seminare > div.titel,
	.rubrik.seminare > div.filler
	{
		grid-column: 			span 1;
	}
	.rubrik.seminare > div:nth-child(3)
	{
		margin-left: 			0px;
	}

	.rubrik.grundwerte_2 .buchen
	{
		grid-template-columns: 50% auto;
	}

	.rubrik.preisliste .preis_auflistung
	{
		grid-template-columns: 40% 30% 1fr;
	}
}

@media print 
{
	body
	{
		font-size: 			46px !important;
	}
	#main_container
	{
		font-size: 			100%;
	}
}

@media (min-width: 0px) and (max-width: 400px)
{
	.subtext
	{
		font-size: 			90%;
	}	
}
@media (min-width: 1180px) and (max-width: 1333px)
{
	.head
	{
		grid-template-columns: 10px max-content 1fr 0px;
	}
	nav ul.main-menu li a
	{
		padding: 14px 10px;
	}
}

@media (min-width: 910px) and (max-width: 1180px)
{
	.head
	{
		grid-template-columns: 10px max-content 1fr 0px;
	}
	nav ul.main-menu li 
	{
		text-align: 		center;
	}
	nav ul.main-menu li a
	{
		padding: 14px 10px;
	}
}

@media (min-width: 500px) and (max-width: 600px)
{
	
}

@media (min-width: 0px) and (max-width: 600px)
{
	
}

@media (min-width: 0px) and (max-width: 305px)
{
	.tools .mail_erklaerung_text
	{
		font-size: 			50% !important;
	}		
}

@media (min-width: 306px) and (max-width: 340px)
{
	.tools .mail_erklaerung_text
	{
		font-size: 			70% !important;
	}	
}

@media (min-width: 0px) and (max-width: 630px)
{

}

@media (min-width: 0px) and (max-width: 699px)
{
	.data_table_container
	{
		margin-left: 			10px;
		margin-right: 			10px;
		margin-bottom: 			10px;
	}
	.head
	{
		margin-left: 			0px;
	}
	.head, #main_menue_container
	{
		margin-right: 			0px;
	}
	.head, #main_menue_container, #main_container
	{
		margin-top: 			0px;
	}	
	
	.changepassword_dialog, .loginform
	{
		width: 					95%;
	}
	input
	{
		font-size: 				140%;
	}
	
	span.icon-print:not(.btn_print_datatable)
	{
		display: 				none;
	}
	
	.data_table_container form input[type="submit"], .data_table_container form .btn_print_datatable
	{
		font-size: 				200%;
    	transform-origin: 		22px 15px;
		user-select: 			none;
	}	
	
	.head .name:nth-child(3)
	{
		display:  				none !important;
	}
	
	.head .name:nth-child(2)
	{	
		padding-right: 			5px;
		margin-right: 			5px;
		border-right: 			rgba(0,0,0,0.34) 1px solid;
	}
	
	.expandable_box .expandable_text
	{
		display: 			none !important;
	}
	
	.rslt_green, .rslt_red, .rslt_yellow, .rslt_kl 
	{
		height: 			10px !important;
		width: 				10px !important;
	}	

}

@media (min-width: 0px) and (max-width: 850px)
{	
	.grid_section.jahr_switch_row
	{
		border-right: 		0px !important;
		border-right: 		1px solid rgba(0,0,0,0.47);
	}
	
	.grid_section.jahr_switch_row > div > div.grid_section
	{
		margin-bottom: 		10px !important;
		border-bottom: 		1px solid rgba(0,0,0,0.47);
	}
	
	.grid_section.jahr_switch_row > div > div.grid_section:last-child
	{
		margin-bottom: 		20px !important;
	}
}


@media (min-width: 0px) and (max-width: 400px)
{
	
}

@media (min-width: 0px) and (max-width: 350px)
{
	.head .logo:first-child
	{
		display: 				none;
	}
	.head .name
	{
		border-left: 			none;
	}
	.logo
	{
		display: 				none !important;
	}
	#main_menue_container #main_menue .menue_item
	{
		padding-left: 			20px;
		padding-right: 			20px;
	}
}


@media (min-width: 0px) and (max-width: 240px)
{

}

@media (min-width: 241px) and (max-width: 350px)
{

}

@media (min-width: 0px) and (max-width: 580px)
{
	
}

@media (min-width: 0px) and (max-width: 450px)
{	
	div#nav_legal_infos 
	{
		right: 				1px;
		top: 				1px;
		text-align: 		right;
	}	
	
	.head > div.name:nth-child(2)
	{
		font-size: 			105%;
	}
	.head .logo img, .head .name
	{
		height: 			55px;
	}
	.head .line 
	{
		position: 			absolute;
		top: 				64px;
		width: 				100%;
		height: 			2px;
	}
	.head .line hr
	{
		margin-top: 		0px;
	}
	#main_menue_container
	{
		top: 				64px;
	}

	div#nav_legal_infos > div, div#nav_legal_infos > div:not(:first-child)	
	{
		margin: 			0px;
		padding: 			0px;
		border: 			0px #000000 solid;
		display: 			block;
	}		
}
@media (min-width: 0px) and (max-width: 300px)
{	

}

#ui-datepicker-div
{
	background-color: 		#F5F5F5;
	box-shadow: 			1px 1px 1px #000000;
	padding: 				5px;
}
#ui-datepicker-div .ui-widget-header, #ui-datepicker-div td[data-handler="selectDay"] a
{
	background-color: 		rgba(4,120,73,0.49);
	color: 					#000000;
}
#ui-datepicker-div td[data-handler="selectDay"] a:hover
{
	background-color: 		rgba(120,3,3,0.49);
	color: 					#ffffff;
}
#ui-datepicker-div td[data-handler="selectDay"].ui-datepicker-today a
{
	background-color: 		rgba(4,120,73,0.7);
}
#ui-datepicker-div td[data-handler="selectDay"] a.ui-state-active
{
	background-color: 		rgba(8,3,120,0.50);
	color: 					#ffffff;
}
#ui-datepicker-div thead
{
	color: 					#000000;
}

@media print 
{
	
}