@charset "UTF-8";
/* CSS Document */

/* ==================== */
/* default desktop menue */

.top {
background-color: #fed300!important;
  /* background-position: 50% 50%;
    background-size: 2700px;
    background-repeat: no-repeat;*/
}


.toplink-2 {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 15px;
  padding-left: 15px;
  background-color: #0071b9;
  color: white;
  font-size: 16px;
  text-decoration: none;
}
.toplink-2:hover, .toplink-2:focus {
  color: white;
  background-color: #2980B9;
}


.w-list-unstyled-menue {
    padding: 10px;
    list-style: none;
}

.w-list-unstyled-menue-elektroplanung {
    padding-left: 10px;
    list-style: none;
    
}
/* colors desktop menue */
.column-4 {
   min-height: 280px;
   background: #787876;
}

.column-5 {
   min-height: 280px;
   background: #0071b9;
}

.column-6 {
   min-height: 280px;
   background: #787876;
}

.column-7 {
    padding-top: 25px;
    padding-bottom: 0px;
}



.firstlistitemelektroplanung {
    margin-bottom: 15px;
    color: #fed300;
    font-size: 18px;
    text-decoration: none;
}

.firstlistitemelektroplanung a:link {
    text-decoration: none;
    color: #fed300;
}

.firstlistitemelektroplanung a:visited {
    text-decoration: none;
	color:#fed300;
}

.firstlistitemelektroplanung a:hover {
    text-decoration: none;
	color:#fed300;
}

.firstlistitemelektroplanung a:active {
    text-decoration: none;
	color:#fed300;
}



.menue_elektroplanung a:link {
    text-decoration: none;
    color: #ffffff;
}

.menue_elektroplanung a:visited {
    text-decoration: none;
	color:#fed300;
}

.menue_elektroplanung a:hover {
    text-decoration: none;
	color:#fed300;
}

.menue_elektroplanung a:active {
    text-decoration: none;
	color:#fed300;
}




.firstlistitem_maschinensicherheit {
    margin-bottom: 15px;
    color: #fed300;
    font-size: 18px;
    text-decoration: none;
}

.firstlistitem_maschinensicherheit a:link {
    text-decoration: none;
    color: #fed300;
}

.firstlistitem_maschinensicherheit a:visited {
    text-decoration: none;
	color:#fed300;
}

.firstlistitem_maschinensicherheit a:hover {
    text-decoration: none;
	color:#fed300;
}

.firstlistitem_maschinensicherheit a:active {
    text-decoration: none;
	color:#fed300;
}


.menue_automation_maschinensicherheit a:link {
    text-decoration: none;
    color: #ffffff;
}

.menue_automation_maschinensicherheit a:visited {
    text-decoration: none;
	color:#fed300;
}

.menue_automation_maschinensicherheit a:hover {
    text-decoration: none;
	color:#fed300;
}

.menue_automation_maschinensicherheit a:active {
    text-decoration: none;
	color:#fed300;
}

.ganze-breite{
}

.ganze-breite-tab{
margin-bottom: 5px;
border: 0.5rem outset #0091d9;
/*box-shadow: 0 0 0 2rem #eeeeee ; */
border-radius: 5px;
}

.list-karriere {
    margin-top: 10px;
    margin-left: 420px;
}
.list-unternehmen {
    margin-top: 10px;
    margin-left: 270px;
}

.dropdownleistungen {
    position: absolute;
    z-index: 29;
    display: block;
    width: 100%;
    margin-top: 123px;
    padding-top: 0px!important; 
    padding-bottom: 0px;
    background-color: #fff;
    opacity: 0;
}


.h2-standard-content {
    margin-bottom: 25px;
    padding-left: 45px;
    background-image: url(../images/h2-gelbes-dreieck-klein.png);
    background-position: 0px 0%;
    background-size: 25px;
    background-repeat: no-repeat;
    color: #787876; 
    text-align: left;
    text-transform: none;
	line-height: 23px;
}

