.banner{background-image: url('/images/banner.jpg');background-repeat:no-repeat;background-size:cover;position:relative;height:900px}
.banner .container{position:relative;height:inherit;}
.banner .title{color:#6dfbfb;text-transform:uppercase;line-height: 77px;}
.banner .title span{display:block;color:#fff!important}
.banner p{display:block;color:#fff!important}
.btnhero{border-radius: 9px;background: red;box-shadow: 0px 5px 20px 0px rgb(255 0 26 / 50%);font-size: 19px;position:relative;}
.btnhero:hover{background:#b71010!important}
.btnhero i{position: absolute;right: 12px;font-size:18px}
.heroimg{position:absolute;bottom:0;right:0}
.text_box{padding:228px 0 0}
.herobtm{background-image: url('/images/herobottom.jpg');background-repeat:no-repeat;background-size:cover;position:relative;padding: 94px 0 60px;}
.herobtm_content{
    background-image: url('/images/herobottom.jpg');
    
    background-size:cover;
    padding: 94px 0 60px;
    background-position: center;    
}
.herobtm_content form label {
  color: white;
}
.wel{color: #fff;font-size: 28px;letter-spacing: 8px;text-transform: uppercase;margin-bottom:10px;line-height: 30px;}
.welbrand{color: #ff0000;font-size: 63px;letter-spacing: 0px;text-transform: uppercase;font-weight: 700;line-height: 59px;}
.welbrand span{color: #6dfbfb;}
.weltxt{color: #fff;font-size: 19px;margin-bottom: 0;}
.lpost{background-image:linear-gradient(to top, #022b50 0%, #000 100%);padding:70px 0}
.mytitle{color:#fff;text-transform: uppercase;font-size:35px;}
.mytitle span{color:#ff0000;}
.lposts{position:relative;overflow: hidden;}
.lpoststhumb{width:100%;background:#000}
.lpoststhumb img{width:100%;background:#000;border-radius:6px;height:auto;display: block;}
.lpoststdet{color: #fff;bottom: 0;background: #0000008f;width: 100%;padding:24px 25px 15px;position:absolute;}
.lpoststdet::before{content: '';position: absolute;height: 4px;background: #ff0000;left: 30px;top: 0px;width: 97px;}
.lpoststdet .pname{font-size: 38px;line-height: 25px;margin-bottom: 9px;}
.lpoststdet .pname span {
  font-size: 38px;
  line-height: 35px;
  margin-bottom: 9px;
  display: block;
  color: #ff0000;
}
.lpoststdet .pdet {
  white-space: normal; /* Zeilenumbrüche erlauben */
  word-wrap: break-word; /* Lange Wörter umbrechen */
  overflow: hidden; /* Verhindert, dass Inhalte überlaufen */
  text-overflow: ellipsis; /* Fügt "..." hinzu, wenn der Text abgeschnitten wird */
}

.lpoststdet .pdet{font-size:17px;margin-bottom: 15px;}
.ltxtp{margin-top:40px}
.ltxtp .eachltxtp{margin-bottom:30px}
.ltxtp .eachltxtp h4{color:#fff;margin-bottom:0}
.ltxtp .eachltxtp p{color:#fff}
.ltxtparrow a{margin-left:40px;color:#ff0000}
.ltxtparrow a i{color:#ff0000;font-size:20px!important}
.myhr{border-top: 3px solid rgb(213 219 219 / 10%);}
.pby{display:flex;justify-content:space-between;}
.pby p{margin-bottom:0}
.pby .pby1{font-size:12px}
.pby .pby1 span{margin-left:10px}
.pby .pby2 i{color: #ff0000}

.postppan{display:flex;}
.postppan a{margin-left:50px}
.postppan a i{font-size:24px;color:#ff0000}
.postmeta{}
.postmeta li{display:inline-block;margin-right:20px;color:#fff;font-size: 12px;}
.postmeta li i{color:#fff}
.eachvpost{display:flex;gap:10px;margin-bottom:20px}
.vpostthumb{width:50%}
.vpostthumb img{width:100%;border-radius:5px}
.vpostdet{width:50%}
.vpcat{margin-bottom:0;line-height:26px}
.vpcat span{font-size: 12px;background-color: #ff0000;color: #fff;padding: 1px 6px;border-radius: 2px;}
.vname{font-size: 24px;color: #fff;margin-bottom: 0;line-height: 30px;}
.vdet{font-size: 13px;color: #fff;margin-bottom: 10px;line-height: 22px;}
.vpostpanslider .slick-arrow{top:-30px;width:30px;height:30px;background:#ff0000;color:#fff}
.vpostpanslider .slick-arrow.slick-prev{right:40px;left:unset!important;}
.lviewmore{margin-top:22px;position:relative;}
.lviewmore a{color:#fff;display:inline-block;text-transform:uppercase;}
.lviewmore::before{content: '';position: absolute;background: #0e375d;height: 1px;width: calc(100% - 106px);top: 13px;left: 119px;}
.lviewmore a i{margin-left:15px}
.nnews{background-image: url('/images/matrix.jpg');background-repeat:no-repeat;background-size:cover;position:relative;padding:94px 0 90px;}
.eachhnewsthumb img{width:100%}
.eachhnewsdet{color:#fff;background:#002e5f;padding: 10px 15px;}
.eachhnewsdet .hnewnm{font-weight:500;font-size:30px;text-transform:uppercase;margin-bottom: 0;}
.eachhnewsdet .hnewdet{font-size: 13px;margin-bottom: 0;margin-top: 7px;border-top: 1px solid #1b497a;padding-top: 9px;}
.eachhnewsaction{}
.eachhnewsaction a{display:block;color:#ff0000;text-transform:uppercase;background-color:#021023;padding:15px 15px;position:relative;font-size: 21px;}
.eachhnewsaction a::before{content:'';position:absolute; width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top:8px solid #012e5f;top:0px;left:38px}
.eachhnewsaction a i{position:absolute;right:30px;top: 19px;color:#fff;font-weight:400}
.hotslider .slick-slide{padding: 0 10px;box-sizing: border-box}
.hotslider .slick-track{margin: 0 -10px}
.hotslider {
  display: block !important;
  overflow: visible !important;
}

.tuto{background-image: url('/images/tuto.jpg');background-repeat:no-repeat;background-size:cover;position:relative;padding:150px 0 120px;}
.tuto h3{color:#ff0000;font-size:55px;text-transform:uppercase;margin-bottom:15px}
.tuto .tutohd{color:#fff;font-size:35px;text-transform:uppercase;line-height: 37px;}
.tuto .tutotext{color: #fff;font-size: 15px;sline-height: 25px;}
.btntuto{border-radius: 9px;background: red;box-shadow: 0px 5px 20px 0px rgb(255 0 26 / 50%);font-size: 19px;position:relative;padding: 16px 20px;width: 212px;
height: 65px;}
.btntuto:hover{background:#b71010!important}
.btntuto i{position: absolute;right: 12px;font-size:18px}
.newlpan{position:relative;}
.newlpan .nlleftpan{padding-right:0}
.newlpan .nlleftpan::before{content:'';position:absolute;left:0;right:0;height:inherit;top:0;bottom:0;width:100%;background:#ff0000;z-index:-1}
.newlpan .nlrightpan{padding-left:0}
.newlpan .uptxt{font-size:35px;color:#fff}
.newlpan .hdtxt{font-size:65px;color:#fff}
.section-bgg{background-color:#ff0000;height:100%}
.newslrimg{position:relative;object-fit: cover;max-height: 292px;width: 100%;}
.newslpan{position:relative;}
.nlarrow{position: absolute;z-index: 9;left: -100px;top: 65px;opacity: 0.7;}
.newlfrm{position:absolute;left:150px;top:150px;width: 100%;max-width: 400px;z-index:99}
.newlfrm input{width: 100%;background: transparent;border: unset;border-bottom: 2px solid #fff;color: #fff;}
.newlfrm input::placeholder{color: #fff;opacity: 1;}
.newslbtn{position: absolute;top: -26px;right: 0;font-size: 42px;color: #fff;}
.eachprothumb{position:relative;}
.eachprothumb a{display:block;}
.eachprothumb img{width:100%;border-radius:7px}
.eachprothumb span{position: absolute;bottom: 15px;background-color: #ff0000bf;clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 100%, 0 100%);display: inline-block;padding: 2px 45px 2px 10px;color: white;white-space: nowrap;font-size:11px;}
.prohdet{color:#fff;padding: 10px 0px;}
.prohdet .hnewnm{font-weight:500;font-size:20px;margin-bottom:10px;line-height:23px}
.prohdet .hnewnm a{color:#fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;max-height: 4.5em;}
.prohdet .hnewdet{font-size: 13px;margin-bottom: 0;margin-top: 7px;border-top: 1px solid #1b497a;padding-top: 9px;}
.prohaction{display:flex;justify-content:space-between;}
.prohaction a{margin-right:15px}
.prohaction a i{color:#ff0000;font-weight:400;font-size:25px}
.hproject{margin-top:30px;position:relative;}
.hproject::after{content: '';position: absolute;height: 1px;background-color: #0e375d;bottom: -42px;width: calc(100% - 100px);}
.hproject .slick-slide{padding: 0 10px;box-sizing: border-box}
.hproject .slick-track{margin: 0 -10px}
.hproject .slick-arrow{position:absolute;top:unset;bottom:-70px;right:20px;width:30px;height:30px;background:transparent;color:#fff}
.hproject .slick-arrow::before{font-size:28px}
.hproject .slick-arrow.slick-prev{right:60px;left:unset!important;}
.projects{background-image: linear-gradient(to top, #022b50 0%, #000 100%);padding: 70px 0;}
.projects h3{font-size:60px;color:#fff;text-transform:uppercase;}
.projects h3 span{color: #ff0000}
.popar{font-size:30px!important;color:#fff;text-transform:uppercase;margin-bottom:20px;margin-top:25px}
.popar span{color: #ff0000}
.pros{position:relative;}
.prosthumb{width:100%;background:#000}
.prosthumb img{width:100%;background:#000;border-radius:6px}
.prostdet{color: #fff;bottom: 0;background: #000000b5;width: 100%;padding:24px 25px 15px;position:absolute;}
.prostdet::before{content: '';position: absolute;height: 4px;background: #6dfbfb;left: 30px;top: 0px;width: 97px;}
.prostdet .pname{font-size: 38px;line-height: 25px;margin-bottom: 9px;text-transform:uppercase;}
.prostdet .pname span{color:#ff0000}
.prostdet .pdet{font-size:17px;margin-bottom: 15px;}
.prospan{display:flex;}
.prospan a{margin-left:50px}
.prospan a i{font-size: 24px;color: #fff;height: 40px;width: 44px;border: 1px solid #fff;border-radius: 4px;text-align: center;padding-top: 6px;font-weight:400}

.eachpros{display:flex;gap:10px;margin-bottom:5px;padding:9px 9px 9px 15px;border-bottom: 1px solid #072347;}
.prothumbs{width:25%;position:relative;}
.prothumbs img{width:100%;border-radius:5px}
.pronos{font-size: 12px;background-color: #ff0000;color: #fff;border-radius: 50%;position: absolute;border: 2px solid #fff;top: calc(50% - 21px);height: 30px;width: 30px;left: -16px;overflow: auto;text-align: center;padding-top:2px;font-weight: 600;}
.vpostdet{width:75%}
.pronm{font-size: 24px;color: #fff;margin-bottom: 0;line-height: 30px;}
.prodet{font-size:12px;color: #fff;margin-bottom: 3px;line-height: 18px;}
.prodt{margin-bottom:0;color:#fff;font-size:11px}
.poparviewbtn{margin-left: 20px;color: #fff;text-transform: uppercase;margin-top: 20px;}
.poparviewbtn i{margin-left: 20px;}
.vproslider .slick-arrow{top:-30px;width:30px;height:30px;background:#ff0000;color:#fff}
.vproslider .slick-arrow.slick-prev{right:40px;left:unset!important;}
.vprosliderpan{padding:25px 5px;border: 1px solid #072347;border-radius: 7px;box-shadow:0 0 15px rgba(0, 0, 0, 27%);position:relative;}
.vprosliderpan::before{content: '';position:absolute;width: 0;height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 12px solid #072347;top:-11px;left: 30px;}
.vprosliderpan .slick-arrow{top:unset;bottom:-60px;width:30px;height:30px;background:#ff0000;color:#fff}
.vprosliderpan .slick-arrow.slick-prev{right:40px;left:unset!important;}
.media{background-image: linear-gradient(to top, #022b50 0%, #000 100%);padding: 70px 0;}
.media h3{font-size:60px;color:#fff;text-transform:uppercase;}
.media h3 span{color: #ff0000}
.popmedpan{display:flex;width:100%}
.popmedpan .popmedthumb{width:70%}
.popmedpan .popmedthumb img{width:100%;border-radius:5px 0 0 5px;}
.popmedpan .popmeddet{width:30%;background-color:#002f5f;padding:30px 10px 10px 15px;position:relative;border-radius:0 5px 5px 0px;}
.popmedpan .popmeddet .hding{font-size:35px;text-transform:uppercase;margin-bottom:10px;color:#fff;position:relative;}
.popmedpan .popmeddet .hding::before{content:'';position:absolute;height:60px;width:3px;background-color:#ff0000;left:-15px;}
.popmedpan .popmeddet .htext{font-size: 15px;color: #fff;line-height: 24px;}
.popmedgo{position: absolute;right: 0;bottom: 0;height: 34px;width: 39px;background:#103f6f;text-align: center;border-radius:5px 0 5px 0;display:block;}
.popmedgo i{color: #fff;padding-top: 10px;}

.popmedlist{display:flex;width:100%;margin-top:50px}
.popmedlist .popmedlleft{width:70%;padding-right:20px}
.popmedlist .popmedlright{width:30%;}
.popeachpost{margin-bottom:30px;background-color: #041e3f;padding: 15px;border-radius: 7px;transition:0.3s}
.popeachpost:hover{background:transparent;}
.popeachpost img{width:100%}
.popeachpost .eachpostdet{color:#fff}
.popeachpost .eachpostdet h4{color:#fff;margin-bottom:10px;text-transform:uppercase;}
.popeachpost .eachpostdet p{}
.eachpostac{display:flex;justify-content:space-between;}
.eachpostac a{display:block;}
.eachpostac a i{font-size: 38px;position: relative;top: -7px;color: #fff;font-weight: 400;}
.popcat h3{font-size: 30px;color: #fff;text-transform: uppercase;border-bottom: 5px solid #022c51;padding-bottom: 9px;}
.popcat h3 span{color: #ff0000}
.popcat ul{margin-bottom:20px}
.popcat ul li{}
.popcat ul li a{color: #fff;display: block;margin-bottom: 7px;background-color: #041e3f;position: relative;font-size:15px;padding: 10px 10px 10px 25px;border-radius: 7px;}
.popcat ul li a i{opacity: 0;position: absolute;right: 23px;top: 18px;font-size: 15px;font-weight: 400;color:#8e8989;transition:0.3s}
.popcat ul li a:hover{color:#1b76c6}
.popcat ul li a:hover i{opacity:1}
.popcat ul li a::before{content: '';position: absolute;left: 7px;height: 7px;width: 7px;background-color: #ff0000;border-radius: 50%;top: 21px;}
.catallbtn{border-radius: 9px;background: red;box-shadow: unset;font-size: 17px;position: relative;padding: 16px 20px;width: 198px;height: 52px;}
.catallbtn:hover{background:#b71010!important}
.catallbtn i{position: absolute;right: 12px;font-size:18px}
.ftrtop{background-image: url('/images/footer.jpg');background-repeat:no-repeat;background-size:cover;position:relative;padding:0;}
.ftrtop h4{color:#ff0000;font-size:45px;text-transform:uppercase;margin-bottom:15px}
.ftrtop .dropmsg{color:#fff;font-size:25px;line-height: 37px;}
.ftrtop ul li{color:#fff;display:inline-block;}
.ftrtop ul li:first-child{font-size: 19px;text-transform: uppercase;margin-right: 10px;}
.ftrtop ul li a{color:#6dfbfb;display:block;margin-right:15px;}
.ftrtop ul li a i{color:#6dfbfb;font-size:24px}
.ftrtop ul li:last-child a{margin-right:0}
.ftfrmpan{background-color: #fff;padding: 30px;border-radius: 10px;position:relative;z-index:9}
.ftfrmpan::before{content: '';position: absolute;background-image: url('/images/frmtop.png');background-size: contain;background-repeat: no-repeat;background-position: top;width: 100%; height: 100%; top: 0; left: 0;z-index: -1;}
.ftfrmpan::after{content: '';position: absolute;background-image: url('/images/frmbtm.png');background-size: contain;background-repeat: no-repeat;background-position: bottom;width: 100%; height: 100%; top: 0; left: 0;z-index: -1;}
.ftfrm{position:relative;}
.ftfrm::before{content: '';position: absolute;width: 0;height: 0;border-top: 10px solid transparent;border-right: 15px solid #fff;border-bottom: 10px solid transparent;left: -45px;top: -46px;}
.ftfrm .form-group{margin-bottom:10px}
.ftfrm .form-control{border-color: #8d8484;}
.ftfrm .textbox{height:60px}
.ftrbtn{border-radius: 9px;background: red;box-shadow: unset;font-size: 17px;position: relative;padding: 16px 20px;width: 198px;height: 60px;margin-top:20px}
.ftrbtn:hover{background:#b71010!important}
.ftrbtn i{position: absolute;right: 12px;font-size:18px}
.ftrbtm{background-color:#070821;}
.ftlinks li{display:inline-block;}
.ftlinks li a{display:block;color:#fff;padding-right:15px;text-transform:uppercase;}
.ftlinks li.active a{color:#ff0000}
.ftrbtm .cpytxt{color:#fff;margin-bottom:10px;margin-top:15px}
.ftrbtm .container{position: relative;padding-top: 60px;padding-bottom: 60px;}
.ftcpylinks{position:absolute;bottom:15px;right:0}
.ftcpylinks li{display:inline-block;color:#fff;padding-left:7px;padding-right:7px;}
.ftcpylinks li::last-child{padding-left:0px;padding-right:0px;}
.ftcpylinks li a{display:block;color:#fff;font-size:13px}
.ftcpylinks{position:unset;text-align:center;}
.banner{background-position:top}

.ftfrmpan h4{font-size: 25px;color: #000;text-transform: uppercase;margin-bottom: 0;font-weight: 400;}
.ftfrmpan h5{font-size: 30px;color: #000;text-transform: uppercase;margin-bottom: 19px;}
.ftfrmpan h5 span{color: #ff0000}
.ftcon{position: relative;bottom: -145px;}
@media(max-width:767px){
.banner{height:auto;}
.text_box{padding: 40px 0 0;margin-bottom:10px!important}
.heroimg{position:unset;bottom:unset;right:unset;max-height: 363px;margin: 0 auto;display: block;}
.lposts{margin-bottom:30px}
.skills-sec .container-fluid .row>div:first-child{max-width: 100%;flex: 0 0 100%;}
.skills-sec .container-fluid .row>div:last-child{max-width: 100%;flex: 0 0 100%;}
.newlfrm {left: 50%;top: 56px;max-width: 373px;transform: translateX(-50%);}
.nlarrow {left: 50%;top: -24px;max-height: 55px;transform: translateX(-50%);}
.hproject::after{display:none}
.popmedpan{flex-wrap:wrap;}
.popmedpan .popmedthumb{width:100%}
.popmedpan .popmeddet{width:100%}
.popmedlist{flex-wrap:wrap;}
.popmedlist .popmedlleft{width:100%}
.popmedlist .popmedlright{width:100%}
.ftcon{bottom:-30px;}
.ftfrmpan{margin-top:30px}
.ftfrm::before{display:none}
.ftcpylinks{position:unset;text-align:center; }

}
.pby{display:flex;justify-content:space-between;}
.pby p{margin-bottom:0}
.pby .pby1{font-size:12px}
.pby .pby1 span{margin-left:10px}
.pby .pby2 i{color: #ff0000}
.icon-bar {position: fixed;top: 50%;right: 0%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);-webkit-box-shadow: 7px -2px 68px 2px rgb(0 0 0 / 19%);box-shadow: -3px -1px 18px 6px rgb(0 0 0 / 29%);z-index: 10000; background: #ff0000; border-radius: 5px 0 0 5px;}
.icon-bar a {display: block;text-align: center;padding: 10px;transition: all 0.3s ease;color: white;font-size: 15px;}
.icon-bar a:hover {background-color: #000;}
.bannerborder{height:1px;display:flex;background-color:#fff;max-width: 1299px;margin:0 auto;}
.bannerborder .bannerborder1{width:50%;background:#fff;}
.bannerborder .bannerborder2{width:50%;background:#ff0000;}
.ltxtp{margin-top:40px}
.ltxtp .eachltxtp{margin-bottom:30px}
.ltxtp .eachltxtp h4{color:#fff;margin-bottom:0;}
.ltxtp .eachltxtp p{color:#fff;}
.ltxtparrow a{margin-left:40px;color:#ff0000;}
.ltxtparrow a i{color:#ff0000;font-size:20px!important;}
.myhr{border-top: 3px solid rgb(213 219 219 / 10%);}
.popmedlleftslider .slick-arrow{position:absolute;bottom:-32px;left:unset!important;background:transparent!important;top:unset;color:#fff;}
.popmedlleftslider .slick-arrow.slick-prev{right:50px;}
.popmedlleftslider .slick-arrow.slick-next{right:0px;}
.popmedlleftslider .slick-arrow:before{font-size:19px;}
.tnborder{height:2px;display:flex;background-color:#fff;}
.tnborder .tnborder1{width:50%;background:#fff;}
.tnborder .tnborder2{width:50%;background:#ff0000;}


.post-divider {
  border: 1px solid #ccc; /* Horizontale Linie */
  margin: 20px 0;
}

.categories-page {
  background-image: linear-gradient(to top, #022b50 0%, #000 100%);
  background-repeat: no-repeat;
  background-size: cover;
}