/* ||||||||||||||||||||||||||| Global ||||||||||||||||||||||||||| */

.logo {position:absolute;}
@media only screen and (min-width : 768px) and (max-width :1280px) {
    
.header.original .logo {width:65px!important;}    
.logo a {
background-image: url(/files/kunde/1_Logos/4.1_BS/Logo_Kompakt_BS_Negative_Ecru.svg);
}
}    

@media only screen and (min-width : 768px) and (max-width :1280px) {
    .col_1_t {
        flex:0 0 calc((100% / 12) * 1);
        max-width: calc((100% / 12) * 1)
    }

    .col_2_t {
        flex: 0 0 calc((100% / 12) * 2);
        max-width: calc((100% / 12) * 2)
    }

    .col_3_t {
        flex: 0 0 calc((100% / 12) * 3);
        max-width: calc((100% / 12) * 3)
    }

    .col_4_t {
        flex: 0 0 calc((100% / 12) * 4);
        max-width: calc((100% / 12) * 4)
    }

    .col_5_t {
        flex: 0 0 calc((100% / 12) * 5);
        max-width: calc((100% / 12) * 5)
    }

    .col_6_t {
        flex: 0 0 calc((100% / 12) * 6);
        max-width: calc((100% / 12) * 6)
    }

    .col_7_t {
        flex: 0 0 calc((100% / 12) * 7);
        max-width: calc((100% / 12) * 7)
    }

    .col_8_t {
        flex: 0 0 calc((100% / 12) * 8);
        max-width: calc((100% / 12) * 8)
    }

    .col_9_t {
        flex: 0 0 calc((100% / 12) * 9);
        max-width: calc((100% / 12) * 9)
    }

    .col_10_t {
        flex: 0 0 calc((100% / 12) * 10);
        max-width: calc((100% / 12) * 10)
    }

    .col_11_t {
        flex: 0 0 calc((100% / 12) * 11);
        max-width: calc((100% / 12) * 11)
    }

    .col_12_t {
        flex: 0 0 calc((100% / 12) * 12);
        max-width: calc((100% / 12) * 12)
    }
    
}
* {
    hyphens: manual;
}

/* --------------------------- Schriften --------------------------- */

/* Korataki */
@font-face {
    font-family: "Korataki";
    font-display: swap;
    font-weight: 200;
    src: url("../fonts/korataki/Korataki-ExtraLight.woff2") format("woff2"),
         url("../fonts/korataki/Korataki-ExtraLight.woff") format("woff");
}
@font-face {
    font-family: "Korataki";
    font-display: swap;
    font-weight: 300;
    src: url("../fonts/korataki/Korataki-Light.woff2") format("woff2"),
         url("../fonts/korataki/Korataki-Light.woff") format("woff");
}
@font-face {
    font-family: "Korataki";
    font-display: swap;
    font-weight: 350;
    src: url("../fonts/korataki/Korataki-Book.woff2") format("woff2"),
         url("../fonts/korataki/Korataki-Book.woff") format("woff");
}
@font-face {
    font-family: "Korataki";
    font-display: swap;
    font-weight: 400;
    src: url("../fonts/korataki/Korataki-Regular.woff2") format("woff2"),
         url("../fonts/korataki/Korataki-Regular.woff") format("woff");
}

/* Michroma */
@font-face {
    font-family: 'Michroma';
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/michroma/michroma-v19-latin-regular.woff2') format('woff2');
}

