@font-face {
  font-family: "Font Awesome 5 Brands";
  font-display: block;
  font-weight: 400;
  src: url("../webfonts/fa-brands-400.woff2") format("woff2");
}
@font-face {
  font-family: "Font Awesome 5 Free";
  font-display: block;
  font-weight: 900;
  src: url("../webfonts/fa-solid-900.woff2") format("woff2");
}
@font-face {
  font-family: "Font Awesome 5 Free";
  font-display: block;
  font-weight: 400;
  src: url("../webfonts/fa-regular-400.woff2") format("woff2");
}@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("../webfonts/fa-solid-900.woff2") format("woff2");
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("../webfonts/fa-brands-400.woff2") format("woff2");
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("../webfonts/fa-regular-400.woff2") format("woff2");
  unicode-range: U+F003, U+F006, U+F014, U+F016-F017, U+F01A-F01B, U+F01D, U+F022, U+F03E, U+F044, U+F046, U+F05C-F05D, U+F06E, U+F070, U+F087-F088, U+F08A, U+F094, U+F096-F097, U+F09D, U+F0A0, U+F0A2, U+F0A4-F0A7, U+F0C5, U+F0C7, U+F0E5-F0E6, U+F0EB, U+F0F6-F0F8, U+F10C, U+F114-F115, U+F118-F11A, U+F11C-F11D, U+F133, U+F147, U+F14E, U+F150-F152, U+F185-F186, U+F18E, U+F190-F192, U+F196, U+F1C1-F1C9, U+F1D9, U+F1DB, U+F1E3, U+F1EA, U+F1F7, U+F1F9, U+F20A, U+F247-F248, U+F24A, U+F24D, U+F255-F25B, U+F25D, U+F271-F274, U+F278, U+F27B, U+F28C, U+F28E, U+F29C, U+F2B5, U+F2B7, U+F2BA, U+F2BC, U+F2BE, U+F2C0-F2C1, U+F2C3, U+F2D0, U+F2D2, U+F2D4, U+F2DC;
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("../webfonts/fa-v4compatibility.woff2") format("woff2");
  unicode-range: U+F041, U+F047, U+F065-F066, U+F07D-F07E, U+F080, U+F08B, U+F08E, U+F090, U+F09A, U+F0AC, U+F0AE, U+F0B2, U+F0D0, U+F0D6, U+F0E4, U+F0EC, U+F10A-F10B, U+F123, U+F13E, U+F148-F149, U+F14C, U+F156, U+F15E, U+F160-F161, U+F163, U+F175-F178, U+F195, U+F1F8, U+F219, U+F27A;
}

body,.sp-preloader{background-color:#efefef;color:#252525}
.sp-preloader>div{background:#0345BF}
.sp-preloader>div:after{background:#FFFFFF}

#sp-header{
	height: 70px;
	position: relative;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);z-index: 500;}
#sp-header.header-with-modal-menu.classic-layout .modal-menu-inner>div .sp-megamenu-wrapper {
    height: 100%;
    align-items: start;
}

#sp-title {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);z-index: 5;
}
#sp-breadcrumb {
	background-color: #efefef;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);z-index: 5;
}
#sp-top-bar{
	position: relative;
	background:#333333;
	color:#AAAAAA;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);z-index: 100;}
#sp-top-bar a{color:#AAAAAA;}
#sp-slider {
	position: relative;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);z-index: 90;
}
#sp-mainmenu {
	
	position: relative;
	background-color: #efefef;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);z-index: 80;
}


#sp-title {
	
	position: relative;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);z-index: 70;
}

.logo-image {
    height: 70px;
}

.breadcrumb {
    background-color: #efefef;
}

/* eigenes css */



section#sp-logo {background-color: #fff;
	height: 70px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
.marken-logos {
    display: flex;
    gap: 10px;
    align-items: center;
    text-align: end;
}
div.logo {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	height: 70px;
}
.logo-image {
    height: 70px;
}
.logo-image-phone {
    height: 35px;
}

.sp-megamenu-parent>li>a {
    padding: 0px 15px 0px 15px;
}

.sp-megamenu-parent>li:last-child>a {
    padding: 0px 15px 0px 15px;
}



#sp-bottom {
    background: #303c49;
    color: #fff;
	box-shadow: 0 2px 3px rgba(255, 255, 255, 0.5);z-index: 60;
}
#sp-footer a, #sp-bottom a {
    color: #fefefe;
}
#sp-footer {
    background: #333;
    color: #fff;
	border-top: 1px solid rgba(255, 255, 255, .1);
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	box-shadow: 0 2px 3px rgba(255, 255, 255, 0.5);z-index: 50;
}

