/*=============================================================
    Authour URL: www.designbootstrap.com
    
    http://www.designbootstrap.com/

    License: MIT

    http://opensource.org/licenses/MIT

    100% Free To use For Personal And Commercial Use.

    IN EXCHANGE JUST TELL PEOPLE ABOUT THIS WEBSITE
   
========================================================  */


/* =============================================================
GOOGLE FONT
============================================================ */




.Mont-ExtraLight {
    font-family: Mont-ExtraLight;
}

.Mont-ExtraLightItalic {
    font-family: Mont-ExtraLightItalic;
}

.Mont {
    font-family: Mont-Regular;
}

.Mont-ThinItalic {
    font-family: Mont-ThinItalic;
}

.Mont-SemiBold {
    font-family: Mont-SemiBold;
}

.Mont-BoldItalic {
    font-family: Mont-BoldItalic;
}

.Mont-Hairline {
    font-family: Mont-Hairline;
}

.Mont-SemiBoldItalic {
    font-family: Mont-SemiBoldItalic;
}

.Mont-Light {
    font-family: Mont-Light;
}

.Mont-LightItalic {
    font-family: Mont-LightItalic;
}

.Mont-HeavyItalic {
    font-family: Mont-HeavyItalic;
}

.Mont-Thin {
    font-family: Mont-Thin;
}

.Mont-Heavy {
    font-family: Mont-Heavy;
}

.Mont-BlackItalic {
    font-family: Mont-BlackItalic;
}

.Mont-HairlineItalic {
    font-family: Mont-HairlineItalic;
}

.Mont-BookItalic {
    font-family: Mont-BookItalic;
}

.Mont-Book {
    font-family: Mont-Book;
}

.Mont-RegularItalic {
    font-family: Mont-RegularItalic;
}

.Mont-Bold {
    font-family: Mont-Bold;
}

.Mont-Black {
    font-family: Mont-Black;
}

@media (min-width: 1200px) .container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    max-width: 1180px;
}

@media (min-width: 1200px) .container {
    max-width: 1180px;
}

.red {
    color: #ea371f;
}

b,
strong {
    font-family: Mont-Bold;
}

iframe {
    border-width: 0px;
    width: 100%;
}



/* =============================================================
GENERAL STYLES
============================================================ */
body {
    font-family: Mont-Regular, sans-serif;
    color: #fff;
    background-color: #392e37;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.4;
}

.figure {
    color: #495057;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mt-100 {
    margin-top: 100px;
}



a {
    color: #547a9b;
    text-decoration: none;
}

a:hover {
    color: #ea371f;
    text-decoration: none;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

section {
    padding-top: 50px;
    padding-bottom: 50px;
}

.pad-bottom {
    padding-bottom: 60px;
}

.header {
    font-family: Mont-Regular, 'ubuntu', sans-serif;
    text-transform: uppercase;
    padding-top: 50px;
}

.header hr {
    width: 50px;
    border-top: 2px solid #ea371f;
    align-content: center;
}



h3 {
    font-family: Mont-Bold, 'ubuntu', sans-serif;
    font-size: 1rem;
    color: #fff;
}

blog h3 {
    font-family: Mont-Bold, 'ubuntu', sans-serif;
    font-size: 1rem;
    color: #fff;
}



.mt-30 {
    margin-top: 30px;
}

code {
    color: #8f475c;
}

figcaption {
    color: #b5c9dc;
    margin-top: 8px;
    margin-bottom: 13px;
}

/* =============================================================
CUSTOM BUTTON STYLES
============================================================ */
.button-custom {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin: 25px 5px 5px 0px;
    margin: 4px 2px;
    font-family: Mont-Bold, 'ubuntu', sans-serif;
}

.button-custom-right {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    margin: 2px 0 2px 2px;
}

.button-custom i {
    margin: 5px;
    font-size: 14px;
}



.btn-custom-one {
    color: #fff;
    border: 2px solid #ea371f;
    background-color: #392e37;
}

.btn-custom-one:hover {
    background-color: #ea371f;
    text-decoration: none;
    color: #fff;
}

.btn-custom-two {
    color: #fff;
    background-color: #547a9b;
}

.btn-custom-two:hover {
    text-decoration: none;
    color: #fff;
    background-color: #ea371f;
}

.btn-custom-three {
    color: #fff;
    background-color: #ed8a1d;
    text-transform: uppercase;
}

.btn-custom-three:hover {
    text-decoration: none;
    color: #fff;
    background-color: #ea371f;
}

.btn-custom-four {
    color: #fff;
    background-color: #8f475c;
    text-transform: uppercase;
}

.btn-custom-four:hover {
    text-decoration: none;
    color: #fff;
    background-color: #ea371f;
}

.btn-custom-five {
    color: #fff;
    background-color: #45816b;
    text-transform: uppercase;
}

.btn-custom-five:hover {
    text-decoration: none;
    color: #fff;
    background-color: #ea371f;
}

.btn-custom-six {
    border: 2px solid #ea371f;
    color: #fff;
    background-color: #ea371f;
    text-transform: uppercase;
}

.btn-search:hover {
    border: 2px solid #ea371f;
    text-decoration: none;
    color: #fff;
    background-color: #392e37;
    margin: 5px;
}

.btn-search {
    border: 2px solid #ea371f;
    color: #fff;
    background-color: #ea371f;
    text-transform: uppercase;
    margin: 5px;
}

.btn-custom-six:hover {
    border: 2px solid #ea371f;
    text-decoration: none;
    color: #fff;
    background-color: #392e37;
}

.btn-custom-light {
    color: #ebe1e6;
    text-transform: uppercase;
}

.btn-custom-light:hover {
    text-decoration: none;
    color: #fff;
    background-color: #392e37;
}


.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}


