@import "fonts.css";
.topmarginkill:before {
  content: '';
  display: block;
  height: 0;
  width: 0;
  margin-top: -0.18em;
}
.ls {
  letter-spacing: 0.02em;
}
.button {
  padding: 10px 20px;
  background-color: #c80f22;
  background-image: -webkit-linear-gradient(top, #c80f22, #fcdadd);
  background-image: -moz-linear-gradient(top, #c80f22, #fcdadd);
  background-image: -o-linear-gradient(top, #c80f22, #fcdadd);
  background-image: -ms-linear-gradient(top, #c80f22, #fcdadd);
  background-image: linear-gradient(top, #c80f22, #fcdadd);
  /*fucking IE9 hat Pech gehabt*/
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  text-shadow: 1px 1px 0px #777;
}
.button:hover {
  -webkit-transform: scale(1.01);
  -moz-transform: scale(1.01);
  -ms-transform: scale(1.01);
  -o-transform: scale(1.01);
  -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
}
.linie {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-image: url('/_intern/pics/bg_linie.png');
  background-repeat: repeat-x;
}
/*Trackingcode von Linotype*/
/*
@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=1ebf3138-7c67-48df-b469-1c47042f4621&fontids=1361808,1361814,1361818");
*/
* {
  padding: 0;
  margin: 0;
}
.font_bold {
  font-family: 'Maison Neue Bold';
}
.font_regular {
  font-family: 'Maison Neue Book';
}
.font_light {
  font-family: 'Maison Neue Book';
}
h1,
h2,
h3 {
  font-weight: normal;
}
.hover:hover {
  color: #5a5a5a;
}
a:hover {
  color: #5a5a5a;
}
a h2:hover,
a span:hover {
  color: #5a5a5a;
}
html {
  overflow-x: hidden;
  overflow-y: scroll;
}
img,
picture,
video {
  border: none;
  max-width: 100%;
  height: auto;
}
body,
iframe {
  font-size: 19px;
  line-height: 1.5;
  background-color: #ffffff;
  font-family: 'Maison Neue Book';
}
h1 {
  font-size: 40px;
  /*letter-spacing:0.03em;*/
  margin-top: 0;
  font-family: 'Maison Neue Bold';
}
h1 .unfett {
  font-family: 'Maison Neue Book';
  margin-right: 10px;
}
h2 {
  font-size: 42px;
  font-family: 'Maison Neue Bold';
  line-height: 1.1em;
  margin-bottom: 16px;
  letter-spacing: -1px;
}
h3 {
  font-size: 13px;
  font-family: 'Maison Neue Bold';
}
strong {
  font-family: 'Maison Neue Bold';
}
a,
span {
  text-decoration: none;
  color: #151515;
}
a.pfeil,
span.pfeil {
  text-decoration: none;
}
a.pfeil:after,
span.pfeil:after {
  display: inline-block;
  content: '';
  width: 10px;
  height: 10px;
  margin-left: 7px;
  background-image: url('/_intern/pics/pfeil_link.png');
  background-size: contain;
}
.clear {
  clear: both;
}
.clear:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}
#wrapper {
  margin: 0 auto;
  width: 1600px;
  position: relative;
  margin-bottom: 20px;
  border: 1px solid #cccccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
}
#slideup_mobile {
  display: none;
  position: fixed;
  width: 39px;
  top: 390px;
  z-index: 2;
}
.outer {
  width: 1600px;
  max-width: 100% !important;
  margin: 0px auto;
  position: relative;
}
.inner {
  width: 1520px;
  max-width: 100% !important;
  max-width: 90%;
  margin: 0px auto;
  position: relative;
}
.inner.s {
  max-width: 90% !important;
}
.inner.projekte .projekt_mainimg {
  margin-top: 15px;
  margin-bottom: 18px;
  /*
			max-height:calc(~'100vh - 175px');
			overflow:hidden;
			*/
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
}
.inner.projekte .projekt_mainimg img {
  display: block;
}
.inner.projekte .projekt_mainimg_hoch {
  display: none;
  margin-top: 15px;
  margin-bottom: 14px;
  max-height: calc(100vh - 175px);
  overflow: hidden;
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
}
.inner.projekte .projekt_mainimg_hoch img {
  display: block;
}
#header {
  background: white;
  /*height:100px;*/
  height: 136px;
  width: 1600px;
  max-width: 100% !important;
  margin: 0px auto;
  position: relative;
}
#header.height {
  height: 140px;
}
#header.padding {
  height: initial;
}
#header.halbespadding {
  height: 60px;
  position: relative;
}
#breadcrumb_outer {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 1;
}
#breadcrumb {
  background: white;
  font-family: 'Maison Neue Bold';
  text-transform: uppercase;
  font-size: 13px;
  position: absolute;
  padding-bottom: 0;
  top: 0;
  width: 1520px;
  max-width: 100% !important;
  max-width: 90%;
  margin: 0px auto;
  position: relative;
}
#breadcrumb.s {
  max-width: 90% !important;
}
#breadcrumb.projekte .projekt_mainimg {
  margin-top: 15px;
  margin-bottom: 18px;
  /*
			max-height:calc(~'100vh - 175px');
			overflow:hidden;
			*/
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
}
#breadcrumb.projekte .projekt_mainimg img {
  display: block;
}
#breadcrumb.projekte .projekt_mainimg_hoch {
  display: none;
  margin-top: 15px;
  margin-bottom: 14px;
  max-height: calc(100vh - 175px);
  overflow: hidden;
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
}
#breadcrumb.projekte .projekt_mainimg_hoch img {
  display: block;
}
.ankerscroll,
.projektscroll {
  cursor: pointer;
  padding: 30px;
}
#logos {
  position: absolute;
}
#logos #logo_gross {
  position: relative;
  left: 39px;
  top: 44px;
  padding-top: 2px;
  z-index: 10;
  background-color: white;
}
#logos #logo_gross img {
  width: 127px;
  height: auto;
}
#logos #logo_gross.svg {
  left: 32px;
  top: 45px;
  padding: 10px 7px 10px 14px;
}
#logos #logo_gross.svg img {
  width: 111px;
}
#logos #logo_klein {
  position: fixed;
  top: 10px;
  z-index: 11;
  background-color: white;
  padding-right: 6px;
}
#logos #logo_klein img {
  width: 43px;
  height: auto;
}
#logos #logo_klein.svg {
  padding-left: 4px;
  padding-right: 0;
}
#logos #logo_klein.svg img {
  width: 38px;
}
#logo_outer {
  position: absolute;
  left: 0;
  top: 20px;
}
#logo22 {
  z-index: 5;
}
#logo22.fixed {
  position: fixed;
}
#logo22 a {
  display: block;
}
#logo22 img {
  width: 305px;
  max-width: 100%;
}
#logo22_m {
  display: none;
  position: absolute;
  top: 20px;
  left: 0px;
  z-index: 2;
}
#logo22_m img {
  width: auto;
  height: 38px;
  max-width: 100%;
  height: auto;
}
.setcookie,
.delcookie {
  float: left;
  display: inline-block;
  width: 20px;
  cursor: pointer;
  color: #ddd9d9;
  text-align: left;
  font-size: 12px;
}
#supersized li {
  height: 500px;
}
#doof {
  height: 500px;
}
#zoom_ct {
  z-index: 3;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  /* xy
	height:100%;
	*/
  height: 100vh;
}
#zoom_ct iframe {
  border: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
