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

*{margin:0; padding:0;}

body{margin:0; width:100%; background-color: #000;}

@font-face {font-family:"Nexa xBold";
src:url(Nexa_Slab_xBold-webfont.woff);}

@font-face {
  font-family: 'NexaBold';
   src: url('NexaBold.woff');
   font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NexaRustSans-Black';
  src: url('NexaRustSans-Black.woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'source_sans_proregular';
    
    src: url('sourcesanspro-regular-webfont.woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'source_sans_problack';
    src: url('sourcesanspro-black-webfont.woff');
    font-weight: normal;
    font-style: normal;

}

.section-1 {
height:800px;
background:url(images/bckg_1_1.jpg) no-repeat bottom;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
margin:0;
}

.container-1 {
max-width:980px;
height:500px;
margin:0px auto;
}

.container-1-2 {
max-width:980px;
min-height:60px;
margin:0px auto;
}

.fixed-nav-bar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  min-height: 60px;
  transition-duration: 1s;
}

.nav-btn {display:none;}

.logo {
width:100px;
height:40px;
margin-top:10px;
float:left;	
padding-left:20px;
}

.navi {
max-width:700px;
margin-top:20px;
float:right;
}

.navi ul {list-style-type:none;}

.navi li {display:inline;}

.navi a {text-decoration:none;
color:#ffffff;
font-family: 'NexaRustSans-Black';
font-weight:bold;
font-size:14px;
padding:0px 20px;
}

.individuell {
width:510px;
padding-left:20px;	
}

h1 {   font-family: 'NexaBold';
font-size:105px;
color:#ffffff;
text-align:left;
padding-top:320px;
border-bottom:medium #ff0000 solid;
}

.section-2 {
min-height:300px;
background-color:#ffffff;
margin:0;
}

.container-2 {
max-width:980px;
min-height:300px;
margin:0px auto;
padding-bottom:50px;	
}

h2 {color:#ff0000;
font-family: 'NexaRustSans-Black';
font-size:24px;
text-align:center;
padding-top:50px;
}

.icon-1 {
width:100px;
margin:0px auto;
}

.container-2-2 {
max-width:980px;
min-height:100px;
margin-top:50px;}

.spalte {
width:45%;
margin-left:2.5%;
margin-right:2.5%;
float:left;
}

.clear {clear:both;}

.spalte p {
font-family: 'source_sans_proregular';
font-size:14px;
color:#666666;
}

.section-3 {
height:415px;
background:url(images/bckg_2_2_2000.jpg) no-repeat center;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}

.container-3 {
max-width:980px;
min-height:200px;
margin:0px auto;
padding-top:120px;	
}

h3 {
text-align:center;
font-size:18px;
font-family: 'source_sans_proregular';
color:#ffffff;
}

.container-3 p {
text-align:center;
font-size:16px;
font-family: 'source_sans_proregular';
color:#ffffff;	
}

.kontakt {
width:150px;
height:30px;
background-color:#ff0000;
padding-top:10px;
margin:0px auto;
border-radius:2px;
}

.kontakt a {
text-decoration:none;
color:#ffffff;
font-family: 'NexaRustSans-Black';
font-size:16px;
padding:10px 20px;	
}

.section-4 {
min-height:400px;
background-color:#ffffff;
}

.container-4 {
max-width:980px;
min-height:400px;
margin:0px auto;
padding-top:50px;	
}

.spalte-2 {
width:45%;
margin-left:2.5%;
margin-right:2.5%;
float:left;
}

.i {margin:0 auto; height:250px;}

.clear {clear:both;}	

h4 {
font-family: 'NexaRustSans-Black';
font-size:24px;
color:#ff0000;
padding-top:20px;
}

.spalte-2 p {
font-size:14px;
font-family: 'source_sans_proregular';
color:#666666;	
}

.section-5 {
height:425px;
background:url(images/bckg_3_2000.jpg) no-repeat center;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}

.container-5 {
max-width:980px;
min-height:200px;
margin:0px auto;
padding-top:120px;	
}

.spalte-3 {
width:30%;
margin-left:1.5%;
margin-right:1.5%;
float:left;
}

.spalte-3 p {
color:#ffffff;
font-family: 'NexaBold';
font-size:16px;	
text-align:center;
}

#sp{
color:#ffffff;
font-family: 'NexaBold';
font-size:16px;	
text-align:center;	
}

.spalte-3 img {
margin:0px auto;
}

.icon-2 {
padding-bottom:5px;
padding-top:5px;
width:105px;
margin:0px auto;
}

.section-6 {
min-height:700px;
background-color:#ffffff;
}

.container-6 {
max-width:980px;
min-height:700px;
margin:0px auto;
padding-top:50px;	
padding-bottom:50px;
}

h5 {
font-family: 'NexaRustSans-Black';
font-size:24px;
color:#ff0000;	
}

#leistung {padding-left:25px;}

.spalte-4 {
width:45%;
margin-left:2.5%;
margin-right:2.5%;
float:left;
padding-top:30px;
padding-bottom:30px;
}

.spalte-4 p {
font-size:14px;
font-family: 'source_sans_proregular';
color:#666666;}

.spalte-4 ul {list-style-type:disc;
list-style:url(icons/red_dot.png);
font-size:14px;
font-family: 'source_sans_proregular';
color:#666666;}

hr {
display: block;
width:90%;
margin-top:1em;
margin-bottom: 1em;
margin-left: auto;
margin-right: auto;
border-style:groove;
border-width: 1px;	
}

.spalte-5 {
width:30%;
margin-left:2.5%;
margin-right:2.5%;
float:left;
padding-top:30px;
}

.spalte-6 {
width:60%;
margin-left:2.5%;
margin-right:2.5%;
float:left;
padding-top:30px;
padding-bottom:30px;
}

h6 {
font-family:"Nexa xBold";
font-size:16px;	
color:#ff0000;	
}

.spalte-6 p {
font-size:14px;
font-family: 'source_sans_proregular';
color:#666666;
}

.list {
float:left;
width:45%;
margin-left:2.5%;
margin-right:2.5%;
padding-top:30px;

}

.list ul, #ul {
list-style-type:disc;
list-style:url(icons/red_dot.png);
font-size:14px;
font-family: 'source_sans_proregular';
color:#666666;	
}

#ul {margin-left:2.5%;}

.spalte-7 {
float:left;
width:30%;
margin-left:2.5%;
margin-right:2.5%;
padding-top:30px;	
}

.visible-2 {display:none;}

#col {
text-align:center;
padding-top:30px;}

#iet {
font-size:14px;
font-family: 'source_sans_proregular';
color:#666666;
text-align:center;
padding-top:50px;}