/* =============================================================
MENU SECTION STYLES
########################################################*/

@media (max-width: 991.98px) {

    .navbar-expand-lg > .container,
        {
        padding-right: 15px;
        padding-left: 15px;
        font-family: Mont-Bold, 'ubuntu', sans-serif;
    }
}


.navbar-brand {
    font-family: Mont-Bold, 'ubuntu', sans-serif;

}

.navbar-brand .img {
    padding-left: 0px;
    width: 200px;
}

#mainNav .navbar-toggler {
    font-size: 12px;
    font-family: Mont-Bold, 'ubuntu', sans-serif;
    padding: 13px;
    text-transform: uppercase;

}

#mainNav .navbar-nav > li.nav-item > a {
    font-size: 12px;
    font-family: Mont-Bold, 'ubuntu', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
}



.navbar {
    background-color: #392e37;
    border-color: transparent;
    background: url("../img/ecke.png") top right no-repeat #392e37;
    padding: 0px;
}

.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > .active > a:focus {
    background-color: transparent;
    border-bottom: 3px solid #e53739;
    color: #fff;
}



.navbar .navbar-brand,
.navbar .navbar-brand:hover {
    color: #eee;
    font-family: Mont-Bold, 'ubuntu', sans-serif;
}


.navbar-dark .navbar-nav .nav-link {
    font-size: 16px;
    font-family: Mont-Bold, 'ubuntu', sans-serif;
    padding: 10px 0px 10px 0px;
    letter-spacing: 1px;
    margin: 0px 0px 0px 22px;
    color: #fff;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.navbar-dark .navbar-nav .nav-link:hover {
    font-size: 16px;
    padding: 15px 0px 5px 0px;
    letter-spacing: 1px;
    margin: 0px 0px 0px 22px;
    color: #ccc;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.navbar-brand {
    float: left;
    height: 53px;
    padding: 5px 0px;
    /* font-size: 22px; */
    /* line-height: 24px; */
}

.navbar .navbar-brand > li > a {
    font-size: 14px;
    font-weight: 800;
    padding: 20px 0px;
    letter-spacing: 2px;
    margin: 0px;
    color: #fff;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    border: none;
}



.navbar .navbar-lang .navbar-brand > li > a:hover {
    font-size: 14px;
    font-weight: 800;
    padding: 20px 0px;
    letter-spacing: 1px;
    margin: 0px;
    color: #ccc;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    border: none;
}

.navbar-lang {
    float: right;
    display: inline-block;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding: 10px 0px;
}

.navbar-expand-lg .navbar-nav .nav-link > .active > a,
.navbar-expand-lg .navbar-nav .nav-link > .active > a:hover,
.navbar-expand-lg .navbar-nav .nav-link > .active > a:focus {
    background-color: transparent;
    border-bottom: 3px solid #e53739;
    color: #fff;
}


.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #392e37;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #ea371f;
    border-color: #392e37;
}

.navbar-inverse .navbar-toggle {
    border-color: #ea371f;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 28px;
    margin-right: 15px;
    margin-bottom: 28px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 3px;
}



.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .9);
    border-color: #ea371f;
}

/* =============================================================
HOME SECTION STYLES
============================================================ */

#home {
    text-align: left;
    padding-top: 60px;
    background-color: #392e37;
    display: block;
    margin-top: 50px;
}


#social {
    float: right;
    display: block;
    margin: 15px 0px;
    font-family: Mont-Bold, 'ubuntu', sans-serif;
    text-transform: uppercase;
}

#social-left {
    float: left;
    display: block;
    margin: 15px 0px;
    padding-left: 0px;
}

#logo-spacer {
    padding: 50px 0px 40px 0px;
}

.head-text {

    padding: 50px 0px 40px 0px;
}

/*Carousel Slider*/
.cslider {
    padding: 70px 0px 50px 0px;
}

.cslider h3 {
    line-height: 28px;
    font-size: 28px;
}

.cslider p {
    margin: 25px 0px;
}


}

.cslider .carousel-indicators li.active {
    background-color: #ea371f;
}


/* =============================================================
SERVICES SECTION STYLES
============================================================ */
#services {
    padding-top: 90px;
    background:
        linear-gradient(rgba(57, 46, 55, 0.7),
            rgba(57, 46, 55, 0.7)),
        url("../img/RHC-EuropeWorld.jpg") no-repeat fixed;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

