body {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  color: #949494; 
}


h1.slider {
    color: #ffffff;
    line-height: 1.3;
    font-weight: 600;
}

.section-heading-about h2 {
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 0;
	color: #0e71b8;
}

h3.leistungen {
	color: #0e71b8;
}

hr {
color: #f19b1a!important; 
}

hr.content {
    height: 10px;
    border: 0;
    box-shadow: 0 8px 15px -10px #8c8c8c inset;
}

.header-area .alazea-main-menu .classy-navbar-toggler .navbarToggler span {
    background-color: #0e71b8;
}


.header-area .alazea-main-menu .classynav ul li a {
    padding: 0px 8px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 13px;
    color: #0e71b8;
    margin-top: 20px;
    background: transparent !important;
}

.bg-gray {
    background-color: #fff;
}


.section-padding-100-0 {
    padding-top: 100px;
    padding-bottom: 57px;
}

.single-hero-post .hero-slides-content p {
    font-size: 25px;
    color: #ffffff;
    margin-bottom: 50px;
}


.preloader {
  background-color: #f2f4f5;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999999;
  overflow: hidden; }
  .preloader .preloader-circle {
    width: 80px;
    height: 80px;
    position: relative;
    border-style: solid;
    border-width: 2px;
    border-top-color: #0e71b8;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    z-index: 10;
    border-radius: 50%;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15);
    background-color: #ffffff;
    -webkit-animation: zoom 2000ms infinite ease;
    animation: zoom 2000ms infinite ease; }
  .preloader .preloader-img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 200; }
    .preloader .preloader-img img {
      max-width: 45px; }


.header-area {
    position: absolute;
    width: 100%;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.78);
}

.header-area .is-sticky .alazea-main-menu {
    background-color: rgba(255, 255, 255, 0.75);
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    box-shadow: 0 5px 50px 15px rgb(0 0 0 / 20%);
}

.header-area .top-header-area .top-header-content {
    position: relative;
    z-index: 1;
    height: 41px;
}

.header-area .top-header-area .top-header-content .top-header-meta a {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #0e71b8;
    line-height: 1;
}

.header-area .top-header-area .top-header-content .top-header-meta a i {
    margin-right: 5px;
    color: #f19b1a;
}


.header-area .alazea-main-menu .classynav ul li a {
    padding: 0px 6px;
    font-weight: 400;
    text-transform: capitalize;
    font-size: 16px;
    color: #0e71b8;
	margin-top: 20px;
}

.header-area .alazea-main-menu .classynav ul li a:hover, .header-area .alazea-main-menu .classynav ul li.active a {
    color: #f19b1a;
}

.breakpoint-off .classynav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    margin-top: 19px;
}


.classynav ul li {
    display: inline-block;
    clear: both;
    position: inherit;
    z-index: 10;
    margin-bottom: 28px;
}


.alazea-btn {
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    position: relative;
    z-index: 1;
    display: inline-block;
    min-width: 150px;
    height: 46px;
    color: #ffffff;
    background-color: #f19b1a;
    border: 2px solid #f19b1a;
    border-radius: 2px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 42px;
    text-transform: uppercase;
    font-weight: 600;
}


.alazea-btn:hover {
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    position: relative;
    z-index: 1;
    display: inline-block;
    min-width: 150px;
    height: 46px;
    color: #f19b1a;
    background-color: transparent!important;
    border: 2px solid #f19b1a;
    border-radius: 2px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 42px;
    text-transform: uppercase;
    font-weight: 600;
}