.section-7 {
height:525px;
background:url(images/bckg_4_3_2000.jpg) no-repeat center;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}

.container-aeo {
max-width:980px;
height:575px;
margin:0px auto;
padding-top:80px;	
text-align:center;
}

.container-aeo p {
text-align:center;
font-size:16px;
font-family: 'source_sans_proregular';
color:#ffffff;	
}

.container-aeo img {width:200px; height:auto; padding-bottom:20px;}

#upper {
text-transform:uppercase;	
}

.section-8 {
min-height:500px;
background-color:#ffffff;	
}

.container-8 {
max-width:980px;
min-height:500px;
margin:0px auto;
padding-top:50px;
padding-bottom:50px;		
}

.container-8 h5 {text-align:center;}

.container-8 p {
font-size:14px;
font-family: 'source_sans_proregular';
color:#666666;
text-align:center;
}

h7 {
color:#ff0000;
font-family:"Nexa xBold";
font-size:18px;
text-align:center;	
}

#foto {padding-top:40px;}

.icon-3 {
padding-bottom:5px;
padding-top:5px;
width:250px;
margin:0px auto;
text-align:center;
}

.section-9 {
height:275px;
background:url(images/bckg_5_2000.jpg) no-repeat center;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}

.container-9 {
max-width:980px;
min-height:65px;
margin:0px auto;
padding-top:110px;
padding-bottom:50px;
text-align:center;
}

