body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%}
@media screen{
#iso_ajaxBox{width:20%;padding:9px 50px 9px 24px;position:fixed;top:10%;left:40%;background:#fff url(../../system/modules/isotope/assets/images/loading.gif) no-repeat right center;border:2px solid #000;font-family:"Trebuchet MS",Verdana,sans-serif;font-size:15px;line-height:18px;text-align:left;color:#000;z-index:9999}#iso_ajaxBox.btnClose{background-image:none;cursor:pointer}#iso_ajaxBox p{margin:1em 0;padding:0}#iso_ajaxBox .iso_error{padding-left:34px;background:url(../../system/modules/isotope/assets/images/cross-24.png) left center no-repeat}#iso_ajaxBox .iso_confirm{padding-left:34px;background:url(../../system/modules/isotope/assets/images/tick-24.png) left center no-repeat}#iso_ajaxBox .iso_info{padding-left:34px;background:url(../../system/modules/isotope/assets/images/information-24.png) left center no-repeat}#iso_ajaxOverlay{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;z-index:9998;-moz-opacity:.5;opacity:.5;_display:none;filter:Alpha(opacity=50)}
}
select.chzn-select{visibility:hidden;height:28px!important;min-height:28px!important}.chzn-container{font-size:13px;position:relative;display:inline-block;zoom:1;*display:inline;margin:1px 0;background-color:#fff}.chzn-container .chzn-drop{background:#fff;border:1px solid #aaa;border-top:0;position:absolute;top:29px;left:0;-webkit-box-shadow:0 4px 5px rgba(0,0,0,.15);-moz-box-shadow:0 4px 5px rgba(0,0,0,.15);-o-box-shadow:0 4px 5px rgba(0,0,0,.15);box-shadow:0 4px 5px rgba(0,0,0,.15);z-index:999;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:0 0 2px 2px}.chzn-container-single .chzn-single{border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #aaa;display:block;overflow:hidden;white-space:nowrap;position:relative;height:28px;line-height:28px;padding:0 6px;color:#222;text-decoration:none}.chzn-container-single .chzn-single>span{margin-right:18px;display:block;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis;font-size:.875rem}.chzn-container-single .chzn-single div{-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;position:absolute;right:0;top:0;display:block;height:100%;width:24px}.chzn-container-single .chzn-single div b{background:url(../../assets/chosen/images/down.svg) no-repeat center;display:block;width:100%;height:100%}.chzn-container-single .chzn-search{padding:3px 4px;margin:0;white-space:nowrap}.chzn-container-single .chzn-search input{background:#fff url(../../assets/chosen/images/magnify.svg) no-repeat right 3px center;margin:1px 0;padding:4px 20px 4px 5px;outline:0;border:1px solid #aaa;border-radius:2px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.chzn-container-single .chzn-drop{border-radius:0 0 2px 2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.chzn-container-multi .chzn-choices{background-color:#fff;border:1px solid #aaa;margin:0;padding:0;cursor:text;overflow:hidden;height:auto!important;height:1%;position:relative;max-height:102px;padding:1px 0;overflow-x:hidden;overflow-y:auto;border-radius:2px}.chzn-container-multi .chzn-choices li{float:left;list-style:none}.chzn-container-multi .chzn-choices .search-field{white-space:nowrap;margin:0;padding:0}.chzn-container-multi .chzn-choices .search-field input{color:#666;background:0 0!important;border:0!important;padding:5px;margin:1px 0;outline:0;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none}.chzn-container-multi .chzn-choices .search-field .default{color:#999}.chzn-container-multi .chzn-choices .search-choice{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#e4e4e4;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#e4e4e4),color-stop(.7,#eee));background-image:-webkit-linear-gradient(center bottom,#e4e4e4 0%,#eee 70%);background-image:-moz-linear-gradient(center bottom,#e4e4e4 0%,#eee 70%);background-image:-o-linear-gradient(bottom,#e4e4e4 0%,#eee 70%);background-image:-ms-linear-gradient(top,#e4e4e4 0%,#eee 70%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#eeeeee',GradientType=0 );background-image:linear-gradient(top,#e4e4e4 0%,#eee 70%);color:#333;border:1px solid #b4b4b4;line-height:13px;padding:3px 19px 3px 6px;margin:2px 0 2px 5px;position:relative;top:1px}.chzn-container-multi .chzn-choices .search-choice span{cursor:default}.chzn-container-multi .chzn-choices .search-choice-focus{background:#d4d4d4}.chzn-container-multi .chzn-choices .search-choice .search-choice-close{display:block;position:absolute;right:5px;top:6px;width:8px;height:9px;font-size:1px;background:url(../../assets/chosen/images/chosen-sprite.png) right top no-repeat}.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover{background-position:right -9px}.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close{background-position:right -9px}.chzn-container .chzn-results{margin:0 4px 4px 0;max-height:190px;padding:0 0 0 4px;position:relative;overflow-x:hidden;overflow-y:auto}.chzn-container-multi .chzn-results{margin:0;padding:0}.chzn-container .chzn-results li{line-height:16px;padding:1px 7px 2px;margin:0;list-style:none}.chzn-container .chzn-results .active-result{cursor:pointer}.chzn-container .chzn-results .highlighted{background:#3997fe;color:#fff}.chzn-container .chzn-results li em{font-style:normal}.chzn-container .chzn-results .highlighted em{background:0 0}.chzn-container .chzn-results .no-results{background:#f4f4f4}.chzn-container .chzn-results .group-result{cursor:default;color:#222;font-weight:600}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.chzn-container .chzn-results .group-result{font-weight:500}}.chzn-container .chzn-results .group-option{padding-left:20px;white-space:nowrap}.chzn-container-multi .chzn-drop .result-selected{display:none}@media (-webkit-min-device-pixel-ratio:0){.chzn-container-active .chzn-single{outline:-webkit-focus-ring-color auto 5px}}.chzn-container-active .chzn-single-with-drop{border:1px solid #aaa;-webkit-box-shadow:0 1px 0 #fff inset;-moz-box-shadow:0 1px 0 #fff inset;-o-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.chzn-container-active .chzn-single-with-drop div{background:0 0;border-left:none}.chzn-container-active .chzn-single-with-drop div b{background:url(../../assets/chosen/images/up.svg) no-repeat center}.chzn-container-active .chzn-choices{border-radius:2px 2px 0 0}.chzn-container-active .chzn-choices .search-field input{color:#111!important}.chzn-rtl{direction:rtl;text-align:right}.chzn-rtl .chzn-single{padding-left:0;padding-right:8px}.chzn-rtl .chzn-single span{margin-left:26px;margin-right:0}.chzn-rtl .chzn-single div{left:0;right:auto;border-left:none;border-right:1px solid #aaa;border-radius:2px 0 0 2px}.chzn-rtl .chzn-choices li{float:right}.chzn-rtl .chzn-choices .search-choice{padding:3px 6px 3px 19px;margin:3px 5px 3px 0}.chzn-rtl .chzn-choices .search-choice .search-choice-close{left:5px;right:auto;background-position:right top}.chzn-rtl.chzn-container-single .chzn-results{margin-left:4px;margin-right:0;padding-left:0;padding-right:4px}.chzn-rtl .chzn-results .group-option{padding-left:0;padding-right:20px}.chzn-rtl.chzn-container-active .chzn-single-with-drop div{border-right:none}.chzn-rtl .chzn-search input{background:url(../../assets/chosen/images/chosen-sprite.png) no-repeat -38px -20px,#fff;padding:4px 5px 4px 20px}
#mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:150%;background-color:#000;cursor:pointer}#mbOverlay.mbOverlayOpaque{background:url(../../assets/mediabox/images/80.png)}#mbOverlay.mbOverlayAbsolute{position:absolute}#mbOverlay.mbMobile{position:absolute;background-color:transparent}#mbBottom.mbMobile{line-height:24px;font-size:16px}#mbCenter{position:absolute;z-index:9999;left:50%;padding:10px;background-color:#000;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000');-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";-webkit-box-shadow:0 5px 20px rgba(0,0,0,.5);-khtml-box-shadow:0 5px 20px rgba(0,0,0,.5);-moz-box-shadow:0 5px 20px rgba(0,0,0,.5);box-shadow:0 5px 20px rgba(0,0,0,.5)}#mbCenter.mbLoading{background:#000 url(../../assets/mediabox/images/loading-dark.gif) no-repeat center;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#mbMedia{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:left;background-position:center center;background-repeat:no-repeat}#mbBottom{line-height:20px;font-size:12px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;text-align:left;color:#999;min-height:20px;padding:10px 0 0}#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{display:inline;color:#fff;font-weight:700}#mbNumber{display:inline;color:#999;font-size:.8em;margin:auto 10px}#mbCaption{display:block;color:#999;line-height:1.6em;font-size:.8em}#mbPrevLink,#mbNextLink,#mbCloseLink{float:right;outline:0;margin:0 0 0 10px;font-weight:400}#mbPrevLink b,#mbNextLink b,#mbCloseLink b{color:#eee;font-weight:700;text-decoration:underline}#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#eee;font-size:1.4em;font-weight:700}#mbBottom a,#mbBottom a:link,#mbBottom a:visited{text-decoration:none;color:#ddd}#mbBottom a:hover,#mbBottom a:active{text-decoration:underline;color:#fff}#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#d00;font-weight:700;text-decoration:underline}
table.sortable thead th{background-image:url(../../assets/tablesort/images/default.svg);background-repeat:no-repeat;background-position:center right}table.sortable thead th a.pointer{display:block;margin-right:9px;cursor:pointer}table.sortable thead th.unsortable{background-image:none}table.sortable thead th.asc{background-image:url(../../assets/tablesort/images/asc.svg)}table.sortable thead th.desc{background-image:url(../../assets/tablesort/images/desc.svg)}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/**
 * 0. VARIABLEN (DESIGN SYSTEM)
 */
:root {
	/* Farben */
	--color-primary: #9DB349;
	--color-primary-hover: #7e9135;
	--color-dark: #2d3748;
	--color-text: #4a5568;
	--color-text-light: #718096;
	--color-bg-card: #ffffff;
	--color-bg-light: #f7fafc;
	--color-border: #e2e8f0;
	--color-error: #e53e3e;
	
	/* Abstände */
	--spacing-xs: 0.5rem;
	--spacing-sm: 1rem;
	--spacing-md: 1.5rem;
	--spacing-lg: 2rem;
	
	/* Layout & Effekte */
	--radius-sm: 6px;
	--radius-md: 12px;
	--shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
	--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
	--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
	--transition-fast: 0.2s ease;
}

/**
 * 1. GLOBALE STRUKTUREN & RESET
 */
* {
	box-sizing: border-box;
}

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

html {
	overflow-y: scroll;
	height: 100%;
	font-size: 16px;
	line-height: 1.2;
	-webkit-text-size-adjust: 100%;
}

body {
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 400;
	font-size: 1.1em;
	line-height: 1.5;
	color: var(--color-text);
	display: flex;
	min-height: 100vh;
	margin: 0 auto;
	flex-direction: column;
	background-color: var(--color-bg-light);
}

#wrapper {
	width: 100%;
	margin: 0 auto;
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}