#zoom #zoom_header {
  position: relative;
  height: 100px;
}
#zoom #zoom_header #zoom_logo {
  display: none;
  width: 305px;
  max-width: 100%;
  position: absolute;
  left: 10px;
  top: 20px;
}
#zoom #zoom_header #zoom_logo img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
#zoom #zoom_header #zoom_info {
  position: absolute;
  right: 50px;
  top: 18px;
  /* max-width: 500px; */
  font-size: 14px;
  width: calc(100% - 50px);
  box-sizing: border-box;
}
#zoom #zoom_header #zoom_close {
  position: absolute;
  right: 0px;
  top: 20px;
  cursor: pointer;
}
#zoom #zoom_info .sl_ct {
  display: flex;
  justify-content: flex-start;
  gap: 10px;
  position: relative;
  height: auto;
  box-sizing: border-box;
}
#zoom #zoom_info .sl_ct .text {
  padding-left: 50px;
  min-height: 50px;
}
#zoom #zoom_info .sl_ct .pos {
  position: absolute;
  left: 0px;
  width: 60px;
  min-height: 50px;
}
#zoom #slider_ct {
  position: relative;
  /* height:calc(~'100vh - 160px');*/
  width: 100%;
}
#zoom #zoom_slider {
  /*
		position:absolute;
		top:0;
		left:0;

		width:100%;
		max-height:100%;

		display:flex;
		align-content: space-around;
		justify-content: space-around;
		align-items: center;
		*/
  /*
		.slick-slide
		{
		height: inherit !important;
	}
		*/
}
#zoom #zoom_slider.slick-slider {
  margin-bottom: 0;
}
#zoom #zoom_slider.slick-slider .slick-prev {
  left: 25px;
}
#zoom #zoom_slider.slick-slider .slick-next {
  right: 25px;
}
#zoom #zoom_slider .slick-track {
  display: flex !important;
}
#zoom #zoom_slider .item {
  max-height: 100%;
  height: calc(100vh - 100px);
  position: relative;
}
#zoom #zoom_slider .item img {
  /*
				position: absolute;
				z-index: 10;
				width: 100%;
				height: 100%;
				object-fit: cover;
				*/
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 10;
  /* xy
			width: auto;
				height: 100%;
				object-fit: cover;
*/
  width: 100%;
  height: auto;
}
/* ---  --------------------------------------------- */
@media only screen and (max-width: 1200px) {
  /* iPad im Portrait */
  #zoom_slider .slick-next,
  #zoom_slider .slick-prev {
    display: none !important;
  }
}
#showtrackingbox {
  cursor: pointer;
  color: grey;
}
#tracking_decker {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}
#tracking_ok {
  position: fixed;
  font-size: 14px;
  width: 50%;
  max-width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 2px 2px 3px 0px black;
  background: white;
  padding: 20px;
  z-index: 2;
}
#tracking_ok h3 {
  font-size: 18px;
}
#tracking_ok #tracking_form {
  margin-top: 20px;
}
#tracking_ok #tracking_form input[type="submit"] {
  margin-top: 10px;
  border: 1px solid black;
  background: white;
  padding: 10px 20px;
}
#page {
  background-color: #ffffff;
  position: relative;
  max-width: 100%;
  /*
	padding-top:160px;
	*/
}
#page.nopadding {
  padding-top: 0;
}
#arrowup {
  text-align: right;
}
#arrowup img {
  width: 21px;
  height: auto;
  transform: rotate(180deg);
}
#arrowup .ankerscroll,
#arrowup .projektscroll {
  padding-right: 0;
  padding-bottom: 0px;
  display: inline-block;
}
#footer {
  /* max-width:calc(~'100% - 14px')!important; */
  padding: 13px 0;
  margin-top: 10px;
  font-size: 15px;
}
#footer .footer_inner {
  border-top: 6px solid black;
  position: relative;
}
#footer #footertext {
  width: 350px;
  max-width: 100%;
  margin-top: 10px;
  position: relative;
}
#footer #footernavi_mobil {
  display: none;
  margin: 10px 0 0px 43px;
}
#footer #footernavi_mobil ul li {
  list-style-type: none;
  text-align: left;
  height: 30px;
}
#footer #footernavi_mobil ul li a {
  font-size: 17px;
  color: #c80f22;
  font-family: 'Maison Neue Bold';
  text-transform: lowercase;
}
#footer a.ankerscroll {
  display: none;
}
#content {
  color: #151515;
  padding: 0;
  width: 100%;
}
#start #start_scroll_to_more,
.projekte #start_scroll_to_more {
  text-align: center;
  height: 0;
  line-height: 30px;
  position: relative;
  top: -70px;
}
#start #start_scroll_to_more.m,
.projekte #start_scroll_to_more.m {
  top: -75px;
}
#start #start_scroll_to_more img,
.projekte #start_scroll_to_more img {
  width: 21px;
  height: auto;
}
#start #start_news,
.projekte #start_news {
  margin-top: 20px;
}
#start #start_ms,
.projekte #start_ms {
  margin: 0 auto;
  max-width: 100%;
}
#start #start_ms a:hover,
.projekte #start_ms a:hover {
  color: black;
}
#start #start_ms .item,
.projekte #start_ms .item {
  width: 480px;
  max-width: 100%;
  margin-bottom: 70px;
  font-size: 15px;
}
#start #start_ms .item img,
.projekte #start_ms .item img {
  display: block;
}
#start #start_ms .item img.pfeil_link,
.projekte #start_ms .item img.pfeil_link {
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 0;
}
#start #start_ms .item h2,
.projekte #start_ms .item h2 {
  margin: 0;
  padding: 10px 0 10px 0 ;
}
.projekte {
  margin-bottom: 70px;
}
.projekte #start_scroll_to_more {
  top: -55px;
}
#startslider,
#startslider_mobil {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  /*height: 100%;
	min-height: 500px;
	*/
}
#startslider .slideritem,
#startslider_mobil .slideritem {
  width: 100%;
  /* height: 600px; */
  /*max-height:calc(~'100vh - 135px');*/
  margin-top: 0;
  height: 100vh;
  position: relative;
  overflow: hidden;
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
}
#startslider .slideritem img,
#startslider_mobil .slideritem img {
  display: block;
  /*
			width:100%;
			max-width:initial;
			height:auto;
			flex:auto;
			*/
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#startslider .slick-dots,
#startslider_mobil .slick-dots {
  width: 1520px;
  max-width: 100% !important;
  max-width: 90%;
  margin: 0px auto;
  position: relative;
  bottom: 30px;
  right: initial;
}
#startslider .slick-dots.s,
#startslider_mobil .slick-dots.s {
  max-width: 90% !important;
}
#startslider .slick-dots.projekte .projekt_mainimg,
#startslider_mobil .slick-dots.projekte .projekt_mainimg {
  margin-top: 15px;
  margin-bottom: 18px;
  /*
			max-height:calc(~'100vh - 175px');
			overflow:hidden;
			*/
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
}
#startslider .slick-dots.projekte .projekt_mainimg img,
#startslider_mobil .slick-dots.projekte .projekt_mainimg img {
  display: block;
}
#startslider .slick-dots.projekte .projekt_mainimg_hoch,
#startslider_mobil .slick-dots.projekte .projekt_mainimg_hoch {
  display: none;
  margin-top: 15px;
  margin-bottom: 14px;
  max-height: calc(100vh - 175px);
  overflow: hidden;
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
}
#startslider .slick-dots.projekte .projekt_mainimg_hoch img,
#startslider_mobil .slick-dots.projekte .projekt_mainimg_hoch img {
  display: block;
}
/* ---  --------------------------------------------- */
@media only screen and (max-width: 1030px) {
  /* iPad im Portrait */
  #startslider .slick-dots,
  #startslider_mobil .slick-dots {
    bottom: 30px;
    right: 17px;
  }
}
@media only screen and (max-width: 810px) {
  /* iPad im Portrait */
  #startslider .slick-dots,
  #startslider_mobil .slick-dots {
    bottom: 35px;
  }
}
#startslider_mobil {
  display: none;
}
/*
#startslider_mobil
{
.slideritem
{
height:100vh;
img
{
//width:100%;
height:100%;
width:auto;
}
&.slider22
{
padding-top:0;
}
}

}
*/
#aktuell_uebersicht {
  margin-top: 8px;
  max-width: 100%;
}
#aktuell_uebersicht .item {
  width: 100%;
  position: relative;
  display: inline-block;
  padding-bottom: 18px;
  margin-bottom: 7px;
}
#aktuell_uebersicht .item:after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-image: url('/_intern/pics/bg_linie.png');
  background-repeat: repeat-x;
}
#aktuell_uebersicht .item .datum {
  font-size: 18px;
  line-height: 1.1em;
  font-family: 'Maison Neue Book';
  text-transform: uppercase;
}
#aktuell_uebersicht .item h2 {
  font-size: 23px;
  line-height: 1.2em;
}
#aktuell_uebersicht .item .teaser {
  padding-bottom: 20px;
}
#aktuell_uebersicht .item .teaser a {
  color: #c80f22;
  font-size: 16px;
  font-family: 'Maison Neue Book';
}
#aktuell_uebersicht .item img {
  display: block;
  margin-bottom: 43px;
}
#aktuell_uebersicht .item .text {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-color: rgba(0, 0, 0, 0.3);
  color: white;
  font-family: 'Maison Neue Bold';
  display: none;
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -ms-transition: 0.8s;
  -o-transition: 0.8s;
}
#aktuell_uebersicht .item .text .inner {
  padding: 15px 10px;
}
#aktuell_uebersicht .item:hover .text {
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -ms-transition: 0.8s;
  -o-transition: 0.8s;
  display: block;
}
#projektuebersicht {
  width: 1520px;
  max-width: 100% !important;
  max-width: 90%;
  margin: 0px auto;
  position: relative;
  margin-top: 15px;
  /* setting masonry widths  */
  /* -- */
}
#projektuebersicht.s {
  max-width: 90% !important;
}
#projektuebersicht.projekte .projekt_mainimg {
  margin-top: 15px;
  margin-bottom: 18px;
  /*
			max-height:calc(~'100vh - 175px');
			overflow:hidden;
			*/
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
}
#projektuebersicht.projekte .projekt_mainimg img {
  display: block;
}
#projektuebersicht.projekte .projekt_mainimg_hoch {
  display: none;
  margin-top: 15px;
  margin-bottom: 14px;
  max-height: calc(100vh - 175px);
  overflow: hidden;
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
}
#projektuebersicht.projekte .projekt_mainimg_hoch img {
  display: block;
}
#projektuebersicht .item,
#projektuebersicht .grid-sizer {
  /*width:290px;*/
  width: 480px;
}
#projektuebersicht .gutter-sizer {
  /*width: 5px;*/
  width: 40px;
}
#projektuebersicht .item {
  margin-bottom: 4px;
  font-size: 16px;
  /*letter-spacing:0.1em;*/
  margin-bottom: 80px;
  /*
		.text
		{
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		background-color:rgba(0,0,0,0.45);
		color:white;


		opacity:0;

		.transition(1s);
		.inner
		{

		padding:8px 5px;
		font-size:17px;
		line-height:1.2em;
		letter-spacing:0.05em;
		max-width:98%!important;
	}



	}
		*/
  /*
		&:hover
		{

		.text
		{
		.transition(0.8s);
		opacity:1;
	}
	}
		*/
}
#projektuebersicht .item img {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
}
#projektuebersicht .item img.pfeil_link {
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 0;
  position: relative;
}
#projektuebersicht .item .text {
  line-height: 1.4em;
  font-size: 14px;
}
#projekt_slider {
  width: 100%;
  max-width: 100%;
  margin: 0 -25px 19px 0;
}
#projekt_slider div {
  width: 100%;
  background-color: #fff;
  margin: 0 25px 0 1px;
}
#projekt_slider div img {
  margin: 0 auto;
  max-height: 100%;
  width: auto;
}
#projekt_slider .slick-slide img {
  height: auto !important;
  max-width: 100%;
  /* max-height: 800px; verlagert ins JS */
  display: block;
}
#projekt_slider #arrowdown {
  text-align: center;
  z-index: 1;
  margin-top: 10px;
}
/*Projekt_slider*/
#projekt_headline_mobil h1 {
  color: black;
  font-size: 16px;
  line-height: 1.1em;
  display: none;
}
#projekt_ct {
  width: 1520px;
  max-width: 100% !important;
  max-width: 90%;
  margin: 0px auto;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 5px;
}
#projekt_ct.s {
  max-width: 90% !important;
}
#projekt_ct.projekte .projekt_mainimg {
  margin-top: 15px;
  margin-bottom: 18px;
  /*
			max-height:calc(~'100vh - 175px');
			overflow:hidden;
			*/
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
}
#projekt_ct.projekte .projekt_mainimg img {
  display: block;
}
#projekt_ct.projekte .projekt_mainimg_hoch {
  display: none;
  margin-top: 15px;
  margin-bottom: 14px;
  max-height: calc(100vh - 175px);
  overflow: hidden;
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
}
#projekt_ct.projekte .projekt_mainimg_hoch img {
  display: block;
}
#projekt_ct #projekt_info {
  width: 480px;
  max-width: 100%;
}
#projekt_ct #projekt_info h1 {
  margin-top: -6px;
  font-size: 40px;
  line-height: 1.1em;
}
#projekt_ct #projekt_info #projekt_text,
#projekt_ct #projekt_info #projekt_facts {
  font-size: 15px;
  width: 720px;
  max-width: 100%;
  margin-right: 20px;
  /*		float:left;*/
}
#projekt_ct #projekt_info #projekt_text .item,
#projekt_ct #projekt_info #projekt_facts .item {
  margin-bottom: 0px;
}
#projekt_ct #projekt_info #projekt_text .item.sonstiges,
#projekt_ct #projekt_info #projekt_facts .item.sonstiges {
  line-height: 25px;
}
#projekt_ct #projekt_info #projekt_text .item.sonstiges strong,
#projekt_ct #projekt_info #projekt_facts .item.sonstiges strong {
  font-weight: normal;
  font-family: 'Maison Neue Bold';
}
#projekt_ct #projekt_info #projekt_text .item .fact,
#projekt_ct #projekt_info #projekt_facts .item .fact {
  font-family: 'Maison Neue Bold';
  text-transform: uppercase;
  float: left;
  margin-right: 3px;
}
#projekt_ct #projekt_info #projekt_text {
  margin-bottom: 25px;
  font-family: 'Maison Neue Book';
  line-height: 1.4em;
}
#projekt_ct #projekt_info #projekt_text a {
  text-decoration: none;
}
#projekt_ct #projekt_info #projekt_text a:hover {
  color: #5a5a5a;
}
#projekt_ct #projekt_info #projekt_text a:after {
  display: inline-block;
  content: '';
  width: 10px;
  height: 10px;
  margin-left: 7px;
  /*background-image:url('/_intern/pics/mbpk_pfeil.svg');*/
  background-image: url('/_intern/pics/pfeil_link.svg');
  background-repeat: no-repeat;
  background-size: contain;
}
#projekt_ct #projekt_info #projekt_text_mobil {
  display: none;
}
#projekt_ct #projekt_info #projekt_text_mobil a {
  text-decoration: underline;
}
#projekt_ct #projekt_bilder {
  width: 1000px !important;
  max-width: 100%;
  /*
		.grid-sizer
		{

		width:48%;
	}

		.item
		{

		width:480px;
		max-width:100%;
		margin-bottom:19px;
		img
		{
		max-width:100%;
		height:auto;
		display:block;

	}

	}
		*/
}
#projekt_ct #projekt_bilder .grid-sizer,
#projekt_ct #projekt_bilder .item {
  width: 48%;
}
#projekt_ct #projekt_bilder .item {
  margin-bottom: 13px;
}
#projekt_ct #projekt_weitere {
  width: 1520px;
  max-width: 100% !important;
  max-width: 90%;
  margin: 0px auto;
  position: relative;
  margin-top: 52px;
}
#projekt_ct #projekt_weitere.s {
  max-width: 90% !important;
}
#projekt_ct #projekt_weitere.projekte .projekt_mainimg {
  margin-top: 15px;
  margin-bottom: 18px;
  /*
			max-height:calc(~'100vh - 175px');
			overflow:hidden;
			*/
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
}
#projekt_ct #projekt_weitere.projekte .projekt_mainimg img {
  display: block;
}
#projekt_ct #projekt_weitere.projekte .projekt_mainimg_hoch {
  display: none;
  margin-top: 15px;
  margin-bottom: 14px;
  max-height: calc(100vh - 175px);
  overflow: hidden;
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
}
#projekt_ct #projekt_weitere.projekte .projekt_mainimg_hoch img {
  display: block;
}
#projekt_ct #projekt_weitere .weitere_ct {
  width: 1520px;
  max-width: 100% !important;
  max-width: 90%;
  margin: 0px auto;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 15px;
  gap: 20px;
  margin-bottom: 10px;
}
#projekt_ct #projekt_weitere .weitere_ct.s {
  max-width: 90% !important;
}
#projekt_ct #projekt_weitere .weitere_ct.projekte .projekt_mainimg {
  margin-top: 15px;
  margin-bottom: 18px;
  /*
			max-height:calc(~'100vh - 175px');
			overflow:hidden;
			*/
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
}
#projekt_ct #projekt_weitere .weitere_ct.projekte .projekt_mainimg img {
  display: block;
}
#projekt_ct #projekt_weitere .weitere_ct.projekte .projekt_mainimg_hoch {
  display: none;
  margin-top: 15px;
  margin-bottom: 14px;
  max-height: calc(100vh - 175px);
  overflow: hidden;
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
}
#projekt_ct #projekt_weitere .weitere_ct.projekte .projekt_mainimg_hoch img {
  display: block;
}
#projekt_ct #projekt_weitere .weitere_ct .item {
  width: 480px;
  /*	max-width:32%;*/
  line-height: 1.4em;
  font-size: 16px;
}
#projekt_ct #projekt_weitere .weitere_ct .item h2 {
  line-height: 1.2em;
}
#projekt_ct #projekt_weitere h3 {
  text-transform: uppercase;
  font-size: 14px;
}
#ms_container {
  display: block;
  margin-top: 15px;
  position: relative;
  width: 100%;
  max-width: 100%;
}
#ms_container .item,
#ms_container .grid-sizer {
  width: 480px;
  max-width: 100%;
  margin-bottom: 75px;
}
#ms_container .item.double,
#ms_container .grid-sizer.double {
  width: 1000px;
  max-width: 100%;
}
#ms_container .item.full,
#ms_container .grid-sizer.full {
  width: 100%;
  max-width: 100%;
}
#ms_container .item.stamp,
#ms_container .grid-sizer.stamp {
  position: absolute;
  margin-bottom: 3px;
}
#ms_container .item a.imagelink,
#ms_container .grid-sizer a.imagelink {
  display: block;
}
#ms_container .item img,
#ms_container .grid-sizer img {
  display: block;
  max-width: 100%;
  margin-bottom: 15px;
}
#ms_container .item img.mainimg,
#ms_container .grid-sizer img.mainimg {
  margin-bottom: 11px;
}
#ms_container .item.kontakt,
#ms_container .grid-sizer.kontakt {
  margin-bottom: 20px;
}
#ms_container .item.kontakt img,
#ms_container .grid-sizer.kontakt img {
  margin-bottom: 0;
}
#ms_container .item.kontakt.abstand,
#ms_container .grid-sizer.kontakt.abstand {
  margin-bottom: 80px;
}
#ms_container .item h2,
#ms_container .grid-sizer h2 {
  margin-bottom: 16px;
}
#ms_container .item h2 a,
#ms_container .grid-sizer h2 a {
  text-decoration: none;
}
#ms_container .item .sub_head,
#ms_container .grid-sizer .sub_head {
  font-family: 'Maison Neue Bold';
  text-transform: uppercase;
  float: left;
  display: inline-block;
  margin-right: 5px;
}
#ms_container .item .item_text,
#ms_container .grid-sizer .item_text,
#ms_container .item .teaser,
#ms_container .grid-sizer .teaser {
  overflow: hidden;
  font-size: 16px;
  display: block;
  line-height: 1.2em;
}
#ms_container .item .item_text p,
#ms_container .grid-sizer .item_text p,
#ms_container .item .teaser p,
#ms_container .grid-sizer .teaser p {
  margin-bottom: 10px;
}
#ms_container .item .item_text a,
#ms_container .grid-sizer .item_text a,
#ms_container .item .teaser a,
#ms_container .grid-sizer .teaser a {
  text-decoration: none;
}
#ms_container .item .item_text a:hover,
#ms_container .grid-sizer .item_text a:hover,
#ms_container .item .teaser a:hover,
#ms_container .grid-sizer .teaser a:hover {
  color: #5a5a5a;
}
#ms_container .item .item_text a:after,
#ms_container .grid-sizer .item_text a:after,
#ms_container .item .teaser a:after,
#ms_container .grid-sizer .teaser a:after {
  display: inline-block;
  content: '';
  width: 10px;
  height: 10px;
  margin-left: 7px;
  /*background-image:url('/_intern/pics/mbpk_pfeil.svg');*/
  background-image: url('/_intern/pics/pfeil_link.svg');
  background-repeat: no-repeat;
  background-size: contain;
}
#ms_container .item .item_text .datum,
#ms_container .grid-sizer .item_text .datum,
#ms_container .item .teaser .datum,
#ms_container .grid-sizer .teaser .datum {
  font-family: 'Maison Neue Bold';
  text-transform: uppercase;
}
#ms_container .item .item_text,
#ms_container .grid-sizer .item_text {
  /*background:white;*/
  position: relative;
  /*z-index:1;*/
  -moz-transition: 1s;
  -ms-transition: 1s;
  -o-transition: 1s;
  -webkit-transition: 1s;
  transition: 1s;
}
#ms_container .item.linkliste a,
#ms_container .grid-sizer.linkliste a {
  font-family: 'Maison Neue Bold';
  text-decoration: none;
  /*
				&:after
				{
				display:inline-block;
				content:'';
				width: 13px;
				height: 10px;
				margin-left:3px;

				background-image:url('/_intern/pics/mbpk_pfeil.svg');
				background-repeat:no-repeat;
				background-size: contain;

			}
				*/
}
#ms_container .item.linkliste a:hover,
#ms_container .grid-sizer.linkliste a:hover {
  color: #5a5a5a;
}
#ms_container .item .max_arrow,
#ms_container .grid-sizer .max_arrow {
  background: white;
  z-index: 1;
  position: relative;
  top: 28px;
}
#ms_container .item .max_arrow img,
#ms_container .grid-sizer .max_arrow img {
  height: auto;
  cursor: pointer;
  transform: rotate(90deg);
}
#ms_container .item .max_arrow.open img,
#ms_container .grid-sizer .max_arrow.open img {
  transform: rotate(-90deg);
}
#ms_container.jobs .grid-sizer {
  width: 480px;
}
#ms_container.jobs .item {
  width: 480px;
  max-width: 100%;
}
#ms_container.jobs .item.double {
  width: 1000px;
  max-width: 100%;
}
#ms_container.jobs .item.full {
  width: 1520px;
  max-width: 100%;
}
#ms_container.jobs .item .item_text {
  width: 480px;
  max-width: 100%;
}
#ms_container.jobs .item .item_text ul {
  margin-left: 20px;
}
#ms_container.marginkiller .item h2:before {
  content: '';
  display: block;
  height: 0;
  width: 0;
  margin-top: -0.18em;
}
#ms_container.start .item a,
#ms_container.news .item a {
  text-decoration: none;
}
#ms_container.start h2 {
  margin-top: 0;
}
#ms_container .map_hint {
  font-size: 14px;
}
#ms_container .map_hint .cb_show {
  text-decoration: underline;
  cursor: pointer;
}
#paginierung {
  width: 1520px;
  max-width: 100% !important;
  max-width: 90%;
  margin: 0px auto;
  position: relative;
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  margin-bottom: 40px;
}
#paginierung.s {
  max-width: 90% !important;
}
#paginierung.projekte .projekt_mainimg {
  margin-top: 15px;
  margin-bottom: 18px;
  /*
			max-height:calc(~'100vh - 175px');
			overflow:hidden;
			*/
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
}
#paginierung.projekte .projekt_mainimg img {
  display: block;
}
#paginierung.projekte .projekt_mainimg_hoch {
  display: none;
  margin-top: 15px;
  margin-bottom: 14px;
  max-height: calc(100vh - 175px);
  overflow: hidden;
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
}
#paginierung.projekte .projekt_mainimg_hoch img {
  display: block;
}
#paginierung #prev a:before {
  display: inline-block;
  content: '';
  width: 13px;
  height: 10px;
  margin-right: 7px;
  background-image: url('/_intern/pics/pfeil_link.png');
  /*background-image:url('/_intern/pics/mbpk_pfeil.svg');*/
  background-repeat: no-repeat;
  background-size: contain;
  transform: rotate(180deg);
}
#paginierung #next a:after {
  display: inline-block;
  content: '';
  width: 13px;
  height: 10px;
  margin-left: 7px;
  background-image: url('/_intern/pics/pfeil_link.png');
  /*background-image:url('/_intern/pics/mbpk_pfeil.svg');*/
  background-repeat: no-repeat;
  background-size: contain;
}
.infowindow {
  line-height: 1.5em;
  font-size: 16px;
  padding: 10px;
}
.highlight {
  background-color: #fcdadd;
}
#fr_b,
#fr_b_mobil {
  float: right;
  position: relative;
  margin-right: 90px;
  padding-top: 11px;
  color: #767676;
}
#fr_b div,
#fr_b_mobil div {
  display: inline;
  padding-right: 20px;
  font-size: 17px;
  letter-spacing: 0.05em;
}
#fr_b div:last-of-type,
#fr_b_mobil div:last-of-type {
  padding-right: 0;
}
#fr_b_mobil {
  display: none;
  font-size: 19px;
  float: none;
  margin-right: initial;
  padding-top: initial;
  text-align: left;
  margin-left: 50px;
}
.grid-sizer {
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
/*-------------------------
Mobile Navigation
--------------------------*/
/*
#mobilemenu_ct {
//position: absolute;
.inner;
top: 10px;
right: 40px;
z-index:1;
//width:40px;
border:1px solid red;
}
*/
#mobilemenu {
  position: fixed;
  top: -200px;
  text-align: right;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
  background-color: #ffffff;
  padding-top: 20px;
}
#mobilemenu .close {
  position: absolute;
  right: 34px;
  top: 20px;
  cursor: pointer;
}
#burgerbutton_outer_ct {
  position: absolute;
  width: 40px;
  top: 4px;
  right: -5px;
  z-index: 5;
}
#burgerbutton_outer_ct #burgerbutton_ct {
  position: fixed;
  z-index: 3;
  background: rgba(0, 0, 0, 0);
  padding: 10px;
  width: 40px;
  cursor: pointer;
}
#burgerbutton_outer_ct #burgerbutton_ct img {
  width: 25px;
  height: auto;
}
#burgerbutton_outer_ct #burgerbutton_ct #burgerbutton {
  position: relative;
  /*
			@linie:3px;			

			width: 28px;
			height: 9px;
			border-top:@linie solid black;
			border-bottom:@linie solid black;
*/
}
#burgerbutton_ct {
  position: fixed;
  top: 10px;
  left: 0px;
  width: 100%;
  text-align: right;
  z-index: 21;
  pointer-events: none;
}
#burgerbutton {
  width: 30px;
  position: relative;
  display: inline-block;
  pointer-events: all;
}
#burgerbutton span {
  position: relative;
  height: 3px;
  display: block;
  margin: 9px 0px;
  background-color: black;
  transform: rotate(0deg);
  transition: 0.25s all;
}
.menu_open #burgerbutton .line1 {
  transform: translateY(6px) rotate(45deg);
}
.menu_open #burgerbutton .line2 {
  transform: translateY(-6px) rotate(-45deg);
}
#mobilemenu_container {
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0px;
  width: 100%;
  transition: 0.25s all;
  max-height: 0px;
  overflow: hidden;
  background-color: white;
  text-align: right;
}
.menu_open #mobilemenu_container {
  max-height: 200px;
}
#logo22_menu {
  position: absolute;
  top: 20px;
  left: 0px;
  z-index: 2;
  max-width: 60vw;
}
#logo22_menu img {
  width: 305px;
  height: auto;
  max-width: 100%;
}
#header_fixed {
  width: 100%;
  max-width: 100%;
  /*position:fixed; */
  position: relative;
  height: 157px;
  top: 0;
  z-index: 1;
  background: white;
}
#header_fixed.nopadding {
  position: absolute;
  background: transparent;
}
#mobilemenu_outer {
  position: relative;
  right: 0px;
  width: 100%;
  height: 163px;
  background: white;
  text-align: left;
  display: inline-block;
}
#mobilemenu_outer:before,
#mobilemenu_outer:after {
  /* fake rand links und rechts */
  content: "";
  display: block;
  position: absolute;
  left: -20px;
  width: 20px;
  height: 100%;
  background-color: white;
}
#mobilemenu_outer:after {
  left: auto;
  right: -20px;
}
#mobilemenu_outer #mobilemenu_inner {
  width: 1520px;
  max-width: 100% !important;
  max-width: 90%;
  margin: 0px auto;
  position: relative;
  position: absolute;
  /* width: 560px; */
  width: 33.33%;
  z-index: 3;
  top: 12px;
  right: 15px;
  /*
		.close {
			position:absolute;
			z-index:4;
			right: 0px;
			top: 3px;
			cursor:pointer;
			padding:5px;
			img
			{
				width:25px;
				height:auto;
			}
		}
		*/
}
#mobilemenu_outer #mobilemenu_inner.s {
  max-width: 90% !important;
}
#mobilemenu_outer #mobilemenu_inner.projekte .projekt_mainimg {
  margin-top: 15px;
  margin-bottom: 18px;
  /*
			max-height:calc(~'100vh - 175px');
			overflow:hidden;
			*/
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
}
#mobilemenu_outer #mobilemenu_inner.projekte .projekt_mainimg img {
  display: block;
}
#mobilemenu_outer #mobilemenu_inner.projekte .projekt_mainimg_hoch {
  display: none;
  margin-top: 15px;
  margin-bottom: 14px;
  max-height: calc(100vh - 175px);
  overflow: hidden;
  display: flex;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
}
#mobilemenu_outer #mobilemenu_inner.projekte .projekt_mainimg_hoch img {
  display: block;
}
#mobilemenu_outer #mobilemenu_inner ul {
  position: relative;
  right: 0;
  padding: 0 0 14px 0;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-end;
}
#mobilemenu_outer #mobilemenu_inner ul li {
  margin-left: 40px;
  list-style-type: none;
  font-family: 'Maison Neue Bold';
  text-align: left;
}
#mobilemenu_outer #mobilemenu_inner ul li ul {
  margin: 0;
  flex-direction: column;
}
#mobilemenu_outer #mobilemenu_inner ul li ul li {
  margin-left: 0;
  list-style-type: none;
  font-family: 'Maison Neue Book';
}
#mobilemenu_outer #mobilemenu_inner .close {
  display: none;
}
#mainmenu {
  width: 1600px;
  max-width: 100%;
  height: 90px;
  background: white;
  position: fixed;
  z-index: 2;
  top: 0px;
}
#mainmenu.trans {
  background: none;
}
#mobilemenu ul li ul {
  margin: 0;
  flex-direction: column;
}
#mobilemenu ul li ul li {
  margin-left: 0;
  list-style-type: none;
  font-family: 'Maison Neue Book';
}
#mobilenav {
  top: 0px;
}
#mobilenav li a {
  font-size: 15px;
  display: block;
  color: black;
  line-height: 1.24em;
}
#mobilenav li a:hover {
  color: #5a5a5a;
}
#mobilenav > li > a {
  line-height: 0.6em;
}
/*-------------------------
Ende mobile Navigation
---------------------------*/
/*-------------------------
Start Buero-Unterseite
---------------------------*/
#bild_header {
  /*
	width:100%;
	height:auto;


	margin-top:15px;
	margin-bottom:32px;
	overflow:hidden;
	*/
  margin-top: 15px;
  margin-bottom: 7px;
}
#bild_header img {
  width: 100%;
  height: auto;
}
#bild_header_mobil {
  display: none;
}
.standard_inner {
  position: relative;
  width: 760px;
  margin-left: 20%;
  margin-right: 40%;
  margin-bottom: 60px;
  letter-spacing: 0.02em;
}
.standard_inner:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.standard_inner.aktuell {
  width: 740px;
  max-width: 100%;
}
.standard_inner.aktuelldetail {
  margin-top: 15px;
}
.standard_inner h1 {
  font-size: 40x;
  line-height: 1.1em;
  margin-bottom: 19px;
  margin-top: 0px;
}
.standard_inner h1.pfad {
  font-size: 18px;
}
.standard_inner.aktuelldetail h2 {
  font-size: 23px;
  line-height: 1.2em;
}
.standard_inner.aktuelldetail a {
  text-decoration: underline;
}
.standard_inner .aufzaehlung_ueberschrift {
  text-transform: uppercase;
  margin: 0;
  font-size: 19px;
}
.standard_inner .aufzaehlung_ueberschrift:empty {
  display: none;
}
.standard_inner .aufzaehlung_inhalt.zweispaltig {
  width: 45%;
  float: left;
}
.standard_inner .trennlinie:last-child .checkbox_trennlinie {
  display: none;
}
.standard_inner .trennlinie:last-child:after {
  display: none;
}
.standard_inner .trennlinie:after {
  background-image: url("/_intern/pics/bg_linie.png");
  background-repeat: repeat-x;
  content: "";
  display: block;
  height: 1px;
  margin: 9px 0 8px 0;
  width: 100%;
}
#standard {
  font-size: 16px;
  line-height: 1.2em;
}
#standard h1 {
  line-height: 1.2em;
}
#standard .col_inhalt {
  width: 480px;
  max-width: 100%;
}
#standard .col_inhalt a:after {
  display: inline-block;
  content: '';
  width: 13px;
  height: 10px;
  margin-left: 7px;
  background-image: url('/_intern/pics/pfeil_link.png');
  /*background-image: url('/_intern/pics/mbpk_pfeil.svg');*/
  background-repeat: no-repeat;
  background-size: contain;
}
#standard .col_inhalt h2 {
  line-height: 1.1em;
  margin-bottom: 12px;
  margin-top: -4px;
}
#standard .col_inhalt .einzug {
  margin-left: 60px;
  text-indent: -15px;
}
.osmap {
  width: 100%;
  height: 600px;
}
.osmap .leaflet-pane {
  z-index: 0;
}
.schriftgroesse_klein {
  font-size: 13px;
}
.partner_inner {
  width: 1080px;
  max-width: 100%;
  margin: 0 auto;
}
.partner_fotos {
  position: relative;
}
.partner_fotos:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.partner {
  top: 0;
  width: 255px;
  height: auto;
  margin: 0 20px 0 0;
  float: left;
  position: relative;
}
.partner:last-of-type {
  margin: 0;
}
.partner img {
  height: auto;
}
.partner .name {
  font-family: 'Maison Neue Bold';
}
/*-------------------------
Ende Buero-Unterseite
---------------------------*/
.suchergebnis {
  margin-bottom: 15px;
}
#login_page {
  width: 300px;
  margin: 100px auto 0 auto;
}
#formular .req {
  color: red;
}
#formular .row {
  margin: 3px 0px;
}
#formular .row:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#formular .row .value {
  position: relative;
  display: inline-block;
  float: left;
}
#formular .row .value.binweg {
  display: none;
}
#formular .row .desc {
  float: left;
  width: 130px;
}
#formular input[type="text"],
#formular input[type="url"],
#formular input[type="email"],
#formular input[type="password"],
#formular textarea,
#formular select.webselect {
  background-color: #ffffff;
  border: 1px solid #000000;
  width: 300px;
  padding: 2px 5px;
}
#formular input[type="checkbox"],
#formular input[type="radio"] {
  margin-right: 3px;
}
#formular select.webselect {
  width: 311px;
}
#formular textarea {
  width: 200px;
  height: 150px;
}
#formular input[type="submit"] {
  background-color: #ffffff;
  border: 1px solid #000000;
  width: 300px;
  font-family: 'Maison Neue Bold';
  padding: 5px 5px;
}
#formular .hidden {
  display: none;
}
#formular .abhaengig {
  display: none;
}
#formular .radio_ul,
#formular .checkbox_ul {
  list-style-type: none;
  list-style-position: outside;
}
/*/formular*/
.form_edit_container {
  background-color: white;
  border: 1px solid  #3B3B3B;
  padding-bottom: 20px;
}
.form_controller {
  background-color: #EF8C11;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
}
#sitemap {
  padding-left: 15px;
}
#sitemap ul {
  padding-left: 15px;
}
/* -------------------
FORM VALIDATOR START
----------------------*/
#formular input.error,
#formular textarea.error,
#formular select.error {
  border: 1px solid rgba(255, 0, 0, 0.9);
}
#formular input.valid,
#formular textarea.valid,
#formular select.valid {
  /* border: 1px solid green; */
}
#formular label.error {
  width: 240px;
  position: absolute;
  right: -280px;
  top: -8px;
  padding: 8px;
  border: 1px solid #cccccc;
  background-color: rgba(255, 0, 0, 0.9);
  color: #151515;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.5);
}
/*KLassen für Editor*/
.rot {
  color: #c80f22;
}
/* -------------------
FORM VALIDATOR ENDE
----------------------*/
.cb_show {
  cursor: pointer;
}
#cookiebox_decker {
  display: none;
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(159, 159, 159, 0.8);
}
#cbox {
  display: none;
  width: 500px;
  max-width: 100%;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: white;
  padding: 14px 40px 20px 40px;
  font-size: 16px;
  z-index: 3;
}
#cbox h2 {
  margin-bottom: 5px;
}
#cbox a:hover {
  color: #5a5a5a;
}
#cbox .cb_text {
  padding: 0px 10px 10px 0;
  max-height: 30vh;
  overflow-y: scroll;
  /*	border-bottom:5px solid black;*/
  position: relative;
}
#cbox .cb_text a {
  text-decoration: underline;
}
#cbox .cb_link {
  border-top: 5px solid black;
  padding-top: 10px;
  margin-top: 20px;
}
#cbox h2 {
  margin-top: 0;
  padding-top: 0;
}
#cbox .cb_radio {
  margin-top: 20px;
}
#cbox .cb_radio input[type="checkbox"] {
  /* reset all styles */
  appearance: none;
  background-image: none;
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #d3d3d3;
  width: 20px;
  height: 20px;
  content: none;
  outline: none;
  margin: 0 5px 0px 0px;
  position: relative;
  top: 4px;
  /* Inputs könne eigentlich KEINE :pseudo Elemente besitzen. Hiermit stylet man also erneut das Input selber */
}
#cbox .cb_radio input[type="checkbox"]:checked {
  appearance: none;
  outline: none;
  padding: 0;
  content: none;
  border: none;
}
#cbox .cb_radio input[type="checkbox"]:checked::before {
  position: absolute;
  color: grey !important;
  content: "\00A0\2713\00A0" !important;
  border: 1px solid #d3d3d3;
  font-weight: bolder;
  font-size: 13px;
}
#cbox .cb_buttons {
  margin-top: 20px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#cbox .cb_buttons button {
  padding: 1px 20px;
  color: white;
  border: none;
  display: block;
}
#cbox .cb_buttons button.all {
  background: black;
}
#cbox .cb_buttons button.save {
  background: #646363;
}
#cbox .cb_buttons button.deny {
  background: #9d9d9c;
}
/*alte cookiebox:*/
#cookiebanner a {
  color: #fff;
  text-decoration: underline;
}
#cookiebanner a:hover {
  text-decoration: underline;
}
#cookiebanner div {
  padding: 10px;
  padding-right: 40px;
}
#cookiebanner {
  text-align: center;
  border-bottom: 1px solid black;
  background: rgba(0, 0, 0, 0.6);
  color: white;
  position: fixed;
  bottom: 0px;
  z-index: 10000;
  width: 100%;
  font-size: 12px;
  line-height: 16px;
  padding-bottom: 10px;
}
#cookiebannerCloser {
  color: #2F2F2F;
  font: 14px/100% arial, sans-serif;
  /*
	position: absolute;
	right: 5px;
	*/
  margin: 0 auto;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
  top: 5px;
  cursor: pointer;
  border-top: 1px solid white;
  border-left: 1px solid white;
  border-bottom: 1px solid #7b92a9;
  border-right: 1px solid #7b92a9;
  padding: 4px;
  background: #ced6df;
  /* Old browsers */
}
#cookiebannerCloser:hover {
  border-bottom: 1px solid white;
  border-right: 1px solid white;
  border-top: 1px solid #7b92a9;
  border-left: 1px solid #7b92a9;
}