h8 {
font-family: 'NexaRustSans-Black';
font-size:24px;
color:#ffffff;	
}

.container-9 p {
font-size:14px;
font-family: 'source_sans_proregular';
color:#ffffff;
}

.section-10 {
min-height:300px;
background-color:#ffffff;	
}

.container-10 {
max-width:980px;
min-height:300px;
margin:0px auto;
padding-bottom:30px;
padding-top:30px;
}

#form-wrap {
width:600px;
border:none;
background-color:#fff;
margin:0px auto;
padding:20px 0px;	
}

form {
width:550px;
margin:0px auto;	 
}

label {
display:block;
margin:5px 0px 5px 20px;
font:14px;
font-family: 'source_sans_proregular';
color:#a8a8a8;
}

input {
width:250px;
height:30px;
margin:0 0 0 20px;
background-color:#ededed;
border:none;
border-radius:5px;
font:14px;
font-family: 'source_sans_proregular';	
}



textarea {
width:500px;
height:120px;
margin:0 0 0 20px;	
background-color:#ededed;
border:none;
border-radius:10px;		
}



fieldset {
border:none;
background-color:#fff;
padding:0 0 20px 0;
margin:0px;	
}

.label-1 {margin-top:10px;}

.btn {width:125px;
background-color:#ff0000;
color:#fff;
font-family: 'NexaRustSans-Black';
font-size:16px;
cursor:pointer;
}

#kont-form {
color:#666;
font-family: 'source_sans_proregular';
font-size:14px;	
}

#kont-form-2 {
color:#ff0000;
font-family: 'source_sans_problack';	
font-size:14px;
}

.standort {margin:0px auto; padding-left:70px;}

.standort p {
color:#666;
font-family: 'source_sans_proregular';
font-size:14px;
}

.section-11 {
height:0px;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}

.section-12 {
min-height:100px;
background-color:#000000;	
}

.container-12 {
max-width:980px;
min-height:100px;
padding-top:30px;
margin:0px auto;
padding-bottom:20px;	
}

.logo-unten {float:right; 
padding-right:10px;}

.u {padding-left:10px; 
padding-right:10px;
}

.uu {display:none;}

.impressum {
width:160px;
float:left;
text-align:center;
margin-top:15px;	
}

.impressum a {
color:#ffffff;
font-size:12px;
font-family: 'source_sans_proregular';	
text-decoration:none;
}

#btn-imp {color:#ffffff;
font-size:12px;
font-family: 'source_sans_proregular';	
text-decoration:none;
border-radius:2px;
width:180px;
background-color:#ff0000;
cursor:pointer;}

#impressum-visible {padding:10px 20px;
color:#fff;
font-size:14px;
font-family: 'source_sans_proregular';
display:none;
float:left;}

#impressum-visible a {color:#fff;}

.navi-unten {max-width:800px; float:right; padding-top:20px;}

.navi-unten ul {list-style-type:none;}

