:root {
    --cnvs-themecolor: #012851;
    --cnvs-themecolor-rgb: 1, 40, 81;
    --cnvs-body-font: "Manrope-Regular", sans-serif;
    --cnvs-primary-font: "Manrope-Regular", sans-serif;
    --cnvs-secondary-font: "Manrope-Regular", serif;
    --cnvs-side-panel-size: 400px;
}

/******************/
/* FONTS */
/*****************/


@font-face {
    font-family: 'Manrope-Regular'; /* Gewünschter Name */
    src: url('/fonts/Manrope-Regular.TTF') format('truetype');
}

@font-face {
    font-family: 'Manrope-Bold'; /* Gewünschter Name */
    src: url('/fonts/Manrope-Semibold.TTF') format('truetype');
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Manrope-Bold';
}

p, body, li, a {
    font-family: 'Manrope-Regular';
}

.grid-filter li.activeFilter a {
    font-weight: normal;
}

/******************/
/* SLIDER */
/*****************/
.hermes .tp-bullet
{
    background-color:rgba(0, 0, 0, 0.2);
}

.hermes .tp-bullet.selected, .hermes .tp-bullet:hover, .hermes .tp-bullet:after {
    background: #012851;
}

/******************/
/* CANVAS ELEMENTS */
/*****************/

.section.dark
{
    background-color: #012951;
}

.btn-orange
{
    background-color: #ff7a28;
}

.btn-orange:hover, .button.button-3d:hover
{
    background-color: #cf4f00;
}

.dehoga-hamburger
{
    background: #d96822;
    padding: 15px 20px;
    border-radius: 10px;
}

.cnvs-hamburger .cnvs-hamburger-inner, .cnvs-hamburger .cnvs-hamburger-inner::before, .cnvs-hamburger .cnvs-hamburger-inner::after
{
    background-color:#fff;
    --cnvs-hamburger-width:3px;
    --cnvs-hamburger-size:1.2rem;
}

.nav-tree li:hover > a, .nav-tree li.active > a
{
    color:#d96822 !important;
}

.nav-tree ul ul a
{
    font-weight: 400;
    font-family: var(--cnvs-primary-font);
}

/******************/
/* GRID */
/*****************/
.Abstand-Oben {
    padding-top: 50px;
}

.Abstand-Unten {
    padding-bottom: 50px;
}

.Abstand-Standard {
    padding: 30px 30px 30px 30px;
}

/******************/
/* HEADER */
/*****************/

#logo {
    padding: 20px 0px 20px 10px;
}

.full-header #logo {
    border-right: 0px solid #fff !important;
}

#header {
    border-bottom: 0px solid #fff;
}

.header-wrap-clone {
    display: block;
    height: calc( 100px + 1px ) !important;
}

.logo-default
{
    max-height:55px !important;
}

#top-bar {
    background-color: #012851 !important;
}

#top-social li a, .top-links-item a {
    color: #fff;
    font-weight:bold;
}

.top-links-item:hover a, .top-links-item:hover a:hover {
    color: #fff;
}

/******************/
/* FOOTER */
/*****************/
.dark #footer, #footer.dark {
    color: #fff;
    background-color: #002850;
}

.dark #footer a, #footer.dark a {
    color: #ffffff;
}

.dark #footer a:hover, #footer.dark a:hover {
    color: #ff7a28;
}

#footer {
    bottom: 0 !important;
    /* position: fixed;*/
    width: 100%;
}

/*******************/
/* customs */
/*******************/


.title-block-orange {
    border-left-color: #3A0041;
}

.partner-content {
    max-height: 200px;
    overflow:hidden;
}

.partner-image {
    max-width: 85%;
    margin: 16px auto 0 auto !important;
}

.portfolio-image {
    border: solid 2px #f6f6f6;
}

.img-thumbnail
{
    border:none !important;
}

#page-title {
    position: relative;
    padding: 10px 0;
    background-color: #014189;
    border-bottom: none;
    margin-top: 20px;
}

#page-title h1, #page-title span
{
    color:#fff !important;
}

.specialOffer {
    border-top: solid 6px #3A0041;
    background-color: #004388;
    padding: 15px;
    color: #fff;
}

.specialOffer h1, .specialOffer h2, .specialOffer h3, .specialOffer h4, .specialOffer h5, .specialOffer h6 {
    color: #fff;
}

.tab-content
{
    padding-right:50px;
}

.contact-properties [class^=col-] > a,
.product .product-image,
.button,
.feature-box.media-box.fbox-bg {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 10px 30px -5px rgb(10 16 34 / 20%);
    -webkit-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    border-radius: 5px;
}