element.style {
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.alazea-btn-ref {
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    position: relative;
    z-index: 1;
    display: inline-block;
    min-width: 150px;
    height: 46px;
    color: #ffffff;
    background-color: #f19b1a;
    border: 2px solid #f19b1a;
    border-radius: 2px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 42px;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 63px;
}


.alazea-btn-ref:hover {
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    position: relative;
    z-index: 1;
    display: inline-block;
    min-width: 150px;
    height: 46px;
    color: #f19b1a;
    background-color: transparent!important;
    border: 2px solid #f19b1a;
    border-radius: 2px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 42px;
    text-transform: uppercase;
    font-weight: 600;
	margin-top: 63px;
}



img.leistung {
    height: auto;
    max-width: 100%;
    margin-left: 107px;
	margin-top: 36px;
}

img.about {
    height: auto;
    max-width: 100%;
    margin-left: 495px;
    margin-top: -73px;
    margin-bottom: 73px;
}




.single-blog-post-aktuell {
    position: relative;
    z-index: 1;
    margin-top: 40px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.single_portfolio_item .portfolio-hover-overlay {
    width: calc(100% - 20px);
    height: 100%;
    top: 0;
    left: 10px;
    right: 10px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    background-color: rgba(241, 155, 26, 0.8);
    position: absolute;
    z-index: 10;
    text-align: center;
    opacity: 0;
    visibility: hidden;
}


.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 52px;
}


.footer-area .main-footer-area {
    position: relative;
    z-index: 1;
    padding-top: 80px;
    background-color: #bebebe;
}

.footer-area .single-footer-widget p {
    color: #fff;
    margin-bottom: 20px;
}

.footer-area .single-footer-widget .widget-title h5 {
    font-size: 22px;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 30px;
	color: #0e71b8;
}


.footer-area .footer-bottom-area {
    position: relative;
    z-index: 1;
	background-color: #838383;
}


#scrollUp {
    background-color: #f19b1a;
    border-radius: 0;
    bottom: 0;
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 30%);
    color: #ffffff;
    font-size: 24px;
    height: 40px;
    line-height: 40px;
    right: 50px;
    text-align: center;
    width: 40px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

.footer-area .footer-bottom-area .footer-nav ul li a {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin: 0 10px;
}

.single_portfolio_item .portfolio-hover-overlay a .port-hover-text h3 {
    font-size: 28px;
    color: #ffffff;
    margin-top: 159px;
}


.btn-primary {
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    position: relative;
    z-index: 1;
    display: inline-block;
    min-width: 150px;
    height: 46px;
    color: #ffffff;
    background-color: #f19b1a;
    border: 2px solid #f19b1a;
    border-radius: 2px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 42px;
    text-transform: uppercase;
    font-weight: 600;
}

.btn-primary:hover {
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    position: relative;
    z-index: 1;
    display: inline-block;
    min-width: 150px;
    height: 46px;
    color: #f19b1a;
    background-color: #fff;
    border: 2px solid #f19b1a;
    border-radius: 2px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 42px;
    text-transform: uppercase;
    font-weight: 600;
}

.breadcrumb-area .top-breadcrumb-area {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 555px;
}

h1, h2, h3, h4, h5, h6 {
    color: #0e71b8;
    line-height: 1.3;
    font-weight: 500;
}


ul li.content {
    list-style: square;
	margin-left: 30px;
}

h3.content {
    color: #f19b1a;
    line-height: 1.3;
    font-weight: 500;
}

a.content, a.content:hover, a.content:focus {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    text-decoration: none;
    outline: 0 solid transparent;
    color: #0e71b8;
    font-weight: 500;
    font-size: 19px;
}

h6.content {
    color: #f19b1a;
    line-height: 1.3;
    font-weight: 500;
}

.table-dark td, .table-dark th, .table-dark thead th {
    border-color: #fff;
}

.table-dark {
    color: #fff;
    background-color: #f6f7f7;
}