div#container {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	box-shadow: 0 0 45px rgba(0, 0, 0, 0.15);
	flex: 1;
	background: #ffffff;
}

@media (min-width: 500px) {
	div#container {
		margin-top: -20px;
	}
}

main {
	padding-bottom: var(--spacing-lg);
}

#main li {
	margin-left: 2em;
	list-style-type: square;
}

/**
 * 2. TYPOGRAFIE & LINKS
 */
a {
	text-decoration: none;
	color: var(--color-dark);
	transition: color var(--transition-fast);
}

a:hover {
	color: var(--color-primary);
	text-decoration: underline;
}

/* Sichtbarer Fokus-Zustand für Barrierefreiheit */
a:focus-visible, 
button:focus-visible, 
input:focus-visible {
	outline: 3px solid var(--color-primary);
	outline-offset: 2px;
}

h1, h2, h1 a, p, div.toggler {
	margin-left: var(--spacing-xs);
}

h1, h2 {
	color: var(--color-primary);
}

/* Dynamische Schriftgrößen (Fluid Typography) */
h1 {
	font-size: clamp(2rem, 6vw, 3.5rem);
	font-family: 'Anton', sans-serif;
	margin-bottom: 0px;
}

h1 em {
	color: #625747;
}

h2 {
	margin-top: 0px;
	font-size: clamp(1.5rem, 4vw, 2.5rem);
}