/* DIN OT */
@font-face {
    font-family: "DIN OT";
    font-display: swap;
    font-weight: 300;
    src: url("../fonts/DIN300/e39ef3e7-91b2-45d0-8c2f-cfdcd0c0ab94.woff2") format("woff2"),
         url("../fonts/DIN300/83ff78fa-6d76-4fb5-8bff-8af8eec8e368.woff") format("woff");
}
@font-face {
    font-family: "DIN OT";
    font-display: swap;
    font-weight: 400;
    src: url("../fonts/DIN400/6ceed230-b2b3-4422-b048-4aa11687430a.woff2") format("woff2"),
         url("../fonts/DIN400/80b0143f-6f0d-4dce-aafd-f3c81b85d177.woff") format("woff");
}
@font-face {
    font-family: "DIN OT";
    font-display: swap;
    font-weight: 500;
    src: url("../fonts/DIN500/398e3e8c-3bf0-4af1-9791-f426a7992711.woff2") format("woff2"),
         url("../fonts/DIN500/4ba8e512-e6fb-494f-afd3-a7b68b2e5efb.woff") format("woff");
}
@font-face {
    font-family: "DIN OT";
    font-display: swap;
    font-weight: 700;
    src: url("../fonts/DIN700/55fa1cf8-baf8-4bf8-9718-b096b1dd231f.woff2") format("woff2"),
         url("../fonts/DIN700/4cadc2f9-fb32-4b99-b1f2-9ce6d68afbd5.woff") format("woff");
}




/*.repsonsive-fontsize {
font-size: 6vh;
    line-height: 7vh;
}

.repsonsive-fontsize-home-slider {
    
    font-size: clamp(24px, var(--customFont1FontSize), 100vw);
    line-height:normal;
}*/


/* ||||||||||||||||||||||||||| Elemente ||||||||||||||||||||||||||| */

/* Background */
.full-box {
    height: 100%;
    width: 100%;
}
.overlay-delay .offset_layer {
    opacity: 0;
    animation: fadeIn 2.6s ease-out forwards;
}

@media only screen and (max-width: 767px) {
    .ce_bgimage div.offset_layer {
        display: block;
    }
}

/* ce_video_backgroun */
.ce_video_background.video-bg-dark .video {
    background: var(--customColor2);
}

.ce_video_background.custom-video-overlay .video-overlay {
    opacity: 0.7;
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: 2;
    background-color: var(--secondColor);
    background: linear-gradient(to right bottom, #070707 50%, #2b2b2b00);
}

.ce_video_background.custom-video-overlay .ce_video_background_inside {
    flex-direction: column;
    justify-content: center;
}

.screenheight-65 {height:65vh!important;min-height:600px;}
.screenheight-80 {height:80vh!important;min-height:600px;}



/* ce_shift_wrapper */

.ce_shift_wrapper_start {
    max-width: 100%;
}

/* Slider */
.overflow-visible-swiper {
    overflow: visible;
}

/* Testimonials */
.ce_testimonial_slider[data-style="style1"] .swiper-content .text {
    border-radius: unset;
}

/* Video Teaser */

.video_teaser:before {
    opacity: 0.34;
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: 2;
    background-color: var(--secondColor);
    content: "";
}

.ce_video_w_teaser .video_content .title .headline {
    color: white;
    font-family: "Korataki";
    font-weight: 350;
    border: 3px solid var(--accentColor);
    /*background: var(--accentColor);*/
    border-radius: 30px;
    padding: 8px 25px;
    text-transform: Uppercase;
    letter-spacing: 0.15em;
}

.ce_video_w_teaser .video_content {bottom:unset;top: 50%;}

.ce_video_w_teaser[data-color="light"] .duration {
    margin-top: 30px;
}

.ce_video_w_teaser .teaser_video {
    height: 100% !important;
    background:black;
}


/* Badge */
.ce_badge_inside {
    font-family: 'Michroma';
    
}

.ce_badge[data-style="style1"] .ce_badge_inside {
    border: 2px solid var(--accentColor);
    background: none;
    border-radius: 100px;
    display: inline-block;
    padding: 5px 15px;
    color: var(--customColor2);
    font-size: 0.9rem;
    line-height: 1.6rem;
}

.ce_badge[data-style="style2"] .ce_badge_inside {
    border: 2px solid var(--accentColor);
    background: none;
    border-radius: 100px;
    display: inline-block;
    padding: 5px 15px;
    color: white;
    font-size: 0.9rem;
    line-height: 1.6rem;
}

/* Accordion */
.content-accordion {
    border: 3px solid var(--secondColor);
    border-radius: 80px;
    overflow: hidden;
    margin-bottom: 50px;
    transition: all 0.5s ease;
}

.handorgel__header__button {
    font-family: 'Michroma';
    font-size: 19px;
    color: var(--secondColor);
    padding: 32px 120px 32px 52px;
    border-top: unset;
    transition: all 0.5s ease;
}



.content-accordion:hover  {
    border: 3px solid var(--accentColor);
}

.content-accordion:hover .handorgel__header__button
{color: var(--accentColor);}


.handorgel__content {
    background: unset;
    font-size: 19px;
    line-height: var(--paragraph-small-line-height);
    color: var(--secondColor);
    margin-bottom: 30px;
    border-top: unset;
}

.handorgel__content__inner {
    padding: 32px 150px 32px 52px;
}

.content-accordion:has(.handorgel__header--open) {
    border: 3px solid var(--accentColor);
    border-radius: 80px;
    overflow: hidden;
    transition: all 0.5s ease;
}

.handorgel__header--open .handorgel__header__button {
    color: var(--accentColor);
    padding: 52px 120px 32px 52px;
    transition: all 0.5s ease;
}

/* Accordion Icons */
.handorgel__header::before,
.handorgel__header.handorgel__header--open::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolyline points='6%2C9 12%2C15 18%2C9' fill='none' stroke='white' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    position: absolute;
    height: 61px;
    width: 61px;
    right: 60px;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    border-radius: 15px;
    transition: all 0.5s ease;
}
.handorgel__header.handorgel__header--open::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpolyline points='6%2C15 12%2C9 18%2C15' fill='none' stroke='white' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-color: var(--accentColor);
}
.handorgel__header::before {
    background-color: #464442;
}




