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%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
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}

/* Schriftart für Altes Rathaus Schriftzug */
@font-face {
	font-family: 'WebCourgette';
	font-style: normal;
	font-weight: 400;
	src: url('/files/themes/fonts/courgette/courgette-regular.eot');
	src: url('/files/themes/fonts/courgette/courgette-regular.eot?#iefix') format('embedded-opentype'),
	url('/files/themes/fonts/courgette/courgette-regular.woff2') format('woff2'),
	url('/files/themes/fonts/courgette/courgette-regular.woff') format('woff'),
	url('/files/themes/fonts/courgette/courgetteurgette-regular.ttf') format('truetype');
}


/* ----------------------------------------------------- */
/* Grundlegende Formatierungen für Bildschirmdarstellung */
/* ----------------------------------------------------- */

@media screen and (max-width: 1024px) {
	
	/* Variablen für mobile Darstellung */
	html {
		--sl-leerbox: calc(4rem + 2vw);
		--sl-leerabs: 1rem;
		--sl-leerend: calc(1rem + 1vw);
		--sl-headtop: 1rem;
	}

}

@media screen and (max-width: 640px) {
	
	/* Variablen für mobile Darstellung */
	html {
		--sl-leerbox: 1rem;
	}

}

@media screen and (min-width: 1025px) {
	
	/* Variable für Desktop-Darstellung */
	html {
		--sl-leerbox: 7.5vw;
		--sl-leerabs: 2.5vw;
		--sl-leerend: 5vw;
		--sl-headtop: calc(1.5rem + 1.5vw);
	}

}

@media (prefers-color-scheme: light) {
  html {
	--sl-highcol: rgb(3,82,169);
	--sl-hightrs: rgba(3,82,169,.85);
	--sl-highlgt: rgba(230,237,246);
	--sl-fontcol: rgb(0,0,0);
	--sl-fonttrs: rgba(0,0,0,.6);
	--sl-backcol: rgb(255,255,255);
	--sl-backtrs: rgba(255,255,255,.6);
	--sl-overcol: rgb(255,232,76);
	--sl-overlit: rgb(255,249,204);
	--sl-fehlcol: rgb(255,225,210);
	--sl-fehllit: rgb(140,0,0);
	--sl-movecol: rgb(150,0,0);
  }
}

@media (prefers-color-scheme: dark) {
  html {
	--sl-highcol: rgb(165,210,255);
	--sl-hightrs: rgba(165,210,255,.85);
	--sl-highlgt: rgba(39,43,48);
	--sl-fontcol: rgb(230,230,230);
	--sl-fonttrs: rgba(230,230,230,.7);
	--sl-backcol: rgb(24,24,24);
	--sl-backtrs: rgba(24,24,24,.7);
	--sl-overcol: rgb(5,80,180);
	--sl-overlit: rgb(25,60,110);
	--sl-fehlcol: rgb(140,0,0);
	--sl-fehllit: rgb(255,225,210);
	--sl-movecol: rgb(150,170,190);
  }
}

@media screen {

	/* Allgemeine Grundeinstellungen */
	html {
		overflow-y: scroll;
		overflow-x: auto;
		scroll-behavior: smooth;
		--sl-rounded: calc(1rem + 1vw);
		--sl-speeder: .25s;
		--sl-fontdef: calc(.8rem + .25vw);
		--sl-fontsml: calc(.7rem + .2vw);
	}
	
	/* Allgemeine Seitenformatierungen */
	body {
		margin-right :auto;
		margin-left :auto;
		padding: 0;
		vertical-align: top;
		text-align: left;
		font: var(--sl-fontdef) WebCourgette,Verdana,Arial,Helvetica,sans-serif;
		color: var(--sl-fontcol);
		background-color: var(--sl-backcol);
		background-attachment: fixed;
	}
	
	/* Generelle Seiteneinteilung */
	#wrapper {
		display: grid;
		min-height: 100vh;
		grid-auto-rows: min-content auto min-content;
		text-align: center;
	}
	
	#header {
		position: sticky;
		top: 0;
		background-color: #fff;
		z-index: 3000;
	}
	
	/* Formatierung für Hauptnavigation */
	#navi_main .level_1 {
		background-color: #cc9e49;
	}
	
	/* Navigation in Reihe */
	#navi_main li {
		display: inline-block;
		padding: calc(var(--sl-leerabs) / 2) var(--sl-leerabs);
	}
	
	/* Formatierung des Fußbereichs */
    #footer {
    	display: block;
		margin: 0;
		padding: 0;
		background-color: #cc9e49;
		position: sticky;
		bottom: 0;
		z-index: 4000;
    }

}