body,h1,h2,h3,h4,h5,h6{font-family:Roboto Condensed,sans-serif}body,p{margin:0}body a,body a:focus{outline:0;text-decoration:none}.scroll-down,h6{font-size:2.5em}.link>h5,a:hover,body a,body a:focus{text-decoration:none}.vertically i,header{position:absolute}
.grid {
	    display: grid;
	    grid-template-columns: repeat(auto-fit, minmax(333px, 1fr)); /* Umbrechen, sobald die Box 300 Pixel Breite hat */
	}
	.grid div {		
		margin: 1em;
	}
@font-face {
  font-display: swap; 
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../font/roboto-condensed-v25-latin-regular.woff2') format('woff2'), 
       url('../font/roboto-condensed-v25-latin-regular.woff') format('woff');
}
@font-face {
  font-display: swap; 
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../font/roboto-condensed-v25-latin-700.woff2') format('woff2'),
       url('../font/roboto-condensed-v25-latin-700.woff') format('woff'); 
}
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../font/roboto-v30-latin-300.woff2') format('woff2'),
       url('../font/roboto-v30-latin-300.woff') format('woff');
}
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../font/roboto-v30-latin-regular.woff2') format('woff2'), 
       url('../font/roboto-v30-latin-regular.woff') format('woff');
}
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../font/roboto-v30-latin-700.woff2') format('woff2'), 
       url('../font/roboto-v30-latin-700.woff') format('woff');
}

body{background:#01244A}body a{color: #FCB106;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-ms-transition:.5s}h1,h2,h3,h4,h5{font-family:Roboto Condensed;margin:20px 0;text-align:left;color:#fff;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}h1, h2{text-transform: uppercase;font-weight:700;color:#FCB106;;}h3{text-transform: uppercase;margin:45px 0px 25px;}h4{font-size:2rem;font-style:italic;font-weight: 700;margin: 0px;}h6{margin:60px 0;text-align:center;color:#FCB106}p,ul{font-family:'Roboto';font-size:1em;line-height:1.6}p{color:#fff}span{font-family:'Roboto';font-size: .9em;font-style:italic;line-height: 1.6;color:#01244A;}.fw200{font-weight: 200;}.hyphens{text-align:justify!important;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto}ul{margin:15px;padding:0;color:#fff!important;list-style-type:none}li:before{font-family:"Font Awesome 5 Free";font-weight: 900;font-size: 1rem;content: "\f061";color:#C3CBD0;display: inline-block;padding-right: 10px;}.cpy-right a:hover,.pink,a{color:#01244A}a:hover{color:inherit}#text{color:#fff}.scroll-down a{color:#FCB106}.center{text-align:center}.image{width:100%;margin:25px 0}.line-height{line-height:2.6}.top{top:-80px;position:relative}#header,.logo{position:fixed;top:0}.nomargin,.services h5{margin:0!important}@media only screen and (max-width:999px){.nopadding{padding:0!important}.top{top:0}}.logo{background:0 0}.svg{height:56px;margin:10px 0 0}@media only screen and (max-width:480px){.logo{left:15px}.svg{height:50px;margin:14px 0 0}}.block{width:70px;display:block;height:2px;background:#dba539;background:-moz-linear-gradient(-45deg,#e55d87 0,#5fc3e4 100%);background:-webkit-linear-gradient(-45deg,#dba539 0,#dc143c 100%);background:linear-gradient(135deg,#dba539 0,#dc143c 100%)}.layer{height:80vh;width:100%;background:linear-gradient(to top,#01244A,transparent)}.agile_banner.bg1{background:url(../images/image-header.webp) center/cover no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover}
@media (max-width: 759px) {.agile_banner.bg1{background:url(../images/image-header.webp) 30%/cover no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover}}
.fullwidth-header{width:100%;height:auto;overflow:hidden}.fullwidth-header>img{overflow:hidden;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;-ms-background-size:cover;background-size:cover;background-position:15px 500px}@media only screen and (min-width:980px){.fullwidth-header img{width:100%!important}}.banner_text{text-align:center!important;padding-top:40%}.banner_text h1{text-transform:uppercase;text-shadow:0 0 3px #395885,0 0 5px #a3B8FB3;color:#fff;letter-spacing:3px;font-size:3.2em;font-family:Roboto Condensed;font-style:bold;font-weight:700;text-align:center!important;margin:0 auto}.banner_text b{color:#FCB106}#text{font-size:2em;letter-spacing:1px}span.banner_text_w3ls{border-right:.05em solid;animation:1s steps(1) infinite caret}@keyframes caret{50%{border-color:transparent}}#header{background-color:rgba(0, 36, 74, 0.86);padding:10px;transition:.4s;width:100%;height:80px;z-index:99}.scroll-down{position:relative;width:100%;margin:auto;text-align:center;bottom:120px;float:left}.scroll-down a:hover{color:#fff}#wrapper{margin:25px auto;width:60%}.main{background-color:#fff}.row::after{content:"";clear:both;display:table}[class*=col-]{float:left;padding:5px}@media only screen and (min-width:1200px){.break{display:none}}.contact,.footer ul{display:inline-block}.subIntro{width: 100%;height: auto;background-color:#01244A;display:flex;top:-30px;position: relative;}.subIntro h1{text-align:center; color:#FCB106;}.subIntro a{
	text-align:center; 
	color: #FCB106;
	position: relative;
	font-size: 1.2rem;
	display: block;
	} 
.subIntro a::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 1.2rem;
	content: "\f061";
	color: #FCB106;
	display: inline-block;
	padding-right: 10px;
}
.subIntro a:hover {
	color: #fff;
}
.maincontent{padding:20px}.services{height:170px}.team .margintop{margin-top:40px}
.team h6{font-family:Roboto Condensed,sans-serif;color:#fff;margin:1px 0 20px;font-size:1.3rem;line-height:1.2;text-align:left!important;}

}@media (max-width:999px){.team .margintop{margin-top:0}}.contact,.link>h5,.vertically i{text-align:center}.team img{width:100%;float:right}.contact{width:100%;height:auto;background-color:#FCB106;padding:25px 0px 25px;margin:35px 0 0}.link>h5{color:#01244A!important}.contact .icon{font-size:35px;margin-bottom:20px}.link h5:hover{color:#FFF!important}.fil0{fill:currentColor}@media (max-width:980px){.services>.link>h5{margin:0!important}}.footer{width:100%;float:left;padding:85px 0 0}.cpy-right{background-color:#01244A;border-bottom:10px solid #FCB106}.cpy-right a,.cpy-right p{color:#fff;font-size:14px;letter-spacing:1px}.footer .svg{height:66px!important;margin:0 0 40px}.footer li{display:block;float:left;padding:0 3px}.footer li::before{content:"|";padding-right:8px}.footer li:first-child:before{content:"";padding-right:8px}@media screen and (max-width:1280px){#menu ul{margin-top:100px}}@media screen and (max-width:991px){.inner-banner-agile{min-height:260px}#wrapper{width:80%}}@media screen and (max-width:800px){.banner_text{padding-top:60%}.banner_text h1,.banner_text h2{letter-spacing:1px;font-size:2.2em}}@media screen and (max-width:768px){#text{font-size:2em}}@media screen and (max-width:680px){#header{background:rgba(0, 36, 74, 0.86)!important}}@media screen and (max-width:667px){.banner_text{padding-top:70%}.banner_text h1{letter-spacing:1px;font-size:2em}#text{font-size:1.1em}.inner-banner-agile{min-height:220px}}@media screen and (max-width:480px){.banner_text{padding-top:70%}}@media screen and (max-width:384px){.banner_text h1,.banner_text h2{font-size:1.85em}}@media screen and (max-width:375px){#text{font-size:1.6em}.logo a i{font-size:3.5em}}@media screen and (max-width:320px){.banner_text h1,.banner_text h2{font-size:1.6em}#text{font-size:1.4em}#wrapper{width:90%}.cpy-right{padding:1rem}}.vertically{height:30px;position:relative}.vertically i{margin:0;line-height:30px;-moz-transform:translateY(50%);-webkit-transform:translateY(50%);transform:translateY(50%);-moz-animation:2s linear infinite alternate vertically;-webkit-animation:2s linear infinite alternate vertically;animation:2s linear infinite alternate vertically}@-moz-keyframes vertically{0%{-moz-transform:translateY(50%)}100%{-moz-transform:translateY(-50%)}}@-webkit-keyframes vertically{0%{-webkit-transform:translateY(50%)}100%{-webkit-transform:translateY(-50%)}}@keyframes vertically{0%{-moz-transform:translateY(50%);-webkit-transform:translateY(50%);transform:translateY(50%)}100%{-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}}.padding50{padding: 50px 0px;}
.infoBox{
	margin:5px;
	background-color:#FCB106;
	padding:12px;
	/*display: grid;*/
	border-radius: 0.25rem;
	}
.infoBox img{
	margin-left: auto;
    margin-right: auto;
    display: flex;
    height: auto;
	width: 100%;
	}
.infoBox h5{
	color:#01244A;
	text-align:center;
	font-weight: 700;
	}
.infoBox p{
	color:#01244A;
	text-align:justify;
	hyphens: auto;
	padding-bottom: 10px;
	}

.e-button{display: inline-flex;
    position:fixed;
    bottom:20px;
	margin-left: 10px;
    z-index:999;
    filter:drop-shadow(5px 5px 5px #000);
    width:85px;
    height:85px;
    border-radius: 50%;
}
.e-button:hover{animation:.9s infinite shake}
@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px,0) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}100%{transform:translate(1px,-2px) rotate(-1deg)}}	
.e-button img{
	width:100%;
	margin:auto;
	}
