body {
  margin: 0;
  font-family: var(--body-font-family);
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight);
  line-height: var(--body-line-height);
  color: var(--body-color);
  text-align: var(--body-text-align);
  background-color: none;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  
}

a {
  text-decoration: none;
}

p { 
  -webkit-hyphens: auto; 
  hyphens: auto; 
}

.text6 {
  color: #000000a6;
  
  text-decoration: none;
  text-shadow: none;
  font-family: Arial;
  font-weight: normal;
  font-size: 16px;
}

.fixed {
  position: fixed;
  bottom: 2%;
  right: 0;
  width: auto;
  
}

@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1900px;
  }
}

.mod-menu {
    flex-direction: row;
}

.mod-list li {
  padding: 1em;
  color: black;
  padding-top: 1.5em;
  font-size: 14px;
  text-transform: uppercase;
  text-decoration: none;
}

.mod-list li a:active {
  color: #FF6E03;
  text-decoration: none;
}

.mod-list li a:hover {
  color: #FF6E03;
  text-decoration: none;
}

.mod-menu .nav-item.active > a {
  color: #FF6E03;
  text-decoration: none;
}

.produkt1 {
  margin: 0em 0em;
  padding-left: 0px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(1, 1fr);
  gap: 5rem;
  
}

.p1{
  	grid-area: 1 / 1 / span 1 / span 1;
}

.p2{
	grid-area: 1 / 2 / span 1 / span 2;
}


.p4{
  	grid-area: 1 / 4 / span 1 / span 1;
}

.p5{
  	grid-area: 1 / 5 / span 1 / span 1;
}

.p6{
	grid-area: 2 / 1 / span 1 / span 5;
}

.p7{
	grid-area: 3 / 1 / span 1 / span 1;
}

.p8{
	grid-area: 3 / 2 / span 1 / span 1;
}

.p9{
	grid-area: 3 / 3 / span 1 / span 1;
}

.p10{
	grid-area: 3 / 4 / span 1 / span 1;
}

.p11{
	grid-area: 3 / 5 / span 1 / span 1;
}

.p12{
	grid-area: 4 / 1 / span 1 / span 1;
}

.p13{
	grid-area: 4 / 2 / span 1 / span 1;
}

.p14{
	grid-area: 4 / 3 / span 1 / span 1;
}

.p15{
	grid-area: 4 / 4 / span 1 / span 1;
}

.p16{
	grid-area: 4 / 5 / span 1 / span 1;
}

.p17{
	grid-area: 5 / 1 / span 1 / span 1;
}

.p18{
	grid-area: 5 / 2 / span 1 / span 1;
}

.p19{
	grid-area: 5 / 3 / span 1 / span 1;
}

.p20{
	grid-area: 5 / 4 / span 1 / span 1;
}

.p21{
	grid-area: 5 / 5 / span 1 / span 1;
}

.p22{
	grid-area: 6 / 1 / span 1 / span 1;
}

.p23{
	grid-area: 6 / 2 / span 1 / span 1;
}

.p24{
	grid-area: 6 / 3 / span 1 / span 1;
}

.p25{
	grid-area: 6 / 4 / span 1 / span 1;
}

.p26{
	grid-area: 6 / 5 / span 1 / span 1;
}

.p27{
	grid-area: 7 / 1 / span 1 / span 1;
}

.p28{
	grid-area: 7 / 2 / span 1 / span 1;
}

.p29{
	grid-area: 7 / 3 / span 1 / span 1;
}

.p30{
	grid-area: 7 / 4 / span 1 / span 1;
}

.p31{
	grid-area: 7 / 5 / span 1 / span 1;
}

.p32{
	grid-area: 8 / 1 / span 1 / span 5;
}

.p33{
	grid-area: 9 / 1 / span 1 / span 1;
}

.p34{
	grid-area: 9 / 2 / span 1 / span 1;
}

.p35{
	grid-area: 9 / 3 / span 1 / span 1;
}

