/*** General Styles ***/

html {
  scroll-behavior: smooth;
}

body { 
	margin: 0px; 
	padding: 0px; 
	font-weight: 400;
	background: #fff;
	padding: 0px;
	margin: 0px;
	font-family: 'Poppins', Arial;
    width: 100%;
    display: block;
    overflow-x: hidden;
}


/***  Style Elements  ***/

.clearer {
	clear: both;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

:target {
  display: block;
  position: relative;
  top: -150px; 
  visibility: hidden;
}

/*** Buttons ***/

a.button,
a.button:hover {
  border: 0;
}

/***  Navigation  ***/

#main-navigation {
	display: none;
}

/* Menu Bottom */

#menu_bottom {
  display: none;
}


/***  Header  ***/

#header {
  	position: static;
    box-shadow: 0;
    z-index: 5;
    height: 90px;
}

.header-inner {
  	height: auto;
  	max-width: 1000px;
  	position: relative;
  	margin-left: auto;
	margin-right: auto;
}

#logo,
#logo-m {
  	height: auto;
  	width: auto;
    position: absolute;
  	top: 0px;
  	left: 0px;
  	z-index: 500;
  	display: inline-block;
  	float: left;
}

#logo-m {
  display: none;
}

#logo img,
#logo-m img {
  	max-height: 70px;
  	width: auto;
  	display: block;
}


/***  Content  ***/

#stage { 
	width: 100%;
  	margin-left: auto;
	margin-right: auto;
	min-height: 500px; 
	height: auto;
	padding: 0px; 
	margin-bottom: 0px; 
    margin-top: 90px;
	text-align: left;  
	display: block;
	padding-top: 0px;
    display: block;
    overflow-x: hidden;
}

#stage img {
  max-width: 100%;
  height: auto;
  display: block;
}

.main-col {
	padding: 0px 0px 0px 0px;
    /* max-width: 1080px; */
	margin-left: auto;
	margin-right: auto;
}

.frame-layout-0 {
	padding: 0px 0px 0px 0px;
    max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.frame-layout-2 {
	padding: 0px 0px 0px 0px;
    max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.frame-layout-3 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;

}

/*** teaser ***/

.teaser-wrapper {
	padding: 30px 0px 30px 0px;
    /*max-width: 1070px;*/
    max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.teaser-wrapper .container-fluid {
  padding-right: 2%;
  padding-left: 2%;
  width: 96%;
  box-sizing: content-box;
}

.teaser-wrapper .col-md-4:nth-of-type(2) {
  margin-left: 0%;
  margin-right: 0%;
}

.teaser-wrapper .col-md-4 {
  width: 48%;
  margin-left: 1%;
  margin-right: 1%;
}



.teaser-wrapper .col-md-6 {
  border: 1px solid #707070;
  width: 48%;
  box-shadow: 0px 20px 50px #00000029;
}

.teaser-wrapper .col-md-6:nth-of-type(1) {
  margin-right: 2%;
}

.teaser-wrapper .col-md-6:nth-of-type(2) {
  margin-left: 2%;
}

.teaser-wrapper img {
	width: 120px;
    height: auto;
    display: block;
    padding-top: 30px;
}

.teaser-wrapper h3 {
  background: #29235C;
  color: #fff;
  margin: 0px;
  padding: 4% 2%;
  min-height: 95px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

.teaser-wrapper .ce-bodytext {
  padding: 5% 6%;
}

#uid1 .teaser-wrapper .ce-textpic .ce-bodytext {
  padding: 0% 6% 5% 6%;
}

.teaser-wrapper p {
  margin-bottom: 30px;
}

/* Teaser Icons */

.services h3 {
  padding-left: 10%;
}

.services ul {
  margin-left: 8%;
  margin-right: 4%;
  padding-left: 0px;
}

.icon-tech-details header h3 {
  background: #29235C url(../images/Icons/Technische-Details-Icon-2.png) 5% 15px no-repeat;
  background-size: 65px;
}

.icon-visibility header h3 {
  background: #29235C url(../images/Icons/Sichtbarkeit-Icon-2.png) 5% 15px no-repeat;
  background-size: 65px;
}

.icon-star header h3 {
  background: #29235C url(../images/Icons/Stern-blau-Icon.png) 5% 15px no-repeat;
  background-size: 65px;
}

.icon-benefits header h3 {
  background: #29235C url(../images/Icons/Ansprechpartner-Icon.png) 5% 15px no-repeat;
  background-size: 65px;
}


/*** Eyecatcher Wrapper ***/

.eyecatcher-wrapper {
  padding: 10% 5%;
  margin: 0% 0 5% 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(../images/Eyecatcher/eyecatcher-start.jpg) top center no-repeat;
  background-size: cover;
  height: 300px;
  box-sizing: border-box;
}

#uid3 .eyecatcher-wrapper,
#uid7 .eyecatcher-wrapper {
  background: url(../images/Eyecatcher/eyecatcher-leistungen.jpg) top center no-repeat;
}

.eyecatcher-wrapper h1 {
  color: #fff;
  padding: 0px;
  margin: 0px;
}

.eyecatcher-wrapper p:first-of-type {
  padding: 0px;
  margin: 0px;
}

.eyecatcher-wrapper p strong {
  color: #fff;
  font-size: 40px;
  line-height: 55px;
}

/*** Gradient Wrapper ***/

.gradient-wrapper {
  padding: 5% 5%;
  margin: 5% 0 0% 0;
}

.gradient-wrapper p,
.gradient-wrapper p strong {
  color: #fff;
}

.gradient-wrapper p {
  font-size: 40px;
  line-height: 50px;
}

.gradient-wrapper p strong {
  font-weight: 600;
  font-size: 50px;
  line-height: 62px;
}

/*** Google Maps Wrapper ***/

.googlemaps-wrapper {
  /*margin-top: -80px;*/
  margin-bottom: 0px;
}

.googlemaps-wrapper .container-fluid {
  padding-right: 0;
  padding-left: 0;
}

.googlemaps-wrapper .frame-layout-0 {
    max-width: 100%;
}


/*** List Styles ***/

#stage ul {
  padding-left: 0px;
}

