@font-face { font-family: DINWeb-Black;	src: url("/fonts/DINWeb/DINWeb-Black.eot"); }
@font-face { font-family: DINWeb-Bold; src: url("/fonts/DINWeb/DINWeb-Bold.eot"); }
@font-face { font-family: DINWeb-Light; src: url("/fonts/DINWeb/DINWeb-Light.eot"); }
@font-face { font-family: DINWeb-Medium; src: url("/fonts/DINWeb/DINWeb-Medium.eot"); }
@font-face { font-family: DINWeb; src: url("/fonts/DINWeb/DINWeb.eot"); }
@font-face { font-family: DINWebIta; src: url("/fonts/DINWeb/DINWeb-Ita.eot"); }
@font-face { font-family: DIND; src: url("/fonts/DINWeb/DIND.eot"); }

@font-face { font-family: DINWeb-Black; src: url("/fonts/DINWeb/DINWeb-Black.woff"); }
@font-face { font-family: DINWeb-Bold; src: url("/fonts/DINWeb/DINWeb-Bold.woff"); }
@font-face { font-family: DINWeb-Light; src: url("/fonts/DINWeb/DINWeb-Light.woff"); }
@font-face { font-family: DINWeb-Medium; src: url("/fonts/DINWeb/DINWeb-Medium.woff"); }
@font-face { font-family: DINWeb; src: url("/fonts/DINWeb/DINWeb.woff"); }
@font-face { font-family: DINWebIta; src: url("/fonts/DINWeb/DINWeb-Ita.woff"); }
@font-face { font-family: DIND; src: url("/fonts/DINWeb/DIND.woff"); }

@font-face {
	font-family: 'Oranienbaum';
	font-style: normal;
	font-weight: 400;
	src: url('/fonts/oranienbaum/oranienbaum-v7-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Oranienbaum'), local('Oranienbaum-Regular'),
	url('/fonts/oranienbaum/oranienbaum-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/fonts/oranienbaum/oranienbaum-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('/fonts/oranienbaum/oranienbaum-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('/fonts/oranienbaum/oranienbaum-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/fonts/oranienbaum/oranienbaum-v7-latin-regular.svg#Oranienbaum') format('svg'); /* Legacy iOS */
}

@font-face { font-family: Material Icons; src: url("/fonts/material-icons/MaterialIcons-Regular.eot"); }
@font-face { font-family: Material Icons; src: url("/fonts/material-icons/MaterialIcons-Regular.woff"); }

html { font-size: 1rem; font-family: DINWeb; }
body {
	font-family: DINWeb;
	background-color: #fff;
	color: #000;
	overflow-x: hidden;
}
body.overflowBlock {
	overflow-y: hidden;
}
	
body section#headerVideo {
	position: relative;
	height: 100%;
}

	body section#headerVideo {
		overflow: hidden;
		position: relative;
	}
	body section#headerVideo video {
		width: 100%;
		display: none;
	}
	body section#headerVideo video:first-child {
		display: block;
	}
	body > main {
		margin-bottom: 3em;
	}
	body > main h1 {
		font-family: "Oranienbaum";
		font-size: 3rem;
		line-height: 1.2;
		margin-bottom: 1rem;
	}
	body > main h2 {
		font-size: 2.5rem;
		font-family: "Oranienbaum";
		line-height: 1.2;
		margin-bottom: 1rem;
	}

	body main header article {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	body main header article section,
	body > main > section > article.container section {
		font-size: 1.2rem;
		line-height: 1.3;
	}
	#contentHeader {
		padding-top: 60px;
		margin-top: 0;
	}
	#contentHeader a {
		color: #b42844;
	}
@media (max-width: 769px) {
	header#contentHeader h1	{
		font-family: "Oranienbaum";
		font-size: 2rem;
	}
	header#contentHeader h2,
	main.aktuelles > section > article.container h4 {
		font-size: 1.5rem;
	}
	header#contentHeader h3 {
		font-family: "Oranienbaum";
		font-size: 1rem;
	}
	header#contentHeader h4 {
		font-family: DINWeb;
		font-weight: bold;
		font-size: 1rem;
	}
	body > main h1 {
		font-size: 2rem;
	}
	
	
	body section#headerVideo, #contentHeader {
		margin-top: 74px;
	}	

	#contentHeader {
		margin-top: 74px;
		padding-top: 50px;
	}
	#contentHeader.aktuelles {
		margin-bottom: -100px;
	}
	#contentHeader.kacheln.rechtsgebiete {
			margin-top: 74px;
		padding-top: 50px;
	}
	/*#contentHeader.aktuelles.urteile {
		margin-top: 150px !important;
	}*/
	body > main {
		margin-top: 150px;
	}
	
		/* header.kacheln {
			padding: 0 !important;
		} */
		header#contentHeader {
			border-bottom: 1px solid #cdcdcd;
			padding-bottom: 2em;
		}
}