#services .services-wrapper {
    padding: 20px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-bottom: 28px;
    cursor: pointer;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    background-color: #392e37;
    background: #392e37 url("../img/ecke.png") top right no-repeat;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    height: 100%; /* Ensures equal height */

}

#services .services-wrapper:hover {
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    background: #322730 url("../img/ecke.png") top right no-repeat;
}

#services h2 {
    font-family: Mont-Bold, 'ubuntu', sans-serif;
    color: #fff;
    line-height: 1.1;

    font-size: 23px;
    margin-top: 20px;
    margin-bottom: 10px;
}

#services h1 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    font-size: 50px;
    margin-top: 20px;
    margin-bottom: 10px;
}

#services a {
    color: #fff;
    text-decoration: none;
}


#services .services-wrapper i {
    margin: 5px;
    color: #ea371f;
    font-size: 60px;
}

#services .services-wrapper span i {
    margin: 5px;
    color: #ea371f;
    font-size: 14px;
}

 /* Bootstrap Utility for Equal Height */
    .row.g-4 {
        display: flex;
        flex-wrap: wrap;
    }

    /* Ensures service boxes are aligned */
    .service-link {
        text-decoration: none;
        color: inherit;
        display: flex;
    }




/* =============================================================
Impresum
=============================================================*/

#impressum {
    padding-top: 150px;
    background:
        linear-gradient(rgba(57, 46, 55, 0.5),
            rgba(57, 46, 55, 0.5)),
        url("../img/bg3.jpg") no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}

#impressum .impressum-wrapper {
    padding: 20px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-bottom: 30px;
    background-color: rgba(255, 255, 255, 0.07);
    cursor: pointer;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    background-color: #392e37;
    background: #392e37 url("../img/ecke-klein.png") top right no-repeat;

}

#impressum .impressum-wrapper:hover {
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    background: #322730 url("../img/ecke.png") top right no-repeat;
}

#impressum .impressum-wrapper i {
    margin: 5px;
    color: #ea371f;
    font-size: 60px;
}

#impressum .impressum-wrapper span i {
    margin: 5px;
    color: #ea371f;
    font-size: 14px;
}

/* =============================================================
Datenschutz SECTION STYLES
============================================================ */
.cta-section {
    background: #322730;

}


.customer-section {
    background: #392e37;

}



/* =============================================================
Datenschutz SECTION STYLES
============================================================ */
#datenschutz {
    padding-top: 120px;
    background:
        linear-gradient(rgba(57, 46, 55, 0.3),
            rgba(57, 46, 55, 0.3)),
        url("../img/bg2.jpg") no-repeat fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

#datenschutz .services-wrapper {
    padding: 20px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-bottom: 40px;
    background-color: rgba(255, 255, 255, 0.07);
    cursor: pointer;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    background-color: #392e37;
    background: #392e37 url("../img/ecke.png") top right no-repeat;

}

#datenschutz .services-wrapper:hover {
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    background-image: #322730 url("../img/ecke.png") top right no-repeat;
}

#datenschutz h2 {
    font-family: Mont-Bold, 'ubuntu', sans-serif;
    color: #fff;
    font-weight: 800;
    line-height: 1.1;

    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 10px;
}

#datenschutz h1 {
    font-family: Mont-Bold, 'ubuntu', sans-serif;
    font-weight: 500;
    line-height: 1.1;
    font-size: 50px;
    margin-top: 20px;
    margin-bottom: 10px;
}


#datenschutz .services-wrapper i {
    margin: 5px;
    color: #ea371f;
    font-size: 60px;
}


/* =============================================================
ABOUT SECTION STYLES
============================================================ */
#vision {
    margin-top: 80px;
    background:
        linear-gradient(rgba(57, 46, 55, 0.8),
            rgba(57, 46, 55, 0.8)),
        url("../img/beautiful.jpg") no-repeat fixed;
    padding-top: 90px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

#about {
    margin-top: 80px;
    background:
        linear-gradient(rgba(57, 46, 55, 0.9),
            rgba(57, 46, 55, 0.9)),
        url("../img/RHC-path-colors.jpg") no-repeat fixed;
    padding-top: 90px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

#about .about-wrapper {
    padding: 20px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-bottom: 20px;
    cursor: pointer;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    background: #392e37 url("../img/ecke-klein.png") top right no-repeat;

}

#about .about-wrapper:hover {
    background-color: #322730;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    background: #392e37 url("../img/ecke-klein.png") top right no-repeat;
}

#about h2 {
    font-family: Mont-Bold, 'ubuntu', sans-serif;
    color: #fff;
    font-size: 50px;
}

#about h1 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    font-size: 50px;
    margin-top: 20px;
    margin-bottom: 10px;
}


#about .about-wrapper i {
    margin: 5px;
    color: #ea371f;

}

#about .about-wrapper h4 {
    padding-top: 0px;
}

#about .about-wrapper hr {
    margin: 10px;
    border-top: 1px solid #ea371f;
}