.contact-properties [class^=col-] > a:hover,
.product:hover .product-image,
.button:hover,
.feature-box.media-box.fbox-bg:hover {
    box-shadow: 0 10px 30px -5px rgba(10, 16, 34, .2);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.feature-box h3 { font-size: 17px; }

.feature-box h3 span.subtitle { font-size: 14px; }

.cards { /*Settings Übersicht Kartenansicht*/

}

.btn-dehoga:hover, .btn-dark:hover, .dehoga-hamburger:hover {
    background-color: #004388 !important;
    color: white !important;
}

.btn-spcR {
    padding-right: 25px !important;
}

.btnBrk {
    display:none;
}

.btn-dark
{
    border-radius: 10px;
}

.button.button-dark {
    background-color: #3A0041;
    border-radius: 0px;
}


.is-expanded-menu .sub-menu-container, .is-expanded-menu .mega-menu-content {
    border-top-color: #3A0041;
}

input[type="checkbox"] {
    display: none;
}

.form-btn {
    display: inline-block;
    padding: 10px;
    text-transform: uppercase;
    border: 2px solid #004388;
    border-radius: 3px;
    color: #004388;
}

input[type="checkbox"]:checked + span {
    background-color: #004388;
    color: white;
}

.partnerList {
    border-top: solid 3px #3A0041;
    padding-top: 40px;
}

.showMe  {
    display: block !important;
}

.owl-carousel .owl-stage {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.underlined::after{
    width:100% !important;
}

.form-group > label.error {
    display: block !important;
    text-transform: none;
}

.form-group input.valid ~ label.error,
.form-group input[type="text"] ~ label.error,
.form-group input[type="email"] ~ label.error,
.form-group input[type="number"] ~ label.error,
.form-group select ~ label.error { display: none !important; }

/* Hide Arrows in input type number field*/

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.is-expanded-menu .sub-menu-container .menu-item:hover > .menu-link, .is-expanded-menu .sub-menu-container .menu-item.current > .menu-link {
    color: #3A0041;
    font-weight:400;
}

.menu-item .btn-dark {
    background-color: #012851 !important;
    border-radius: 0px;
}

.menu-item .btn-dark:hover {
    background-color: #3A0041 !important;
}

.menu-link {    
    font-weight: 400;
}

/** GRID CSS **/
.kein-Abstand {
    padding-top: 0px;
    padding-bottom: 0px;
}

.Abstand-Oben {
    padding-top: 50px;
}

.Abstand-Unten {
    padding-bottom: 50px;
}

.Abstand-Standard {
    padding-top: 50px;
    padding-bottom: 50px;
}

.Hintergrundfarbe-Grau {
    border-top: solid 3px #3A0041;
    background-color: #f2f1f1
}

.Hintergrundfarbe-Orange {
    /*  background-color: #3A0041;*/
}

.Hintergrundfarbe-Blau {
    background-color: #004388;
}

.Hintergrundfarbe-Orange h1, .Hintergrundfarbe-Orange h2, .Hintergrundfarbe-Orange h3,
.Hintergrundfarbe-Orange h4, .Hintergrundfarbe-Orange h5, .Hintergrundfarbe-Orange h6,
.Hintergrundfarbe-Orange p, .Hintergrundfarbe-Orange span,
.Hintergrundfarbe-Blau h1, .Hintergrundfarbe-Blau h2, .Hintergrundfarbe-Blau h3,
.Hintergrundfarbe-Blau h4, .Hintergrundfarbe-Blau h5, .Hintergrundfarbe-Blau h6,
.Hintergrundfarbe-Blau p, .Hintergrundfarbe-Blau span {
    color: #fff;
}

/******************************/
/*Kontaktformular*/
/******************************/

.btn-dehoga.selected {
    background-color: #004388 !important;
    color: white !important;
    border:1px solid #fff;
}

.form-result-spacer{
    margin: 0 0 2rem 0;
}

.partner-result{
    margin-bottom: 5rem;
}

@media(max-width: 768px){
    #solution-form .btn-group-toggle{
        flex-direction: column;
    }
}

/*******************/
/* responsive */
/*******************/

/*Special Cases*/
/*Small devices (landscape phones, 576px and less)*/
@media (max-width: 330px) {
    .resize {
        transform:scale(0.95);
        left:0px !important;
        top:-5px !important
    }

    .ptres {
        padding-top:5px !important;
        padding-bottom:5px !important;
        padding-left:9px !important;
        padding-right:10px !important;
    }

    .txtres {
        width:100% !important;
        top:3px !important;
    }

}

@media (min-width:320px) and (max-width: 375px) {
    .btnres {
        width:95% !important;
    }

}

@media (max-width:425px) {
    .shown {
        display:block !important;
        transform:scale(1.35) !important;
    }

    .hidden {
        display:none !important;
    }

    .tab-nav li a {
        padding: 0 2px !important;
    }

    div#logo {
        max-width:65% !important;
    }

    div#logo img {
        height:auto !important;
    }

    .mtres{
        margin-top:20% !important;
    }

    .pres0 {
        padding-left:6px !important;
        padding-right:6px !important;
    }

    .btnBrk {
        display:block !important;
    }

    .btn-spcR {
        padding-right:5px !important;
    }

}

