/* CUSTOM CSS */
.wrapper header.header1 {
  width: calc(100% - 4vw);
  left: calc(50% + 2vw);
  margin-left: -50%;
}
.logomobil {
	max-width: 150px;
}
@media only screen and (max-width: 767px) {
	.logolinks .columns { width: 100%; margin 0; }
}
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 1vw;
}
.intro .mejs-container, 
.intro .mejs-container .mejs-controls {
	background:transparent;
}
footer {
  border-top:none;
}
.footer-7 .container {
	max-width: 980px;
}
.footer-7 .menu a {
	text-transform: uppercase;
	font-size: 1.1em;
}
/* Video Beschreibung */
.page-id-11029 .intro .caption,
.page-id-13582 .intro .caption {
	padding: 7em 0 4em;
}
#breadcrumbs,
.page-id-11029 .intro .wp-video,
.page-id-13582 .intro .wp-video {
	margin: 0 20px;
}
.pluseditor .container {
	margin-bottom: 3em;
}
.editor-editor .greyh2 h2 {
	width: fit-content;
	margin: 0 auto 1vw;
	background-color: #878787;
	color:#ffffff;
	padding: 0.3em 0.8em;
	letter-spacing: 0.1em;
	font-size: 1.3em;
}
.editor-editor .greyh2 h2 a,
.editor-editor .greyh2 h2 a:hover {
	color:#ffffff;
}
.container.editor-editor {
	margin-bottom: 1.5em;
}
.editor-editor img {
	margin:0 !important;
}
.bildreihe .bildbox {
	height: 28.5vw;
}

.bildreihe .bg {
  background-color: rgba(255, 255, 255, 0.6);
}
.bildreihe .bg:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.bildreihe .bg h3,
.bildreihe .bildbox:hover .bg h3 {
	color: #1a1a1a;
	text-transform:none;
	font-size: 1em;
	font-weight: 400;
}

/* Layout 13 */
.historie .container.layout1 {
	display: flex;
	flex-wrap: wrap;
	max-width: 1024px;
	margin-bottom: 0;
}
.historie .layout1 .columns {
	margin-left:0;
}
.historie .layout1 .columns:first-child {
	margin-left: 2%;
}
.historie .layout1 .offset-by-four.columns {
  margin-left: 36.6666666667%;
}
.historie .layout1.ebene1 .columns {
	border-bottom: 1px solid #000;
}
.historie .layout1 .columns:first-child {
	border-right: 1px solid #000;
}
.historie .layout1 .daten {
	margin-bottom: 3em;
}
.historie .layout1 b {
	font-size: 1.2em;
	color: #000;
	font-weight: 400;
}
.historie .layout1 .daten *{
	color: #585858;
}
.historie .layout1.rechts .daten{
	margin: 0.5em 3em 4em 0.5em;
}
.historie .layout1.links .daten{
	margin: 0.5em 0.5em 4em 3em;
}
.firmenname {
	margin-bottom:0;
}
@media only screen and (min-width: 551px) and (max-width: 1024px) {
.notiz p {
	font-size: 14px !important;
}
}
@media only screen and (max-width: 767px) {
  .historie .layout1 .empty { display:none; } 
  .historie .layout1 .columns,
  .historie .layout1 .offset-by-four.columns { 
	  width: 100%; 
	  margin-left: 0;
	  margin-bottom: 0;
  }
  .historie .layout1 .six.columns {
	 margin-bottom: 2em;
  }
  .historie .layout1.rechts .daten {
  	margin: 0.5em 3em 2em 0.5em;
  }
  .historie .layout1.links .daten{
	margin: 0.5em 0.5em 2em 3em;
  }
  .historie .layout1 .columns:first-child {
	margin-left: 0;
  	border-right:none;
  }
  .historie .layout1.rechts .six.columns{
	border-left: 1px solid #000;
	text-align: left;
  }
  .historie .layout1.links .six.columns{
	border-right: 1px solid #000;
	text-align:right;
  }
}