#introSchleife {
	box-shadow: 2px 2px 0 #000;
}



#playOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.35); text-align: center; font-family: "Oranienbaum"; font-size: 2rem; color: #fff; text-decoration: underline; display: flex; align-items: center; justify-content: center; }
#playOverlay:hover { cursor: pointer; }
#playButton { margin-bottom: -10px; width: 20vw; max-width: 200px; }
.bgGrau { background-color: #f6f6f6; }
.dienstleistungen > article div section:nth-of-type(2) {
	border-left: .5rem solid #fff;
}
.dienstleistungen > article div section:first-child {
	border-right: .5rem solid #fff;
}

.hide { display: none !important; }
.show { display: block !important; }

div.buttonContainer {
	padding: 3rem 0;
	text-align: center;
}
a.button {
	background-color: #b42844;
	font-size: 1.5rem;
	color: #fff;
	padding: 1rem;
	margin: 1rem;
	box-shadow: 3px 3px 0px #c5c6c6;
	text-decoration: none;
	position: relative;
	
    padding: 0.3rem .8rem 0.3rem 0.3rem;
    background-color: #b42844;
    margin: 0 0 0 1rem;
    letter-spacing: 1px;
	display: inline-block;
	
	/*background-image: linear-gradient(to bottom, #b42844 0%, #4e0010 100%);
	background-image: radial-gradient(ellipse at center, #b42844 0%,#4e0010 100%);*/
}
a.button:hover {
	top: 3px;
	left: 3px;
	box-shadow: none;
}
a.button span {
	color: #fff;
	font-size: 1em;
	padding-right: 1em;
}
a.button img {
	vertical-align: middle;
    width: 41px;
	padding: .1em .7em .1em .2em;
}
a.button span.fax {
    padding-left: .6em;
    padding-top: .2em;
    display: inline-block;
    padding-bottom: .2em;
	text-align:right;
}
#footerKontakt p.kontaktButtons {
	text-align: right;
}

#footerKontakt a.addressLink {
	
}
.imageGalery img {
	display: block;
	width: 100%;
	margin-bottom: 36px;
	box-shadow: 3px 3px 10px #e0e0e0;
}

#footerKontakt a.addressLink:hover div.kontaktAnfahrt {
	box-shadow: 0px 0px 0px #c5c6c6;
	position: relative;
	top: 2px;
	left: 2px;
}
div.kontaktAnfahrt {
	background-color: #f0f0f0;
    padding: 2em 18px 2em 1em;
    box-shadow: 3px 3px 0px #b1b1b1;
	display: inline-block;
	width: 60%;
}
div.kontaktAnfahrt i.material-icons {
	font-size: 4em;
	color: #b42844;
}
div.kontaktAnfahrt .hoessName {
	font-family: "Oranienbaum";
	font-size: 2em;
	color: #b42844;
}
div.kontaktAnfahrt address {
	font-size: 1.2em;
	line-height: 1.4;
	color: #000;
	display: block;
}

@media (max-width: 768px) {
	#footerKontakt p.kontaktButtons {
		text-align: left;
		margin-top: 4rem;
	}
	div.kontaktAnfahrt {
		width: calc(100% - 18px);
		padding: 2em 18px 2em 0;
	}
	.mapsMarker {
		float: left;
		margin: 0 .5em 4em 0;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	div.kontaktAnfahrt {
		width: 100%;
	}
}
@media (min-width: 992px) {
	#footerKontakt .col-8 {
		width: 50%;
	}
	div.kontaktAnfahrt {
		width: 100%;
	}
	#footerKontakt .col-4 {
		width: 50%;
	}
}