h2 a {
	margin-top: 0px;
}

h3 {
	margin-left: 10px;
	border: dashed 1px var(--color-border);
	text-align: center;
	background-color: #ffffff;
	padding: var(--spacing-xs);
	border-radius: var(--radius-sm);
}

dt {
	font-weight: bold;
	color: var(--color-dark);
}

dl {
	margin-left: 10px;
}

p {
	font-size: 1.1em;
	color: var(--color-text);
}

main p.error {
	color: var(--color-error);
}

/**
 * 3. KOPFBEREICH & NAVIGATION
 */
header {
	position: sticky;
	top: 0px;
	z-index: 1000;
	background-color: #ffffff;
	border-bottom: 1px solid var(--color-border);
}

header h1 {
	display: inline;
}

header h1 a {
	font-size: 1.2em;
	line-height: 2.0;
}

header .green {
	background-color: var(--color-primary);
}

/* Desktop-Navigation */
@media (min-width: 501px) {
	header .inside .inside input#activate-nav, 
	header .inside .inside label#menu-icon {
		display: none;
	}
	
	#header .mod_navigation ul.level_1 {
		display: flex;
		list-style-type: none;
		width: 100%;
	}
	
	#header .mod_navigation ul li {
		flex-grow: 1;
	}
	
	#header .mod_navigation ul li a, 
	#header .mod_navigation ul li strong {
		display: flex;
		justify-content: center;
		border-right: 1px solid var(--color-border);
	}
	
	#header .mod_navigation ul li.last a {
		border: none;
	}
	
	.mod_navigation {
		background-image: url(../../files/Bilder/background_head.png);
		background-position: bottom;
		overflow: visible;
		max-height: 50px; 
	}
	
	header .mod_navigation li:hover ul.level_2:before {
		position: absolute;
		width: 40px;
		height: 40px;
		content: '';
		background: var(--color-primary);
		transform: rotate(45deg) translate(50%, -100%);
	}

	header .mod_navigation ul.level_2 {
		margin-top: 20px;
		background-color: var(--color-primary);
	}

	header .mod_navigation ul.level_2 li {
		display: none;
		overflow: hidden;
	}
	
	.mod_navigation .submenu:hover ul.level_2 li {
		display: block;
		overflow: visible;
	}
	
	.mod_navigation .submenu:hover ul.level_2 li a {
		position: relative;
		z-index: 30;
	}
}