@media (max-width:1024px) {
	
.header-area .alazea-main-menu .classynav ul li a {
    padding: 0px 8px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 16px;
    color: #0e71b8;
    margin-top: 20px;
}

img.logo {
    height: auto;
    max-width: 93%;
}

.header-area .top-header-area .top-header-content {
    position: relative;
    z-index: 1;
    height: 41px;
    margin-left: 269px;
    margin-top: 24px;
}

.header-area .top-header-area .top-header-content .top-header-meta a {
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    color: #0e71b8;
    line-height: 1;
}

.section-padding-100-0 {
    padding-top: 16px;
    padding-bottom: 57px;
}

img.leistung {
    height: auto;
    max-width: 100%;
    margin-left: 81px;
    margin-top: 25px;
}

img.about {
    height: auto;
    max-width: 100%;
    margin-left: 407px;
    margin-top: -73px;
    margin-bottom: 73px;
}

.single_portfolio_item .portfolio-hover-overlay a .port-hover-text h3 {
    font-size: 28px;
    color: #ffffff;
    margin-top: 112px;
}
}

@media (max-width:768px) {
.header-area .top-header-area .top-header-content {
    position: relative;
    z-index: 1;
    height: 41px;
    margin-left: 304px;
    margin-top: 59px;
}

.header-area .top-header-area .top-header-content .top-header-meta a {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #0e71b8;
    line-height: 1;
}

img.logo {
    height: auto;
    max-width: 93%;
}

img.leistung {
    height: auto;
    max-width: 22%;
    margin-left: 126px;
    margin-top: 25px;
}

img.about {
    height: auto;
    max-width: 100%;
    margin-left: 286px;
    margin-top: -141px;
    margin-bottom: 34px;
}

.single_portfolio_item .portfolio-hover-overlay a .port-hover-text h3 {
    font-size: 28px;
    color: #ffffff;
    margin-top: 174px;
}

.footer-area .footer-bottom-area .footer-nav ul li a {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    margin: 0 -9px;
}

ul li, ol li.footer {
    list-style: none;
    margin-right: 37px;
}
}


@media (max-width:540px) {
top-header-meta {
display: none;
}

.header-area .top-header-area .top-header-content .top-header-meta a i {
    margin-right: 5px;
    color: #f19b1a;
    display: none;
}

img.logo {
    height: auto;
    max-width: 68%;
}

img.leistung {
    height: auto;
    max-width: 17%;
    margin-left: 205px;
    margin-top: 25px;
}

img.about {
    height: auto;
    max-width: 17%;
    margin-left: 209px;
    margin-top: -170px;
    margin-bottom: 4px;
}

.single_portfolio_item .portfolio-hover-overlay a .port-hover-text h3 {
    font-size: 28px;
    color: #ffffff;
    margin-top: 134px;
}
}

@media (max-width:414px) {
img.leistung {
    height: auto;
    max-width: 17%;
    margin-left: 155px;
    margin-top: 25px;
}

img.about {
    height: auto;
    max-width: 17%;
    margin-left: 158px;
    margin-top: -215px;
    margin-bottom: -46px;
}
}

@media (max-width:375px) {
img.leistung {
    height: auto;
    max-width: 15%;
    margin-left: 147px;
    margin-top: 6px;
}

img.about {
    height: auto;
    max-width: 17%;
    margin-left: 143px;
    margin-top: -246px;
    margin-bottom: -80px;
}
}

@media (max-width:360px) {
.alazea-btn {
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    position: relative;
    z-index: 1;
    display: inline-block;
    min-width: 150px;
    height: 46px;
    color: #ffffff;
    background-color: #f19b1a;
    border: 2px solid #f19b1a;
    border-radius: 2px;
    padding: 0 1px;
    font-size: 13px;
    line-height: 42px;
    text-transform: uppercase;
    font-weight: 600;
}

body {
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    color: #949494;
}
}

@media (max-width:320px) {
img.leistung {
    height: auto;
    max-width: 15%;
    margin-left: 122px;
    margin-top: 6px;
}

img.about {
    height: auto;
    max-width: 17%;
    margin-left: 117px;
    margin-top: -246px;
    margin-bottom: -80px;
}
}