@media (max-width: 500px) {
	.mapsMarker {
		display: none;
	}
	a.button span {
		font-size: 1rem; 
	}
	a.button img {
		width: 26px;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.col-3.mapsMarker {
		width: auto;
		padding-left: 0 !important;
		padding-right: 0;
	}
}


.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;  /* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;

	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;

	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;

	/* Support for IE. */
	font-feature-settings: 'liga';
}

/** ------------------------------------------------------------------------- **/
/** ---------------------------------- Texte -------------------------------- **/
/** ------------------------------------------------------------------------- **/
	body > main > section > article.container {
		padding-top: 1rem;
		padding-bottom: 1rem;
		margin-top: 1rem;
		margin-bottom: 1rem;
	}
	body > main > section > article.container:first-child {
		margin-top: 3rem;
	}
	main > section > article.container a {
		color: #b42844;
		line-height: 1.4;
	}
	main > section article:nth-child(2n) {
		background-color: #f0f0f0;
	}
	main > section > article.container a.button {
		color: #fff;
	}
	main > section > article.container h1 {
		font-family: "Oranienbaum";
		font-size: 3rem;
		line-height: 1.4;
		margin-top: 1em;
		margin-bottom: .5em;
		word-wrap: break-word;
	}
	main > section > article.container h2 {
		font-family: "Oranienbaum";
		font-size: 2.5rem;
		line-height: 1.4;
		margin-top: 1em;
		margin-bottom: .5em;
	}
	main > section > article.container h3 {
		font-family: "Oranienbaum";
		font-size: 2rem;
		line-height: 1.4;
		margin-top: 1.5em;
		margin-bottom: .5em;
	}
	main > section > article.container h4 {
		font-family: DINWeb;
		font-size: 1.2rem;
		line-height: 1.4;
		margin-bottom: .5em;
		margin-top: 1em;
		font-weight: bold;
	}
	main > section > article.container h6 {
		font-family: "Oranienbaum";
		font-size: 1.6rem;
		line-height: 1.4;
	}
	main > section > article.container date {
		position: relative;
		display: inline-block;
	}
	main > section > article.container p {
		margin-top: .5rem;
		margin-bottom: .5rem;
		line-height: 1.4;
	}
	main > section > article.container img {
		display: block;
		width: 100%;
		margin: .5rem 0;
	}
	main > section > article.container ul	{
		margin-left: 2rem;
		list-style-type: square;
	}
	main > section > article.container ol	{
		margin-left: 2rem;
		list-style-type: decimal;
	}
	main > section > article.container li {
		line-height: 1.4;
	}
/** ------------------------------------------------------------------------- **/




/** ------------------------------------------------------------------------- **/
/** --------------------------------- Header -------------------------------- **/
/** ------------------------------------------------------------------------- **/
	#logo { height: 40px; }
	#loewe { height: 60px; }
	#logo, #loewe { margin-bottom: 2rem; margin-top: 3rem; }
	#menuS, #menuT, #menuE { width: 50px; color: #b42844; background-color: #bdbdbd; box-shadow: 3px 3px 0px #494949; }
	#menuT, #menuE { 
		margin-right: auto;
		margin-left: .5rem;
	}
	#menuS:hover { cursor: pointer; }
	#pageHeader {
		transition: top .2s;
	}
	#pageHeader.hide {
		top: -100%;
	}

	body > header > aside > div {
		justify-content: space-between;
		align-items: center;
		display: flex;
	}
	
	@media (max-width: 768px) {
		#loewe {
			margin-bottom: .5rem;
			margin-top: .5rem;
		}

		body > header#pageHeader {
			position: fixed;
			top: 0;
			left: 0;
			z-index: 100;
			background-color: white;
			width: 100%;
			box-shadow: 0px 0px 20px #292929;
		}
		
		body > header#pageHeader div.col-group > div {
justify-content: space-between;
    display: flex;
    text-align: center;
    width: 100%;
	    align-items: center;
		margin-left: 18px;
		margin-right: 18px;
		}
		
		main { margin-top: 100px; }
		nav#mobileSub div.container a.navMobileLoewe,
		nav#mobile div.container a.navMobileLoewe {
			padding: 0;
			margin-top: 0;
			margin-bottom: 0;
		}
	}
	@media (max-width: 430px) {
		#loewe { height: 55px; margin-bottom: .5rem; margin-top: .5rem; }
		#logo { width: 100%; }
		main { margin-top: 74px; }
	}
	@media (min-width: 769px) {
		#mobMenu { display: none; }
		#menuS, #menuT, #menuE { display: none; }
		#pageHeader { top: 0 !important; display: block !important; }
		#pageHeader aside.container > div > div { width: 100%; }
		#pageHeader aside.container a.smallLogo { float: right; }
	}
