@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");
/* Font */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Raleway'), local('Raleway-Regular'), url(../Font/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Raleway'), local('Raleway-Regular'), url(../Font/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Raleway Medium'), local('Raleway-Medium'), url(../Font/1Ptrg8zYS_SKggPNwN4rWqhPAMif.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local('Raleway Medium'), local('Raleway-Medium'), url(../Font/1Ptrg8zYS_SKggPNwN4rWqZPAA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Raleway Bold'), local('Raleway-Bold'), url(../Font/1Ptrg8zYS_SKggPNwJYtWqhPAMif.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Raleway Bold'), local('Raleway-Bold'), url(../Font/1Ptrg8zYS_SKggPNwJYtWqZPAA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../Font/InterVariable.woff2) format('woff2');
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(../Font/lato-regular.woff2) format('woff2');
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(../Font/lato-bold.woff2) format('woff2');
}

body {
    font-family: 'Lato', sans-serif;
}

html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

.c-theme-btn,
.c-theme-btn.btn {
    font-family: 'Lato', sans-serif;
}

/* Schriften & Basics */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Inter', sans-serif;
    word-break: break-word;
    hyphens: auto;
}

h1,
h2,
h3,
h4 {
    letter-spacing: 1px;
}

.c-bg-black,
.c-bg-regular,
.c-bg-black p,
.c-bg-regular p,
.c-bg-black h1,
.c-bg-regular h1,
.c-bg-black h2,
.c-bg-regular h2,
.c-bg-black h3,
.c-bg-regular h3,
.c-bg-black h4,
.c-bg-regular h4,
.c-bg-black li,
.c-bg-regular li {
    color: #fff;
}

.ce-headline-center {
    text-align: center;
}

.c-content-box a {
    color: inherit;
}

.c-content-box a:hover {
    color: #007a63;
}

.c-content-box a.btn {
    color: #fff;
}

.c-bg-regular a.btn {
    background: #fff;
    color: #007a63;
    border-color: #fff
}

.c-bg-regular a.btn:focus,
.c-bg-regular a.btn:hover {
    background: #007a63;
    color: #fff;
    border-color: #fff
}

.c-content-box h2,
.c-feature-box h2 {
    font-size: 35px;
}

.c-content-box.textmedia.c-size-md h2 {
    margin-bottom: 20px;
    margin-top: 0;
}

.c-content-box.textmedia.c-size-md.c-bg-white h2 {
    color: #007A63;
}

.c-content-list-1 {
    margin-top: 5px;
}

.btn-default {
    color: #5c6873;
}

.btn-default:hover {
    background: #007a63;
    color: #fff;
    border-color: #fff;
}