#about .about-wrapper p {
    text-align: justify;
}

#about .about-wrapper i {
    color: #ea371f;
}


/*============================
PRICING SECTION STYLES
==============================*/

#pricing {
    background-color: #392e37;
}

#pricing h2 {
    font-family: Mont-Bold, 'ubuntu', sans-serif;
    color: #fff;
}


#offers {
    background-color: #392e37;
}

#offers h2 {
    font-family: Mont-Bold, 'ubuntu', sans-serif;
    color: #fff;
}

.light-pricing {
    margin-bottom: 30px;
    margin-top: 50px;
    text-align: center;
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    background-color: #392e37;
    color: #fff;
    line-height: 30px;
    cursor: pointer;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    background: #392e37 url("../img/ecke.png") top right no-repeat;
}

.light-pricing:hover {
    background-color: #322730;
}

.light-pricing ul {
    list-style: none;
    margin: 0px 5px;
    text-align: center;
    padding-left: 0px;
}

.light-pricing ul li {
    padding-top: 20px;
    padding-bottom: 0px;
    cursor: pointer;
}

.light-pricing ul li i {
    margin-right: 5px;
}


.light-pricing .price {
    padding: 40px 20px 20px 20px;
    font-size: 60px;
    font-weight: 900;
}

.light-pricing .price small {
    color: #000;
    display: block;
    font-size: 15px;
    margin-top: 22px;
    color: #edb41d;
}

.light-pricing .type {
    background-color: #ea371f;
    padding: 30px 20px;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 30px;
    color: #ffffff;
}

.light-pricing .pricing-footer {
    padding: 20px;
}

.db-attached > .col-lg-4,
.db-attached > .col-lg-3,
.db-attached > .col-md-4,
.db-attached > .col-md-3,
.db-attached > .col-sm-4,
.db-attached > .col-sm-3 {
    padding-left: 0;
    padding-right: 0;
}

.light-pricing.popular {
    margin-top: 10px;
}

.light-pricing.popular .price {
    padding-top: 80px;
}


/*============================
WORK SECTION STYLES
==============================*/

#work .caegories a.active {
    background-color: transparent;
    color: #fff;
}

.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

#work .work-wrapper {
    padding: 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-bottom: 40px;
    background-color: #392e37;
    cursor: pointer;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    border: 1px solid #322730;
}

#work .work-wrapper:hover {
    border: 1px solid #ea371f;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;


}

#work .work-wrapper h4 {
    padding-top: 0px;
}

#work .work-wrapper hr {
    margin: 10px;
    border-top: 1px solid #ea371f;
}

#work .work-wrapper p {
    text-align: justify;
}

#work .work-wrapper i {
    color: #ea371f;
}

/*============================
Qouts SECTION STYLES
==============================*/
#qout {
    background-color: #fff;
    background:
        linear-gradient(rgba(57, 46, 55, 0.8),
            rgba(57, 46, 55, 0.8)),
        url("../img/relax2.jpg") top center fixed;
    padding-top: 30px;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.quot-wrapper {
    background-size: cover;
    background-position: center;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    padding: 0px 0px;
    background-color: #64555a;
    border-top: 1px solid #322730;
    border-right: 1px solid #322730;
    border-left: 1px solid #322730;
    border-radius: 3px 3px 3px 3px;
}



/*============================
TEAM SECTION STYLES
==============================*/
#team {
    background-color: #322730;
    background:
        linear-gradient(rgba(57, 46, 55, 0.8),
            rgba(57, 46, 55, 0.8)),
        url("../img/relax.jpg") top center fixed;
    display: table;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}


.team-wrapper {
    overflow-x: hidden;
    position: relative;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transform: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    margin-bottom: 30px;

}

.team-wrapper:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.team-wrapper .team-inner {
    background-size: cover;
    background-position: center;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    padding: 150px 0 10px;
    background-color: #64555a;
    border-top: 1px solid #322730;
    border-right: 1px solid #322730;
    border-left: 1px solid #322730;
    border-radius: 3px 3px 0px 0px;
}

.team-wrapper > .team-inner > a {
    color: #ea371f;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    margin: 0 auto -50px;
    display: block;
    color: #ea371f;
    z-index: 999;
    font-size: 40px;
    padding: 15px 22px;
    background-color: #322730;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.team-wrapper > .team-inner > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #322730;
}


.team-wrapper .description {
    padding: 30px 20px 20px;
    text-align: center;
    border-bottom: 1px solid #322730;
    border-right: 1px solid #322730;
    border-left: 1px solid #322730;
}

.team-wrapper .description h5 {
    color: #ea371f;
}




#team {
    background: #392e37;
     !important;
}

.btn {
    font-size: 0.9rem;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #108d6f;
    border-color: #108d6f;
    box-shadow: none;
    outline: none;
}

.btn-primary {
    color: #fff;
    background-color: #ea371f;
    border-color: #ea371f;
}



section .section-title {
    text-align: center;
    color: #fff;
    margin-bottom: 50px;
    text-transform: uppercase;
}

section .section-title h2 {
    font-size: 2.5rem;
}