/* Mobile Navigation */
@media (max-width: 500px) {
	ul.level_2, ul.level_3 {
		display: none;
	}

	ul.level_1 li.active ul.level_2, 
	ul.level_1 li.trail ul.level_2,
	ul.level_2 li.active ul.level_3,  
	ul.level_2 li.trail ul.level_3 {
		display: block;
	}

	ul.level_2 a {
		color: #ffffff;
	}

	header .inside nav {
		display: none;
		position: absolute;
		left: 0;
	}
	
	.inside #activate-nav:checked ~ nav {
		display: block;
	}

	header nav ul {
		background-color: #ffffff;
		background-repeat: no-repeat;
	}

	header .inside {
		position: relative;
	}

	header .inside nav ul {
		padding: 20px 30px;
		margin-top: -1000px;
		transition: all 0.3s;
		list-style-type: none;
	}

	header .inside #activate-nav:checked ~ nav ul {
		margin-top: 0;
	}
	
	header .inside a {
		color: #625747;
	}

	#header .mod_navigation .active,
	#header .mod_navigation .trail {
		color: #000000;
		font-weight: bold;
	}

	header#header div.kopfleiste {
		display: flex;
		justify-content: space-between;
		flex-direction: column;
	}
}

/**
 * 4. SLIDER & BILDER
 */
div.ueberlagern {
	position: relative;
	overflow: visible;
}

div.ueberlagern2, div.ueberlagern3, div.ueberlagern4, .ueberlagern5 {
	position: absolute;
}

div.ueberlagern2 { z-index: 20; }
div.ueberlagern3 { z-index: 30; }
div.ueberlagern4 { z-index: 40; }
div.ueberlagern5 { z-index: 50; }

.ueberlagern .schrift {
	width: 50%;
	left: 25%;
	top: 15%;
}

.ueberlagern .bild {
	bottom: -18%;
	left: 30%;
}

.ueberlagern .slider img {
	max-height: 700px;
}

div.start nav.slider-control {
	display: none; 
}

figcaption {
	text-align: center;
}

@media (min-width: 500px) {	
	.holzstart img {	
		height: 300px;
	}
	main img {
		border-radius: var(--radius-sm);
	}
}

@media (max-width: 1200px) {	
	.slider {
		display: none;	
	}
}

/**
 * 5. SEITEN-ARTIKEL & LAYOUTS
 */