.navi-unten li {display:inline;
font-size:14px;
font-family: 'source_sans_proregular';
color:#ffffff;}

.navi-unten a {text-decoration:none; 
font-size:14px;
font-family: 'source_sans_proregular';
color:#ffffff;
padding-left:10px;
padding-right:10px;}

#cont {padding-right:0;}




@media (min-width:801px) and (max-width:980px) {
#unternehmen-img {width:395px;}	

.container-10 {padding-top:0px;}
textarea {width:400px;}	
}

@media (min-width:751px) and (max-width:800px) {
#unternehmen-img {width:360px;}	
.icon-3 img {width:180px;}

.container-10 {padding-top:0px;}
textarea {width:380px;}	
}
@media (min-width:751px) and (max-width:813px) {
.navi a {
font-size:13px;
padding:0px 15px;
}	
}
@media (min-width:481px) and (max-width:750px) {
.navi li {display:block; padding-top:10px; padding-bottom:10px; text-align:right;}
.nav-btn {display:block;}
.logo {display:none;}
.navi {display:none; padding-top:30px;}
.logo2 {padding-top:10px;
padding-left:20px;}
.menu-btn {float:right; padding-right:20px; padding-top:5px; cursor:pointer;}
.menu-btn:before {content:url(icons/nav-btn.png);}

h1 {font-size:80px;}
.individuell {width:400px;}
.section-5 {height:400px;}

}

@media (min-width:701px) and (max-width:750px) {
#unternehmen-img {width:340px;}	
.icon-3 img {width:180px;}

.container-10 {padding-top:0px;}
textarea {width:380px;}
}
@media (min-width:481px) and (max-width:700px) {
.spalte-2 {width:90%;
margin-left:5%;
margin-right:5%;}
#unternehmen-img {width:380px;}	
.icon-3 img {width:180px;}
.spalte-3 {width:45%;
margin-left:2.5%;
margin-right:2.5%;
float:left;	}	

.container-10 {padding-top:0px;}
#form-wrap {
width:350px;}
form {width:350px;}
input {width:350px;}
textarea {width:350px;}
label {text-align:left;}
.label-1 {margin-top:0px;}
.spalte-6, .spalte-7, .spalte-5 {width:90%;
margin-left:5%;
margin-right:5%;
padding-top:0px;
}

.spalte-7 {text-align:center;}
.standort {padding-left:10px;}


}
@media (min-width:489px) and (max-width:700px) {.visible {display:none;}
.visible-2 {display:inline;}}
@media (min-width:481px) and (max-width:580px) {
.spalte-4 {width:90%;
margin-left:5%;
margin-right:5%;}
.list {width:90%;
margin-left:5%;
margin-right:5%;
padding-top:0px;}
#ul {padding-left:5px;}	
.section-7 {height:525px; background-image:url(images/bckg_4_2_klein.jpg); background-position:center; background-repeat:no-repeat;}

.container-12 {padding-bottom:20px;}
.container-aeo {padding-top:60px;}
}
@media (min-width:361px) and (max-width:488px) {
.logo-unten {float:none; 
padding-right:0px;}
.container-12 {text-align:center; padding-bottom:20px;}
.u {display:none;}
.uu {display:inline; margin:0 auto;}
.navi-unten a {font-size:10px; padding-left:1px;
padding-right:1px;}
.navi-unten {float:none;}
.impressum {float:none; margin:20px auto; text-align:center;}

.visible {display:none;}
.visible-2 {display:inline;}	
}
@media (min-width:361px) and (max-width:480px) {
.navi li {display:block; padding-top:10px; padding-bottom:10px; text-align:right;}
.nav-btn {display:block;}
.logo {display:none;}
.navi {display:none; padding-top:30px;}
.logo2 {padding-top:10px;
padding-left:20px;}
.menu-btn {float:right; padding-right:20px; padding-top:5px; cursor:pointer;}
.menu-btn:before {content:url(icons/nav-btn.png);}	
.navi a {font-size:12px;}

h1 {font-size:60px; padding-top:250px;}
.individuell {width:300px;}
.section-1 {height:500px; background-position:bottom;}
.container-1 {height:500px;}
h2, h4, h5, h8 {font-size:18px;}
.spalte, .spalte-2 {width:90%;
margin-left:5%;
margin-right:5%;}
h3 {font-size:16px;}
.container-3 p {font-size:14px;}
.container-aeo p {font-size:14px;}
.kontakt {width:100px; height:20px; padding-top:5px;}
.kontakt a {font-size:14px; padding:2px;}
#unternehmen-img {width:300px;}	
.i {height:200px;}
.container-4 {padding-top:25px;}
.container-2 {padding-bottom:20px;}
.section-5 {height:400px;}
.container-5 {padding-top:65px;}
.spalte-2 p {
font-size:14px;}

.spalte-4 {width:90%;
margin-left:5%;
margin-right:5%;}
.list {width:90%;
margin-left:5%;
margin-right:5%;
padding-top:0px;}
#ul {padding-left:5px;}
#ul2 {padding-left:10px;}
h6 {font-size:14px;}
.container-6 {padding-top:20px; padding-bottom:5px;}
.spalte-3, .spalte-5, .spalte-6, .spalte-7 {width:90%;
margin-left:5%;
margin-right:5%;
padding-top:0px;}

.section-7 {height:525px; background-image:url(images/bckg_4_2_klein.jpg); background-position:center; background-repeat:no-repeat;}

.icon-3 img {width:150px;}
h7 {font-size:16px;}
.container-8 p, .spalte-3 p {font-size:14px;}
#sp {font-size:14px;}
.container-8 {padding-top:0px; padding-bottom:0px; min-height:300px;}
.container-10 {padding-top:0px;}
#form-wrap {
width:300px; text-align:center;}
form {width:300px;}
input {width:300px;}
textarea {width:300px;}
label {text-align:left;}
.label-1 {margin-top:0px;}