/** ------------------------------------------------------------------------- **/




/** ------------------------------------------------------------------------- **/
/** --------------------------------- Footer -------------------------------- **/
/** ------------------------------------------------------------------------- **/
	#loeweW { height: 80px; margin-top: 1rem; margin-bottom: 1rem; }
	#footerKontakt {
		margin: 4em 0 2em;
	}
	#footerKontakt a {
		white-space: nowrap;
		color: #b42844;
	}
	#footerKontakt p {
		margin: .5em 0;
		line-height: 1.4;
	}
	#footerKontakt h2 { font-family: "Oranienbaum"; font-size: 3rem; line-height: 1.2; margin-bottom: 1rem; }
	
	
	body > footer {
		background-color: #050301;
		color: #fff;
	}
		body > footer nav a {
			text-decoration: none;
			color: #b42844;
			padding: .5rem;
		}
		body > footer aside {
			display: inline;
		}
		body > footer > div.container > div {			
			justify-content: space-between;
			align-items: center;
			display: flex;
		}
		
	@media (max-width: 768px) {
		#loeweW { display: none; }
		body > footer nav {
			padding-top: 3rem;
			padding-bottom: 4rem;
		}
		body > footer nav a {
				display: inline-block;
		}
		body > footer aside {
			display: block;
			padding-top: 1rem;
			padding-bottom: 1rem;
		}
	}
	
	@media (max-width: 922px) {		
		#footerKontakt .col-8 {
			width: 100%;
			margin-bottom: 36px;
		}
	}
/** ------------------------------------------------------------------------- **/




