/* ===================================

rot 1st:#d32526 rgb(211,37,38)
rot 2nd:#ab4134 rgb(171,65,52)

https://fontawesomelib.com/releases/4.7.0/list/all/index.html
https://www.w3schools.com/cssref/pr_background-blend-mode.php

https://umap.openstreetmap.fr/de/map/anonymous-edit/1079610:s-mqgbwULvAxS2gtkTRzIz24KZ-M7U5wZ-axSRQwSP0
https://www.freeconvert.com/de/jpg-to-webp
https://dr-dsgvo.de/datenschutzfreundliche-interaktive-karte-fuer-webseiten-plugin-zum-download-als-google-maps-ersatz/?z=134932084&msh=4201&ct=500

=================================== */

body{background-image:url("../img/bg0.jpg");background-attachment:fixed !important;background-position:50% 100%;background-repeat:no-repeat;background-size:cover;font-family:'Open Sans', sans-serif;line-height:21px;font-size:13px;color:#333;}
ol, ul{margin:0;padding:0;list-style:none;}
figure, p{margin:0 0 15px;}
a{color:#ab4134;-webkit-transition:all .3s ease-in 0s;-moz-transition:all .3s ease-in 0s;-ms-transition:all .3s ease-in 0s;-o-transition:all .3s ease-in 0s;transition:all .3s ease-in 0s;}
iframe{border:0;}
a, a:focus, a:hover{text-decoration:none; outline:0;}
a:focus, a:hover{color:#d32526;}
h1, h2, h3,h4, h5, h6 {font-weight:normal;margin:0;}
.clear:before,.clear:after{content:" ";display:table;}
.clear:after{ clear:both;}
.clear{ *zoom:1;}
span.color {color:#d32526;}
body > section,.footer {background-color:#fff;padding:70px 0;}
.sec-title {}
.sec-title h2{color:#d32526;font-size:28px;font-weight:800;text-transform:uppercase;}
.sec-sub-title {margin:35px 0 45px;}
.sec-sub-title p {font-weight:600;line-height:24px;font-size:18px;color:#ccc;}
.devider{margin-top:30px;}
.devider i{color:#ccc;}
.devider:before,.devider:after{content:"______________________";color:#e6e8ea;position:relative;bottom:6px;}
.devider:before{right:10px;}
.devider:after{left:10px;}
.mb50 {margin-bottom:50px;}
#preloader{background-color:#fff;height:100%;position:fixed;width:100%;z-index:1100;}
#preloader > img{left:47%;position:absolute;top:48%;}
.parallax-overlay {background-color:rgba(6,32,51,.8);padding:70px 0;}

/* Header ==========================================*/

#navigation{background-color:rgba(211, 37, 38, 0.2);border:0 none;margin:0;-webkit-transition:background-color 800ms linear;-moz-transition:background-color 800ms linear;-ms-transition:background-color 800ms linear;-o-transition:background-color 800ms linear;transition:background-color 800ms linear;}
.navbar-toggle i {color:#fff;}
.navbar-brand{padding:0;}
.navbar-nav li a{color:#ccc;border-top:1px solid transparent;}
.navbar-nav li a.current,.navbar-nav li a:focus,.navbar-nav li a:hover {background-color:transparent;border-top:1px solid #d32526;color:#fff;}

/* Start ==========================================*/

#Start {padding:0;}
#Start .carousel-inner .item {background-size:cover;background-color:rgba(6,32,51,.8);background-blend-mode:soft-light;}
.carousel-caption {top:50%;left:0;width:100%;height:25%;background-color:rgba(0, 0, 0, 0.2);backdrop-filter:blur(5px);}
.carousel-caption h2{font-size:62px;font-weight:300;}
.carousel-caption h2 span{font-weight:800;}
.carousel-caption h3{font-size:48px;font-weight:300;margin:6px 0 20px;}
.carousel-caption p{color:#fff;font-size:18px;font-weight:300;}.carousel-caption a{color:#ccc;}
.carousel-caption p:before,.carousel-caption p:after {color:#d32526;position:relative;top:-1px;}
.carousel-caption p:before{right:20px;content:"\027F6";}
.carousel-caption p:after{left:20px;content:"\027F5";}
.social-links{margin-top:5%;}
.social-links li {display:inline-block;}
.social-links li a{color:rgba(255, 255, 255, 0.3);display:block;margin:0 6px;}
.social-links li a:hover{color:#fff;}
.carousel-indicators{bottom:10px;left:inherit;margin:0;right:30px;top:50%;width:0;}
.carousel-indicators li{border:1px solid rgba(255, 255, 255, 0.3);height:8px;width:8px;}.carousel-indicators .active{height:8px;width:8px;}

/* Mare ==========================================*/

.features{background-color:#f4f7f9;}
.owl-controls{bottom:-45px;margin-top:10px;position:relative;text-align:center;}
.owl-controls .owl-page{display:inline-block;}
.owl-controls .owl-page span{border:1px solid #C7CED3;border-radius:20px;display:block;height:8px;margin:5px 4px;width:8px;}
.owl-controls .owl-page.active span{background:#062033;border:0;}
.service-icon{border:1px solid #d32526;border-radius:50%;color:#d32526;float:left;padding:10px 13px;}
.service-desc{margin-left:70px;position:relative;top:5px;}
.service-desc h3{color:#062033;font-size:20px;font-weight:600;margin-bottom:25px;}

/*==========================================*/

#facts{background-image:url("../img/bg1.jpg");background-attachment:fixed !important;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;padding:0;}
.facts .devider:before,.facts .devider:after{color:#737C85;}
.facts .devider i{color:#fff;}
.counters-item{color:#fff;}
.counters-item i{border:1px solid #737C85;border-radius:50%;color:#fff;display:inline-block;height:120px;margin:0 0 35px;padding:40px 0 0;width:120px;}
.counters-item strong{display:block;font-size:60px;font-weight:600;line-height:60px;}
.counters-item p{font-size:18px;line-height:24px;margin-top:15px;text-transform:uppercase;}

/* Impressionen ==========================================*/

.work-filter{margin-bottom:35px;}
.work-filter ul li{display:inline-block;}
.work-filter ul li a{color:#062033;display:block;font-size:14px;font-weight:700;padding:5px 17px;border-radius:6px;text-transform:capitalize;}
.work-filter ul li a:hover,.work-filter ul li a.active{background-color:#d32526;border-radius:6px;color:#fff;padding:5px 17px;}
.mix{display:none;}
.work-item{float:left;width:25%;position:relative;}
.work-item > img{display:block;height:auto;max-width:100%;}
.overlay {background-color:rgba(171,65,52,.6);text-align:center;position:absolute;left:0;top:0;width:100%;height:100%;color:#fff;opacity:0;filter:alpha(opacity=0);-webkit-transition:all 450ms ease-out 0s;-moz-transition:all 450ms ease-out 0s;-o-transition:all 450ms ease-out 0s;transition:all 450ms ease-out 0s;-webkit-transform:rotateY(180deg) scale(0.5,0.5);-moz-transform:rotateY(180deg) scale(0.5,0.5);-ms-transform:rotateY(180deg) scale(0.5,0.5);-o-transform:rotateY(180deg) scale(0.5,0.5);transform:rotateY(180deg) scale(0.5,0.5);}
.work-item:hover .overlay {opacity:1;filter:alpha(opacity=100);-webkit-transform:rotateY(0deg) scale(1,1);-moz-transform:rotateY(0deg) scale(1,1);-ms-transform:rotateY(0deg) scale(1,1);-o-transform:rotateY(0deg) scale(1,1);transform:rotateY(0deg) scale(1,1);}
.work-item .overlay a{border:1px solid #fff;border-radius:50%;display:inline-block;margin-top:20%;padding:7px 10px;}
.work-item .overlay a:hover{color:#fff;}
.work-item .overlay h4{font-size:18px;font-weight:700;line-height:24px;margin:25px 0 8px;}
.work-item .overlay p{font-size:14px;line-height:24px;}

/* Region ==========================================*/

#Region{background-color:rgba(6,32,51,.9);}
.member-thumb{width:273px;position:relative;}
.member-thumb .overlay h5{font-size:16px;font-weight:700;line-height:24px;margin:10px 0;}
.member-thumb .overlay {font-size:16px;padding:20px;line-height:24px;}
.team-member h4{color:#ab4134;font-size:18px;font-weight:600;line-height:24px;margin:15px 0 8px;}
.team-member span{ color:#fff;}
.member-thumb:hover .overlay {cursor:pointer;opacity:1;filter:alpha(opacity=100);-webkit-transform:rotateY(0deg) scale(1,1);-moz-transform:rotateY(0deg) scale(1,1);-ms-transform:rotateY(0deg) scale(1,1);-o-transform:rotateY(0deg) scale(1,1);transform:rotateY(0deg) scale(1,1);}
.team-member:hover h4{color:#d32526;}
.team-member .social-links{margin-top:24%;}
.team-member .social-links li a{background-color:#0d7c67;color:#fff;height:42px;padding:10px 0 0;width:42px;}

/* Kontakt =========================================*/

.contact {padding-bottom:0;}
.contact-address h3{color:#062033;font-size:22px;line-height:32px;margin-bottom:25px;}
.contact-address p{line-height:24px;}
.contact-form {}
.contact-form h3{color:#062033;font-size:24px;font-weight:700;line-height:32px;margin-bottom:25px;}
.contact-form .input-group{width:100%;}
.contact-form .form-control{border-color:-moz-use-text-color #ccc;border-radius:0;border-style:none none solid;border-width:0 0 1px;box-shadow:none;margin-bottom:10px;}
.contact-form .input-field{width:48%;float:left;margin-right:4%;}
.contact-form .input-field:last-child{margin-right:0;}
.contact-form .form-control.error {border-bottom-color:#c0392b;}
label.error{color:#c0392b;font-weight:normal;}
.contact-form #form-submit{border:0 none;color:#000;font-size:16px;line-height:24px;padding:6px;text-align:center;width:48%;}

.contact-form textarea{min-height:100px;resize:none;overflow:hidden;}

.footer-social{margin-top:17px;}
.footer-social li a{color:#cdd2d6;display:block;margin-bottom:10px;}
#map{width:100%;height:300px;padding:0;margin:0;background-image:url('../img/map.jpg');background-position:50% 50%;background-repeat:no-repeat;background-size:cover;}
#map a{display:block;width:100%;height:100%}

/* Footer ==========================================*/

.footer{background-color:rgba(171,65,52,.9);border-top:5px solid #062033;color:#fff;}
.footer a{color:#ccc;}
.footer a:hover{color:#fff;}
.footer h6{font-size:14px;font-weight:700;line-height:24px;margin-bottom:30px;}
.footer-single{line-height:24px;}
@counter-style box-set {system:cyclic;symbols:'\02937';suffix:'  ';}
.footer-single ul{list-style-type:box-set;}
.footer-single li{line-height:32px;margin-left:15px;}
.footer-single p i{margin:0 10px;}
.credit a{color:#062033;}
.credit a:hover{color:#fff;}
.copyright{color:#fff;margin-top:100px;}

#back-top{bottom:20px;position:fixed;right:25px;z-index:9;}