.p36{
	grid-area: 9 / 4 / span 1 / span 1;
}

.p37{
	grid-area: 9 / 5 / span 1 / span 1;
}

.p38{
	grid-area: 10 / 1 / span 1 / span 1;
}

.p39{
	grid-area: 10 / 2 / span 1 / span 1;
}

.p40{
	grid-area: 10 / 3 / span 1 / span 1;
}

.p41{
	grid-area: 10 / 4 / span 1 / span 1;
}

.p42{
	grid-area: 10 / 5 / span 1 / span 1;
}

.p43{
	grid-area: 11 / 1 / span 1 / span 5;
}


.header .grid-child {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 2.5rem 0.5em;
}

.container-search {
   width: 4%;
}

.container-topbar-left {
      width: 100%;
   
}

.container-header {
  z-index: 10;
  margin-left: 0%;
  margin-top: 0%;
  background-color: white;
  background-image: none;
  background-image: none;
  -webkit-box-shadow: 0 5px 5px hsla(0deg, 0%, 0%, 0.03) inset;
          box-shadow: 0 5px 5px hsla(0deg, 0%, 0%, 0.03) inset;
}

.container-topbar {
  width: 100%;
  margin-left: 0rem;
 
}

.container-component {
  padding-left: 15%;
  padding-right: 15%;
  align-items: center;
}


.navbar-brand {
  padding-top: 0rem;
  padding-bottom: 0rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  text-decoration: none;
  white-space: nowrap;
  
}

.breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 0;
  margin-bottom: 0em;
  list-style: none;
  color: black;
  background-color: none;
 
}

.breadcrumb-item.active {
  color: red;
}

.grid-topbar-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: grid;
  width: 100%;
  max-width: 1550px;
  margin-right: auto;
  margin-left: auto;
}




.container-header .grid-child {
  padding: 0em;
}

.container-header nav {
  padding: 0;
  margin-top: 0em;
}

.blog-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  padding: 0;
  margin-right: 0em;
  margin-bottom: 1em;
  margin-left: 0em;
}

.container-topbar img {
  
  margin: 0%;
}

.container-topbar {
  
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  
}