/** ------------------------------------------------------------------------- **/
/** ------------------------------- Navigation ------------------------------ **/
/** ------------------------------------------------------------------------- **/
	body header nav {
		clear: both;
		background-color: #2c2b2d;
		overflow: hidden;
	}
	@media (max-width: 992px) and (min-width: 768px) {
		body header nav {
			font-size: .9rem;
		}
	}
		body header nav a {
			color: #fff;
			text-decoration: none;
			display: inline-block;
			padding-bottom: .5rem;
			margin: 1rem .5rem .5rem .5rem;
		}
		body header nav a:hover,
		body header nav a.active {
			border-bottom: 2px solid #fff;
		}
		body header nav a:first-child {
			margin-left: 0;
		}
		body header nav a.red {
			float: right;
			padding: 0.3rem .3rem 0.3rem 0.3rem;
			background-color: #b42844;
			background-image: linear-gradient(to bottom, #b42844 0%, #4e0010 100%);
			margin: 0 0 0 1rem;
			letter-spacing: 1px;
		}
		body header nav a.red:hover {
			border-bottom: 0px solid black;
		}
		body header nav a img {
			vertical-align: middle;
			width: 41px;
		}
		
	@media (max-width: 1200px) {					
		body header nav a.red span {
			display: none;
		}
		body header nav {
			font-size: 90%;
		}
	}
	@media (max-width: 992px) {					
		body header nav a.red {
			display: none;
		}
	}
	@media (max-width: 768px) {					
		#logo { display: none; }
		body header nav  {
			display: none;
		}
	}
/** ------------------------------------------------------------------------- **/




/** ------------------------------------------------------------------------- **/
/** ------------------------------- Navi Mobil ------------------------------ **/
/** ------------------------------------------------------------------------- **/
	#menuBack, #menuSubBack { width: 50px; background-color: #383b3d; box-shadow: 3px 3px 0px #494949; } 
	#menuBack:hover, #menuSubBack:hover { cursor: pointer; }
	.loeweMobil { height: 60px; margin-bottom: .5rem; margin-top: .5rem; }
	#morePfeil {
		width: 74px;
		vertical-align: middle;
		border-left: 1px solid #fff;
		position: absolute;
		right: 0;
		top: 0;
	}
	
	nav#mobile, nav#mobileSub {
		z-index: 9;
		position: fixed;
		top: 0;
		left: -100%;
		width: 100%;
		min-height: 100%;
		background-color: #292d2f;
		transition: left .2s;
		height: calc(100% - 50px);
		overflow-y: auto;
	}
		nav#mobileSub #menuT, nav#mobileSub #menuE,
		nav#mobile #menuT, nav#mobile #menuE {
			background-color: #383b3d;
			box-shadow: none;
			box-shadow: 3px 3px 0px #494949;
		}
		nav#mobile.show.hide {
			left: -100%;
		}
		nav#mobile.show, 
		nav#mobileSub.show {
			left: 0;
			display: block;
		}
		
		nav#mobileSub > header > div.container > div,
		nav#mobile > header > div.container > div {
			justify-content: space-between;
			align-items: center;
			display: flex;
			margin-bottom: 1rem;
		}
		
		nav#mobile div.container {
			font-size: 1.5rem;
		}
		nav#mobile div.container a {
			display: block;
			background-color: #383b3d;
			color: #fff;
			padding: 1.6rem 3rem;
			text-decoration: none;
			margin-bottom: 7px;
		}
		nav#mobile > div.container a {
			box-shadow: 3px 3px 12px 0px #212121;
		}
		nav#mobile > div.container a:hover {
			margin-top: 3px;			
			margin-left: 3px;			
		}
		nav#mobile div.container a.active {
			background-color: #5c5c5c;
		}
		nav#mobile header div.container a,
		nav#mobileSub header div.container a {
			background-color: transparent;
		}
		nav#mobileSub div.container > div {
			margin-bottom: 1rem;
		}
		nav#mobileSub div.container {
			font-size: 1rem;
		}
		nav#mobileSub div.container a {
			display: block;
			background-color: #383b3d;
			color: #fff;
			padding: 1rem 3rem;
			text-decoration: none;
			margin-bottom: 7px;
		}
		
	nav#mobileSub {
		transition: left .2s;
		left: 100%;
	}
		nav#mobileSub.preshow {
			display: block;
		}
		nav#mobileSub.show {
			left: 0;
		}
		
	@media (min-width: 768px) {
		#mobile {
			left: -100% !important;
		}
		#mobileSub {
			left: 100% !important;
		}
	}
	@media (max-width: 366px) {
		#morePfeil { width: 47px; }
		nav#mobile div.container {
			font-size: 1rem;
		}
		nav#mobile div.container a {
			padding: 1rem 3rem;
		}
		nav#mobileSub div.container {
			font-size: .8rem;
		}
		nav#mobileSub div.container a {
			padding: .5rem 1rem;
		}
	}
/** ------------------------------------------------------------------------- **/




/** ------------------------------------------------------------------------- **/
/** ----------------------------- Breadcrumbs ------------------------------- **/
/** ------------------------------------------------------------------------- **/
	.breadcrumbs {
		font-size: 1.2rem;
		position: relative;
		top: -1rem;
	}
/** ------------------------------------------------------------------------- **/





/** ------------------------------------------------------------------------- **/
/** ------------------------------- Team ------------------------------- **/
/** ------------------------------------------------------------------------- **/
	header.team.kacheln {
		color: #000;
	}
	main.team.kacheln {
		margin-bottom: 36px;
	}
	
	
	header.team.kacheln,
	main.team.kacheln > section {
		background-color: #fff;
	}
	main.team div.col-group div.innerContainer {
		position: relative;
		padding: 1px 18px 38px 18px !important;
		overflow: hidden;
	}
	main.team > section > article.container img {
		margin-left: -18px;
		margin-right: -18px;
		width: calc(100% + 36px);
		display: block;
		margin-top: -.5em;
		box-shadow: 3px 3px 20px #2c2b2d;
	}
	header.team > section > article.container h1,
	header.team > section > article.container h2 {
		color: #000;
	}
	header.team > section > article.container h2 {
		font-family: "Oranienbaum";
		font-size: 2em;
		margin-bottom: .5em;
		
	}
	main.team > section > article.container h3 {
		font-size: 1.5em;
		font-family: DINWeb;
		margin: 1em 0 .3em;
		color: #ceb293;
	}
	header.team > section > article.container p {
		color: #000;
	}
	main.team.mitarbeiterEinzeln p,
	main.team.mitarbeiterEinzeln ul {
		color: #000;
	}
	main.team p,
	main.team ul {
		color: #fff;
	}
	main.team > section > article.container a {
		position: absolute;
		bottom: -13px;
		right: 0px;
		display: inline-block;
		padding: .3em 1em;
		color: #fff;
		text-decoration: none;
		font-size: 1.3em;
		background-color: #b42844;
		font-family: "Oranienbaum";
	}
	
	