.spalte-7 {text-align:center;}
.spalte-5 {text-align:center;}


.standort {padding-left:10px;}

.section-11 {
height:300px;
}



#ikon {padding-top:20px;}
.container-aeo {padding-top:60px;}
.container-aeo img {width:150px;}
}

@media (min-width:0px) and (max-width:360px) {
.navi li {display:block; padding-top:10px; padding-bottom:10px; text-align:right;}
.nav-btn {display:block;}
.logo {display:none;}
.navi {display:none; padding-top:20px;}
.logo2 {padding-top:10px;
padding-left:20px;}
.menu-btn {float:right; padding-right:20px; padding-top:5px; cursor:pointer;}
.menu-btn:before {content:url(icons/nav-btn-klein.png);}
.navi a {font-size:10px;}

h1 {font-size:35px; padding-top:250px;}
.individuell {width:180px;}	
.section-1 {height:400px; background-image:url(images/bckg_1_2_mobil.jpg); background-position:left;}
.container-1 {height:400px;}
.logo2 img {width:80px; padding-top:5px;}
h2, h4, h5, h8 {font-size:16px;}
h4 {padding-top:40px;}
h2 {padding-top:20px;}
.spalte, .spalte-2 {width:90%;
margin-left:5%;
margin-right:5%;}
h3 {font-size:14px;}
.container-3 p {font-size:12px;}
.container-aeo p {font-size:12px;}
.kontakt {width:100px; height:20px; padding-top:5px;}
.kontakt a {font-size:14px; padding:2px;}
#unternehmen-img {width:200px;}	
.i {height:120px;}
.container-4 {padding-top:25px;}
.container-2 {padding-bottom:20px;}
.section-5 {height:400px;}
.container-5 {padding-top:65px;}
.spalte-2 p {
font-size:12px;}

.spalte-4 {width:90%;
margin-left:5%;
margin-right:5%;}
.list {width:90%;
margin-left:5%;
margin-right:5%;
padding-top:0px;}
#ul, {padding-left:5px;}
#ul2 {padding-left:10px;}
h6 {font-size:14px;}
.container-6 {padding-top:20px; padding-bottom:5px;}
.spalte-3, .spalte-5, .spalte-6, .spalte-7 {width:90%;
margin-left:5%;
margin-right:5%;
padding-top:0px;}


.section-7 {height:525px; background-image:url(images/bckg_4_2_klein.jpg); background-position:center; background-repeat:no-repeat;}
.icon-3 img {width:120px;}
.icon-3 {width:120px;}
h7 {font-size:14px;}
.container-8 p, .spalte-3 p, .spalte-4 p, .spalte-4 li, .list li, #ul li, .spalte-6 p, .spalte p {font-size:12px;}
#sp {font-size:14px;}

.container-8 {padding-top:0px; padding-bottom:0px; min-height:300px;}
.container-10 {padding-top:0px;}
#form-wrap {
width:250px;}
form {width:200px;}
label {margin-left:0;}
input {width:150px; margin-left:0;}
textarea {width:150px; margin-left:0;}
.label-1 {margin-top:0px;}

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