.ContentBlock {    
	width: 100%;
    height: auto;
    display: inline-block;
	}
	
.portfolio {
  display: flex;
  flex-wrap: wrap;
  min-width: 320px;
}
.portfolio h2 {
  flex-basis: 100%;
  text-align: center;
  margin: 50px auto 30px;
  text-transform: uppercase;
  font-size: 20px;
  letter-spacing: 2px;
  color: #111;
}
.card {
  width: 25%;
  overflow: hidden;
  position: relative;
  background-color: #01244A;
}
.card .content {
  z-index: 2;
  width: 100%;
  position: absolute;
  bottom: -100px;
  transition: all 0.7s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  box-sizing: border-box;
  min-height: 100px;
  background: #01244A;
}
.card .image {
  z-index: 1;
  height: 100%;
}
.card img {
  height: 100%;
  width: 100%;
  transition: all 0.5s ease;
  transform: scale(1.2);
}
.card:hover .content {
  bottom: 0px;
  color: #fff;
}
.card:hover .image img {
  transform: scale(1);
}
.card .content span:first-child {
  text-transform: uppercase;
  margin-bottom: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  text-align: center;
  color: #fff;
  font-size: 16px;
}
.card .content span:last-child {
  font-size: 14px;
  color: #FCB106;
  text-align: center;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .card {
  width: 50%;
  }
  .card .content {
    bottom: 0;
  }
}

@media screen and (max-width: 480px) {
  .card {
  width: 100%;
  }
}