@media (max-width: 768px) {
	main.team.kacheln .row {
		display: block !important;
		padding: 0 !important;
	}
	main.kacheln div.col-group div.row {
		padding: 0;
	}
	main.team.kacheln .row > .col-4,
	main.team.kacheln .row > .col-6	{
		width: 100%;
		margin-bottom: 2rem;
	}
	main.team.kacheln {
		margin-top: 0;
	}
}

/** ------------------------------------------------------------------------- **/




/** ------------------------------------------------------------------------- **/
/** ----------------------------- Mitarbeiter ------------------------------- **/
/** ------------------------------------------------------------------------- **/
	@media (max-width: 768px) {
		#mitarbeiterEinzeln {
			margin-top: 75px;
		}
		#contentHeader.mitarbeiterEinzeln {
			margin-top: 60px;
		}
		main.formularcenter.mitarbeiterEinzeln .row > .col-6 {
			margin-bottom: 18px;
		}
		main.formularcenter.mitarbeiterEinzeln div.col-group div.row {
			padding-top: 0;
			padding-bottom: 0;
		}
	}
/** ------------------------------------------------------------------------- **/




/** ------------------------------------------------------------------------- **/
/** ------------------------------- Aktuelles ------------------------------- **/
/** ------------------------------------------------------------------------- **/

	main.aktuelles {
		background-color: #f0f0f0;
	}
	header.aktuelles h1 {
		font-family: "Oranienbaum";
		font-size: 3.5rem;
		line-height: 1.2;
		margin-top: 1em;
		margin-bottom: .5em;
	}
	header.aktuelles h2 {
		font-family: "Oranienbaum";
		font-size: 2.5rem;
		line-height: 1.2;
		margin-top: 1em;
		margin-bottom: .5em;
	}
	header.aktuelles p {
		margin-top: .5rem;
		margin-bottom: .5rem;
		line-height: 1.4;
	}
	main.aktuelles > section > article.container .innerContainer {
		margin: 1em 0 3em;
		padding: 1em 0 3em;
		border-bottom: 1px solid #000;
	}
	main.aktuelles > section > article.container h3  {
		margin-top: .5em;
		font-size: 2.5em;
	}
	
	main.aktuelles > section > article.container h3 + h4  {	
		font-size: 1.5em;
	}
	main.aktuelles > section > article.container h4  {
		font-size: 1.5em;
		font-weight: bold;
		margin-top: 1em;
	}
	main.aktuelles > section > article.container h5 {
		font-size: 110%;
		font-weight: bold;
		margin-top: 2rem;
		margin-bottom: 0.5rem;
	}
	main.aktuelles a {
		/*padding: .5rem 1.5rem;
		background-color: #b42844;
		background-image: linear-gradient(to bottom, #b42844 0%, #4e0010 100%);
		letter-spacing: 1px;
		
		color: #fff !important;
		text-decoration: none;
		display: inline-block;
		margin: 1rem .5rem .5rem .5rem;*/
	}
	
	@media (max-width: 768px) {
		
		main.aktuelles > section > article.container h4  {
			font-size: 1.2em;
			margin-top: 1em;
		}
		main.aktuelles {
		}
	}
/** ------------------------------------------------------------------------- **/



/** ------------------------------------------------------------------------- **/
/** -------------------------- Header allgemein ----------------------------- **/
/** ------------------------------------------------------------------------- **/

	header#contentHeader h1 {
		font-family: "Oranienbaum";
		font-size: 3rem; 
		line-height: 1.2;
		margin-bottom: 1rem;
	}
	header#contentHeader p {
		margin-top: .5rem;
		margin-bottom: .5rem;
		line-height: 1.4;
	}
	header#contentHeader strong {
		text-decoration: underline;
	}
	