.mod_article:nth-child(1n + 2) > div {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.mod_article.first {
	width: 100%;
	max-width: 1960px;
	margin: 0px;
}

.mod_article:nth-child(2n + 3) {
	background-image: url(../../files/Bilder/background_middle.jpg);
}

/* Flexible Boxen / Grid-Ersatz */
@media (min-width: 600px) {
	div.flex {
		display: flex;
		width: 100%;
		align-items: stretch;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	div.flex .p30 { width: 29%; }
	div.flex .p33 { width: 32%; }
	div.flex .p50 { width: 49%; }
	div.flex div.p70 { display: block; width: 69%; }
	div.flex div.p100 { width: 100%; }
}

/**
 * 6. MODERNES CARD-DESIGN (CSS GRID STEUERUNG)
 * Vollelastisches, zukunftssicheres Grid ohne Prozent-Rechnereien.
 */
main div.product_list, 
main .mod_eventlist,
main .mod_newslist {
	display: grid;
	/* Erstellt vollautomatisch Spalten, die mindestens 300px breit sind, aber den Platz perfekt füllen */
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: var(--spacing-md);
	padding: var(--spacing-sm);
	width: 100%;
}

/* Die einzelnen Inhalts-Karten */
div.product_list div.product, 
.mod_eventlist .event,
.mod_newslist .layout_latest,
.mod_newslist .layout_short,
.mod_newslist .arc {
	background: var(--color-bg-card);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-md);
	margin: 0;
	padding: var(--spacing-md);
	display: flex;
	flex-direction: column;
	transition: transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);
	overflow: hidden;
	width: 100%; /* Bezieht die Breite nun sauber aus dem Grid-System */
}

/* Hover-Effekt */
div.product_list div.product:hover, 
.mod_eventlist .event:hover,
.mod_newslist .layout_latest:hover,
.mod_newslist .layout_short:hover,
.mod_newslist .arc:hover {
	transform: translateY(-4px);
	box-shadow: var(--shadow-lg);
	border-color: var(--color-primary);
}

/* Bildelemente innerhalb der Karten */
div.product_list div.product img,
.mod_eventlist .event img,
.mod_newslist .layout_latest img,
.mod_newslist .layout_short img {
	width: 100%;
	height: 220px;
	object-fit: cover;
	border-radius: var(--radius-sm);
	margin: 0 0 var(--spacing-sm) 0;
}

/* Karten-Inhalte & Überschriften */
.mod_eventlist .event h2,
.mod_eventlist .event h3,
.mod_newslist .layout_latest h2,
.mod_newslist .layout_latest h3,
.mod_newslist .layout_short h2,
.mod_newslist .layout_short h3 {
	font-size: 1.3em;
	margin: 0 0 var(--spacing-xs) 0;
	padding: 0;
	border: none;
	background: none;
	text-align: left;
	color: var(--color-dark);
}

.mod_eventlist .event h2 a,
.mod_newslist .layout_latest h2 a,
.mod_newslist .layout_short h2 a {
	margin-left: 0;
	color: var(--color-dark);
}

/* Datum & Meta-Infos */
.mod_eventlist .event .date,
.mod_eventlist .event time,
.mod_newslist .layout_latest .info,
.mod_newslist .layout_short .info,
.mod_newslist time {
	font-size: 0.85em;
	font-weight: 700;
	color: var(--color-primary);
	margin: 0 0 var(--spacing-xs) 0;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-align: left;
}

/* Teasertexte flexibel wachsen lassen */
.mod_eventlist .event .ce_text,
.mod_eventlist .event .teaser,
.mod_newslist .layout_latest .teaser,
.mod_newslist .layout_short .teaser,
.mod_newslist .layout_latest .ce_text {
	font-size: 1em;
	color: var(--color-text);
	flex-grow: 1;
	margin: 0 0 var(--spacing-sm) 0;
}

/* Preis-Styling für Produkte */
div.product_list div.details, 
div.product_list div.price {
	margin-left: 0;
}

div.price {
	color: var(--color-primary);
	font-size: 1.4em;
	font-weight: 700;
	margin-top: auto;
}

div.baseprice {
	font-size: 0.85em;
	color: var(--color-text-light);
}

.product sup {
	font-size: 0.6em;
	color: var(--color-text-light);
}

/**
 * 7. FORMULARE & BUTTONS / "WEITERLESEN"
 */
form, div.formbody {
	height: 100%;
	display: flex;
	flex-direction: column;
}

form h4 {
	margin-top: 0px;
}

form div.details {
	flex: 1;
}