.standort {padding-left:10px;}

.section-11 {
height:300px;
}

.logo-unten {float:none; 
padding-right:0px;}
.container-12 {text-align:center; padding-bottom:40px;}
.u {display:none;}
.uu {display:inline; margin:0 auto;}
.navi-unten a {font-size:10px; padding-left:1px;
padding-right:1px;}
.navi-unten {float:none;}
.impressum {float:none; margin:20px auto; text-align:center;}

.visible {display:none;}
.visible-2 {display:inline;}

#ikon {padding-top:20px;}

#iet {
font-size:12px;}
.container-aeo {padding-top:60px;}
.container-aeo img {width:150px;}
}


.responsive_map {
height: 0;
overflow: hidden;
padding-bottom: 40%;
position: relative;
}

.responsive_map iframe {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
max-height: 500px;	
}





/*Datenschutz neu*/

 
		 .accordion{width:300px;height:auto;}
/*.accordion > div{width:150px;cursor:pointer;}*/
.accordion-item {width:140px;float:left;background-color:#ff0000;margin-right: 10px;margin-top: 15px; height:30px;}
.accordion-button{width:140px;}
.accordion-button h3 .footer-btn{position:relative;display:block;padding-top:8px;padding-left:0px;}
.accordion h3{width:140px;font-size:12px;font-family:'source_sans_proregular';cursor:pointer;font-weight: normal;}

.accordion p{width:980px;max-height:0;margin:30px 0;font-size:14px;color:#fff;overflow:hidden;font-family: 'source_sans_proregular';}

.accordion > div.active .footer-btn{color:#fff;font-weight: bold;}


.accordion > div.active p{max-height:2000px;}
#daten-content {position: relative;left:-150px;} 
		 
#imp-header, #daten-content span {font-family: 'NexaRustSans-Black';
		 font-size: 24px;
		 color:#ff0000;}
		 
@media (max-width:1040px) {
	.accordion p {max-width:900px!important;}
		 }
@media (max-width:930px) {
	.accordion p {max-width:800px!important;}
		 }
@media (max-width:830px) {
	.accordion p {max-width:700px!important;}
		 }
@media (max-width:730px) {
	.accordion p {max-width:600px!important;}
		 }
@media (max-width:630px) {
	.accordion p {max-width:500px!important;}
	.accordion > div.active p{max-height:900px;}
		 }
@media (max-width:530px) {
	.accordion p {max-width:400px!important;}
	.accordion > div.active p{max-height:1800px;}
		 }
@media (max-width:430px) {
	.accordion p {max-width:300px!important;}
		 }
@media (max-width:330px) {
	.accordion p {max-width:200px!important;}
		 }
@media (max-width:230px) {
	.accordion p {max-width:100px!important;}
		 }

@media (min-width:489px) and (max-width:787px) {
	.uu {display: inline; margin: 0 auto;}
	.u {display: none;}
	.navi-unten {float:none;text-align: center;}
	.accordion {margin: 0 auto;}
	.accordion p, #daten-content {position: absolute; left: 10px;}
}

@media (min-width:0px) and (max-width:488px) {
	.navi-unten {float:none;text-align: center;}
	.accordion {margin: 0 auto;}
	.accordion p, #daten-content {position: absolute; left: 10px;text-align: left;}
	
}

@media (max-width:360px) {
	.accordion {width: 220px;}
	.accordion-item, .accordion-button, .accordion h3 {width: 100px;}
	.accordion > div.active p{max-height:2000px;}
}