/** ------------------------------------------------------------------------- **/



/** ------------------------------------------------------------------------- **/
/** -------------------------- Formularcenter ------------------------------- **/
/** ------------------------------------------------------------------------- **/
	main.formularcenter {}
	main.formularcenter {
		/*background: linear-gradient(to bottom, #2c2b2d 0%, #050301 100%);*/
	}

	main.formularcenter div.col-group div.outerContainer {
		
	}
	main.formularcenter div.col-group div.row {
		display: flex;
		padding: 28px 0;
	}
	main.formularcenter div.col-group div.innerContainer {
		background-color: #f0f0f0;
		padding: 1px 18px 18px 18px;		
		height: 100%; 
		box-shadow: 2px 2px 0px #e0e0e0;
		
	}
	main.formularcenter div.col-group > div > div {
	}
	main.formularcenter h2 {
		font-size: 1.5rem !important;
		color: #000;
		border-bottom: 1px solid #000;
		margin-top: 1em;
		margin-bottom: 1em;
		padding-bottom: .5em;
	}
	main.formularcenter p {
		color: #000;
		padding: .5rem 0;
	}
	main.formularcenter a {
		display: inline-block;
		float: left;
		clear: both;
		color: #b42844 !important;
		line-height: 1.4;
		margin-bottom: .8em;
		margin-left: 1em;
		text-decoration: none;
		border-bottom: 1px solid #b42844;
		margin-right: auto;
	}
	main.formularcenter a::before {
		content: "⤓ ";
		text-decoration: none;
		font-size: 1.5em;
		font-weight: bold;
	}
	main.formularcenter article.container {
		margin-top: 0 !important;
		margin-bottom: 0;
	}
	main.formularcenter div.row {
		clear: both;
	}
	.bgImage {
		width: calc(100% + 36px);
		height: calc(100% + 18px);
		background-size: cover;
		margin-left: -18px;
		margin-right: -18px;
		background-position: center center;
		min-height: 300px;
	}
	
	@media (max-width: 768px) {
		main.formularcenter div.col-group div.row {
			display: block;
			padding-top: 0;
			padding-bottom: 0;
		}
		main.formularcenter .row > .col-6 {
			width: 100%;
			margin-bottom: 18px;
		}
		.bgImage {
			margin-bottom: -18px;
		}
		main.formularcenter {
			margin-top: 0;
		}
		header#contentHeader {
			border-bottom-width: 0px;
		}
		main.formularcenter a {
			float: none;
			min-width: 51%;
		}
	}
	
/** ------------------------------------------------------------------------- **/


/** ------------------------------------------------------------------------- **/
/** ----------------------------- Kachel-Layout ----------------------------- **/
/** ------------------------------------------------------------------------- **/
	main.kacheln {
		background: linear-gradient(to bottom, #2c2b2d 0%, #050301 100%);
	}
	header.kacheln {
		background-color: #2c2b2d;
	}
	header.kacheln h1 {
		color: #fff;
		font-family: "Oranienbaum";
		font-size: 3rem; 
		line-height: 1.2;
		margin-bottom: 1rem;
	}
	header.kacheln p {
		color: #fff;
		margin-top: .5rem;
		margin-bottom: .5rem;
		line-height: 1.4;
	}
	main.kacheln div.col-group div.outerContainer {
		
	}
	main.kacheln div.col-group div.row {
		display: flex;
		padding: 28px 0;
	}
	main.kacheln div.col-group div.innerContainer {
		background-color: #494949;
		padding: 1px 18px 18px 18px;		
		height: 100%; 
		box-shadow: 2px 2px 0px #909090;
	}

	main.kacheln h2 {
		font-size: 1.5rem !important;
		color: #ceb293;
		border-bottom: 1px solid #ceb293;
		margin-top: 1em;
		margin-bottom: 1em;
		padding-bottom: .5em;
	}
	main.kacheln a {
		display: block;
		color: #fff !important;
		line-height: 1.4;
		margin-bottom: .4em;
	}
	main.kacheln article.container {
		margin-top: 0 !important;
		margin-bottom: 0;
	}
	main.kacheln div.row {
		clear: both;
	}
	@media (max-width: 769px) {
		main.kacheln div.col-group div.row {
			padding: 0 ;
		}
	}

/** ------------------------------------------------------------------------- **/







/** ------------------------------------------------------------------------- **/
/** --------------------------- Rechtsgebiete ------------------------------- **/
/** ------------------------------------------------------------------------- **/

@media (max-width: 768px) {
	main.kacheln.rechtsgebiete {
		margin-top: 0;
	}
	main.kacheln.rechtsgebiete div.col-group div.row {
		display: block;
		padding-top: 0;
		padding-bottom: 0;
	}
	main.kacheln.rechtsgebiete .row .col-4 {
		width: 100%;
		margin-bottom: 18px;
	}
	header#contentHeader.kacheln.rechtsgebiete {
		border-bottom-width: 0px;
	}
}