#sp-footer .container-inner {
    padding: 30px 0;
    border-top: none;
}
#sp-footer a:hover,#sp-footer a:active,#sp-footer a:focus,#sp-bottom a:hover,#sp-bottom a:active,#sp-bottom a:focus{color:#FFFFFF}

#sp-hinweis{background-color: #222;color:#efefef;}

.sp-scroll-up {
    display: none;
    position: fixed;
    bottom: 60px;
    right: 30px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: rgba(100, 100, 100, 1);
    border-radius: 10%;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
    z-index: 1000;
    transition: all .3s ease;
}

/* Leistungen */

.addon-root-flip-box-pro {
    padding: 5px 0px;
}

.sppb-flipbox-front.flip-box {
	background-position: center;
    background: radial-gradient(at center center, rgb(0, 67, 122) 0%, rgb(0, 30, 80) 100%);
    border-radius: 10px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
.flip-box-inner {
    height: 90%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: space-around;
}

.sppb-flipbox-front-icon {
	order: 5;
    color: #FFFFFF;
    padding: 10px 10px 10px 10px;
    display: flex;
    align-content: center;
    flex-direction: row;
        justify-content: flex-end;
    flex-wrap: nowrap;
    align-items: center;
}

.sppb-flipbox-front-title {
	order: 1;
    align-content: center;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
    color: #FFFFFF;
    background-color: #001e50;
    font-weight: bold;
    margin: 5px;
    padding: 5px;
    border: 1px solid #00437a;
    border-radius: 10px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
    align-items: center;
}

.sppb-flipbox-back {
    background: radial-gradient(at center center, rgb(0, 67, 122) 0%, rgb(0, 30, 80) 100%);
    border-radius: 10px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
.sppb-flipbox-back-icon {
	order: 5;
    color: #FFFFFF;
    padding: 10px 10px 10px 10px;
}
.sppb-flipbox-back-title {
	order: 1;
    color: #FFFFFF;
    background-color: #00437a;
    font-weight: bold;
    text-align: center;
    margin: 5px;
    padding: 5px;
    border: 1px solid #2265AC;
    border-radius: 10px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
.sppb-addon-sppb-flipbox {
    text-align: left;
}
.sppb-flipbox-back-paragraph {
    order: 2;
}

.sppb-flipbox-back-button .sppb-btn {
	order: 4;
    background-color: #FFFFFF;
    color: rgb(0, 67, 122);
}
.sppb-flipbox-back-button {
	Order: 4;
    display: flex;
    justify-content: center;
}

/* mitarbeiter */
a.mail:before{
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f003";
	padding-right: 5px;
}
a.tel:before{
	font: normal normal normal 14px/1 FontAwesome;
	content: "\f095";
	padding-right: 5px;
}

/* Historie Timeline */

.sppb-addon-timeline .sppb-addon-timeline-wrapper:before, .sppb-addon-timeline .sppb-addon-timeline-wrapper:after {
    background-color: #00437a !important;
}

.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge:before, .sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-badge:after {
    border: 1px solid #1696ff !important;box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
	}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel {
    border: solid 1px #00437a !important;	
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel:before {
    border-color: #00437a #00437a transparent transparent;
}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel .title {
	color: #00437a;
    font-size: 18px;
	font-weight: bold;
    margin: 0 0 10px;
    position: relative;
}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel.left-part:before {
    left: inherit;
    right: -3px;
}
.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-panel:before {    
    left: -3px;
}
.sppb-addon-timeline .timeline-panel:before {
     border-right-color: #1696ff !important; 
     border-top-color: #1696ff !important;  
}

.sppb-addon-timeline .sppb-addon-timeline-wrapper .timeline-movement .timeline-item .timeline-date {
    color: #1696ff !important; 
    font-size: 18px;
	font-weight: bold;
}

/* Historie Akkordion */

.sppb-panel-modern {
    background: #fff;
    border: 1px solid #1696ff !important; 
    border-radius: 4px;
    margin-bottom: 10px;	
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
}

.sppb-panel-modern>.sppb-panel-heading {
    padding: 17px 30px 17px 15px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
    background: #00437a;
    color: #fff;
}
.addon-root-person{
	border-radius: 3px;
}

.sppb-tab-content {
    background: #fff;
	
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
}

/* Formular */

#awf select {
    height: auto;
}



@media (max-width: 991px) {
    #sp-header {
        height: 70px;
    }
}