/* Mainmenu Icons */
.mainmenu ul li a.menuicon-left:not(.nothing) i {
    transform: unset;
    position: relative;
    top: 1px;
    left: 0;
    width: 15px;
    display: inline-block;
    padding-right: 10px;
    transition: padding-right 0.3s ease;
}

.mainmenu ul li a.menuicon-left span {
    transform: unset;
}

.mainmenu ul li a:not(.active):hover i {
    padding-right: 5px;
}

.mainmenu ul li a.nav-icon span {
    line-height: normal;
}

/* Misc */
.ce_wrap {
    overflow: visible;
}




/* Hyperlink */
.ce_hyperlink.has-icon.btn-size-medium a i {
    right: unset;
}

.ce_hyperlink.has-icon.icon-pos-before a i {
    left: 20px;
    padding-right: 15px;
    transition: padding-right 0.3s ease;
}


.ce_hyperlink.has-icon.icon-pos-before a:hover i {
    padding-right: 5px;
}

.ce_hyperlink.btn-white-outline.has-icon a i, .ce_revolutionslider_hyperlink.has-icon.btn-white-outline i {
    border: unset;
    
}

.ce_hyperlink.has-icon[class*="outline"] a i {
box-shadow: unset;
}



    .ce_hyperlink.has-icon.btn-size-medium a > span {
    padding-left: 7px;
    padding-right: unset;
}



/* Iconbox */

.ce_iconbox_vertical[data-style="style1"] .icon .icon_inside {
    border-color: unset;
}

.ce_iconbox_vertical .icon .icon_inside {
    border: unset;
}


.ce_iconbox_vertical[class*="trigger-slide-"].right {
margin-left: -100%;
padding-left: 100%;
opacity:0.6;
transition: all 1s ease;
transform:translate(0,0);
}

.ce_iconbox_vertical[class*="trigger-slide-"].left {
margin-right: -100%;
padding-right: 100%;
opacity:0.6;
transition: all 1s ease;
transform:translate(0,0);
}