/** ------------------------------------------------------------------------- **/



/** ------------------------------------------------------------------------- **/
/** --------------------------- Impressum/Datenschutz ------------------------------- **/
/** ------------------------------------------------------------------------- **/
@media (max-width: 768px) {
	body > main.datenschutzerklaerung,
	body > main.impressum {
		margin-top: 100px;
	}
}

/** ------------------------------------------------------------------------- **/



/** ------------------------------------------------------------------------- **/
/** ------------------------------ Bildbereich ------------------------------ **/
/** ------------------------------------------------------------------------- **/
	section.imageGalleryContainer {
		background-color: #fff;
	}
		section.imageGalleryContainer img {
			margin-bottom: 36px;
			width: 100%;
			display: block;
		}
		section.imageGalleryContainer div.filled,
		section.imageGalleryContainer div.hollow {
			padding: 2rem;
			font-family: "Oranienbaum";
			border: 2px solid #b42844;
		}
		section.imageGalleryContainer div.filled {
			background-color: #b42844;
			color: #fff;
		}
		
	@media (max-width: 768px) {
		section.imageGalleryContainer div.filled,
		section.imageGalleryContainer div.hollow {
			font-size: 2rem;
			line-height: 1.2;
			margin-bottom: 18px;
		}
		section.imageGalleryContainer img {
			margin-bottom: 18px;
		}
	}
	@media (min-width: 768px) {
		section.imageGalleryContainer div.filled,
		section.imageGalleryContainer div.hollow {
			font-size: 2rem;
			line-height: 1.2;
			height: 128px;
		}
	}
	@media (min-width: 992px) {
		section.imageGalleryContainer div.filled,
		section.imageGalleryContainer div.hollow {
			line-height: 1.3;
			font-size: 2.5rem;
			height: 195px;
		}
	}
	@media (min-width: 1200px) {
		section.imageGalleryContainer div.filled,
		section.imageGalleryContainer div.hollow {
			line-height: 1.4;
			font-size: 3rem;
			height: 255px;
		}
	}

/** ------------------------------------------------------------------------- **/



/** ------------------------------------------------------------------------- **/
/** ------------------------------ News-Beiträge ---------------------------- **/
/** ------------------------------------------------------------------------- **/
	.showMoreContainer {position: relative;}
	.showMoreContainer:not(.showMore) .showMoreButton, 
	.showMoreContainer:not(.showMore) .showMoreButtonContainer {
		display: none;
	}
	.showMore {max-height: 300px; overflow: hidden;}
	.showMoreButton {position: absolute; top: 80%; left: 0px; bottom: 5%; width: 80%; margin-left: 10%; background-color: rgb(180, 40, 68); background-image: linear-gradient(rgb(180, 40, 68) 0%, rgb(78, 0, 16) 100%); border: 0px; font-family: DINWeb; color: rgb(255, 255, 255); font-size: 1.4rem; cursor: pointer; box-shadow: rgb(197, 198, 198) 3px 3px 0px;}
	.showMoreButtonContainer {position: absolute; bottom: 0px; left: 0px; width: 100%; top: 0%; background-image: linear-gradient(rgba(255, 0, 51, 0) 0%, rgb(240, 240, 240) 70%);}

/** ------------------------------------------------------------------------- **/


/** ------------------------------------------------------------------------- **/
/** ------------------------------ Kanzlei ---------------------------- **/
/** ------------------------------------------------------------------------- **/
	body > main.kanzlei {
		margin-top: 0;
	}
	body > main.kanzlei > section > article.container:first-child {
		margin-top: 0;
	}

/** ------------------------------------------------------------------------- **/