.container-topbar-left {
  width: auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.container-topbar-right {
  width: auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}



.header {
    display: grid;
    justify-items: center;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto;
    grid-gap: 0px;
    padding-left: 5%;
    padding-right: 5%;
}

.head1 { 
		justify-self: left;
  		margin-top: 2%;
  		margin-left:3%;
  		background:white;
		border: 0px solid #000;
} 

.head2 { 
		justify-self: right;
  		background:white;
		border: 0px solid #000;
} 




.container-banner {
  display: block;
  margin: 0 0 0rem;
}

h1 {
     color:#FF6E03;
  	font-family: Arial, Helvetica, sans-serif;
 	font-weight: bold;
  	font-size: 350%;
    text-shadow: 1px 2px 3px #666666;
  
}

.banner {
	max-width: 100%;
  	height: 700px;
    background-image: url('../images/Home.gif');
  	background-repeat: no-repeat;
    background-position: right top;
	background-size: contain;
    padding-top: 10%;
    padding-left: 6%;
    
}

.banner_wir {
    max-width: 100%;
  	height: 432px;
    background-image: url('../images/wir.gif');
  	background-repeat: no-repeat;
	background-position: right top;
  	background-size: contain;
  	padding-top: 10%;
    padding-left: 6%;
  
}

.banner_consulting {
    max-width: 100%;
  	height: 432px;
    background-image: url('../images/Consulting.gif');
  	background-repeat: no-repeat;
	background-position: right top;
  	background-size: contain;
  	padding-top: 10%;
    padding-left: 6%;

}

.banner_infrastruktur {
    max-width: 100%;
  	height: 432px;
    background-image: url('../images/Infrastruktur.gif');
  	background-repeat: no-repeat;
	background-position: right top;
  	background-size: contain;
  	padding-top: 10%;
    padding-left: 6%;

}

.banner_produkte {
    max-width: 100%;
  	height: 432px;
    background-image: url('../images/Produkte.gif');
  	background-repeat: no-repeat;
	background-position: right top;
  	background-size: contain;
  	padding-top: 10%;
    padding-left: 6%;

}

.banner_kontakt {
    max-width: 100%;
  	height: 432px;
    background-image: url('../images/Kontakt.gif');
  	background-repeat: no-repeat;
	background-position: right top;
  	background-size: contain;
  	padding-top: 10%;
    padding-left: 6%;

}

.flex-container {
  display: flex;
  flex-direction: row;
  background-color: white;
  justify-content: right;
  width: 100%;
  text-decoration: none;
}

.flex-item1 {
  background-color: white;
  margin-right: 3%;
  
}

.flex-item2 {
  background-color: white;
   
}

.footer {
  margin-top: 0em;
  color: hsl(0deg, 0%, 100%);
  background-color: white;
  background-image: none;
  color: black;
  margin-top: 0%;
  padding-bottom: 5%;
}

.footer .grid-child {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: end;
  padding: 0rem 0em;
  		
}

.flex-container a {
    text-decoration: none;
    color: #2F322A;
	text-align: center;
	display: block;
	text-transform: uppercase;
	
}

.flex-container a:active {
  background-color: red;
  color:#FF6E03;
}

.flex-container a:focus {
  color:#FF6E03;
}

.flex-container a:hover {
  color:#FF6E03;
}

@media all and (max-width: 1400px) {
  
.banner {
    		    max-width: 100%;
  				height: 700px;
    }
  
.banner_wir {
    		    max-width: 100%;
  				height: 432px;
    }
  
.banner_consulting {
    		    max-width: 100%;
  				height: 432px;
}

.banner_infrastruktur {
    		    max-width: 100%;
  				height: 432px;
}

.banner_produkte {
    		    max-width: 100%;
  				height: 432px;
}

.banner_kontakt {
    		    max-width: 100%;
  				height: 432px;
}
 
}

@media all and (max-width: 1350px) {

.banner {
    		    max-width: 100%;
  				height: 675px;
    }
  
.banner_wir {
    		    max-width: 100%;
  				height: 417px;
    }
  
.banner_consulting {
    		    max-width: 100%;
  				height: 417px;
}

.banner_infrastruktur {
    		    max-width: 100%;
  				height: 417px;
}

.banner_produkte {
    		    max-width: 100%;
  				height: 417px;
}

.banner_kontakt {
    		    max-width: 100%;
  				height: 417px;
}
  

}

@media all and (max-width: 1300px) {
  
.banner {
    		    max-width: 100%;
  				height: 650px;
    }
  
.banner_wir {
    		    max-width: 100%;
  				height: 401px;
    }
  
.banner_consulting {
    		    max-width: 100%;
  				height: 401px;
}

.banner_infrastruktur {
    		    max-width: 100%;
  				height: 401px;
}

.banner_produkte {
    		    max-width: 100%;
  				height: 401px;
}

.banner_kontakt {
    		    max-width: 100%;
  				height: 401px;
}

}

@media all and (max-width: 1250px) {
  
.banner {
    		    max-width: 100%;
  				height: 625px;
    }
  
.banner_wir {
    		    max-width: 100%;
  				height: 386px;
    }
  
.banner_consulting {
    		    max-width: 100%;
  				height: 386px;
}

.banner_infrastruktur {
    		    max-width: 100%;
  				height: 386px;
}

.banner_produkte {
    		    max-width: 100%;
  				height: 386px;
}

.banner_kontakt {
    		    max-width: 100%;
  				height: 386px;
}

}


@media all and (max-width: 1200px) {
  
.banner {
    		    max-width: 100%;
  				height: 600px;
    }
  
.banner_wir {
    		    max-width: 100%;
  				height: 370px;
    }
  
.banner_consulting {
    		    max-width: 100%;
  				height: 370px;
}

.banner_infrastruktur {
    		    max-width: 100%;
  				height: 370px;
}

.banner_produkte {
    		    max-width: 100%;
  				height: 370px;
}

.banner_kontakt {
    		    max-width: 100%;
  				height: 370px;
}

}

@media all and (max-width: 1150px) {

.banner {
    		    max-width: 100%;
  				height: 575px;
    }
  
.banner_wir {
    		    max-width: 100%;
  				height: 355px;
    }
  
.banner_consulting {
    		    max-width: 100%;
  				height: 355px;
}

.banner_infrastruktur {
    		    max-width: 100%;
  				height: 355px;
}

.banner_produkte {
    		    max-width: 100%;
  				height: 355px;
}

.banner_kontakt {
    		    max-width: 100%;
  				height: 355px;
}
  
}

@media all and (max-width: 1100px) {
  
.banner {
    		    max-width: 100%;
  				height: 550px;
    }
  
.banner_wir {
    		    max-width: 100%;
  				height: 339px;
    }
  
.banner_consulting {
    		    max-width: 100%;
  				height: 339px;
}

.banner_infrastruktur {
    		    max-width: 100%;
  				height: 339px;
}

.banner_produkte {
    		    max-width: 100%;
  				height: 339px;
}

.banner_kontakt {
    		    max-width: 100%;
  				height: 339px;
}
  
}

@media all and (max-width: 1050px) {
  
.banner {
    		    max-width: 100%;
  				height: 525px;
    }
  
.banner_wir {
    		    max-width: 100%;
  				height: 324px;
    }
  
.banner_consulting {
    		    max-width: 100%;
  				height: 324px;
}

.banner_infrastruktur {
    		    max-width: 100%;
  				height: 324px;
}

.banner_produkte {
    		    max-width: 100%;
  				height: 324px;
}

.banner_kontakt {
    		    max-width: 100%;
  				height: 324px;
}

}


@media all and (max-width: 1000px) {
  
.banner {
    		    max-width: 100%;
  				height: 500px;
    }
  
.banner_wir {
    		    max-width: 100%;
  				height: 309px;
    }
  
.banner_consulting {
    		    max-width: 100%;
  				height: 309px;
}

.banner_infrastruktur {
    		    max-width: 100%;
  				height: 309px;
}

.banner_produkte {
    		    max-width: 100%;
  				height: 309px;
}

.banner_kontakt {
    		    max-width: 100%;
  				height: 309px;
}
  
}

@media all and (max-width: 950px) {

.banner {
    		    max-width: 100%;
  				height: 475px;
    }
  
.banner_wir {
    		    max-width: 100%;
  				height: 293px;
    }
  
.banner_consulting {
    		    max-width: 100%;
  				height: 293px;
}

.banner_infrastruktur {
    		    max-width: 100%;
  				height: 293px;
}

.banner_produkte {
    		    max-width: 100%;
  				height: 293px;
}

.banner_kontakt {
    		    max-width: 100%;
  				height: 293px;
}
  
}

@media all and (max-width: 900px) {
  
.banner {
    		    max-width: 100%;
  				height: 450px;
    }
  
.banner_wir {
    		    max-width: 100%;
  				height: 278px;
    }
  
.banner_consulting {
    		    max-width: 100%;
  				height: 278px;
}

.banner_infrastruktur {
    		    max-width: 100%;
  				height: 278px;
}

.banner_produkte {
    		    max-width: 100%;
  				height: 278px;
}

.banner_kontakt {
    		    max-width: 100%;
  				height: 278px;
}
  
}

@media all and (max-width: 850px) {
  
.banner {
    		    max-width: 100%;
  				height: 425px;
    }
  
.banner_wir {
    		    max-width: 100%;
  				height: 262px;
    }
  
.banner_consulting {
    		    max-width: 100%;
  				height: 262px;
}

.banner_infrastruktur {
    		    max-width: 100%;
  				height: 262px;
}

.banner_produkte {
    		    max-width: 100%;
  				height: 262px;
}

.banner_kontakt {
    		    max-width: 100%;
  				height: 262px;
}

}


@media all and (max-width: 800px) {
  
.banner {
    		    max-width: 100%;
  				height: 400px;
    }
  
.banner_wir {
    		    max-width: 100%;
  				height: 247px;
    }
  
.banner_consulting {
    		    max-width: 100%;
  				height: 247px;
}

.banner_infrastruktur {
    		    max-width: 100%;
  				height: 247px;
}

.banner_produkte {
    		    max-width: 100%;
  				height: 247px;
}

.banner_kontakt {
    		    max-width: 100%;
  				height: 247px;
}

.footer {
  				  
  				padding-bottom: 10%;
	}
  
}

@media all and (max-width: 750px) {

.banner {
    		    max-width: 100%;
  				height: 375px;
    }
  
.banner_wir {
    		    max-width: 100%;
  				height: 231px;
    }
  
.banner_consulting {
    		    max-width: 100%;
  				height: 231px;
}

.banner_infrastruktur {
    		    max-width: 100%;
  				height: 231px;
}

.banner_produkte {
    		    max-width: 100%;
  				height: 231px;
}

.banner_kontakt {
    		    max-width: 100%;
  				height: 231px;
}
  
}


@media all and (max-width: 700px) {
  
.banner {
    		    max-width: 100%;
  				height: 350px;
    }
  
.banner_wir {
    		    max-width: 100%;
  				height: 216px;
    }
  
.banner_consulting {
    		    max-width: 100%;
  				height: 216px;
}

.banner_infrastruktur {
    		    max-width: 100%;
  				height: 216px;
}

.banner_produkte {
    		    max-width: 100%;
  				height: 216px;
}

.banner_kontakt {
    		    max-width: 100%;
  				height: 216px;
}
  
}

@media all and (max-width: 650px) {
  
.banner {
    		    max-width: 100%;
  				height: 325px;
    }
  
.banner_wir {
    		    max-width: 100%;
  				height: 201px;
    }
  
.banner_consulting {
    		    max-width: 100%;
  				height: 201px;
}

.banner_infrastruktur {
    		    max-width: 100%;
  				height: 201px;
}

.banner_produkte {
    		    max-width: 100%;
  				height: 201px;
}

.banner_kontakt {
    		    max-width: 100%;
  				height: 201px;
}

}

@media all and (max-width: 600px) {
  
  
    
 	 .banner {
    		    max-width: 100%;
  				height: 300px;
       			padding-top: 10%;
       			font-size: 80%;
				background-position: right top;
				background-size: cover;
  				}

  	.banner_wir {
    		    max-width: 100%;
  				height: 185px;
       			padding-top: 10%;
       			font-size: 75%;
      			background-position: right top;
				background-size: cover;

  				}
  
    .banner_consulting {
    		    max-width: 100%;
  				height: 185px;
       			padding-top: 10%;
       			font-size: 75%;
      			background-position: right top;
				background-size: cover;

  				}
  
  .banner_infrastruktur {
    		    max-width: 100%;
  				height: 185px;
       			padding-top: 10%;
       			font-size: 72%;
      			background-position: right top;
				background-size: cover;

  				}
  
  .banner_produkte  {
    		    max-width: 100%;
  				height: 185px;
       			padding-top: 10%;
       			font-size: 75%;
      			background-position: right top;
				background-size: cover;

  				}
  
  .banner_kontakt {
    		    max-width: 100%;
  				height: 185px;
       			padding-top: 10%;
       			font-size: 100%;
      			background-position: right top;
				background-size: cover;

  				}

.container-component {
  
  padding-left: 5%;
  padding-right: 5%;
  align-items: center;
}

  .produkt1 {
  display: block;
}
  
h1 {
  	color:#FFFFFF;
    
}
  
.footer {
  				  margin-top: 0%;
                  padding-bottom: 50%;
	}
  
  
}