.ce_iconbox_vertical[class*="trigger-slide-"].right:hover {
    /*border: 2px solid black;
    border-radius: 50px;
    background: lightgrey;*/
    transform:translate(-20px,0);
    opacity:1;
    cursor:grab;
}


.ce_iconbox_vertical[class*="trigger-slide-"].left:hover {
    /*border: 2px solid black;
    border-radius: 50px;
    background: lightgrey;*/
    transform:translate(20px,0);
    opacity:1;
    cursor:grab;
}

/* Mainmenü */


.header .mainmenu a.pct_megamenu:after, .header .mainmenu a.submenu:after {
    font-family: FontAwesome;
    content: "\f0d7";
    position: absolute;
    left: -25px;}

.header .mainmenu a.pct_megamenu, .header .mainmenu a.submenu {
    margin-left:20px;}



    .mainmenu ul ul {
    top: 100%;}


    .header .mainmenu ul li a.a-level_1.trail:not(.highlight) span, .header .mainmenu ul li a.a-level_1.active:not(.highlight) 
    {        margin-left: -35px;
        padding-left: 40px;
    }


.header .mainmenu ul ul li a span:before {
    position: absolute;
    content: '';
    height: 2px;
    background: var(--accentColor);
    bottom: 0;
    width: 100%;
    left: 0;
    transform: scaleX(0);
    transition: transform 0.3s ease-in-out;
}

.mainmenu ul li.level_2 a:hover {
    background-color: var(--accentColor);
    color:white!important;
}


.header .mainmenu ul li a.highlight span {border:unset;}


/* Divider */
.ce_divider_extended.version5 {
    background: var(--accentColor);
    width: 65px;
    height: 3px;
}


/* Fancybox */

.ce_fancybox_2814:hover .headline_wrap {
    margin-bottom: 50px;
}

/* Testimonial */

.ce_testimonial_slider[data-style="style1"] .circle .circle-bg {background:var(--customColor2);}




/* Burger-Menu Test */

.smartmenu-trigger * {transition: all 0.3s ease;}

.smartmenu-trigger .line {        width:25px!important; height: 2px!important;margin-top: -1px!important;}
.smartmenu-trigger span:before {        width:35px!important;height: 2px!important;margin-top:-12px!important;}
.smartmenu-trigger span:after {        width:35px!important;height: 2px!important;margin-top:10px!important;}

.smartmenu-trigger:hover .line {        width:25px!important; height: 2px!important;margin-top: -1px!important;}
.smartmenu-trigger:hover span:before {        width:35px!important;height: 2px!important;margin-top:-15px!important;}
.smartmenu-trigger:hover span:after {        width:35px!important;height: 2px!important;margin-top:13px!important;}

.smartmenu-content .mlist.submenu {margin-left: 87px;}
.smartmenu-content .vlist.level_2 {margin-left: 20px;}
.smartmenu-content .vlist.level_2 li {font-size: 31px;}

.smartmenu-content ul li a.highlight { padding-left: 0!important; margin-left: 2.4em!important;}
.smartmenu-content a {font-family: 'Michroma';font-size: 24px;}
.smartmenu-content a.open, .smartmenu-content a.active {border-bottom:unset!important;}

.smartmenu-content a.submenu:after {
    font-family: FontAwesome;
    content: "\f0d7";
    position: absolute;
    left: -25px;}

.smartmenu-content .mainmenu a.submenu {
    margin-left:20px;}




    /* ========================================
   DEVELOPMENT MODE: LOCAL ENVIRONMENT ACTIVE
   Achtung! Diese Seite wird gerade lokal weiterentwickelt.
   Bitte keine produktiven Änderungen durchführen.
   ======================================== */

/* Hinweis-Banner oben einblenden */
body::before {
  content: "⚠️ Diese Seite wird gerade lokal weiterentwickelt. Bitte keine produktiven Änderungen durchführen.";
  display: block;
  background: rgba(255, 0, 0, 0.8);
  color: white;
  text-align: center;
  padding: 10px;
  font-size: 14px;
  font-weight: bold;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}