#team .card {
    border: none;
    background: #322730;
    padding: 25px 20px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #322730 url("../img/ecke-klein.png") top right no-repeat;
}



#team .card-body {
    padding: 0px;
}

.card-text a:visited {

    color: white;
}



.card-text a:active {

    color: white;
}

.card-text a:hover {

    color: white;
}

.card-text a:link {

    color: white;
}


.image-flip:hover .backside,
.image-flip.hover .backside {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.image-flip:hover .frontside,
.image-flip.hover .frontside {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.mainflip {
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -moz-transform: perspective(1000px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
    position: relative;
}

.frontside {
    position: relative;
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    z-index: 2;
    margin-bottom: 30px;
}

.backside {
    position: absolute;
    top: 0;
    left: 0;
    background: #322730;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.frontside,
.backside {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 1s;
    -moz-transform-style: preserve-3d;
    -o-transition: 1s;
    -o-transform-style: preserve-3d;
    -ms-transition: 1s;
    -ms-transform-style: preserve-3d;
    transition: 1s;
    transform-style: preserve-3d;
}

.frontside .card,
.backside .card {
    min-height: 312px;
}

.backside .card a {
    font-size: 18px;
    color: #ea371f !important;
}

.frontside .card .card-title,
.backside .card .card-title {
    color: #ff8676 !important;
}

.frontside .card .card-body img {
    width: 120px;
    height: 120px;
    border-radius: 3px;
}


/*============================
CONTACT SECTION STYLES
==============================*/
#contact {
    background: #322730;
    display: table;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-bottom: 0px;
}


#contact .contact-wrapper {
    background: #392e37;
    padding: 20px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-bottom: 10px;
    min-height: 135px;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    border: 1px solid #322730;
}

#contact .contact-wrapper:hover {
    border: 1px solid #ea371f;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

#contact .contact-wrapper h4 {
    color: #ea371f;
    font-size: 18px;
}

#contact .contact-wrapper p {
    color: #fff;
    font-size: 0.9rem;
    margin-bottom: 3px;
}

.small {
    color: #fff;
    font-size: 12px;
    margin-bottom: 3px;
}

#contact .social-below {
    display: block;
    margin-top: 5px;
}

.footer-div {
    padding-top: 5px;
}

.footer-div a,
.footer-div a:hover {
    font-size: 10px;

    color: #fff;
    text-decoration: none;
}

.foote_bottom_ul_amrc li {
    display: inline;
    margin: 0 0 0 12px;
}

.foote_bottom_ul_amrc li a {
    color: #fff;
}

.social_footer_ul {
    display: block;
    margin: 15px 0 0 auto;
    list-style-type: none;
}

.social_footer_ul li {
    padding-left: 20px;
    padding-top: 10px;
    float: left;
}

.social_footer_ul li a {
    color: #CCC;
    border: 1px solid #CCC;
    padding: 8px;
    border-radius: 50%;
}

.social_footer_ul li i {
    width: 20px;
    height: 20px;
    text-align: center;
}



#travel {
    background:
        linear-gradient(rgba(57, 46, 55, 0.85),
            rgba(57, 46, 55, 0.85)),
        url("../img/travel-green.jpg") no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}



#quot {
    background:
        linear-gradient(rgba(57, 46, 55, 0.6),
            rgba(57, 46, 55, 0.6)),
        url("../img/relax2.jpg") no-repeat fixed;
    display: table;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

/* carousel */
#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 30px;
}



/* Control buttons  */
#quote-carousel .carousel-control {
    background: none;
    color: #ea371f;
    font-size: 2.0em;
    text-shadow: none;
    margin-top: 90px;
}

/* Previous button  */
#quote-carousel .carousel-control.left {
    left: -12px;
}

/* Next button  */
#quote-carousel .carousel-control.right {
    right: -12px !important;
}

/* Changes the position of the indicators */
#quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: -10px;
    margin-right: -19px;

}

/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li {
    background: #fff;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;

}

#quote-carousel .carousel-indicators .active {
    background: #ea371f;
    border: 0px;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
}

#quote-carousel img {
    width: 250px;
    height: 100px;
    margin-top: 20px;
    margin-bottom: 20px;


}

/* End carousel */



.blockquote {
    border-left: none;
    margin: 0;
    background: linear-gradient(rgba(57, 46, 55, 0.8),
            rgba(57, 46, 55, 0.8));
    padding-right: 50px;
}

.blockquote img {
    margin-top: 25px;
}

.blockquote p {
    text-align: left;
    font-size: 0.7em;
    color: #ffffff;

}


blockquote small {
    font-size: 0.8em;
    color: #ea371f;
    text-align: left;
}

blockquote i {
    font-size: 1em;
    color: #ea371f;
    margin: 0 5px;
}

.rounding {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    #quote-carousel {
        margin-bottom: 0;
        padding: 0 40px 30px 40px;
    }

}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) {

    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */

    #quote-carousel .carousel-indicators {
        bottom: -20px !important;
    }

    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }

    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
        border-width: 10%;
    }
}