.two_text_columns {
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
.c-action-btn.btn {
    white-space: normal;
}

@media (max-width: 991px) {
    .two_text_columns {
        -webkit-column-gap: normal;
        -moz-column-gap: normal;
        column-gap: normal;
        -webkit-column-count: auto;
        -moz-column-count: auto;
        column-count: auto;
    }
}

.c-content-box ul,
.c-feature-box ul {
    margin-top: 5px;
    margin-bottom: 20px;
    padding: 0;
}

.c-feature-box table ul {
    margin-right: 20px;
}

.c-content-box ul li,
.c-feature-box ul li {
    margin-bottom: 15px;
    margin-left: 18px;
    list-style: none;
    /*color: #007A63;*/
    font-family: 'Lato', sans-serif;
    /*font-weight: 700;*/
    line-height: 28px;
    letter-spacing: 0.18px;
}

.c-feature-box table ul li {
    margin-bottom: 0;
}

.c-content-box ul li:before,
.c-feature-box ul li:before {
    background: #007A63;
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 10px;
    margin-left: -18px;
    vertical-align: middle;
}

.c-bg-black h4,
.c-bg-regular h4,
.c-bg-white h4 {
    color: #007A63;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 20px;
}

.c-content-box table tr td {
    vertical-align: top;
    padding: 5px 20px 5px 0;
}

.c-content-box p {
    margin-bottom: 20px;
}

.c-content-box table p {
    margin-bottom: 5px;
}

.c-content-box table p small br {
    display: block;
    margin: -5px;
}

.ce-textpic {
    margin-bottom: 30px;
}

/* Header & Navigation */
.c-layout-header.c-layout-header-2,
.c-layout-header.c-layout-header-dark-mobile.c-header-transparent-dark {
    /*background: rgba(0, 0, 0, 0.3);*/
    -webkit-transition: .25s ease-out;
    -moz-transition: .25s ease-out;
    -o-transition: .25s ease-out;
    transition: .25s ease-out;
}

.c-page-on-scroll .c-layout-header.c-layout-header-2 {
    /*background: rgba(0, 0, 0, 0.75);*/
    -webkit-box-shadow: 0 6px 6px -6px #999;
    -moz-box-shadow: 0 6px 6px -6px #999;
    box-shadow: 0 6px 6px -6px #999;
}

.c-page-on-scroll.c-layout-header-fixed .c-layout-header {
    height: auto;
}

.c-layout-header .c-brand {
    margin: 30px 0 37px 0;
}

.c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-brand {
    margin: 15px 0 15px 0;
}

@media (max-width: 767px) {
    .c-layout-header .c-brand {
        margin: 15px 0 15px 0;
    }
}

.c-layout-header .c-brand img {
    width: auto;
}

.c-layout-header .c-brand .c-desktop-logo-inverse,
.c-layout-header .c-brand .c-mobile-logo {
    height: 100px;
    -webkit-transition: .25s ease-out;
    -moz-transition: .25s ease-out;
    -o-transition: .25s ease-out;
    transition: .25s ease-out;
}

@media (max-width: 767px) {

    .c-layout-header .c-brand .c-desktop-logo-inverse,
    .c-layout-header .c-brand .c-mobile-logo {
        height: 75px;
    }
}

.c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-brand .c-desktop-logo-inverse,
.c-page-on-scroll.c-layout-header-fixed .c-layout-header .c-brand .c-mobile-logo {
    height: 75px;
}

/* Burger, Mega-Menü und Brotkrumen ausgelagert nach navigation.css */

/* Kopfbildslider ausgelagert nach Components/kopfbild.css */

/* Brotkrumen & Navi im Content */
.c-layout-breadcrumbs-1 {
    background: #fff;
}

.c-content-box.c-bg-black .c-theme-nav li:focus>a:not(.btn),
.c-content-box.c-bg-black .c-theme-nav li:active>a:not(.btn),
.c-content-box.c-bg-black .c-theme-nav li:hover>a:not(.btn) {
    background: #000;
}

.c-content-box.c-bg-white .c-theme-nav li:focus>a:not(.btn),
.c-content-box.c-bg-white .c-theme-nav li:active>a:not(.btn),
.c-content-box.c-bg-white .c-theme-nav li:hover>a:not(.btn) {
    background: #fff;
}

/* Feature Box */
.c-content-feature-5 .c-content-title-1>h3 {
    margin-top: -25px;
    max-width: 150px;
}

/* Styles für den BildTextTeaser wurden nach bildtextteaser.css ausgelagert. */

@media (max-width: 1199px) {
    .c-content-title-1>h3 {
        max-width: none;
    }
}

h3.c-content-title-1 {
    font-size: 28px;
    margin-top: 0;
}

.c-content-box .row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.c-content-feature-15 table {
    margin-bottom: 30px;
}

.c-content-feature-15 table tr td {
    padding: 10px 50px 0 0;
}

.c-content-feature-16 .c-feature-16-container {
    padding: 60px;
}

.c-content-feature-16 h2,
.c-content-feature-16 p,
.c-content-feature-16 ul {
    margin-bottom: 35px;
}

.c-content-feature-16 ul li {
    padding-bottom: 10px;
}

.c-content-feature-16 table td {
    vertical-align: top;
    width: 50%;
}

/* Styles für den LeistungenTeaser wurden nach leistungen-teaser.css ausgelagert. */

.inhalte2spaltig .c-content-box.c-size-md {
    padding: 0;
}

.inhalte2spaltig img {
    max-width: 100%;
    height: auto;
}

.inhalte1spaltig .c-content-box.c-size-md {
    padding: 0;
}

.inhalte1spaltig img {
    max-width: 100%;
    height: auto;
}

.has-images .ce-bodytext {
    padding: 15px;
}

@media (max-width: 460px) {
    .c-content-feature-15 .c-feature-15-container table td {
        display: block;
        padding: 0;
        margin-top: 20px;
    }

    .c-content-feature-16 .c-feature-16-container table {
        margin-bottom: 35px;
    }

    .c-content-feature-16 .c-feature-16-container table td {
        display: inline;
    }

    .c-content-feature-16 .c-feature-16-container table td>ul {
        margin-bottom: 0;
        margin-top: 0;
    }

    .c-content-feature-16 .c-feature-16-container a.btn {
        white-space: normal;
        font-size: 15px;
    }
}

/* Cube Portfolio */
/* Project grid & filter styles moved to Projects.css */

@media (max-width: 1199px) {
    .cubeportfolio-grid-outer-container-2 .ce-textpic.ce-center.ce-above.has-images {
        max-width: 818px;
        margin: 0 auto;
    }
}

@media (max-width: 991px) {
    .cubeportfolio-grid-outer-container-2 .ce-textpic.ce-center.ce-above.has-images {
        max-width: 542px;
        margin: 0 auto;
    }
}

@media (max-width: 574px) {
    .cubeportfolio-grid-outer-container-2 .ce-textpic.ce-center.ce-above.has-images {
        max-width: 266px;
        margin: 0 auto;
    }
}

.cubeportfolio-grid-outer-container-2 .cubeportfolio-grid-container-2-sorting-container {
    text-align: center;
    margin-bottom: 40px;
    margin-top: 20px;
}

.cubeportfolio-grid-outer-container-2 .cubeportfolio-grid-container-2-sorting-container>div {
    display: inline-block;
    margin: 0 15px;
    font-weight: bold;
    cursor: pointer;
}

.cubeportfolio-grid-outer-container-2 .cubeportfolio-grid-container-2-sorting-container>div.active-filter-sort {
    color: #007A63;
}

.cubeportfolio-grid-container-2 .cbp-item .sorting {
    display: none;
}

.cubeportfolio-grid-container-2 .cbp-item .cbp-caption-defaultWrap {
    position: relative;
}

.cubeportfolio-grid-container-2 .cbp-item .caption {
    position: absolute;
    bottom: 15px;
    left: 5%;
    color: #fff;
    background-color: rgba(0, 122, 99, 0.75);
    padding: 10px;
    min-width: 100px;
    min-height: 100px;
    font-size: 16px;
    max-width: 90%;
}

.cubeportfolio-grid-container-2 .cbp-item .cbp-caption-activeWrap .caption {
    width: 90%;
}

/* News-Kacheln */
/* Moved to Projects.css */

/* Owl-Slider */
.c-content-media-2-slider {
    margin-bottom: 20px;
}

.owl-carousel .owl-controls .owl-dot {
    border-radius: 0;
}

.c-content-media-2-slider .owl-controls {
    text-align: center;
    top: auto;
    right: auto;
    bottom: 5px;
    width: 100%;
    left: 0;
}

.c-content-media-2-slider .owl-carousel.c-theme .owl-controls .owl-dot {
    background: #fff;
}

.c-content-media-2-slider .owl-carousel.c-theme .owl-controls .owl-dot.active {
    background: #007a63;
}

.c-content-media-2-slider .item .c-content-media-2.c-bg-img-center {
    min-height: 728px;
}

.col-sm-6 .c-content-media-2-slider .item .c-content-media-2.c-bg-img-center {
    min-height: 300px;
}

.c-content-testimonials-4 .owl-theme .owl-controls {
    margin-top: 30px;
}

.c-content-testimonials-4 .owl-theme .owl-controls .owl-nav {
    bottom: 0;
}

.c-content-testimonials-4 .owl-theme .owl-controls .owl-nav div.owl-prev {
    left: -420px;
    bottom: 270px;
    background: none;
}

.c-content-testimonials-4 .owl-theme .owl-controls .owl-nav div.owl-prev:before {
    font-family: "FontAwesome";
    content: "\f053";
    color: #888;
    border: 1px solid #888;
    padding: 15px 20px;
}

.c-content-testimonials-4 .owl-theme .owl-controls .owl-nav div.owl-next {
    right: -400px;
    bottom: 270px;
    background: none;
}

.c-content-testimonials-4 .owl-theme .owl-controls .owl-nav div.owl-next:after {
    font-family: "FontAwesome";
    content: "\f054";
    color: #888;
    border: 1px solid #888;
    padding: 15px 20px;
}

/* BoxItem-Slider-Styles wurden nach Components/boxitem.css ausgelagert. */

.c-content-testimonials-4 .owl-stage>.owl-item .c-content-testimonial-4 .c-content {
    margin-bottom: 420px;
}

.c-content-testimonials-4 .owl-stage>.owl-item .c-content-testimonial-4 .c-person {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 auto;
}

.c-content-testimonials-4 .c-person {
    padding-top: 0;
}

/* BoxItem-Textfarben wurden nach Components/boxitem.css ausgelagert. */

.c-content-testimonials-4 .item .c-person img {
    border-radius: 0;
    width: 600px;
    min-width: 600px;
    max-width: 600px;
    height: 300px;
}

.c-content-media-2-slider.thumbs .owl-theme .owl-controls {
    bottom: 20px;
}

.c-content-media-2-slider.thumbs .owl-theme .owl-controls .owl-nav div.owl-prev {
    left: -5px;
    bottom: 50px;
    background: none;
    text-align: left;
    position: absolute;
}

.c-content-media-2-slider.thumbs .owl-theme .owl-controls .owl-nav div.owl-prev:before {
    content: "<";
    color: #888;
    background: rgba(255, 255, 255, 0.7);
    padding: 5px 12px 7px 12px;
    font-size: 20px;
    color: #007A63;
}

.c-content-media-2-slider.thumbs .owl-theme .owl-controls .owl-nav div.owl-next {
    right: -5px;
    bottom: 50px;
    background: none;
    text-align: right;
    position: absolute;
}

.c-content-media-2-slider.thumbs .owl-theme .owl-controls .owl-nav div.owl-next:after {
    content: ">";
    color: #888;
    background: rgba(255, 255, 255, 0.7);
    padding: 5px 12px 7px 12px;
    font-size: 20px;
    color: #007A63;
}

.c-content-media-2-slider.thumbs .owl-theme:not(.owl-single):not(.owl-bordered) .owl-wrapper .owl-item,
.owl-theme:not(.owl-single):not(.owl-bordered) .owl-stage-outer .owl-item {
    padding: 0 5px;
}

/* News Pagination */
div.news>div.c-content-box>div.container>div.page-navigation:first-child {
    display: none;
}

div.news>div.c-content-box>div.container>div.page-navigation ul li::before {
    display: none;
}

/* Download */
.project-download {
    clear: both;
    margin-top: 50px;
}

.project-download>div {
    float: left;
}

.project-download .fa-rotate-download {
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    transform: rotate(-20deg);
    font-size: 75px;
    margin: 15px 35px 0 25px;
    -webkit-transition: back 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
}

.project-download h3 {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
}

.project-download h3 i {
    margin-right: 5px;
}

.project-download h3 i:before {
    color: #fff;
}

.project-download:hover i.fa-rotate-download {
    color: #007A63;
}




/* ce-filelist */
.c-content-box .ce-uploads {
    list-style-type: none;
    padding-left: 0;
}
.c-content-box  ul.ce-uploads li {
	margin: 0;
	padding: 2rem;
	padding-left: 3rem;
	padding-right: 3rem;
}
.c-content-box  ul.ce-uploads li:not(.c-content-box  ul.ce-uploads li:first-child) {
	border-top: 1px solid #000;
}
.c-content-box  ul.ce-uploads li::before {
    content: unset;
    margin: 0;
    background: unset;
}
ul.ce-uploads .bi.bi-download {
	margin-right: 1rem;
	color:#007A63;
}
.ce-uploads-filesize {
    font-size: 1rem;
    margin-left: 1rem;
}


/* logos */
div.flex-logos {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: -30px;
    margin-top: 20px;
    width: 100%;
}

div.flex-logos>div {
    display: contents;
}

div.flex-logos.ms-hide {
    display: none;
}

@media (max-width: 1199px) {
    div.flex-logos {
        display: inline-block;
        margin-bottom: -30px;
    }

    div.flex-logos>div {
        display: flex;
        justify-content: space-around;
        align-items: flex-end;
        margin-top: 70px;
    }

    div.flex-logos>div:first-child {
        margin-top: 20px;
    }

    div.flex-logos.ms-show {
        display: none;
    }

    div.flex-logos.ms-hide {
        display: inline-block;
    }
}

@media (max-width: 662px) {
    div.flex-logos {
        display: inline-block;
        margin-bottom: -30px;
        text-align: center;
    }

    div.flex-logos>div {
        display: inline;
    }

    div.flex-logos>div>figure {
        margin-top: 60px;
    }

    div.flex-logos>div:first-child>figure:first-child {
        margin-top: 0;
    }
}

/* anchor offset locations */
.c-layout-page header h1,
.c-layout-page header h2,
.c-layout-page header h3,
.c-layout-page header h4,
.c-layout-page header h5,
.c-layout-page header h6 {
    scroll-margin-top: 200px;
}