	* {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

    html {
        scroll-behavior: smooth;

        /* background-Pattern von https://doodad.dev/ */
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' width='100%25'%3E%3Cdefs%3E%3Cpattern id='doodad' width='39' height='39' viewBox='0 0 40 40' patternUnits='userSpaceOnUse' patternTransform='rotate(147)'%3E%3Crect width='100%25' height='100%25' fill='rgba(240, 240, 240, 1)'/%3E%3Ccircle cx='23.09' cy='29.51' r='1.5' stroke-width='0' fill='rgba(35, 123, 189, 0.25)'/%3E%3Ccircle cx='11.91' cy='14.12' r='1.5' stroke-width='0' fill='rgba(35, 123, 189, 0.5)'/%3E%3Ccircle cx='30' cy='20' r='1.5' stroke-width='0' fill='rgba(35, 123, 189, 0.5)'/%3E%3Ccircle cx='30' cy='20' r='1.5' stroke-width='0' fill='rgba(255, 87, 25, 0.25)'/%3E%3Ccircle cx='11.91' cy='25.88' r='1.5' stroke-width='0' fill='rgba(255, 87, 25, 0.5)'/%3E%3Ccircle cx='23.09' cy='10.49' r='1.5' stroke-width='0' fill='rgba(255, 87, 25, .25)'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23doodad)' height='200%25' width='200%25'/%3E%3C/svg%3E ") fixed;
    }

    body {
		display: flex;
		flex-flow: column;
		align-items: center;
        margin: auto;
        background: #ffffff;
        /* color: #1f1f1f; */
		color: #222222;
        width: 100%;
		max-width: 1250px;
		height: 100%;
		min-height: 100vh;
		overflow-y: scroll;
        font-family:  Lora, serif;
		/*font-family: "Open Sans", -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;*/
		/*font-size: 0.95em;*/
		line-height:1.8em;
		box-shadow: 0px 0px 5px 0px rgba(31,31, 31,.5);
	}   

	.content {
		width:100%;
		/*bei .header*/
		/* margin: 3em auto 2em auto;   */
		/*bei .headerfest*/
		margin: 11em auto 2em auto;
	}
	@media (max-width: 875px) {
		.content {
			/*Mehr Platz bei größerer Menüschriftgröße*/
			margin: 12.5em auto 2em auto;
		}
	}

    .header {
		margin:auto;
        display: flex;
		flex-flow: column;
		align-items: center;
        padding: 1em 1.4em 1em 1.4em;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		width: 32em;
		max-width: 100%;
		border: 0;
		border-radius: 25% 30%;
		background-color: #FF5719;
		font-size: 1rem;
		color: black;
	}
	@media (max-width: 600	px) {.header {padding: 1em 1em 1.4em 1em; width: 97%;} } 
	
    .headerfest {
		margin:auto;
        display: flex;
		flex-flow: column;
		align-items: center;
        padding: 1em 1.4em 1em 1.4em;
		margin-top: 2em; 
        margin-bottom: 0.5em;
		/* width: 32em; */
		width: 100%;
		max-width: 1250px;
		border: 0;
	    //border-right: 0px solid #FF5719; /*#237bbd*/ 
		//border-left: 0px solid #FF5719;
		border-radius: 0 0 18% 18%;
		background-color: #FF5719;
		//font-size: 1rem;
        position: fixed;
	}
    
	.header-title {
        flex: auto;
        font-size: 2.2em;
        line-height: 1.1em;
		//text-align: center;
		padding-bottom: 0.1em;
    }
    .header-title:hover {
        cursor: pointer;
    }  
    @media (max-width: 875px) {.header-title {font-size: 2.1em;} }  
    @media (max-width: 600px) {.header-title {font-size: 1.99em;} }  

    .header-address {
        color: #222222;
        font-size: 1em;
		text-align: center;
		padding-top: 0.2em;
    } 
    .header-address:hover {
        cursor: pointer;
    }
	
    footer {
		max-width: 1250px;
        border-radius: 18% 18% 0 0;
		position: fixed;
		bottom: 0;
		padding: 0.15em 0.75rem 0.15em 0.75rem;
		margin: 0;
		background-color: #FF5719;
		/* border-top: 3px solid #FF5719; */
		width: 100%;
		z-index: 0;
        font-size: 0.8em;
        text-align: center;
	}
	@media (max-width: 875px) {footer {padding: 0.15em 0.5rem 0.15em 0.5rem;} }

    #website_spm {visibility:hidden; width: 0px; height:0px; margin: 0px; padding: 0px}

    article{
		margin: auto;
		flex: auto;
		max-width: 1000px;
        padding: 2em 3em 1.5em 3em;
        display: flow-root;
	}
	@media (max-width: 875px) {article {padding: 1.5em 1em 1.5em 1em;} }
           
    article h1 {
        margin: 0;
		text-decoration: none;
        color: #237bbd;
        font-size: 1.4em;
        font-family: 'Source Sans 3';
		/* font-family: "Permanent Marker", serif; */
        padding-top: 0.5em;
		padding-bottom: .8em;
	/*	font-weight: 700; /* bold */
	}
    
    article h2 {
        margin: 0;
		text-decoration: none;
        color: #237bbd;
        font-size: 1.1em;
		padding-top: 0.3em;
        padding-bottom: 0.5em;
        font-family: "Source Sans 3";
		/* font-family: "Permanent Marker", serif; */
		font-weight: 700;
	}

    article h3 {
        margin: 0;
		text-decoration: none;
        font-size: 1em;
        font-family: "Source Sans 3";
		/* font-family: "Permanent Marker", serif; */
	}

    article p {
        text-align: left;
        margin: 0;
        padding: 0em 0em 1em 0em;
        line-height: 2em;
		/* text-align: justify; */
    }
    
    article ul {
        margin: 0;
        padding-bottom: 1em;
    }
    article li {
        list-style-position: outside;
        padding-left:0.2em;
    }

    article img {
        width: 16em;
        min-width: 200px;
		border-left: 2px solid #FF5719;
		border-right: 2px solid #FF5719;
		border: none;
    }
	@media (max-width: 875px) {article img { width: 15em;} }

    .infobox {
        padding: .5em 1em .5em 1em;
		margin: .5em 1em .5em 1em;
        max-width: 36%;
		border-left: 2px solid #FF5719;
		border-right: 2px solid #FF5719;
		border-top: 2px solid #FF5719;
		border-bottom: 2px solid #FF5719;
		font-size: 0.9em;
		display: flow-root; 
    }
    @media (max-width: 875px) {
		.infobox {
			float: center;
			min-width: 100%;
			max-width: 100%;
		}
	}

    /*.infobox h1 {
		letter-spacing: 0.2em;
		border-bottom: 1px solid #237bbd;
		margin: 0;
		text-decoration: none;
        font-size: 1.5em;
        font-family: "EB Garamond", serif;
        padding-top: 0.5em;
		padding-bottom: 0;
		margin-bottom: .5em;
	}*/
	
	/* article .infobox p { */
		/* text-align: start;	 */
	/* } */

    .rechts {
        float: right;
        margin-right: 0.5em;
		margin-left: 3em;
    }

    .links {
        float: left;
        margin-right: 3em;
		margin-left: .5em;
    }
    @media (max-width: 875px) { .links, .rechts {float: none; margin: 1em auto 2.5em auto;} }


    article table {
        flex: auto;
        margin-bottom: 1em;
		padding: 0;
        
    }

    article table td {
       padding: 0;
	   padding-left: 0.25em; 
       padding-right: 0.25em; 
	   vertical-align: top;
    }

    article table img {
       min-width: 0;
	   vertical-align: center;
	   transform: translateY(0.1em)
    }
	
    article a, article a:visited, footer a, footer a:visited {
        color: #222222;
        /* text-decoration: underline solid #1f1f1f; */
        text-decoration: underline solid #FF5719 2px;
		/* text-decoration: none; */
		/* border-bottom: 1px inset #FF5719; */
		/* text-decoration-thickness: 2px; */
    }
	article a:hover , footer a:hover {
        background: #FF5719;
		color: #ffffff;
		transition: all .075s ease-in-out;
    }
	
	.header-address a {text-decoration-color: #ffffff; color: #ffffff;}
	
	a[href^="tel:"]::before {
        content: '☎ ';
		color: #FF5719;
	}
	
	a[href^="javascript:linkTo_UnCryptMailto"]::before {
        content: '✉ '; 
		color: #FF5719;
	}
	a[href^="tel:"]:hover::before {
		content: '☎ ';
		color: white;
	}
	a[href^="javascript:linkTo_UnCryptMailto"]:hover::before {
		content: '✉ '; 
		color: white;
	}
		
	a[href^="http"]::after {
	content: '↗';
		/* vertical-align: super; */
		/* font-size: 1em; */
        color: #FF5719;
        text-decoration-color: white;
    }
	
	a[href^="http"]:hover::after {
		/* content: url("data:image/svg+xml; utf8, %3Csvg%20style%3D%27display%3A%20inline-block%3B%20width%3A%201em%3B%20height%3A%201em%3B%20color%3A%20red%3B%27%20viewbox%3D%270%200%2048%2048%27%3E%3Cpath%20d%3D%27M36%2024c-1.2%200-2%200.8-2%202v12c0%201.2-0.8%202-2%202h-22c-1.2%200-2-0.8-2-2v-22c0-1.2%200.8-2%202-2h12c1.2%200%202-0.8%202-2s-0.8-2-2-2h-12c-3.4%200-6%202.6-6%206v22c0%203.4%202.6%206%206%206h22c3.4%200%206-2.6%206-6v-12c0-1.2-0.8-2-2-2z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M43.8%205.2c-0.2-0.4-0.6-0.8-1-1-0.2-0.2-0.6-0.2-0.8-0.2h-12c-1.2%200-2%200.8-2%202s0.8%202%202%202h7.2l-18.6%2018.6c-0.8%200.8-0.8%202%200%202.8%200.4%200.4%200.8%200.6%201.4%200.6s1-0.2%201.4-0.6l18.6-18.6v7.2c0%201.2%200.8%202%202%202s2-0.8%202-2v-12c0-0.2%200-0.6-0.2-0.8z%27%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); */
		content: '↗';
		/* vertical-align: super; */
		/* font-size: .83em; */
		color: white;
		/* display: inline-block; */
		/* width: 1em; */
		/* height: 1em;	 */
	}


    navigation {
		background-color: #237bbd;
		position: fixed;
		top:0;
		width: 100%;
		max-width: 1265px;
		/* padding: 0 1em; */
		padding: 0;
		z-index: 10;
		font-size: 1.1em;
		line-height: 2em;
		box-shadow: 0px 0px 5px 0px rgba(31,31, 31, .8);
    }
    
	@media (max-width: 1200px) {
		navigation {
			font-size: 1.2em; /* für bessere Bedienbarkeit etwas größer */
			line-height: 1.7em; /* für bessere Bedienbarkeit etwas größer */
			padding: 0;
		}		
	}
	
	navigation ul {
		list-style-type:none;
		padding:0;
		margin: 0;
        font-family: "Source Sans 3";
	}
	
	navigation a:hover {
		color: #237bbd;
		background-color:#ffffff;
	}
	
	@media (max-width: 1200px) {
		#menu { /* ist navigation ul*/
			position:fixed;
			top: 0;
			left: -11em;
			height:100%;
			width:10em;
			
			display: flex;
			flex-flow: column;
			justify-content: flex-start;
			
			background-color: #237bbd;
			transition: all .2s ease-in-out;
			box-shadow: -10px 0px 1em .5em rgba(31,31,31,1);
		}
	}
	@media (min-width: 1201px) {
		#menu {
			display: flex;
			flex-flow: row;
			justify-content: space-between;
		}
	}

	#menu2 { /* ist navigation ul*/
		display: none; /*initial*/
	}
	@media (max-width: 1200px) {
		#menu2 {
			display: flex;
			flex-flow: row;
			justify-content: space-between;
			text-align: left;
		}
	}
		
	#menu a, #menu2 a {
		flex-grow: 1;
		/* margin:auto; */
		color:#ffffff;
		background-color: #237bbd;
		text-decoration: none;
	}
	@media (max-width: 1200px) {
		#menu a, #menu2 a {
			flex-grow: 0;
			
		}
	}

	
    navigation ul li {
		margin: auto;
		padding: .2em 0.8em;
		text-align: center;
	}
	@media (max-width: 1200px) {
		navigation ul li {
			text-align: left;
		}
	}
	
		
	navigation ul li:hover{
        cursor: pointer;
		background-color: #ffffff;
		color: #237bbd;
		transition: all .1s ease-in-out;
    }
	
	#menuauf, #menuzu {
		color:#ffffff;
	} 
	
	#menuauf:hover, #menuzu:hover {
		color: #237bbd;
	}
	
	#menuzu {
		display: none;
	}
	@media (max-width: 875px) {
		#menuzu {
			display: block;
		}			
	}
	
	#ovrlbackground {
		position: fixed;
		z-index: 15;
		top: 0px;
		bottom: 0px; 
		right: 0px;
		left: 100%;
		/* background-color:dimgray;  */
		opacity: 0.5;  
	}