.carousel-inner .carousel-item {
    transition: -webkit-transform 3s ease;
    transition: transform 3s ease;
    transition: transform 3s ease, -webkit-transform 3s ease;
}

/* landing */


.landing-form {

    padding: 20px 20px;
    margin: 0 0 10px 0;
    background: #392e37 url("../img/ecke.png") top right no-repeat;
    -webkit-box-shadow: 0px 5px 20px -5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 5px 20px -5px rgba(0, 0, 0, 0.3);
    border-radius: 1px;
}



/* landing leftside */


.landing-wrapper {
    padding: 20px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-bottom: 40px;
    background-color: rgba(255, 255, 255, 0.07);
    cursor: pointer;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    background-color: #392e37;
    background: #392e37 url("../img/ecke.png") top right no-repeat;

}




.landing-left h1 {
    font-family: Mont-Bold, 'ubuntu', sans-serif;
    color: #fff;
    font-weight: 800;
    line-height: 1.1;
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.landing-left h2 {
    font-family: Mont-Bold, 'ubuntu', sans-serif;
    color: #fff;
    font-weight: 800;
    line-height: 1.1;
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.landing-left h4 {
    font-family: Mont-Bold, 'ubuntu', sans-serif;
    color: #fff;
    font-weight: 800;
    line-height: 1.1;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.landing-left h7 {
    font-family: inherit;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 12px;
    font-size: 14px;
}

.landing-left p a {
    color: #547a9b;
    text-decoration: none;
}

.landing-left p a:hover {
    color: #ea371f;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}




.landing-left .form-btn .button-custom i,
.landing-cta .cta-footer i,
.cta-area i {
    color: #fff;
    font-size: 12px;
    margin-right: 5px;
}


.i-red {
    color: #ea371f;
    margin-right: 5x;
}

.i-green {
    color: #45816b;
    margin-right: 5x;
}

.i-blue {
    color: #547a9b;
    margin-right: 5x;
}

.i-orange {
    color: #ed8a1d;
    margin-right: 5x;
}


.i-big {
    font-size: 60px;
}


.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider {
    margin-top: 15px;
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.okr-detailtext {
    margin: 0px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color: rgba(57, 46, 55, 0.8);
}

.small-li {
    font-size: 0.8rem;
}

.padding-ul {
    margin-top: 5px;
    margin-bottom: 5px;
}

.detailtext {
    padding: 15px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;

    background-color: rgba(255, 255, 255, 0.07);
    cursor: pointer;
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    background-color: rgba(57, 46, 55, 0.8);
}

.detailtext p {
    font-size: 14px;
}

.splitmitbox .detailtext h4 {
    font-size: 16px;
}


@media (max-width: 1200px) {

    h2,
    .h2 .h2-break {
        font-size: 1.7rem !important;
    }

    h3 {
        font-size: 1.3rem !important;
    }
}

.landing-cta h2 {
    font-size: 3.5rem;
    text-transform: none;
    color: #fff;
    font-weight: 700;
    font-family: Mont-Bold, 'ubuntu', sans-serif;
}

.h2-break {
    font-size: 3.5rem;
    text-transform: none;
    color: #fff;
    font-weight: 700;
    margin-bottom: 0px;
    font-family: Mont-Bold, 'ubuntu', sans-serif;
}

landing-form .btn {
    margin: 0px 5px 5px 0px;
}

landing-form .p {
    font-size: 12px;
}

.pt-150 {
    padding-top: 150px;
}

#landing-okr {
    background:
        linear-gradient(rgba(57, 46, 55, 0.8),
            rgba(57, 46, 55, 0.8)),
        url("../img/okr/zielscheibe.jpg") no-repeat fixed top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#landing-vision-quest {
    background:
        linear-gradient(rgba(57, 46, 55, 0.9),
            rgba(57, 46, 55, 0.9)),
        url("../img/vision/vision.jpg") no-repeat fixed top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#landing-vision {
    background:
        linear-gradient(rgba(57, 46, 55, 0.9),
            rgba(57, 46, 55, 0.9)),
        url("../img/vision/ausblick.jpg") no-repeat fixed top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#landing-mission {
    background:
        linear-gradient(rgba(57, 46, 55, 0.8),
            rgba(57, 46, 55, 0.8)),
        url("../img/vision/equipment.jpg") no-repeat fixed top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#landing-strategy {
    background:
        linear-gradient(rgba(57, 46, 55, 0.8),
            rgba(57, 46, 55, 0.8)),
        url("../img/strategy/chess1609.jpg") no-repeat fixed top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#landing-strategy-work-out {
    background:
        linear-gradient(rgba(57, 46, 55, 0.8),
            rgba(57, 46, 55, 0.8)),
        url("../img/strategy/strategy.jpg") no-repeat fixed top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#landing-change {
    background:
        linear-gradient(rgba(57, 46, 55, 0.8),
            rgba(57, 46, 55, 0.8)),
        url("../img/agile/change.jpg") no-repeat fixed bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#landing-sollution {
    background:
        linear-gradient(rgba(57, 46, 55, 0.8),
            rgba(57, 46, 55, 0.8)),
        url("../img/agile/block.jpg") no-repeat fixed top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#landing-dsgvo-split {
    background:
        linear-gradient(rgba(57, 46, 55, 0.9),
            rgba(57, 46, 55, 0.9)),
        url("../img/dsgvo/justitia.jpg") no-repeat fixed center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#landing-sec-audit {
    background:
        linear-gradient(rgba(57, 46, 55, 0.9),
            rgba(57, 46, 55, 0.9)),
        url("../img/dsgvo/audit-sec.jpg") no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


#landing-DSGVOitSEC-strategy {
    background:
        linear-gradient(rgba(57, 46, 55, 0.9),
            rgba(57, 46, 55, 0.9)),
        url("../img/dsgvo/business-watch.jpg") no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}



#landing-agilemanagement {
    background:
        linear-gradient(rgba(57, 46, 55, 0.8),
            rgba(57, 46, 55, 0.8)),
        url("../img/agile/agile-elephant.jpg") no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#landing-taylor {
    background:
        linear-gradient(rgba(57, 46, 55, 0.8),
            rgba(57, 46, 55, 0.8)),
        url("../img/agile/taylor.jpg") no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#landing-digitalization-strategy {
    background:
        linear-gradient(rgba(57, 46, 55, 0.9),
            rgba(57, 46, 55, 0.9)),
        url("../img/digitalization/AI-Groß.jpg") no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


#landing-okr-strategy {
    background:
        linear-gradient(rgba(57, 46, 55, 0.9),
            rgba(57, 46, 55, 0.9)),
        url("../img/okr/RHC-okr-kanban.jpg") no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#landing-preise {
    background:
        linear-gradient(rgba(57, 46, 55, 0.9),
            rgba(57, 46, 55, 0.9)),
        url("../img/RHC-calculate.jpg") no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#blog-header {
    background:
        linear-gradient(rgba(57, 46, 55, 0.9),
            rgba(57, 46, 55, 0.9)),
        url("../img/digitalization/rubikcube.jpg") no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#landing-blog {
    background:
        linear-gradient(rgba(57, 46, 55, 0.8),
            rgba(57, 46, 55, 0.8)),
        url("../img/okr/RHC-OKR-Ziele.jpg") no-repeat fixed bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}





.img-rounded {
    margin: 10px;
}


.back-to-top .btn-dark {
    width: 45px;
    height: 45px;
    border-radius: 15%;
    padding: 0;
    position: fixed;
    bottom: 20px;
    right: 25px;
    background: #ea371f;
    border-color: #1e131c;
    display: none;
    z-index: 999;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.back-to-top .btn-dark:hover {
    cursor: pointer;
    background: #fff;
    border-color: #fff;
    color: #1e131c;
}


/*****************/
/* BLOG - Styles */
/*****************/

.article-card {
  overflow: hidden;
  max-width: 1140px;
  margin: 0 auto;
  background: white;
  border-radius: 8px;
}

/* Bild im Kopfbereich */
.card-img-top.article-head {
  height: 360px;
  background-size: cover;
  background-position: center;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  overflow: hidden;
}

/* Inhalt auf dem Bild */
.article-head-content {
  position: relative;
  z-index: 2;
  height: 100%;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: white;
}

/* Titel + Subheading */
.article-title {
  font-size: 2.6rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.subheading {
  opacity: 0.9;
  font-size: 1rem;
  margin-bottom: 1rem;
  color: #eee;
}

/* Newsletter-Box im Header */
.newsletter-inline-box {
  background: rgba(255,255,255,0.1);
  padding: 1rem 1.5rem;
  border-left: 4px solid #ea371f;
  border-radius: 6px;
  max-width: 460px;
  margin-top: 1rem;
  color: #fff;
}


header.masthead {
    background: no-repeat center center;
    background-color: #868e96;
    background-attachment: scroll;
    position: relative;
    background-size: cover;

    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

header.masthead .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #023440;
    opacity: 0.0;
}

header.masthead .page-heading,
header.masthead .post-heading,
header.masthead .site-heading {
    padding: 180px 0 150px 0;
    color: white;
}

arrow {
    color: white;
}

@media only screen and (min-width: 768px) {

    header.masthead .page-heading,
    header.masthead .post-heading,
    header.masthead .site-heading {}
}

header.masthead .page-heading,
header.masthead .site-heading {
    text-align: center;
}

header.masthead .page-heading h1,
header.masthead .site-heading h1 {
    font-size: 1, 5rem;
    margin-top: 0;
}

header.masthead .page-heading .subheading,
header.masthead .site-heading .subheading {
    font-size: 22px;

    line-height: 1.1;
    display: block;
    margin: 10px 0 0;
}

@media only screen and (min-width: 768px) {

    header.masthead .page-heading h1,
    header.masthead .site-heading h1 {
        font-size: 2rem;
    }
}

header.masthead .post-heading h1 {
    font-size: 25px;
}

header.masthead .post-heading .meta,
header.masthead .post-heading .subheading {
    line-height: 1.1;
    display: block;

}

header.masthead .post-heading .subheading {
    font-size: 22px;
    font-weight: 600;
    margin: 10px 0 30px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

header.masthead .post-heading .meta {
    font-size: 20px;
    font-weight: 300;
    font-style: italic;
    font-family: 'Lora', 'Times New Roman', serif;
}

header.masthead .post-heading .meta a {
    color: #fff;
}

@media only screen and (min-width: 768px) {
    header.masthead .post-heading h1 {
        font-size: 42px;
    }

    header.masthead .post-heading .subheading {
        font-size: 36px;
    }
}


.posts-collection {
    width: 100%;
    color: #fff;
    background:
        linear-gradient(rgba(57, 46, 55, 0.8),
            rgba(57, 46, 55, 0.8));
    display: table;
    height: 100%;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}



.posts-collection .card {
    border: 1px solid rgba(57, 46, 55, 0.8);
    border-radius: .25rem;
}

.posts-collection .blog-content {
    background: #322730;
    color: #fff;

}

.posts-collection a {
    text-decoration: none;
    color: #547a9b;
    -webkit-transition: .4s;
    transition: .4s;
}


.posts-collection h2 {
    margin-top: 0px;
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    position: relative;
    padding-bottom: 10px;
    display: inline-block;
    color: #fff;
}

.posts-collection h1 {
    color: #fff;
}

.posts-collection h2::before {
    position: absolute;
    content: "";
    width: 30px;
    height: 1px;
    background-color: #f27405;
    bottom: 0;
    left: 50%;
    margin-left: -10px;
}

.posts-collection h2::after {
    position: absolute;
    content: "";
    width: 20px;
    height: 1px;
    background-color: #fff;
    left: 0;
    bottom: 0;
    left: 50%;
    margin-left: -5px;
}

.posts-collection span {
    font-size: 18px;
    font-weight: 500;
    display: inline-block;
    color: #f27405;
}

.card-title {
    margin-bottom: 0px;
    font-size: 1rem;

}


.intro-area {
    background: #ea371f;
}

.intro-area a {
    text-decoration: none;
}

.intro-area a:hover {
    text-decoration: none;
    color: #fff;
}

.intro h3 {
    color: #ea371f;
}

.article-intro {
    margin-bottom: 10px 0px;
    padding: 0px;
    font-size: 1rm;

}
.article-navigation .card {
    
background: #322730;   
}

.article-navigation .card-title {
    
font-size: 0.9rem; 
}



.intro-right {
    margin-bottom: 10px;
    padding: 20px 20px 14px 20px;
    background: #547a9b;
    color: #fff;
}

.intro-right:hover {
    margin-bottom: 10px;
    padding: 20px 20px 14px 20px;
    background: #ea371f;
    color: #fff;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.intro-right a {
    color: #fff;
}

.page-body {
    padding-top: 0px;
}

.page-body .intro-right h3 {
    margin-top: 10px;
}
.article {
    padding: 2rem;
}

.article p {
    font-size: 16px;
    margin-bottom: 0.7rem;
}

.article li {
    list-style: square;
}
::marker {
    color: #7f9fbb; /* Ändert nur das Listen-Symbol */
    font-size: 1.5em; /* Optional: Größe anpassen */
    list-style: square;
}

article ul, article ol {
    padding-left: 40px !important;
}

article li::before, article li::after {
    content: none !important;
    color: #ff8676; /* Ändert nur das Listen-Symbol */
    font-size: 1.5em; /* Optional: Größe anpassen */
    
}

.article-btn a {
    font-size: 12px;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 15px;
    letter-spacing: 0px;
    text-transform: uppercase;
    border-radius: 1;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background: #547a9b;
    color: #fff;
}

.article-btn a {}

.article-btn a:hover {
    color: #fff;

}

.article-center {

    background: #2e242c;
    color: #fff;
}

.article-center h2 {
    font-size: 1.7rem;
    font-family: Mont-SemiBold;
    color: #ff8676;
    margin-top: 25px;

}

.article-card {
    margin-bottom: 10px;
    padding: 20px;
    background: #322730;
    color: #fff;
}
.article-card .card-body,
.article-card .page-body {
  padding: 2rem;
}

.article-right ol {
    margin-bottom: 0;
}


.article-right {
    margin-bottom: 10px;
    padding: 20px;
    background: #322730;
    color: #fff;
}

.article-right p {
    font-size: 14px;
}

.article-right a {
    text-decoration: none;
    color: #547a9b;
    font-size: 14px;
}

.article-right a:hover {
    color: #fff;
    text-decoration: none;
}

.article-right ul {
    list-style: none;
    margin: 0;
    padding-left: 0px;
}

.article-right li {
    list-style: none;
}

.article-right hr {
    border-top: 1px solid #392e37;
}

.page-body h2 {
    margin-top: 60px;
}
.page-body h2:first-of-type {
    margin-top: 0 !important;
}

.page-body h3 {
    margin-top: 30px;
}