button, .button, .button:visited, .submit, 
.mod_eventlist .event a.more,
.mod_newslist .layout_latest a.more,
.mod_newslist .layout_short a.more {
	background-color: var(--color-primary);
	color: #ffffff;
	margin: var(--spacing-xs) 0 0 0;
	font-size: 0.95rem;
	font-weight: 600;
	padding: 0.6rem 1.2rem;
	border: none;
	border-radius: var(--radius-sm);
	cursor: pointer;
	transition: background-color var(--transition-fast);
	text-align: center;
	display: inline-block;
	align-self: flex-start;
}

button:hover, .submit:hover, 
.mod_eventlist .event a.more:hover,
.mod_newslist .layout_latest a.more:hover,
.mod_newslist .layout_short a.more:hover {
	background-color: var(--color-primary-hover);
	color: #ffffff;
	text-decoration: none;
}

main#main input[type="submit"].submit, 
button[type="submit"].submit, 
.anfrage {
	background-color: var(--color-primary);
	background-image: none;
	width: 100%;
	color: #ffffff;
}

/* Newsarchiv Übersicht */
div.mod_newsarchive {
	display: flex;
	flex-direction: column;
	gap: var(--spacing-sm);
	padding: var(--spacing-sm);
}

div.mod_newsarchive ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	gap: var(--spacing-xs);
}

div.mod_newsarchive ul li {
	margin-left: 0;
} 

div.mod_newsarchive ul li a {
	display: inline-block;
	padding: var(--spacing-xs) var(--spacing-sm);
	background: var(--color-bg-card);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-sm);
	font-size: 1em;
}

div.mod_newsarchive ul li a:hover {
	background: var(--color-primary);
	color: #ffffff;
	text-decoration: none;
}

/* Mehr Infos / Ankündigungsboxen */
div p.more, div.more {
	border-top: 1px solid var(--color-border);
	background-color: var(--color-primary);
	margin: 0;
	text-align: center;
	padding: var(--spacing-xs);
}

div p.more a, div.more a {
	color: #FFFFFF;
	font-family: 'Roboto', Arial, sans-serif;
}

div.more_information {
	background-color: var(--color-primary);
	display: flex;
	box-shadow: var(--shadow-sm);
	border-radius: var(--radius-sm);
	margin: 0.5em;	
}

/* Accordions & Besonderheiten */
div.toggler {
	font-size: 1.5em;
}

section.ce_accordionSingle {
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-sm);
	background-color: var(--color-bg-light);
	margin: 1.0em;
	padding: var(--spacing-sm);
}

section.ce_accordionSingle figure {
	width: 50%;
	margin: 0.5em;
}

section.ce_accordionSingle img {
	border-radius: 5%;
}

div.rund img {
	border-radius: 10%;
}

div.besonderheit {
	border: solid 1px var(--color-border);
	border-radius: var(--radius-md);
	margin: 0.5em;
	box-shadow: var(--shadow-sm);
	background-color: var(--color-bg-light);
}

/**
 * 9. FOOTER & SONSTIGES
 */
footer {
	height: 200px;
	margin-top: -50px;
	z-index: 20;
}

footer .inside {
	display: flex;
	margin-top: 50px;
	width: 100%;
	justify-content: space-around;
}

div.actions {
	display: flex;
	margin-bottom: 10px;
	border-bottom: 1px solid var(--color-border);
	justify-content: flex-end;
}

div.actions a {
	text-align: center;
	color: var(--color-dark);
	font-size: 1.2em;
	background-color: var(--color-border);
	width: 150px;
	margin: 10px; 
}

div.shadow {
	border: solid 1px var(--color-border);
	border-radius: var(--radius-md);
	margin: 0.5em;
	box-shadow: var(--shadow-sm);
}

main div.steps .passed, 
main div.steps .active {
	border: solid var(--color-primary) 1px;
	background-color: var(--color-primary);
	color: #ffffff;
}

#main div.steps li {
	margin-left: 0em;
	list-style-type: none;
	display: inline;
	border-radius: 1em;
}

.info_container {
	background-color: var(--color-bg-light);
}

/* Isotope Order History (Responsive Grid-Anpassung vorbereitet) */
.mod_iso_orderhistory { 
	width: 100%; 
}
.mod_iso_orderhistory .order_date { width: 10%; }
.mod_iso_orderhistory .document_number { width: 10%; }
.mod_iso_orderhistory .order_total { width: 10%; }
.mod_iso_orderhistory .order_status { width: 20%; }
.mod_iso_orderhistory .link { width: 25%; }
.mod_iso_orderhistory a { white-space: nowrap; margin: 0px 5px 0px 5px; }

@media (max-width: 750px) {
	.mod_iso_orderhistory .first_row {
		display: none;
	}
}