.h2-standard-tab {
    margin-bottom: 25px;
    padding-left: 60px;
    background-image: url(../images/h2-gelbes-dreieck-klein.png);
    background-position: 0px 0%;
    background-size: 25px;
    background-repeat: no-repeat;
    color: #787876; 
    text-align: left;
    text-transform: none;
    line-height: 23px;
    font-size: 20px
}

.h2-standard-content-weiss {
    margin-bottom: 25px;
    padding-left: 45px;
    background-image: url(../images/h2-gelbes-dreieck-klein.png);
    background-position: 0px 0%;
    background-size: 25px;
    background-repeat: no-repeat;
    color: #ffffff; 
    text-align: left;
    text-transform: none;
	line-height: 23px;
}

.h2-standard-left {
    text-align: left;
    text-transform: upper;
}

.h3-standard-left {
    text-align: left;
    text-transform: upper;
}

.content, .ganze-breite-2-spaltig-text a:link {
    text-decoration: none;
	color:#fed300; 
}

.content, .ganze-breite-2-spaltig-text a:visited {
    text-decoration: none;
	color:#0071b9;
}

.content, .ganze-breite-2-spaltig-text a:hover {
    text-decoration: none;
	color:#0071b9;
}

.content, .ganze-breite-2-spaltig-text a:active {
    text-decoration: none;
	color:#0071b9;
}

.links-blau-inner p {
   color: #ffffff;
}

.links-blau-inner-elektroplanung {
  padding-top: 0px;
  padding-left: 48px;
  background-image: url('../images/h2-gelbes-dreieck-klein.png');
  background-position: 0px 0px;
  background-size: 33px 33px;
  background-repeat: no-repeat;
}

.links-blau-inner a:link {
    text-decoration: none;
	color:#fed300; 
}

.links-blau-inner a:visited {
    text-decoration: none;
	color:#ffffff;
}

.links-blau-inner a:hover {
    text-decoration: none;
	color:#ffffff;
}

.links-blau-inner a:active {
    text-decoration: none;
	color:#787876;
}

.links-blau {
  min-height: 600px;
  padding: 65px;
  background-color: #0071b9;
}

.links-grau {
   color: #787876;
   min-height: 600px;
   padding: 65px;
   background-color: #fff;
}
.links-grau-inner {
  color: #787876;
  padding-top: 11px;
  padding-left: 69px;
  background-image: url('../images/gelbe-ecke-01.png');
  background-position: 0px 0px;
  background-size: 116px 110px;
  background-repeat: no-repeat;
}
.links-grau-inner p {
  color: #787876;
}

.links-grau-inner.elektroplanung {
  padding-top: 0px;
  padding-left: 48px;
  background-image: url('../images/h2-gelbes-dreieck-klein.png');
  background-position: 0px 0px;
  background-size: 33px 33px;
  background-repeat: no-repeat;
}

.links-grau-inner a:link {
    text-decoration: none;
	color:#fed300; 
}

.links-grau-inner a:visited {
    text-decoration: none;
	color:#787876;
}

.links-grau-inner a:hover {
    text-decoration: none;
	color:#787876;
}

.links-grau-inner a:active {
    text-decoration: none;
	color:#787876;
}

.bottom a:link {
    text-decoration: none;
	color:#787876; 
}

.bottom a:visited {
    text-decoration: none;
	color:#0071b9f;
}

.bottom a:hover {
    text-decoration: none;
	color:#0071b9;
}

.bottom a:active {
    text-decoration: none;
	color:#0071b9;
}

.bottom, .blau a:link {
    text-decoration: none;
	color:#fed300; 
}

.bottom, .blau a:visited {
    text-decoration: none;
	color:#ffffff;
}

.bottom, .blau a:hover {
    text-decoration: none;
	color:#ffffff;
}

.bottom, .blau a:active {
    text-decoration: none;
	color:#ffffff;
}



.bt-sprung {
  padding-top:5px;
  padding-left: 5px;
  padding-right: 0px;
  padding-bottom: 0px;
  height: 80px;
  width: 500px;
}


.bt-sprung-tab {
  padding-top:40px;
  padding-left: 5px;
  padding-right: 0px;
  padding-bottom: 0px;
}