#stage ul li {
  	color: #3C3C3B;
  	font-size: 20px; 
	line-height: 30px; 
  	padding-left: 5px;
  	padding-bottom: 6px;
  	margin-left: 5%;
  	list-style-type: square;
  	font-weight: 300;
}

#stage .col-md-6 ul li {
  	margin-left: 0%;
}

/** Gallery **/

.ce-gallery[data-ce-columns="3"] .ce-outer,
.ce-gallery[data-ce-columns="3"] .ce-inner,
.ce-gallery[data-ce-columns="3"] .ce-row {
    width: 100%;
}

.ce-gallery[data-ce-columns="3"] .ce-column {
  width: 33.33%;
  padding: 0px;
  margin: 0px;
}

/*
.ce-gallery[data-ce-columns="3"] .ce-column:nth-of-type(2) {
  margin: 0px 2%;
}
*/

.ce-gallery[data-ce-columns="3"] .ce-column img {
  width: 100%;
  height: auto;
  display: block;
}

/*** Quickpanel ***/

.qp {
    background: transparent linear-gradient(90deg, #F39200 0%, #E83C3B 26%, #951B81 53%, #29235C 100%) 0% 0% no-repeat padding-box;
    height: auto;
    display: block;
}

.qp-inner {
  	height: auto;
  	max-width: 1000px;
  	position: relative;
  	margin-left: auto;
	margin-right: auto;
	padding: 50px 0px;
}

.qp-inner div {
    width: auto;
    display: inline-block;
    box-sizing: border-box;
    padding-right: 0;
    vertical-align: top;
}

.qp-inner div:first-of-type {
    display: none;
}

.logo-invers,
.quicklinks {
	display: none;
}

.company {
    display: inline-block;
  	width: auto;
  	margin: 0px;
  	padding: 0px;
  	color: #fff;
  	font-size: 16px;
  	line-height: 26px;
  	font-weight: normal;
  	text-align: left;
  	vertical-align: top;  	
}

.company p {
  	color: #000;
  	font-size: 16px;
  	line-height: 26px;
  	font-weight: 300;
  	text-align: left;
  	margin: 0px;
  	padding: 0px;
}

.company p a,
.company p a:hover {
  	color: #000;
  	font-size: 16px;
  	line-height: 26px;
  	font-weight: 300;
  	text-align: left;
  	margin: 0px;
  	padding: 0px;
  	text-decoration: none;
}

/* Footer */

.footer {
	display: none;
}