:root {
	--color-hg: #fcfcfc;
	--color-vg: #000000;
	--color-border:#000000;
	
	--c-rot:#e31b1b;
	--c-blau:#3d4492;
}

@font-face {
	font-family: 'BVO';
	src: url('/css/fonts/NuerthonRegular.otf') format('opentype');
}

body {
	
	font: 1em 'Arial','FreeSans','Bitstream Vera Sans','Dejavu Sans',sans-serif;
	font-weight: lighter;

	min-height:100vh; 

    background: url('/grafiken/kirchenstrasse.jpg') center -75rem / 145rem auto no-repeat fixed;
	/**background-image: repeating-linear-gradient(135deg, #fff, #fff, #fff);**/
	background-color: var(--color-hg);
	color: var(--color-vg);
}

header {
	background-color: rgb(255 255 255 / 1);
	backdrop-filter: blur(10px);
	border: 2px solid var(--c-blau);
	border-radius: 1rem 1rem 0 0;
	box-shadow: 10px 10px 10px white inset, 10px 10px 10px grey;
	padding: 2rem;
	margin:1rem auto;
	margin-top:5rem;
	max-width:60rem;
  
	font-size:3em;
	color: var(--c-blau);
}

main {
	background-color: rgb(255 255 255 / 0.97);
	border: 2px solid var(--c-blau);
	border-radius: 0 0 0 0;
	box-shadow: 10px 10px 10px white inset, 10px 10px 10px grey;
	padding: 2rem;
	margin:1rem auto;
	max-width:60rem;
}

footer {
	background-color: rgb(255 255 255 / 1); 
	backdrop-filter: blur(10px);
	border: 2px solid var(--c-blau);
	border-radius: 0 0 1rem 1rem;
	box-shadow: 10px 10px 10px white inset, 10px 10px 10px grey;
	padding: 1rem 2rem;
	margin: 1rem auto;
	margin-bottom: 10rem;
	max-width:60rem;
	font-size:1em;
	color: var(--c-blau);
	text-align:center;
}

h1 { 
	font-size:1.8em;
	font-weight: strong;
	color: var(--c-rot);
	text-align:left;
	width:100%;
	margin:0px;
	margin-top:0px;/**40**/
	padding:0;
	padding-bottom:10px;
	border-bottom:2px solid var(--c-blau);
}


h2 { 
	font-size:1.2em;
	font-weight:strong;
	color:var(--c-rot);
	margin-top:2em;
}

h3 {
	font-size:1em;
	font-weight:strong;
	margin-top:1em;
	margin-bottom:0.1em;
}

h4 {
	
}

div {
	
}


p {
	
}

p.imp {
	margin-top:0;
}

p.code {
	background-color: var(--c-blau);
	color:#fff;
	border:solid 1px black;
	padding: 1rem;
}

img {
	
}

a {
	text-decoration:none;
	color: var(--c-blau);
}

ul {
	
}

li {
	
}
b {
	font-weight: bold;
}

fieldset {
	border: none;
}

label::after {
	content: "";
	display: block;
}