.bt-sprung-c {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  margin-left: 30px;
  font-size: 20px;
  background-color: #0071b9;
  background-image: url('../images/pfeil-gelb-klein.png');
  background-position: -1px 0px;
  background-size: 33px 66px;
  background-repeat: no-repeat;
}


.bt-sprung-c-blau {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  margin-left: 30px;
  font-size: 20px;
  background-color: #0071b9;
  background-image: url('../images/pfeil-gelb-klein-transp.png');
  background-position: -1px 0px;
  background-size: 33px 66px;
  background-repeat: no-repeat;
}


.bt-sprung a:link {
  padding-left: 50px;
  text-decoration: none;
  color:#fed300; 
}

.bt-sprung a:visited {
  padding-left: 50px;
  text-decoration: none;
  color:#ffffff;
}

.bt-sprung a:hover {
  padding-left: 50px;
  text-decoration: none;
  background-color: #fed300;
  color:#282826;
}

.bt-sprung a:active {
  padding-left: 50px;
  text-decoration: none;
  background-color: #fed300;
  color:#787876;
}


.bt-sprung-tab a:link {
  padding-left: 50px;
  text-decoration: none;
  color:#fed300; 
}

.bt-sprung-tab a:visited {
  padding-left: 50px;
  text-decoration: none;
  color:#ffffff;
}

.bt-sprung-tab a:hover {
  padding-left: 50px;
  text-decoration: none;
  background-color: #fed300;
  color:#282826;
}

.bt-sprung-tab a:active {
  padding-left: 50px;
  text-decoration: none;
  background-color: #fed300;
  color:#787876;
}


li {
 color: #787876;
 font-size: 17px;
 line-height: 20px;
}

.weiss li {
    color: #ffffff;
    font-size: 17px;
    line-height: 20px;
	margin: 5px;
}
.grau {
    color: #787876;
    font-weight: 400;
}


.grau li {
    color: #787876;
    font-size: 17px;
    line-height: 20px;
	margin: 5px;
}


.bt-gespraechstermin-weiss a:link {
    margin-top: 20px;
    color: #fff;
}

.bt-gespraechstermin-weiss a:visited {
    text-decoration: none;
	color:#ffffff;
}

.bt-gespraechstermin-weiss a:hover {
    text-decoration: none;
	color:#ffffff;
}

.bt-gespraechstermin-weiss a:active {
    text-decoration: none;
	color:#ffffff;
}


/*Slider*/

