/* bayern.css */
/* (c) 2025 IWI GmbH, Münster */
/* http://www.iwi.de */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; }

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden] { display: none; }

html {
    background: #fff;
    color: #000;
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin:0;
	padding:0;
}

a:focus { outline: thin dotted; }
a:active, a:hover { outline: 0; }

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
    height: 0;
}

mark {
    background: #ff0;
    color: #000;
}

code, kbd, pre, samp {
    font-family: monospace, serif;
    font-size: 1em;
}

pre { white-space: pre-wrap; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }
small { font-size: 80%; }

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
}

button, input { line-height: normal; }
button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled], html input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* ========== Fonts ========== */

/* ubuntu-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/ubuntu-v21-latin-regular.eot'); /* IE9 Compat Modes */
	src: url('../fonts/ubuntu-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/ubuntu-v21-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	url('../fonts/ubuntu-v21-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
	url('../fonts/ubuntu-v21-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
	url('../fonts/ubuntu-v21-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* ========== IWI ========== */

:root {
	--bayernSchrift: #212121;
	--bayernAkzent1: #5a2182;
	--bayernAkzent2: #a481b0;
	--bayernAkzent3: #004849;
	--bayernRahmen: #C0C0C0;
	--bayernHeaderBg: #fffefd;
	--bayernMainBg: #EBEBEB;
	--bayernFooter1Bg: #4A4A49;
	--bayernFooter1BgSchrift: #fffefd;
	--bayernFooter2Bg: #1D1D1B;
	--bayernFooter2BgSchrift: #fffefd;
}


html {
	font-family: Ubuntu, sans-serif;
	background-color:var(--bayernMainBg);
}

body{
	background-color:var(--bayernMainBg);
}

#corpus{
	box-sizing:border-box;
	display: flex;
	flex-direction: column;
	width:100%;
	padding:0;
	margin:0;
}

div.innerFrame{
	margin:0 auto;
	width:100%;
	max-width:1380px;
}

header{
	box-sizing:border-box;
	display: flex;
	/*height:114px;*/
	height:151px;
	width:100%;
	padding:0;
	border-bottom:1px solid var(--bayernRahmen);
	margin:0;
	background-color:var(--bayernHeaderBg);
}

	header figure.logo{
		padding:15px;
	}

		header figure.logo img{
			height:120px;
			width:auto;
			float:left;
			margin-right:30px;
		}

		header figure.logo figcaption{
			display:table-cell;
			height:120px;
			vertical-align: middle;
			color: var(--bayernAkzent1);
			font-size:40px;
			text-align: center;
		}

main{
	box-sizing:border-box;
	display: flex;
	min-height:45vh;
	width:100%;
	padding:0;
	border:0;
	margin:0;
	background-color:var(--bayernMainBg);
}

	#mainFrame{
		/*border-top:38px solid var(--bayernAkzent1);*/
		background-color:var(--bayernHeaderBg);
	}

		section{
			padding:20px;
		}

			main h1{
				color: var(--bayernAkzent1);
				margin:0.67em 0 0.67em 0;
				padding:0;
			}

			main h2{
				color: var(--bayernAkzent2);
				margin:0 0 1em 0;
				padding:0;
			}

			main h3{
				color: var(--bayernAkzent3);
				margin:0 0 1em 0;
				padding:0;
			}

			main p{
				margin:0 0 1em 0;
				padding:0;
				line-height:1.5em;
			}

			main ul{
				margin:0 0 0 1em;
				padding:0;
				line-height:1.5em;
			}

			main li{
				margin:0 0 1em 0;
				line-height:1.5em;
			}

			main a{
				color: var(--bayernAkzent1);
			}

			main a[href^="tel"]{
				color: var(--bayernSchrift);
				text-decoration: none;
			}

footer{
	box-sizing:border-box;
	display: flex;
	flex-direction: column;
	width:100%;
	padding:0;
	margin:0;
}

	#footer-1{
		box-sizing:border-box;
		min-height:100px;
		width:100%;
		padding:0;
		margin:0;
		background-color:var(--bayernFooter1Bg);
		color: var(--bayernFooter1BgSchrift);
	}

		#footer-1 #footer-1Frame{
			box-sizing:border-box;
			display:flex;
			flex-direction: row;
		}

		#footer-1 .footerBlock{
			box-sizing:border-box;
			display:inline-block;
			width: 33%;
			min-width:300px;
			margin:0;
		}

			#footer-1 p{
				box-sizing: border-box;
				margin: 20px;
			}

			#footer-1 a{
				color: var(--bayernFooter2BgSchrift);
			}

			#footer-1 a:hover, #footer-2 a:active, #footer-2 a:visited{
				color: var(--bayernRahmen);
			}

			#footer-1 img.footerLogo{
				width:100px;
				max-width:95%;
				height:auto;
				margin-left:50px;
				border-radius: 0.5rem;
			}

	#footer-2{
		box-sizing:border-box;
		height:96px;
		width:100%;
		padding:0;
		margin:0;
		background-color:var(--bayernFooter2Bg);
		text-align: center;
		color: var(--bayernFooter2BgSchrift);
	}

		#footer-2 div.cell{
			box-sizing:border-box;
			display: flex;
			flex-direction: row;
			height:96px;
			width:100%;
			align-items: center;
		}

			#footer-2 p{
				box-sizing:border-box;
				width:100%;
				text-align: center;
			}

			#footer-2 a{
				color: var(--bayernFooter2BgSchrift);
			}

			#footer-2 a:hover, #footer-2 a:active, #footer-2 a:visited{
				color: var(--bayernRahmen);
			}


/*
1320 - grauer rand im inhalt verschwindet
990 - footer wird 1-zeilig
		hyphens: auto;
		hyphenate-limit-chars: 3;
 */

/* *** MEDIA *** */

@media (max-width:990px) {
	header figure.logo figcaption{
		font-size:30px;
	}

	#footer-1 #footer-1Frame{
		flex-direction: column;
	}

	#footer-1 .footerBlock{
		width: 100%;
		min-width:300px;
	}

	#footer-1 img.footerLogo{
		margin-left:0;
	}

	#footer-1 p{
		margin: 0 20px 20px 20px;
	}

	#footer-1 p:first-of-type{
		margin: 20px 20px 20px 20px;
	}
}

@media (max-width:700px) {
	header figure.logo figcaption{
		font-size:20px;
	}
}

@media (max-width:400px) {
	header figure.logo figcaption{
		font-size:18px;
	}

	#footer-1 .footerBlock{
		width: 100%;
		min-width:100%;

	}
}

@media (max-width:320px) {
	header{
		height:auto;
		width:100%;
	}

	header figure.logo img{
		width:196px;
		max-width:100%;
		height:auto;
	}

	header figure.logo figcaption{
		font-size:1rem;
	}

	main h1, main h2, main p, footer p{
		hyphens: auto;
		hyphenate-limit-chars: 3;
	}



}