* {
				box-sizing: border-box;
			}
			
			.cke_top  {
				z-index: 100;
			}
			
			html, body {
				padding: 0;
				margin: 0;
				height: 100%;
			}

			html {
				font: normal normal normal 1em helvetica, sans-serif;
				font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
			}
			
			
			
			a {
				color: #182983;
				text-decoration: none;
			}

			hr {
				border: none;
    			border-top: 2px solid #eee;
			}
			
			ul {
			    margin: .5em 0;
			    padding: 0 2em;
			}
			ul li {
				padding: .2em;
			}
			
			input, select {
				padding: 5px;
				font-size: 1em;
			}
			textarea {
				font: inherit;
				padding: .5em;
			}
			
			blockquote {
				box-shadow: 2px 2px 8px rgba(0,0,0,.2);
				padding: 20px;
				margin: 1.5em 0;
			}
			blockquote p {
				margin: 0;
			}
			
			fieldset {
				border: 0;
				padding: 0;
				line-height: 2em;
			}
			fieldset > label.left {
				display: inline-block;
				width: 150px;
			}
			
			
			.form-group {
			    margin-bottom: 15px;
			}
			textarea.form-control {
			    height: auto;
			}
			.form-control {
			    display: block;
			    width: 100%;
			    height: 34px;
			    padding: 6px 12px;
			    font-size: 14px;
			    line-height: 1.428571429;
			    color: #555;
			    vertical-align: middle;
			    background-color: #fff;
			    border: 1px solid #ccc;
			    border-radius: 4px;
			    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
			    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
			    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
			    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
			}
			button, input, select[multiple], textarea {
			    background-image: none;
			}
			input, button, select, textarea {
			    font-family: inherit;
			    font-size: inherit;
			    line-height: inherit;
			}

			textarea {
			    overflow: auto;
			    vertical-align: top;
			}
			
			
			
			#pagewrapper {
				width: 100%;
				max-width: 1100px;
				margin: 0 auto;
				margin-top: 20px;
				background-color: #c11a00;
				border-radius: 30px;
				padding: 1.5em;
			}
			
			

			header {
				display: grid;
				grid-template-columns: 24% auto;
				font: normal normal normal 62px helvetica, sans-serif;
				color: #313131;
				background-color: #fff;
				border: 6px solid #a2a0a1;
				border-radius: 30px;
				height: 155px;
				overflow: hidden;
				text-align: center;
			}
			header #logo {
				position: relative;
				width: 100%;
				border-right: 6px solid #a2a0a1;
			}
			header h1 {
				font-size: 50px;
				margin: 10px;
				padding: 0;
				line-height: 1em;
				color: #858183;
			}
			header h2 {
				font-size: 25px;
				margin: 10px;
				padding: 0;
				line-height: 1em;
				color: #858183;
			}

			.menubutton {
				display: none;
			}
			
			#sprechzeiten {
				display: grid;
				grid-template-columns: 55% auto ;
			}
			#sprechzeiten div:nth-child(2) { 
				position: relative;
			    border-left: 2px solid #eee;
				padding-left: 2vw;
				margin-right: -5vw;
				width: 180%;
			}
			#sprechzeiten th, #sprechzeiten td {
				vertical-align: top;
				text-align: left;
				padding-right: 25px;
				padding-bottom: 10px;
				font-weight: normal;
			}
			#sprechzeiten hr {
				margin-right: 8%;
			}

			
			

			#container {
				width: 100%;
				display: grid;
				grid-template-columns: 24% auto 24%;
				padding: 20px 0;
				background-color: #fff;
				border: 6px solid #a2a0a1;
				border-radius: 30px;
				margin-top: 1.5em;
			}
			
			#sidebar {
				padding: 0 20px;
				border-right: 2px solid #eee;
			}
			#sidebar .sidebarmenu a {
				display: block;
				padding: 10px;
				margin: 10px 0px;
				background-color: #eeeeee;
				color: #757575;
			}

			#content {
				padding: 0 35px;
			}
			
			#fotobar {
				display: flex;
				flex-direction: column;
				justify-content: flex-end;
			}
			#fotobar img {
				width: 100%;
				margin-top: 20px;
				position: relative;
				right: -20px;
				bottom: -40px;
				border-radius: 20px;
				box-shadow: 5px 5px 5px rgb(0 0 0 / 20% );
			}
			

			footer {
				color: #778;
			}
			
			#contentbildergrid {
				display: grid;
				grid-template-columns: 1fr 1fr 1fr;
				grid-gap: 35px;
				justify-content: space-between;
				margin-bottom: 2em;
			}
			#contentbildergrid .contentbild {
				box-shadow: 2px 2px 8px rgba(0,0,0,.2);
				height: 30vw;
				background-size: contain;
				background-position: center;
				background-repeat: no-repeat;
				background-color: #eee;
				position: relative;
			}
			#contentbildergrid .contentbild .insertlink {
				display: block;
				background-color: rgba(255,255,255,.5);
				padding: 1vw;
				text-align: center;
				position: absolute;
				width: 100%;
				bottom: 0;
			}
			#contentbildergrid .contentbild .dellink {
			    position: absolute;
			    right: 0;
			    padding: 1vw;
			}
			@keyframes slideIn {
				from { transform: translate(0px, -500px); }
			}
			#cookiebanner {
				position: fixed;
				top: 0;
				padding: 2vw;
				width: 520px;
				margin-left: -260px;
				background-color: #fff;
				box-shadow: 0px 0px 20px 5px #0005;
				left: 50%;
				font-size: .75em;
				animation: slideIn 1s cubic-bezier(.25, 0, .25, 1);
			}


			@media (max-width: 1200px) { 
				html {
					font-size: 3vw;
				}
				
				#pagewrapper {
					width: 96%;
					margin: 2vw;
					border-radius: 5vw;
					padding: 2vw;
				}
				
				header {
					grid-template-columns: 33% auto;
					border-radius: 4vw;
					border-width: 1vw;
					height: 20vw;
				}
				header #logo {
					border-width: 1vw;
				}
				header h1 {
					font-size: 5.5vw;
					margin: 1vw;
				}
				header h2 {
					font-size: 4vw;
					margin: 1vw;
				}
				
				#container {
					display: block;
					padding: 2vw 0;
					border-radius: 4vw;
					border-width: 1vw;
					margin-top: 2vw;
				}
				
				#content, #sidebar {
					padding: 0 4vw;
				}
				
				#content #sprechzeiten div:nth-child(2) {
					position: static;
					left: 0;
					width: auto;
				}

				#content h1 {
					font-size: 1.6em;
					text-align: center;
				}
				#content p {
					/* text-align: left; */
				}
				#content table {
					font-size: .8em;
				}
				#content figure.table {
					display: block;
					margin-block-start: 0;
					margin-block-end: 0;
					margin-inline-start: 0;
					margin-inline-end: 0;
					overflow: scroll;
					box-shadow: 2px 2px 8px rgba(0,0,0,.3);
				}
				#content img.right {
					float: none;
					max-width: 100%;
					margin: 0 0 1em 0;
					height: auto !important;
					box-shadow: 2px 2px 8px rgba(0,0,0,.2);
				}
				#content .events {
					grid-template-columns: 1fr;
					grid-row-gap: 20px;
					grid-column-gap: 0;
				}
				#content .events .event {
					grid-column: 1;
				}
				#content .stellenanzeigen_wrapper {
					grid-template-columns: 1fr;
					grid-gap: 6vw;
				}
				#content #contactform label {
					display: block;
				}
				#content #contactform input {
				    padding: .2em;
				    width: 100%;
				    font-size: 1em;
				}
				#content #contactform textarea {
					font-size: 1em;
					padding: .2em;
					width: 100%;
					height: 8em;
				}
				#content #contactform input type checkbox {
					transform: scale(4);
					margin-right: 1em;
					position: relative;
					bottom: .2em;
					left: .4em;
				}
				#content #contactform input[type=submit] {
				    margin-left: 0;
				    margin-bottom: 2em;
				}
				#content #contactform img {
				    margin: 0;
				    width: 50%;
				}
				#content .ansprechpartner {
					grid-template-columns: 1fr;
				}
				#content #standortbild{
					height: 50vw;
				} 
				
				#fotobar {
					flex-direction: row;
				}
				#fotobar img {
					width: 40%;
					margin-top: 0;
					margin-bottom: -3.5vw;
					margin-left: 2vw;
					right: -1.5vw;
					bottom: 0;
					border-radius: 4vw;
				}

			}