.slide {
    background-image: url("../images/slider-image-dummy-01.jpg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: auto auto;
}

.slide01 {
  background-image: url('../images/slider-01.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide02 {
  background-image: url('../images/slider-02.jpg');
  background-position: 50% 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide03 {
  background-image: url('../images/slider-03.jpg');
  background-position: 50% 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide04 {
  background-image: url('../images/slider-04.jpg');
  background-position: 50% 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide05 {
  background-image: url('../images/slider-05.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide06 {
  background-image: url('../images/slider-06.jpg');
  background-position: 50% 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide07 {
  background-image: url('../images/slider-07.jpg');
  background-position: 50% 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide08 {
  background-image: url('../images/slider-08.jpg');
  background-position: 50% 0px;
  background-size: cover;
  background-repeat: no-repeat;
}
.slide09 {
  background-image: url('../images/slider-09.jpg');
  background-position: 50% 0px;
  background-size: cover;
  background-repeat: no-repeat;
}
.slide10 {
  background-image: url('../images/slider-10.jpg');
  background-position: 50% 0px;
  background-size: cover;
  background-repeat: no-repeat;
}
.slide11 {
  background-image: url('../images/slider-11.jpg');
  background-position: 50% 0px;
  background-size: cover;
  background-repeat: no-repeat;
}
.slide12 {
  background-image: url('../images/slider-12.jpg');
  background-position: 50% 0px;
  background-size: cover;
  background-repeat: no-repeat;
}
.slide13 {
  background-image: url('../images/slider-13.jpg');
  background-position: 50% 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.content.blau {
    background-color: #0071b9;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}


.headline {
    position: relative;
    z-index: 20;
    margin-top: -102px;
}


.w-nav-link .w--current {
    color: #0082f3;
}


/*duplexbilder*/


.breit-bild-bauleitung {
    background-image: url("../images/bauleitung.jpg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 400px;
}

.breit-bild-pv-projekte {
    background-image: url("../images/pv-projekte.jpg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 400px;
}

.breit-bild-abheben {
    background-image: url("../images/abheben.jpg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 400px;
}


.breit-bild-berufung {
    background-image: url("../images/berufung.jpg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 400px;
}

.rechts-bild-elektroplanung {
    background-image: url("../images/img_elektroplanung.jpg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 600px;
}

.rechts-bild-automatisierer {
    background-image: url("../images/img_automatisierer.jpg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 600px;
}

.rechts-bild-elektroplaner {
    background-image: url("../images/img-elektroplaner.jpg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 600px;
}

.rechts-bild-lehre-aut {
    background-image: url("../images/img_lehre_aut.jpg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 600px;
}

.rechts-bild-ausbildung {
    background-image: url("../images/img-ausbildung.jpg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 600px;
}

.rechts-bild {
    min-height: 600px;
    background-image: url(../images/img-werkzeug.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.rechts-bild-thermografie {
    min-height: 600px;
    background-image: url(../images/img-thermografie-01.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.rechts-bild-besprechung {
    min-height: 600px;
    background-image: url(../images/img-besprechung.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.rechts-bild-ladesystem {
    min-height: 600px;
    background-image: url(../images/img-ladesystem.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.rechts-bild-front {
    min-height: 600px;
    background-image: url(../images/img-front.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.rechts-bild-front-color {
    min-height: 600px;
    background-image: url(../images/img-front-color.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.rechts-bild-automation {
    min-height: 600px;
    background-image: url(../images/img-automation.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.rechts-bild-maschinensicherheit {
    min-height: 600px;
    background-image: url(../images/img-maschinensicherheit.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.rechts-bild-werkzeug {
    min-height: 600px;
    background-image: url(../images/img-werkzeug.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.rechts-bild-ladesaeule230 {
    min-height: 600px;
    background-image: url(../images/img-ladesaeule230.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.rechts-bild-ladesaeule_lke {
    min-height: 600px;
    background-image: url(../images/img-ladesaeule_lke.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}


.rechts-bild-webstartbild {
    min-height: 600px;
    background-image: url(../images/img-startbild_ls_lke.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.imgrechts{
float: right;
}

.links-blau {
    min-height: 600px;
    padding-left: 65px;
    padding-bottom: 0px;
    background-color: #0071b9;
}
.unordered-list {
    margin-top: 40px;
    margin-left: 0px; 
}

/*	Making the form responsive. Remove this media query
    if you don't need the form to work on mobile devices. */

.icon_adress {
    max-width: 100%;
    vertical-align: top;
    display: inline-block;
    float: left;
	margin-right: 8px;
	margin-bottom: 50px;
}
.icon_footer {
    max-width: 100%;
    vertical-align: top;
    display: inline-block;
	margin-right: 8px;
}
.row_footer{
}
.col_footer{
}
.text_footer{
}

.text-block-4 {
    width: 220px;
}


/* SIMPLE DROPDOWN LK 08.08.21 */
 /* Dropdown Button */
.dropbtn {
/*  background-color: #0071b9;   3498DB*/
  background-image: url('../images/menue_blue.png');
  background-position: 0px 0px;
  background-size: 50px 52px;
  background-repeat: no-repeat;
  background-color: #0071b9;
  color: white;
  text-align: right;
  width: 130px;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: #2980B9;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
  font-size: 16px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.showm {display:block;}

/* END SIMPLE DROPDOWN */

/*992-*/

@media only screen and (min-width : 991px) and (max-width : 1111px) { 
.list-karriere {
    margin-left: 350px!important;
}
.list-unternehmen {
    margin-left: 20%!important;
}
.content{
    padding-left: 10px;
    padding-right: 10px;
}

.links-blau {
    padding-right: 20px!important;
}
.w-container{
    padding-left: 10px;
    padding-right: 10px;
}
}

@media (max-width: 991px) {
.list-karriere {
    margin-top: 10px;
    margin-left: 0px;
    width: 100%;
    text-align: center;
}
	
.list-unternehmen {
    margin-top: 10px;
    margin-left: 0px;
    width: 100%;
    text-align: center;
		
}
	
.list-karriere {
    margin-top: 10px;
    margin-left: 0px;
    width: 100%;
    text-align: center;
}
	
.list-unternehmen {
    margin-top: 10px;
    margin-left: 0px;
    width: 100%;
    text-align: center;
		
}
	
.bottom {
    height: 420px;
}

.content{
    padding-left: 10px;
    padding-left: 10px;
}
.w-container{
    padding-left: 10px;
    padding-right: 10px;
}
.links-blau-inner {
    padding-top: 0px!important;
    padding-left: 35px!important;
    padding-right: 0px!important;
    background-image: url(../images/h2-gelbes-dreieck-klein.png);
    background-position: 0px 0px!important;
    background-size: 33px!important;
    background-repeat: no-repeat;
}
}

@media (max-width: 767px) {
	
.slider-2 {
    height: 350px;
}

.list-karriere {
    margin-top: 10px;
    margin-left: 0px;
    width: 100%;
    text-align: center;
}
	
	
.list-unternehmen {
    margin-top: 10px;
    margin-left: 0px;
    width: 100%;
    text-align: center;
		
}
	
.list-karriere {
    margin-top: 10px;
    margin-left: 0px;
    width: 100%;
    text-align: center;
}
	
.list-unternehmen {
    margin-top: 10px;
    margin-left: 0px;
    width: 100%;
    text-align: center;
}
	
.h2-standard-content {
    margin-bottom: 25px;
    padding-left: 45px;
    background-image: url(../images/h2-gelbes-dreieck-klein.png);
    background-position: 0px 0%;
    background-size: 33px;
    background-repeat: no-repeat;
    color: #787876;
    text-align: left;
    text-transform: none;
    line-height: 40px;
}	
	.heading-5.icon {
    margin-top: 10px;
    line-height: 33px;
    font-size: 30px;
}
	
	.w-list-unstyled-menue-elektroplanung {
    padding-left: 0px;
    list-style: none;
}
	.bottom {
    height: 600px;
}
	.icon_adress {
    max-width: 40%;
    vertical-align: top;
    display: inline-block;
    float: left;
    margin-right: 10px;
    margin-bottom: 0px;
}
.icon_footer {
    max-width: 40%;
}

.row_footer{
}
.col_footer{
	columns: 1;
	min-width: 300px;
	float: center;
}
.text_footer{
	#float: center;
}

.div-block-8{
	columns: 2;
	display: block;
	float: center;
}
.div-block-9{
	min-width: 100px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.div-block-10{
	min-width: 100px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.div-block-11{
	min-width: 100px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.div-block-12{
	min-width: 100px;
	padding-top: 5px;
	padding-bottom: 5px;
}

 /* Dropdown Button */
.dropbtn {
/*  background-color: #0071b9;   3498DB*/
  background-image: url('../images/menue_blue.png');
  background-position: 0px 0px;
  background-size: 50px 52px;
  background-repeat: no-repeat;
  background-color: #ffffff;
  color: white;
  text-align: right;
  width: 130px;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

}

@media (max-width: 479px) {

	.icon_adress {
    max-width: 40%;
    vertical-align: top;
    display: inline-block;
    float: none;
    margin-right: 10px;
    margin-bottom: 0px;
}
	
.icon_footer {
    max-width: 40%;

}
	.bottom {
    height: 650px;
}


}	
	
@media (max-width: 420px) {

.slider-2 {
    height: 350px;
}
.links-blau-inner {
    padding-top: 0px!important;
    padding-left: 0px!important;
    background-position: 0px 0px!important;
    background-size: 0px!important;
    background-repeat: no-repeat;
}
	
	
}