@media (min-width:388px) and (max-width:531.98)  {
    .hideMe {
        display:none !important;
    }
}

@media (max-width: 472px) {

    .prres {
        padding-right: 20% !important;
    }

    .plres {
        padding-left: 20% !important;
    }

    @media (max-width: 532px) {
        .tab-nav li a {
            padding: 0 2px !important;
        }

        ul.tab-nav {
            padding-left: 2px !important;
            padding-right: 2px !important;
        }
    }

    @media (max-width: 532px) {
        .tab-nav li a {
            padding: 0 5px !important;
        }
    }

    /*@media (max-width: 375px) { 
 #logo {
     transform:scale(0.95) !important;
 }   
}*/

    @media (min-width:399px) and (max-width: 424.98px) {
        em.res {
            padding-top: 50px !important;
        }

        h3.res
    }

    @media (min-width:425px) and (max-width: 472.98px) {
    }

    /*Small devices (landscape phones, 576px and up)*/
    @media (min-width: 576px) {
    }

    @media (max-width: 767.98px) {
        .tab-content {
            padding-right: 0px;
        }
    }

    @media (min-width: 576px) and (max-width: 767.98px) {

        .resize {
            transform: scale(0.75);
            left: -40px !important;
            top: -35px !important
        }

        .ptres {
            padding-top: 5px !important;
            padding-bottom: 5px !important;
            padding-left: 9px !important;
            padding-right: 10px !important;
        }

        .txtres {
            width: 75% !important;
            top: -40px !important;
        }

        p {
            font-size: 15px !important;
        }

        h3 {
            font-size: 16px !important;
        }
    }

    /*Medium devices (tablets, 768px and up)*/
    @media (min-width: 768px) {
    }

    @media (max-width: 991.98px) {
    }

    @media (min-width: 768px) AND (max-width: 991.98px) {

        .resize {
            transform: scale(0.75);
            left: -40px !important;
            top: -35px !important
        }

        .ptres {
            padding-top: 5px !important;
            padding-bottom: 5px !important;
            padding-left: 9px !important;
            padding-right: 10px !important;
        }

        .txtres {
            width: 75% !important;
            top: -40px !important;
        }

        p {
            font-size: 15px !important;
        }

        h3 {
            font-size: 16px !important;
        }

        .tab-nav li a {
            padding: 0 5px !important;
        }

        span {
            font-size: 16px !important;
        }

        .breadcrumb {
            top: 10px !important;
        }
    }

    /*Large devices (desktops, 992px and up)*/
    @media (min-width: 992px) {
    }

    @media (max-width: 1199.98px) {
    }

    @media (min-width: 992px) and (max-width: 1199.98px) {
        .resize {
            transform: scale(0.75);
            left: -40px !important;
            top: -35px !important
        }

        .ptres {
            padding-top: 5px !important;
            padding-bottom: 5px !important;
            padding-left: 12px !important;
            padding-right: 12px !important;
        }

        .txtres {
            width: 75% !important;
            top: -40px !important;
        }
    }

    /*Extra large devices (large desktops, 1200px and up)*/
    @media (min-width: 1200px) {
    }

    .autoMargin {
        margin-left: auto !important;
        margin-right: auto !important;
    }





















    /**umb_name:Headline 1*/
    h1 {
    }

    /**umb_name:Headline 2*/
    h2 {
    }

    /**umb_name:Headline 3*/
    h3 {
    }

    /**umb_name:Headline 4*/
    h4 {
    }

    /**umb_name:Headline 5*/
    h5 {
    }

    /**umb_name:Headline 6*/
    h6 {
    }

    /**umb_name:blau*/
    .color-blue {
        color: #004388 !important;
    }

    /**umb_name:orange*/
    .color-orange {
        color: #3A0041 !important;
    }

    /**umb_name:Hervorgehoben*/
    .catchphrase {
        font-size: 18px;
    }