/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/*
@import url("https://hello.myfonts.net/count/2f1686");
Der Import des Counters findet direkt im Borlabs Cookie Plugin bei MyFonts statt.
*/


/* ____________ GLOBAL __________ */
/* ____________ FONTS __________ */




html{
    
    -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}
body, h1, h2, h3, h4, h5, h6, p, li{
    font-family: 'Nordikka', Helvetica, Arial, sans-serif !important;
    font-weight: 300;
}
h1, .h1{
    line-height: 1;
}
h2, .tmb .t-entry .t-entry-title{
    line-height: 1.15;
    font-weight: 300 !important;
}
h3, .h3{

}
h4, .h4{
    line-height: 1.25;
    color: #3A4245;
}
h5, .h5{
    line-height: 1.35;
}
h6, .h6{
    color:#757A7D;
    font-weight: 500 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
p, li{
    color: #757A7D;
}
p, li, dt, dd, dl, address, label, small, pre, code, span.tab-excerpt, .menu-smart .block-wrapper-parent p, .menu-smart .block-wrapper-parent li, .menu-smart .block-wrapper-parent dt, .menu-smart .block-wrapper-parent dd, .menu-smart .block-wrapper-parent dl, .menu-smart .block-wrapper-parent address, .menu-smart .block-wrapper-parent label, .menu-smart .block-wrapper-parent small, .menu-smart .block-wrapper-parent pre, .menu-smart .block-wrapper-parent code, .menu-smart .block-wrapper-parent span.tab-excerpt{
    line-height: 1.4;
}
.post-template-default .post-body p, .post-template-default .post-body li, .post-template-default .post-body dt, .post-template-default .post-body dd, .post-template-default .post-body dl{
    font-size: 26px;
}
.post-template-default .post-body .text-small p{
    font-size: 18px;
    font-weight: 400;
    hyphens: auto;
}
strong, b, .strong{
    font-weight: 500;
}
.tmb-light.tmb-color-title, .tmb-light.tmb .t-entry-text .t-entry-title a, .tmb-light.tmb .t-entry-text .t-entry-title, .tmb-light.tmb-content-under.tmb .t-entry p.t-entry-meta span, .tmb-light.tmb-content-lateral.tmb .t-entry p.t-entry-meta span, .tmb-light.tmb-content-under.tmb .t-entry p.t-entry-meta a:not(:hover), .tmb-light.tmb-content-lateral.tmb .t-entry p.t-entry-meta a:not(:hover), .tmb-light.tmb .t-entry-nav-label span, .tmb-light.tmb.tmb-table .t-inside-post-table .t-entry-table-typography, .tmb-light.tmb.tmb-table .t-inside-post-table .t-entry-table-typography a{
    color: #3A4245;
}
.post-content ul:not(.no-list):not(.navigation):not(.pagination):not(.term-filters-list):not(.uncode-woocommerce-sorting-dropdown):not(.nav-tabs):not(.unmenu-block-in-page):not(.unmenu-block-in-page *), .uncode_text_column ul:not(.no-list):not(.navigation):not(.pagination):not(.term-filters-list):not(.uncode-woocommerce-sorting-dropdown):not(.nav-tabs):not(.unmenu-block-in-page):not(.unmenu-block-in-page *), .post-content ul:not(.no-list):not(.navigation):not(.pagination):not(.term-filters-list) ul:not(.uncode-woocommerce-sorting-dropdown):not(.unmenu-block-in-page):not(.unmenu-block-in-page *), .uncode_text_column ul:not(.no-list):not(.navigation):not(.pagination):not(.term-filters-list) ul:not(.uncode-woocommerce-sorting-dropdown):not(.unmenu-block-in-page):not(.unmenu-block-in-page *){
    list-style-type: square;
}
.post-content ol li,
.post-content .uncode_text_column ul li{
    margin-bottom: 0.3em;
}
.post-navigation .btn.btn-disable-hover{
    display: none;
}

#menu-circles_navbar .tmb .t-entry-visual .pushed,
.tmb .t-entry-visual .t-entry-visual-cont > a .t-entry-visual-overlay-in .style-light-bg{
     background:#00A7EC !important;
}
#menu-circles_navbar .tmb .t-entry-visual a:active .t-entry-visual-overlay,
#menu-circles_navbar .tmb .t-entry-visual a:focus .t-entry-visual-overlay,
#menu-circles_navbar .tmb .t-entry-visual a:focus-visible .t-entry-visual-overlay
{
    opacity: 1 !important;
}
#menu-circles_navbar .tmb .t-entry-visual a .t-entry-visual-overlay .t-entry-visual-overlay-in.style-light-bg{
     background:#00A7EC !important;
}

/* ____________ Header __________ */

body.style-color-xsdn-bg {
    background-color: rgb(30, 35, 37);
}

.col-lg-0.logo-container{
    padding-top:0; /* remove padding above logo */
    padding-bottom:0;
}
#masthead .menu-container,
.blur-menu-top #masthead:not(.is_stuck) .menu-container:not(.vmenu-container),
.blur-menu-stuck #masthead.is_stuck .menu-container:not(.vmenu-container),
.blur-menu-always .menu-container:not(.vmenu-container){
    /*padding-bottom: 140px;*/
    backdrop-filter: blur(0);
    -webkit-backdrop-filter: blur(0);
    background: rgba(58, 66, 69, 0);
    background: -webkit-linear-gradient(8deg,rgba(58, 66, 69, 0) 60%, rgba(58, 66, 69, 0.5) 100%);
    background: -moz-linear-gradient(8deg,rgba(58, 66, 69, 0) 60%, rgba(58, 66, 69, 0.5) 100%);
    background: linear-gradient(8deg,rgba(58, 66, 69, 0) 60%, rgba(58, 66, 69, 0.5) 100%);
}

#masthead:after,
.blur-menu-stuck #masthead.is_stuck .menu-container:not(.vmenu-container):after {
   content: "";
   position: absolute;
   inset: 0;
   z-index: -1;
   mask: linear-gradient(to top, transparent, black 35%);
}
.blur-menu-top #main-logo .navbar-brand img,
.blur-menu-stuck #main-logo .navbar-brand img,
.blur-menu-always #main-logo .navbar-brand img{
    filter: drop-shadow(0px 0px 100px rgba(58, 66, 69, 0.2));
}
/*
.blur-menu-stuck #logo-container-mobile #main-logo .navbar-brand img{
    filter: drop-shadow(12px 10px 17px rgba(58, 66, 69, 0.4));
    drop-shadow(0px 0px 17px rgba(58, 66, 69, 0.15))
}*/
.blur-menu-stuck #masthead.is_stuck .menu-container:not(.vmenu-container){
    transition:  
    opacity 0.6s ease,
    transform 0.6s ease;
    opacity: 1;
}
.blur-menu-stuck #masthead.is_stuck .menu-container:not(.vmenu-container).menu-hided{
    opacity: 0;
}
.logo-container .main-logo {
    display: flex;
    align-items: center;
    line-height: 0;
}
#main-logo .navbar-brand img{
    height: 140px;
    display: block;
    margin-top: 0px !important;
}

.vmenu-container .triple-top-padding > .row-inner {
    display: flex !important;
    align-items: stretch;
}
.vmenu-container .triple-top-padding > .row-inner > .wpb_column{
    display: flex;
    align-items: center;

}

/* Scrollen deaktivieren bei geöffnetem Menü 

body.open-overlay-menu {
    overscroll-behavior: none !important;
    touch-action: none !important;
}*/


/* ___ Burger Icon ___ */
/*.lines-button .lines,
.header_button a{
    margin-top:-20px;
}*/
.lines-button .lines,
.lines-button .lines:before,
.lines-button .lines:after,
.lines-button .lines > span {
  height: 4px;          /* dicker */
  width: 34px;          /* breiter */
  border-radius: 0px;
}
.lines-button .lines:before {
  top: 12px;
}
.lines-button .lines:after {
  top: -12px;
}
/* Alt-Burger Variante auch anpassen */
body.uncode-alt-burger .lines-button .lines:before {
  top: 6px;
}
body.uncode-alt-burger .lines-button .lines:after {
  top: -6px;
}
.lines-button .lines:before,
.lines-button .lines:after {
  transform-origin: 17px center;
}

/* ____________ Fullscreen Navigation __________ */

.overlay.overlay-menu .menu-sidebar-inner .row.unequal-flex > .wpb_row.row-inner > .wpb_column.col-lg-12.double-internal-gutter{
    height: 100%;

}
    .column_main-navigation ul.menu li a{
        font-size:72px;
        line-height:1.7;
    }

    .column_main-navigation ul.menu li a span{
        line-height:1.7;
    }
    .overlay {
        transition:
            opacity .25s ease,
            visibility 0s linear .25s,
            z-index 0s linear .25s !important;
    }

    body.open-overlay-menu .overlay.overlay-menu {
        transition-delay: 0s !important;
    }

/* --- Desktop only -- */

@media (min-width: 960px) {

    html.menu-overlay-open .header_button{
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity .2s ease;
    }
}
.row_fullscreen-navigation-bottom .btn-container{
    float: right;
    margin-top: 0 !important;
}
.row_fullscreen-navigation-bottom p,
.row_fullscreen-navigation-bottom p a{
    color: #D8D8D8 !important;
}
.row_fullscreen-navigation-bottom p a{
    padding:0 10px;
}
.row_fullscreen-navigation-bottom p a:first-of-type{
    padding-left:0 !important;
}
.row_fullscreen-navigation-bottom p a:hover{
    color: #00A7EC !important;
}

/* ____________ CTA Button __________ */
@media (min-width: 960px) {
    body.vmenu-position-right #masthead .row-offcanvas .row-menu-inner .main-menu-container, body:not(.menu-overlay-left) #masthead .row-offcanvas .row-menu-inner .main-menu-container {
        right: 120px;
    }
}

/* ____________ Buttons __________ */
.btn-sm{
    font-size:16px !important;
    letter-spacing: 0.3px !important;
}
.style-dark .btn-default,
.style-dark .btn-default.btn-outline:not(.icon-animated):not(.icon-automatic-video):hover{
    background-color: #00A7EC !important;
    border-color: #00A7EC !important;
    margin-top:0;
}
.style-light .btn-default:not(.btn-hover-nobg):not(.icon-animated):not(.btn-flat):hover{
    color: #00A7EC !important;
    border-color: #00A7EC !important;
}
.btn:not(.btn-custom-typo):not(.btn-inherit):not(.uncode-nav-container){
    font-family: 'Nordikka', Helvetica, Arial, sans-serif !important;
    font-size:19px;
    font-weight:500 !important;
    background: #00A7EC;
    letter-spacing: 0.2px;
    border-width: 2px;
}
.btn,
.btn:not(.btn-padding-y),
.btn:not(.btn-padding-x){
    padding: 14px 25px !important;
}
.btn:not(.btn-custom-typo):not(.btn-link){
    border: solid 2px  #00A7EC;
}
body a.btn.btn-link{
    font-family: 'Nordikka', Helvetica, Arial, sans-serif !important;
    font-size:16px !important;
    font-weight:500 !important;
    color: #00A7EC !important;
    background: transparent !important;
    letter-spacing: 0.2px;
    padding: 14px 0 !important;
    position: relative;
    display: inline-block;
    text-decoration: none;
}
.btn.btn-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #00A7EC;
    transform: scaleX(1);
    transform-origin: left;
    transition: transform 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86),
                color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.btn-link:hover::after {
    transform: scaleX(0); /* oder 0 für „wipe effect“ */
}

    .row_box-without-full-width .btn-container a.btn{
        border-color: transparent;
    }
    .row_box-without-full-width .style-light .btn-default:not(.btn-hover-nobg):not(.icon-animated):not(.btn-flat):hover,
    .row_box-without-full-width .style-light .btn-default:not(.btn-hover-nobg):not(.icon-animated):not(.btn-flat):active,
    .row_box-without-full-width .style-light .btn-default:not(.btn-hover-nobg):not(.icon-animated):not(.btn-flat):focus,
    .row_box-without-full-width .style-light .btn-default:not(.btn-hover-nobg):not(.icon-animated):not(.btn-flat):focus-visible{
        background-color:#ffffff !important;
    }
/* ____________ Footer __________ */
footer .style-dark h5,
footer .style-dark h5 a{
    color: #C4C6C7 !important;
}
@media (min-width: 960px) {
    .column_kontakt{
        width: 30% !important;
    }
    .column_folgeuns{
        width: 20% !important;
    }
}
body .main-container .row-container .row-parent .margin-top-20{
    margin-top:20px !important;
}
.main-container footer .row-container .row-parent .column_child.single-internal-gutter .uncont .uncode-list,
.main-container footer .row-container .row-parent .column_child.single-internal-gutter.column_kontakt .uncont .vc_custom_heading_wrap,
.main-container footer .row-container .row-parent .column_child.single-internal-gutter.column_folgeuns .uncont .vc_custom_heading_wrap,
footer ul{
    margin-top: 0 !important;
}
footer .h6{
    padding-bottom:20px;
}
footer .text-small{
    font-size:16px;
    margin-top: -11px !important;
}
footer ul li{
    font-family: 'Nordikka', Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size: 28px;
    line-height: 1.2;
}

footer .column_kontakt ul li{
    display: flex;
    align-items: center;
}

footer .column_kontakt ul li a{
    min-width: 100% !important;
}
footer .column_folgeuns ul li{
    line-height:1.4;
}
footer ul li a{
    color: #C4C6C7 !important;
}
footer ul li a:hover,
footer .style-dark h5 a:hover{
    color: #ffffff !important;
}
.footer-phone,
.footer-whatsapp,
.footer-email,
.footer-location{
    display: inline-flex;
    align-items: flex-start;
    gap: 12px;
    line-height: 1.4;
}
.footer-phone::before,
.footer-whatsapp::before,
.footer-email::before,
.footer-location::before{
    opacity: 0.7;
    display: inline-block;
    content: "";
    width: 32px;  /* Größe des Icons */
    height: 32px;
    flex:  0 0 32px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: translateY(-2px);
    transition: opacity 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86),
                transform 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86),
                filter 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.footer-phone:hover::before,
.footer-whatsapp:hover::before,
.footer-email:hover::before,
.footer-location:hover::before{
    opacity: 1;
    transform: translateY(-2px) scale(1.05);
    filter: brightness(1.2) saturate(1.3);
} 
.footer-phone::before{
    background-image: url("https://www.id-werkstatt.at/wp-content/uploads/2026/04/phone_white.svg");
}
/*.footer-phone:hover::before{
    background-image: url("https://www.id-werkstatt.at/wp-content/uploads/2026/04/phone_blue.svg");
}*/
.footer-whatsapp::before{
    background-image: url("https://www.id-werkstatt.at/wp-content/uploads/2026/04/whatsapp_white.svg");
}
/*.footer-whatsapp:hover::before{
    background-image: url("https://www.id-werkstatt.at/wp-content/uploads/2026/04/whatsapp_blue.svg");
}*/
.footer-email::before{
    background-image: url("https://www.id-werkstatt.at/wp-content/uploads/2026/04/email_white.svg");
}
/*.footer-email:hover::before{
    background-image: url("https://www.id-werkstatt.at/wp-content/uploads/2026/04/email_blue.svg");
}*/
.footer-location::before{
    background-image: url("https://www.id-werkstatt.at/wp-content/uploads/2026/04/pin_white.svg");
}
/*.footer-location:hover::before{
    background-image: url("https://www.id-werkstatt.at/wp-content/uploads/2026/04/pin_blue.svg");
}*/

.column_kontakt .empty-space.empty-double{
    padding-top: 39px;
}

/* --- Desktop only -- */
@media (min-width: 960px) {
    footer .col-lg-6 h5{
        max-width: 90%;
    }
}
/* -------- Borlabs Cookie Box ------- */
#BorlabsCookieBox p,
.brlbs-cmpnt-container .brlbs-leading-tight,
.brlbs-cmpnt-container .brlbs-text-base{
    line-height: 1.25;
    color: #757A7D;
}
.brlbs-cmpnt-container .brlbs-block.brlbs-cmpnt-text-confirm-age{
    display: inline;
}
#BorlabsCookieBox .brlbs-cmpnt-dialog-entrance-description p.brlbs-cmpnt-text-description{

    font-size: 36px;
    margin-bottom: 15px;
    line-height: 1.2 !important;
    max-width: 79%;
    color: #3A4245;

}
#BorlabsCookieBox label.brlbs-cmpnt-label, .brlbs-cmpnt-container label.brlbs-cmpnt-label,
#BorlabsCookieBox .brlbs-cmpnt-btn.brlbs-cmpnt-font-semibold, .brlbs-cmpnt-container .brlbs-cmpnt-btn.brlbs-cmpnt-font-semibold,
.brlbs-cmpnt-container .brlbs-font-bold,
#BorlabsCookieBox .brlbs-cmpnt-tab:focus, #BorlabsCookieBox .brlbs-cmpnt-tab:hover, .brlbs-cmpnt-container .brlbs-cmpnt-tab:focus, .brlbs-cmpnt-container .brlbs-cmpnt-tab:hover,
#BorlabsCookieBox .brlbs-cmpnt-tab, .brlbs-cmpnt-container .brlbs-cmpnt-tab,
#BorlabsCookieBox .brlbs-cmpnt-description-list dt, .brlbs-cmpnt-container .brlbs-cmpnt-description-list dt,
#BorlabsCookieBox .brlbs-cmpnt-table th, .brlbs-cmpnt-container .brlbs-cmpnt-table th,
#BorlabsCookieBox .brlbs-cmpnt-inline-link, #BorlabsCookieBox .brlbs-cmpnt-inline-link *, .brlbs-cmpnt-container .brlbs-cmpnt-inline-link, .brlbs-cmpnt-container .brlbs-cmpnt-inline-link *{
    font-weight: 500;
}
#BorlabsCookieBox form p{
    font-weight: 400;
}
#BorlabsCookieBox .brlbs-cmpnt-dialog-entrance-description a, .brlbs-cmpnt-container .brlbs-cmpnt-dialog-entrance-description a,
#BorlabsCookieBox .brlbs-cmpnt-link.brlbs-cmpnt-back-button, .brlbs-cmpnt-container .brlbs-cmpnt-link.brlbs-cmpnt-back-button,
#BorlabsCookieBox .brlbs-cmpnt-card .brlbs-cmpnt-accordion-toggle, #BorlabsCookieBox .brlbs-cmpnt-card .brlbs-cmpnt-accordion-toggle *, .brlbs-cmpnt-container .brlbs-cmpnt-card .brlbs-cmpnt-accordion-toggle, .brlbs-cmpnt-container .brlbs-cmpnt-card .brlbs-cmpnt-accordion-toggle *,
#BorlabsCookieBox .brlbs-cmpnt-inline-link, #BorlabsCookieBox .brlbs-cmpnt-inline-link *, .brlbs-cmpnt-container .brlbs-cmpnt-inline-link, .brlbs-cmpnt-container .brlbs-cmpnt-inline-link *{
    color: rgb(0, 167, 236);
}
#BorlabsCookieBox .brlbs-cmpnt-link.brlbs-cmpnt-btn-selection, .brlbs-cmpnt-container .brlbs-cmpnt-link.brlbs-cmpnt-btn-selection{
    background-color: rgb(0, 167, 236);
}
/* ____________ PAGES __________ */
/* ____________ Start __________ */
/* ___ Start Section ___ */
.home .row_start, .page-id-50 .row_start{
    position: relative;
    z-index: 0;
}
.home .row_start::after, .page-id-50 .row_start::after{
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

.home .row_start::after, .page-id-50 .row_start::after,
.tmb.tmb-light.tmb-overlay-gradient-bottom .t-entry-visual .t-entry-visual-overlay-in,
.tmb-overlay-gradient-bottom.tmb .t-entry-visual .t-entry-visual-overlay{
    background-image: linear-gradient(
    to bottom,
    rgba(30, 35, 37, 0) 65%,
    rgba(30, 35, 37, 0.6) 80%
    ) !important;
}
.loesungen_carousel .tmb-overlay-gradient-bottom.tmb .t-entry-visual .t-entry-visual-overlay{
    background-image: linear-gradient(
        to bottom,
        rgba(30, 35, 37, 0) 50%,
        rgba(30, 35, 37, 0.6) 80%
    ) !important;

}
body{
    background: #3A4245 !important;
}
.row_start .row-inner,
.row_start .uncol,
.row_start .uncoltable {
    position: relative;
    z-index: 2;
}
.row_start h1{
    position: relative;
}
.row_start h1 span:before,
.awards_badge_container:has(img):before,
.row_start .t-entry-visual h1:before{
    content: "";
    position: absolute;

    /* größer als H1 */
    width: 130%;
    height: 220%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    background: radial-gradient(ellipse at center, rgba(30, 35, 37, 0.4) 0%, rgba(30, 35, 37, 0.2) 40%, rgba(30, 35, 37, 0) 70%);
    pointer-events: none;
}

.row_start .single-gutter:not(.owl-carousel-container):not(.uncode-post-table):not(.justified-wrapper):not(.post-titles-inner):not(.index-scroll-wrapper):not(.pin-wrap) .tmb > .t-inside{
    margin-top: 20px;
}
.awards_badge_container:has(img):before{
    content: "";
    width: 200px;
    height: 273px;
    bottom: -29px;
    right: -29px;
    top: auto;
    left: auto;
    transform: translate(0, 0);
}
.button_phone,
.button_start,
.header_button a{
    margin-left: 7px !important;
    display: inline-flex;
    align-items: center; /* vertikale Zentrierung */
    gap: 12px; /* Abstand zwischen Icon und Text */
}
.row_start .button_phone, 
.row_start .button_start,
.header_button a{
    float:right;
}
.home .header_button,
.page-id-50 .header_button{
    display: none !important;
    opacity: 0 !important;
    transition: opacity 0.4s ease-in-out;

}
.page-id-50.blur-menu-stuck .is_stuck .header_button{
    display: block !important;
    opacity: 1 !important;
}


body .menu-container:not(.grid-filters) ul.menu-smart li.header_button > a{
    font-family: 'Nordikka', Helvetica, Arial, sans-serif !important;
    font-weight: 500 !important;
    font-size: 19px !important;
    letter-spacing: 0 !important;
    color:#ffffff !important;
    opacity: 0.9;
    transition: color 0.15s ease-in-out;
}
body .menu-container:not(.grid-filters) ul.menu-smart li.header_button > a:hover{
    color:#00A7EC !important;
    opacity: 1;
}
.navbar-cta ul.menu-smart > li::before{
}
.page-id-172541 #page-header .btn,
.button_phone,
.button_start{
    border-width: 2px !important;
}
.button_phone::before,
.button_start::before,
.header_button a::before{
    display: inline-block;
    content: "";
    display: inline-block;
    width: 30px;  /* Größe des Icons */
    height: 30px;
    margin-top:-3px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.button_phone::before{
    background-image: url("https://www.id-werkstatt.at/wp-content/uploads/2026/04/phone2.svg");
}
.button_start::before{
    background-image: none;
}
.header_button a::before,
.button_start::before{
    width: 30px;  
    height: 30px;
    background-color: #ffffff; 
    opacity: 0.9;
    mask-image: url(https://www.id-werkstatt.at/wp-content/uploads/2026/04/calendar2.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url(https://www.id-werkstatt.at/wp-content/uploads/2026/04/calendar2.svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    transition: background-color 0.15s ease-in-out;
}
.button_start:hover::before,
.header_button a:hover::before {
    background-color: #00A7EC;
}
.style-dark .button_start.btn-default:not(.btn-hover-nobg):not(.icon-animated):hover{
    color: #00A7EC !important;
    background: #ffffff !important;
    border-color: #ffffff !important;
}


/* ___ Quick Start ___ */
.row_quickstart h3{
    font-size: 57px !important;
    font-weight: 300 !important;
    color: #fff;
    padding-top: 45px;
    padding-bottom: 15px;
}
.tmb .t-entry-visual .t-overlay-icon.t-icon-size-lg{
    color: #fff;
    font-size: 26px;
}
.row_quickstart .tmb .t-overlay-content .single-block-padding{
    padding: 5px;
}
/* --- Desktop only -- */
@media (min-width: 960px) {
    .row_quickstart h4{
        max-width: 80%;
    }
}


/* ___ Solutions / Lösungen  */

.row_solutions{}

.row_solutions h3{max-width: 360px;
margin: 0 auto !important;}

.owl-item .t-entry-excerpt p{
    font-size: 15px !important;
    display: inline-block;
    line-height: 1.3 !important;
    padding: 12px 22px !important;
    background:#3A4245 !important;
    transition: background .5s ease;
    font-weight: 500;
    margin-top: 10px !important;
}
.tmb-dark.tmb .t-entry-visual *:not(.add_to_cart_text):not(.view-cart){
    color: #ffffff;
}
.owl-item:hover .t-entry-excerpt p{
    background: #00A7EC !important;
}
:not(.tmb-overlay-text-left):not(.tmb-overlay-text-right).tmb .t-entry-visual .t-overlay-text{

    transform: scale(1);
}

.icon-gallery .tmb .t-entry-visual{
    width: 90px;
}

.icon-gallery .owl-item::after {
    content: attr(data-index);
    position: absolute;
    
    
    top: 63px;
    left: 0;
    font-size: 150px;
    font-weight: 700;
    line-height: 1;
    opacity: 1;
    pointer-events: none;
    background:#757A7D;
    color: #ffffff;
    display: block;
    width: 30px;
    height: 38px;
    font-size: 20px;
    text-align: center;
    line-height: 38px;
    z-index: 1;
}

.icon-gallery .owl-item[data-index="7"]::after {
    content: "+";
    background:#00A7EC;
}
.icon-gallery .owl-item[data-index="1"]::after{
    background:#00A7EC;
}
.row_box-without-full-width .uncode-owl-nav .uncode-nav-container > span,
.row_box-without-full-width .style-light .arrows-default.uncode-owl-nav .uncode-nav-container > span{
    color: #00A7EC;
}
.row_box-without-full-width .uncode-owl-nav.pos-abs.pos-abs-top {
    transform: translate(-50%, -100%) !important;
}

/* ______ Solutions / Lösungen Single _-______ */

.solutions-single-header .uncode-single-media{
    margin-bottom: -40px;
}
.h5.loesungen_intro{
    opacity: 0.8;
}

.post-template-default .header-wrapper{
    overflow: visible;
}
.post-template-default .uncode_text_column{
    max-width: 728px;
    margin-left: auto;
    margin-right: auto;
}
.post-template-default .uncode_text_column.text-small{
    max-width: none;
}
.post-template-default .newspic .uncode-single-media{
    max-width: 600px;

}
.solutions-single-header{
    /* min-height: 100vh; */
}
.post-template-default .solutions-single-header .heading-text {
  /*hyphens: auto;
  overflow-wrap: break-word;
  word-break: normal; */
}
.post-template-default #page-header{
    height: auto !important;
}
.post-template-default .newspic{
    margin-bottom: 36px;
}

.post-template-default .row .newsintro .uncell.double-block-padding{
    max-width: 600px !important;
    padding-left: 0;
    padding-right: 0;

}

.owl-carousel .t-entry-category a {
    pointer-events: none;
    cursor: default;
}
.post-navigation ul li.page-next i:not(.icon-box *):not(.menu-smart-social *){
    margin-right: 0;
}
.post-navigation .navigation .btn{
    border-bottom: 0;
}
.post-navigation .btn.btn-link::after{
    background: transparent;
}

/* ______ Portfolio Page _______ */


.projekte .row_start .t-overlay-content{
    height: 100%;
    position: relative;
}
.projekte .row_start .t-overlay-text{
    height: 100%;
}
.projekte .row_start .text-lead{
    position: absolute;
    bottom: 20px;
    left: 36px;
    width: 50%;
}
.projekte .row_start .text-lead p{
    line-height: 1.4;
}
.projekte .tmb-light .t-overlay-inner .btn-default{
    background-color: transparent !important;
    position: absolute;
    bottom: 20px;
    right: 20px;
}
.projekte .row_start h1{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -70%);
}
body.projekte.textual-accent-color .post-content > div p:not(.entry-small):not(.panel-title):not(.t-entry-member-social) .t-entry-category a:not(.btn):not(.unmenu-block *),
.projekte .tmb-light.tmb-content-under.tmb .t-entry p.t-entry-meta span,
body.textual-accent-color .post-content > div .weitere-projekte p:not(.entry-small):not(.panel-title):not(.t-entry-member-social) .t-entry-category a:not(.btn):not(.unmenu-block *),
.tmb-light.tmb-content-under.tmb .t-entry p.t-entry-meta span{
    text-decoration: none;
    pointer-events: none;
    color: #B0B3B5 !important;
    font-family: 'Source Sans 3', Helvetica, Arial, sans-serif !important;
    font-weight: 400;
    line-height: 1.2;
    font-size: 18px;
    cursor: text;
}


/* ___ Team ___ */
.row_team{}
.row_team .col-left{
    position: relative;
    z-index: 2;
}
.row_team .col-left img{
    position: relative;
    z-index: 3;
}
.row_team .col-right{
    position: relative;
    z-index: 1;
}
.row_team .col-right::before{
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background-image: url("https://www.id-werkstatt.at/wp-content/uploads/2026/04/cropped.webp");
    background-size: 650px 656px;
    background-repeat: repeat;
    background-position: center;
    z-index: -1;
}
.row_team p{
    font-family: 'Nordikka', Helvetica, Arial, sans-serif;
    font-weight: 300;
    font-size:22px;
    line-height: 1.25;
    color: #D8D8D8;
}
/* --- Desktop only -- */
@media (min-width: 960px) {
    .row_team .col-right .quad-block-padding{
        padding: 155px 108px 155px 60px;
    }
    .row_team .col-right::before{
        left: -100px;
    }
    .row_team p{
        max-width: 500px;
    }
}
/* ___ Projects ___ */
.row_projects h2.t-entry-title{
    color:#fff;
}
.row_projects .t-entry-meta{
    margin-top: -5px !important;
}
.row_projects .t-entry-meta .t-entry-category span{
    font-family: 'Nordikka', Helvetica, Arial, sans-serif;
    font-weight: 300 !important;
    font-size:23px !important;
    color: #a9a9a9;
}
.row_projects .t-overlay-wrap i{
    position: absolute;
    right:42px;
    bottom:47px;
}
.row_projects .t-entry-meta .t-entry-category span.cat-comma,
.tmb .t-entry p.t-entry-meta .t-entry-category .cat-comma {
    font-size: 0 !important;
    display: inline-block !important;
    padding-left: 5px;
}
.cat-comma::before {
    content: " | ";
    font-size: 23px;
}
.row_projects .t-overlay-wrap i.fa-arrow-right2{
    display: none !important; /* Pfeil nach rechts ausblenden */
}
.main-container .row-container.row_projects .row-parent .column_child.single-internal-gutter span.btn-container,
.main-container .row-container.row_solutions .row-parent .column_child.single-internal-gutter span.btn-container
{
    margin-top: -36px !important;
}
.owl-dots .owl-dot span,
.uncode-nav-dots .uncode-nav-index span {
    border-radius: 0 !important;
    width: 10px !important;
    height: 9px !important;
    box-shadow: none !important;
    background-color: #757A7D !important;
}

.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span,
.uncode-nav-dots .uncode-nav-index.active span {
    background-color: #00A7EC !important;
}
 

/* _________ Portfolio Überblick (Projekte) ________ */

    .projekte .grid-filters ul.menu-smart{
        display: flex;
        justify-content: center;
    flex-wrap:wrap;
    gap:0px; /* optional */
    }
    .projekte .grid-filters ul.menu-smart li.filter-cat{
        display: none !important;
        flex: 0 0 auto;
    }
    .projekte .grid-filters ul.menu-smart li.filter-cat-130,
    .projekte .grid-filters ul.menu-smart li.filter-cat-131,
    .projekte .grid-filters ul.menu-smart li.filter-cat-132,
    .projekte .grid-filters ul.menu-smart li.filter-cat-177{
        display: inline-flex !important;
    }
    .projekte .grid-filters ul.menu-smart li.filter-cat-130{
        order: 1;
    }
    .projekte .grid-filters ul.menu-smart li.filter-cat-131{
        order: 2;
    }
    .projekte .grid-filters ul.menu-smart li.filter-cat-132{
        order: 3;
    }/*
    .projekte .grid-filters ul.menu-smart li.filter-cat-132 span{
        padding-right: 0 !important;
    }*/
    .projekte .grid-filters ul.menu-smart li.filter-cat-177{
        order: 4; /*last-child*/
    }
    .projekte .grid-filters ul.menu-smart li.filter-cat-177 span{
        padding-right: 0px !important;
    }
/* ____________ Portfolio Single & Pages with Start Image with Pattern Background __________ */
.portfolio-body .vc_row.with-parallax,
.start-image-with-pattern-bg .vc_row.row_start{
    background-image: url(https://www.id-werkstatt.at/wp-content/uploads/2026/04/cropped.webp);
    background-repeat: repeat;
    background-position:  center bottom;
    background-size: 650px 656px;
    margin-bottom:-20px;
}
.portfolio_categories .wpb_wrapper,
.portfolio_categories a, 
.portfolio_categories span{
    font-family: 'Nordikka', Helvetica, Arial, sans-serif !important;
    font-weight: 300;
    font-size:28px;
    color: #D8D8D8;
}
.awards_badge{
    width:138px;
}
.block-bg-overlay{

    opacity: 1 !important;
    background:linear-gradient(
        188deg,
        rgba(30,35,37,0) 50%,
        rgba(30,35,37,.5) 70%
    );

}
.project-meta{
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: baseline;
    gap: 5px 35px;
    padding-top: 5px;
}
.project-meta dt,
.project-meta dd{
    font-family: 'Source Sans 3';
    color: #D8D8D8 !important;
    line-height:1.3;
}
.project-meta dt,
p.reference_name,
div.reference_name p{
    font-weight: 600;
    text-transform: uppercase;
    font-size:18px;
    letter-spacing:0.4px;
}
.project-meta dt{
    margin-top:0;
}
.project-meta dd,
p.reference_position,
div.reference_position p{
    font-weight:400;
    font-size:20px;
}
.portfolio_text-column p.text-lead{
    font-family: 'Nordikka', Helvetica, Arial, sans-serif;
    font-weight: 300;
    line-height: 1.4;
    margin-top:25px;
}
.portfolio_text-column h4,
.post-template-default .post-body h4{
    font-weight: 500 !important;
}
.main-container .row-container .row-parent .single-internal-gutter .uncont .copyright{
    margin-top:0 !important;
}

.reference_image {
    width: 300px;
    /* height: 300px; */
    object-fit: cover;
    border-radius: 50%;
    aspect-ratio: 1 / 1;
}
h4.reference_text, .reference_text h4{
    text-indent: -12px;
    padding:20px 0 10px 12px;
}
.reference_text, .reference_text h4{
    font-weight: 300;
}
.reference_position{
    margin-top:0px !important;
}
p.reference_name, div.reference_name p,
p.reference_position, div.reference_position p{
    font-family: 'Source Sans 3', Helvetica, Arial, sans-serif !important;
    line-height: 1.5;
    color: #C4C6C7;
}
.style-light p.reference_name, .style-light div.reference_name p,
.style-light p.reference_position, .style-light div.reference_position p{
    color:#757A7D;
}
.reference_name, .reference_position{
    padding-left:12px;
}
div.reference_name{
    margin-top:18px !important;
}

.single-portfolio .uncode-owl-nav.arrows-default{ /* Pfeile links/rechts bei Galerie ausblenden */
   display: none !important;
}

.single-portfolio .pos-abs.dots-look-default:not(.dots-numbers).uncode-owl-nav .uncode-nav-index span{
    background-color: #757A7D !important;
    margin: 0 6px !important;
    width: 10px !important;
    height: 9px !important;
    transform: scale(0.8);
    opacity: 1 !important;
}

.single-portfolio .pos-abs.dots-look-default:not(.dots-numbers).uncode-owl-nav .uncode-nav-index.active-index span,
.single-portfolio .pos-abs.dots-look-default:not(.dots-numbers).uncode-owl-nav .uncode-nav-index:hover span{
    background-color: #00a7ec !important;
    transform: scale(1);
}
.single-portfolio .uncode-owl-nav.pos-abs.pos-abs-bottom{
    bottom: -50px;
}
.single-portfolio .uncode-owl-nav .uncode-owl-nav-in .uncode-owl-nav-safe{
    /*justify-content: flex-end !important;
    padding: 0 90px !important;*/
}
/*
.single-portfolio .owl-nav.disabled,
.single-portfolio .owl-carousel .owl-prev,
.single-portfolio .owl-carousel .owl-next
{
    display: block;

}
.single-portfolio .owl-carousel .owl-prev.disabled,
.single-portfolio .owl-carousel .owl-next.disabled {
    display: none !important;
    }
.single-portfolio .owl-prev i, .single-portfolio .owl-next i*/
.uncode-owl-nav .uncode-nav-container > span{
    font-size: 32px;
}
/*
.single-portfolio .owl-prev .owl-nav-container,
.single-portfolio .owl-next .owl-nav-container,
.arrows-default.uncode-owl-nav .uncode-nav-container{
    position: absolute;
    width: 250px;
    height: 320px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    background: radial-gradient(ellipse at center, rgba(30, 35, 37, 0.1) 0%, rgba(30, 35, 37, 0) 65%);
    mask-image: radial-gradient(ellipse at center, black 10%, transparent 80%);
    -webkit-mask-image: radial-gradient(ellipse at center, black 10%, transparent 80%);
}*/
.start-image-with-pattern-bg .main-wrapper .row_start h6{
    color: rgba(255,255,255,0.8) !important;
    position: relative;
}

.start-image-with-pattern-bg .main-wrapper .row_start h6 span:before{
    content: "";
    position: absolute;
    width: 130%;
    height: 230%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    mask-image: radial-gradient( ellipse at center, black 40%, transparent 70%);
    -webkit-mask-image: radial-gradient(ellipse at center, black 40%, transparent 70%);
    background-color: rgba(30, 35, 37, 0.05);
}
.icon-box .icon-box-content h5,
.icon-gallery h5{
    color: #757A7D;
    font-size: 22px;
    line-height: 1.25;
    margin-top: 40px;
}
.icon-gallery .tmb-light.tmb .t-entry-text h5.t-entry-title{
    color: #757A7D;

}
.row_box-without-full-width h6{
    padding-bottom: 20px !important;
}
.row_faq .panel-title a{
    font-size:40px;
    line-height: 1.3 !important;
    color:#3A4245 !important;
}
.row_faq .panel:not(.has-padding) .panel-title > a{
    padding: 34px 0px 30px;
}
.row_faq .panel-title > a > span:after{
    font-size: 40px;
}
.row_faq .uncode_text_column p{
    font-size:26px;
    line-height: 1.3;
}
.row_faq .uncode_text_column p strong{
    font-size:33px;
    color: #3A4245;
    line-height: 1.23;
}
.row_faq .active-group .panel-collapse:before{
    border-bottom:0 !important;
}
.row_further-projects .owl-carousel-container .t-entry-text .t-entry-title{
    margin-top: 20px !important;
}
.row_further-projects .owl-carousel-container .t-entry-meta{
    line-height: 1.2;
    transform: translateY(0) !important;
    margin-top:0 !important;
}

.home #page-header,
.home #page-header .header-wrapper,
.home #page-header .header-wrapper > div.vc_row,
.projekte #page-header,
.projekte #page-header .header-wrapper,
.projekte #page-header .header-wrapper > div.vc_row,
.start-image-with-pattern-bg #page-header,
.start-image-with-pattern-bg #page-header .header-wrapper,
.start-image-with-pattern-bg #page-header .header-wrapper > div.vc_row{
    height: 100vh !important;
}

/* --- Desktop only (960)  + Tablet ev?-595px- */
@media (min-width: 595px) {
    .single-portfolio #page-header{
        height: auto !important;
    }
    .single-portfolio .main-wrapper,
    .start-image-with-pattern-bg .main-wrapper,
    .page-id-172545 .main-wrapper /*kontakt seite*/{
        /*margin-top:-140px !important;
        /*transform: translateY(-140px);*/
    }
    .portfolio-body .vc_row.with-parallax .row-background,
        .start-image-with-pattern-bg .vc_row.row_start .row-background{
        margin-left:20px;
        margin-right:20px;
        margin-top:120px;
        margin-bottom:20px;
    }
    .projekte.start-image-with-pattern-bg .vc_row.row_start{    
        /*padding-top: 120px;*/
        padding-right: 20px;
        padding-bottom: 0px;
        padding-left: 20px;
    }
    .projekte .row_start {
    height: 100vh;
    display: flex;
    }

   .projekte .row_start .uncode-posts-container,
   .projekte .row_start .tmb {
        height: 100%;
    }
    .projekte .row_start .t-entry-visual-cont .dummy {
        display: none !important;
    }
    .projekte .row_start .t-entry-visual-cont {
        padding-top: 0 !important;
        height: calc(100vh - 140px) !important;
    }

       .projekte .row_start .t-entry-visual {
        height: calc(100vh - 140px) !important;
    }
    .projekte .row_start .t-overlay-wrap {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        align-items: flex-end; /* oder center */
    }
    .projekte .row_start .t-entry-text {
        flex: 0 0 auto;
        max-height: none !important;
        overflow: visible !important;
    }

    .projekte .row_start img {
        height: 100%;
        width: 100%;
        object-fit: cover;
    }
    .main-container .row-container .row-parent .column_child.single-internal-gutter .uncont .portfolio_categories{
        margin-top:0 !important;
        margin-bottom: 60px !important;
    }
    .portfolio_intro{
        max-width:95%;
    }
    .portfolio_text-column h4{
        font-size:36px;
    }
    body.start-image-with-pattern-bg .row_start .uncont > .vc_custom_heading_wrap:last-of-type {
        padding-bottom: 40px !important;
    }
    .row_box-without-full-width{
        z-index: 20;
        margin-top: -295px;
        margin-bottom: -190px;
    }
    .row_box-without-full-width::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 80%;
        height: 100%;
        background: #fff;
        z-index: -1;
    }
    .row_box-without-full-width .uncont > .vc_row {
        max-width: 80%;
    }
    .row_box-without-full-width .btn-container{
        position: absolute;
        right: 110px;
        bottom: -140px;
    }
}


/* ____________ Team __________ */


.page_team .row_start .row-background .background-wrapper .background-inner{
    background-position: 57% 30% !important;
}
body.page_team.textual-accent-color .post-content .uncol .uncont div.copyright p:not(.entry-small):not(.panel-title):not(.t-entry-member-social) a:not(.btn):not(.unmenu-block *){
    color: #b0b3b5 !important;
    border-bottom: 1px solid #e0e0e0;
}
.page_team .post-content,
.page-id-172543 .post-content{
    margin-top: -1px;
}
.page_team .row_start h1 span{
    max-width: 10ch;
}
.row_team-members .tmb .t-entry-visual{
    max-width: 80%;
}
.row_team-members .t-entry-title{
    margin-top:34px !important;
}
.row_team-members .t-entry-text p{
    /* font-size:26px; */
    /* line-height: 1.4; */
}
.row_team-members .t-entry-meta{
    margin-top:0 !important;
    margin-bottom:25px !important;
    line-height: 1.2 !important;
}
.row_team-members .t-entry-category a,
.row_further-projects .owl-carousel-container .t-entry-text .t-entry-category a,
.row_further-projects .owl-carousel-container .t-entry-text .cat-comma{
    font-family: 'Source Sans 3', Helvetica, Arial, sans-serif !important;
    font-weight: 400;
    line-height: 1.2;
    font-size: 18px;
    display: contents;
    pointer-events: none;
    cursor:text;
    text-decoration: none;
}
.copyright,
.copyright-light p,
.copyright-light a{
    color: #757A7D;
    font-family: 'Source Sans 3', Helvetica, Arial, sans-serif !important;
    font-size: 18px;
    font-weight: 400;
}

.copyright-light p,
.copyright-light a{
    color: #B0B3B5 !important;
    }

    /*
body.textual-accent-color .post-content > div p:not(.entry-small):not(.panel-title):not(.t-entry-member-social) a:not(.btn):not(.unmenu-block *),
.row_further-projects .owl-carousel-container .t-entry-text .cat-comma{
    color: #B0B3B5 !important;
} */

/* ____________ Kontakt __________ */
/*
.page_contact .contact-text{
    max-width: 500px;
}*/
.page_contact h1.h2{
    font-size:72px;
    line-height:1.19;
    max-width:90%;
    max-width: 10ch;
}
.page_contact .text-lead p{
    font-size:28px;
    line-height: 1.4;
    color:#C4C6C7;
    max-width:90%;
}
.page_contact .kontakt-moritz.icon-box{
    display: flex;
}

.icon-box-left .icon-box-heading, .icon-box-right .icon-box-heading{
    display: flex;
}

.page_contact .icon-box-icon {
    width: 165px !important;
    height: 165px !important;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:0;
}
.page_contact .icon-box-icon img {
    width: 100%;
    height: 100%;
    border-radius: 100px;
    object-fit: cover;
    display: block;
}
.page_contact .icon-box p{
    font-family: 'Source Sans 3', Helvetica, Arial, sans-serif !important;
    font-weight: 400;
    line-height: 1.2;
    font-size: 18px;
    color:#828687;
}
.page_contact .icon-box li{
    list-style: none;
}
.page_contact ul{
    padding-left:0 !important;
}
.page_contact ul li,
.page_contact ul li a{
    font-size: 19px;
    line-height: 1.1;
    width: 100%;
}
body.textual-accent-color .post-content > div.page_contact ul:not(.menu-smart):not(.nav-tabs):not(.pagination) a:not(.btn):not(.unmenu-block *) {
    color: #C4C6C7 !important;
}
.page_contact .footer-phone::before, .page_contact .footer-whatsapp::before, .page_contact .footer-email::before, .page_contact .footer-location::before{
    width: 24px;
    height: 24px;
}
.form-field {
    margin-bottom: 10px;
}
.form-field label {
    display: block;
    margin-bottom: 4px;
    font-size: 19px;
    color: #757A7D;
    font-weight: 500;
}
.style-light .input-background .form-field input,
.style-light .input-background .form-field textarea {
    width: 100%;
    background: #F3F4F4 !important;
    border: none;
    border-radius: 13px !important;
    padding: 16px 24px !important;
    font-size: 28px;
    color: #757A7D;
    box-shadow: inset 2px 1px 0 0 rgba(0,0,0,0.1) !important;
    outline: none;
    margin-top:2px;
}
.style-light .input-background .form-field textarea {
  min-height: 90px;
  height:140px;
  max-height: 300px;
  resize: vertical;
}
.form-field input::placeholder,
.form-field textarea::placeholder {
    color: #C0C3C4;
    opacity: 1;
    font-size: 28px;
    font-weight: 300 !important;
}
.form-field textarea {
    min-height: 180px;
    resize: vertical;
}
form p.small{
    font-weight: 400;
    font-size:14px;
    line-height:1.35;
    margin-bottom:20px;
    max-width: 100%;
    color: #C0C3C4;
}

form p.small a{
    color: #757A7D;
}
.wpcf7-response-output{
    color: #00a7ec;
}

.grecaptcha-badge {
    display: none !important;
}
/* --- Desktop only -- */
@media (min-width: 960px) {
    input, textarea, select, input[type="submit"], input[type="reset"], input[type="button"], button[type="submit"]{
        width:100%;
    }

    form p.small{
        max-width: 520px;
    }
/*
    .page_contact .column_right .uncol{
        width:141% !important;
    }
*/
}
@media (max-width: 1440px) {

    .button_phone, .button_start{
        width: 240px;
    }
    .button_start{
        margin-bottom: 10px !important;
    }
}
@media (max-width: 1330px) {
    .el-text > * > span:not(.heading-text-inner){
        display: inline;
        margin-right: 5px;
    }
    .page_team .row_start .el-text > h1 > span:not(.heading-text-inner){
        display: inline-block;
    }
    .menu-circles_container .uncont{
        max-width: 85% !important;
    }
}

@media (max-width: 1200px) {

    h1:not([class*="fontsize-"]), .h1:not([class*="fontsize-"]){
        font-size: 80px;
    }
    .page_contact h1.h2{
        font-size:60px;
    }
    h2:not([class*="fontsize-"]), .h2:not([class*="fontsize-"]) {
        font-size: 50px;
    }
    .row_quickstart h3{
        font-size: 48px !important;
    }
    h3:not([class*="fontsize-"]), .h3:not([class*="fontsize-"]){
        font-size: 40px;
    }
    h4:not([class*="fontsize-"]), .h4:not([class*="fontsize-"]) {
        font-size: 32px;
    }
    h4.reference_text, .reference_text h4 {
        text-indent: -8px;
    }
    h5:not([class*="fontsize-"]), .h5:not([class*="fontsize-"]),
    .text-lead, .text-lead > *, .nav-tabs .tab-excerpt.text-lead,
    footer ul li,
    .portfolio_categories .wpb_wrapper, .portfolio_categories a, .portfolio_categories span,
    .page_contact .text-lead p,
    .post-template-default .post-body p, .post-template-default .post-body li, .post-template-default .post-body dt, .post-template-default .post-body dd, .post-template-default .post-body dl{
        font-size: 22px;
    }
    body, p, li, dt, dd, dl, address, label, pre, code, .nav-tabs .tab-excerpt, .block-wrapper-parent,
    .portfolio_categories .wpb_wrapper, .portfolio_categories a, .portfolio_categories span,
    .row_team p{
        font-size: 19px;
    }
    .row_projects .t-entry-meta .t-entry-category span{
        font-size: 19px !important;
    }
    .project-meta dd, p.reference_position, div.reference_position p{
        font-size: 18px;
    }
    .btn:not(.btn-custom-typo):not(.btn-inherit):not(.uncode-nav-container),
    body .menu-container:not(.grid-filters) ul.menu-smart li.header_button > a{
        font-size: 16px !important;
    }
    body.projekte.textual-accent-color .post-content > div p:not(.entry-small):not(.panel-title):not(.t-entry-member-social) .t-entry-category a:not(.btn):not(.unmenu-block *), .projekte .tmb-light.tmb-content-under.tmb .t-entry p.t-entry-meta span,
    .weitere-projekte p.t-entry-meta,
    .project-meta dt, p.reference_name, div.reference_name p,
    .row_team-members .t-entry-category a, .row_further-projects .owl-carousel-container .t-entry-text .t-entry-category a, .row_further-projects .owl-carousel-container .t-entry-text .cat-comma,
    .text-small, .text-small > *, .nav-tabs .tab-excerpt.text-small{
        font-size: 16px;
    }


    .menu-circles_container .uncont{
        max-width: 95% !important;
    }

    body a.btn.btn-link,
    body a.btn.btn-link:not(.btn-padding-y),
    body a.btn.btn-link:not(.btn-padding-x){
        padding: 8px 0 !important;
    }
    
    .button_phone::before, .button_start::before,
    .header_button a::before{
        width: 24px;
        height: 24px;
    }
    .button_phone, .button_start{
        width: 190px;
    }
     .button_start{
        margin-bottom: 5px !important;
    }
    .btn,
.btn:not(.btn-padding-y),
.btn:not(.btn-padding-x){
        padding: 8px 13px !important;
    }
    .main-container .row-container .triple-top-padding, .block-wrapper-parent .row-container .triple-top-padding, .has-unblock .row-container .triple-top-padding{
        padding-top: 72px;
    }
    .main-container .row-container .double-bottom-padding, .block-wrapper-parent .row-container .double-bottom-padding, .has-unblock .row-container .double-bottom-padding{
        padding-bottom: 48px;
    }
    .row_team .col-right .quad-block-padding {
        padding: 100px 65px 100px 20px;
    }
    .projekte .text-lead{
        width: 63%;
    }

    .single-portfolio .uncode-owl-nav .uncode-owl-nav-in .uncode-owl-nav-safe{
        padding: 0 8% !important;
    }
    .awards_badge{
        width: 100px;
    }
    .main-container .row-container .row-parent .column_child.single-internal-gutter .uncont .portfolio_categories{
        margin-bottom: 20px !important;
    }
    .row_quickstart h3 {
        padding-top: 26px;
        padding-bottom: 10px;
    }.page_contact .style-light .input-background .form-field textarea{
        max-height: 400px;
        height: 200px;
    }
}

@media (max-width: 959px) {
    p, li, dt, dd, dl, address, label, small, pre, code, span.tab-excerpt, .menu-smart .block-wrapper-parent p, .menu-smart .block-wrapper-parent li, .menu-smart .block-wrapper-parent dt, .menu-smart .block-wrapper-parent dd, .menu-smart .block-wrapper-parent dl, .menu-smart .block-wrapper-parent address, .menu-smart .block-wrapper-parent label, .menu-smart .block-wrapper-parent small, .menu-smart .block-wrapper-parent pre, .menu-smart .block-wrapper-parent code, .menu-smart .block-wrapper-parent span.tab-excerpt{
        line-height: 1.4;
    }

    h1:not([class*="fontsize-"]), .h1:not([class*="fontsize-"]){
        font-size: 70px;
    }
    .single-post h1:not([class*="fontsize-"]), .single-post .h1:not([class*="fontsize-"]){
        font-size: 62px;
    }
    .page_contact h1.h2{
        font-size:50px;
    }
    h2:not([class*="fontsize-"]), .h2:not([class*="fontsize-"]) {
        font-size: 42px;
    }
    .row_quickstart .tmb .t-entry h3.t-entry-title{
        font-size: 32px !important;
        font-weight: 300 !important;
        padding-top: 14px;
        padding-bottom: 0;
    }
    h3:not([class*="fontsize-"]), .h3:not([class*="fontsize-"]){
        font-size: 36px;
    }
    h4:not([class*="fontsize-"]), .h4:not([class*="fontsize-"]),
    .row_faq .panel-title a, .row_faq .panel-title > a > span:after{
        font-size: 28px;
    }

    h4.reference_text, .reference_text h4 {
        text-indent: -6px;
    }
    .row_faq .uncode_text_column p strong{
        font-size: 24px;
        display: block;
    }
    .style-light .input-background .form-field input, .style-light .input-background .form-field textarea, 
    .form-field input::placeholder,
    .form-field textarea::placeholder{
            font-size: 22px;
    }
    .style-light .input-background .form-field input, .style-light .input-background .form-field textarea{
        padding: 15px 16px 10px !important;
    }
    h5:not([class*="fontsize-"]), .h5:not([class*="fontsize-"]),
    .text-lead, .text-lead > *, .nav-tabs .tab-excerpt.text-lead,
    footer ul li,
    .icon-box .icon-box-content h5,
    .icon-gallery h5,
    .page_contact .text-lead p,
    .post-template-default .post-body p, .post-template-default .post-body li, .post-template-default .post-body dt, .post-template-default .post-body dd, .post-template-default .post-body dl
    {
        font-size: 20px;
    }
    body, p, li, dt, dd, dl, address, label, pre, code, .nav-tabs .tab-excerpt, .block-wrapper-parent,
    .portfolio_categories .wpb_wrapper, .portfolio_categories a, .portfolio_categories span,
    .row_team p,
    .project-meta dd, p.reference_position, div.reference_position p,
    .row_faq .uncode_text_column p,
    .form-field label{
        font-size: 17px;
    }
    .row_projects .t-entry-meta .t-entry-category span{
        font-size: 17px !important;
    }

    .post-template-default .post-body .text-small p{
        font-size: 16px;
    }

    body.textual-accent-color .post-content > div .weitere-projekte p:not(.entry-small):not(.panel-title):not(.t-entry-member-social) .t-entry-category a:not(.btn):not(.unmenu-block *), .tmb-light.tmb-content-under.tmb .t-entry p.t-entry-meta span,
    .cat-comma::before,.projekte .tmb-light.tmb-content-under.tmb .t-entry p.t-entry-meta span{
        font-size: 15px;
    }
    h6:not([class*="fontsize-"]), .h6:not([class*="fontsize-"]),
    body .menu-container:not(.grid-filters) ul.menu-smart li.header_button > a,
    .nav-tabs .tab-excerpt.text-small,
    .copyright, .copyright-light p, .copyright-light a,
    .btn:not(.btn-custom-typo):not(.btn-inherit):not(.uncode-nav-container){
        font-size: 14px !important;
    }

    body.projekte.textual-accent-color .post-content > div p:not(.entry-small):not(.panel-title):not(.t-entry-member-social) .t-entry-category a:not(.btn):not(.unmenu-block *), 
    .row_team-members .t-entry-category a, .row_further-projects .owl-carousel-container .t-entry-text .t-entry-category a,
    .project-meta dt, p.reference_name, div.reference_name p{
        font-size: 14px;
    }

    #main-logo .navbar-brand img{
        height: 120px;
    }

    .menu-container .logo-container{
        padding: 0 36px 0 36px !important;
    }
    .lines-button .lines, .lines-button .lines:before, .lines-button .lines:after, .lines-button .lines > span{
        height: 3px;
        width: 28px;
    }
    .lines-button .lines:before, .lines-button .lines:after{
            transform-origin: 14px center;
    }
    .lines-button .lines:after{
        top: -10px   ;
    }
    .lines-button .lines:before{
        top: 10px;
    }

    body:not(.open-overlay-menu) .overlay.overlay-menu {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        z-index: -1 !important;
    }

    body.open-overlay-menu .overlay.overlay-menu {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        z-index: 1000 !important;
    }

    #menu-circles .cssgrid-half-gutter .cssgrid-container{
        column-gap: 12px;
    }
    #menu-circles .t-overlay-text.single-block-padding{
        padding: 0;
    }
    .portfolio-body .vc_row.with-parallax,
    .start-image-with-pattern-bg .vc_row.row_start,
    footer .row-background .background-wrapper .background-inner,
    .row_landing-intro .background-wrapper .background-inner,
    .page-id-172545 .row-background .background-wrapper .background-inner,
    .projekte .row-background .background-wrapper .background-inner,
    .main-menu-container .row-background .background-inner,
    .single-portfolio .row_projektintro .row-background .background-inner,
    .solutions-single-header .row-background .background-inner{
        background-size: 400px !important;
    }
    .row_start .col-lg-8{

        display:table-cell;
        width:65%;
    }
    .row_start .col-lg-4{
        display:table-cell;
        width:35%;
    }
    .start_team .single-wrapper{
        max-width: 100% !important;
        padding-left: 36px;
    }
    .main-container .row-container.row_team .triple-top-padding{
        padding-top: 0;
    }
    .row_team .col-right .quad-block-padding{
        padding: 100px 65px 50px 36px;
    }
    .row_team .col-right{
        margin-top: -139px;
    }
    .row_team .col-right:before{

        width: 100%;
    }
    .row_team .start_team img{
        width: 78%;
         -webkit-mask-image: linear-gradient(
            to bottom,
            transparent 0%,
            transparent 10%,
            black 10%,
            black 90%,
            transparent 90%,
            transparent 100%
        );

        mask-image: linear-gradient(
            to bottom,
            transparent 0%,
            transparent 10%,
            black 10%,
            black 90%,
            transparent 90%,
            transparent 100%
        );
    }
    .main-container .row_projects .row .uncont:not(.overflow-hidden-mask){
        max-width: 95% !important;

    }

    footer .row-inner {
        display: block !important; /* nur hier Table deaktivieren */
    }

   footer .wpb_column {
        display: block !important;
        width: 100% !important;
    }

    footer .col-md-66,
    footer .col-md-33 {
        width: 66% !important;
        display: inline-block !important;
        vertical-align: top;
    }
    footer .col-md-33 {
        width: 33% !important;
    }
    footer .empty-space,
    footer .empty-space.empty-double{
        padding-top: 24px;
    }
     .main-container footer .row-inner > div:not([class*=col-md]){
        padding-top: 20px;
     }
     footer .h6{
        padding-bottom: 8px;
     }
     footer .btn-container{
        margin-top: 12px !important;
        margin-bottom: 18px !important;
    }
    footer .button_start{
        margin-left: 0 !important;
     }
     body .main-container footer .row-container .row-parent .margin-top-20{
        margin-top: 4px !important;
     }
     .footer-phone::before, .footer-whatsapp::before, .footer-email::before, .footer-location::before{
        width: 24px;
        height: 24px;
     }

     /* Unterseiten (zB Gastro) */

     .portfolio-body .vc_row.with-parallax .row-background,
     .start-image-with-pattern-bg .vc_row.row_start .row-background{
        margin-top: 100px;
     }
    body.start-image-with-pattern-bg .row_start .uncont > .vc_custom_heading_wrap:last-of-type {
        padding-bottom: 0 !important;
    }
    body.start-image-with-pattern-bg .row_start .uncont > .vc_custom_heading_wrap{
        padding-left: 24px !important;   
    }

    .row_box-without-full-width{
        margin-top: -245px;
    }
    .row_box-without-full-width::before {
        width: 90%;
    }
    .row_box-without-full-width .uncont > .vc_row {
        max-width: 90%;
        margin-top: 12px !important;
    }
    .row_box-without-full-width .btn-container{
        right: 18px;
        bottom: -61px;
    }
    .row_box-without-full-width .double-top-padding{
        padding-bottom: 36px !important;
        padding-top: 36px !important;
    }
    .row_box-without-full-width .icon-media{
        width: 60px !important;
    }
    .icon-box .icon-box-content h5,
    .icon-gallery h5{
        margin-top: 20px;
    }
    .panel-body {
        padding: 20px 0;
    }
    .row_faq .panel:not(.has-padding) .panel-title > a {
        padding: 20px 0px 16px;
    }

     /* Mobile Menu */

    .menu-wrapper {
        z-index: 999999;
    }

     .menu-overlay .vmenu-container,
     .menu-overlay .overlay-menu{
        top: 0 !important;
        height: 100%;
     }
     .menu-overlay .vmenu-container .main-menu-container,
     .main-menu-container .row-background{
        height: 100vh !important;
     }
    body.menu-mobile-default.opening-overlay-menu #masthead > .menu-container {
        box-shadow: none;
    }
    .row_fullscreen-navigation-bottom p a {
        font-weight: 300 !important;
        letter-spacing: 0 !important;
    }
    .overlay-menu .main-container .row-container .triple-bottom-padding{
        padding-bottom: 0;
    }
    .overlay-menu .cssgrid-single-gutter .cssgrid-container{
        column-gap: 16px;
        row-gap: 16px;
    }
    .overlay-menu .cssgrid-container{
        max-width: 400px !important;
        margin: 0 0 0 auto;
    }

    /* Projekte (Archiv) */

    .projekte .row_start h1 {
        top: auto;
        transform: translate(-50%, -00%);
        bottom: 20%;
        width: 100%;
        padding: 0 36px;
        text-align: center;
    }
        .projekte .row_start .t-entry-visual {
        height: calc(100vh - 120px) !important;
    }
    .row_start .tmb-overlay-text-mobile-justify.tmb .t-entry-visual .t-overlay-content{
        text-align: left;
    }
    .projekte .row_start .row-header > .row-inner{
        padding-top: 0;
    }


    /* Projekte Single */
    .project-meta{
        margin-left: 0;
    }
    .single-portfolio .row_portfolio-carousel .owl-stage-outer{
        margin-left: -14px;
    }
    .single-portfolio .row_portfolio-carousel .owl-stage{
        padding-left: 0;
        padding-right: 0;
    }
    .single-portfolio .main-container .row-container.row_portfolio-carousel .single-h-padding{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .single-portfolio .row_portfolio-carousel .single-gutter > div > .tmb,
    .single-portfolio .row_portfolio-carousel .single-gutter > .owl-carousel .tmb{
        padding-right: 8px !important;
    }
    .single-portfolio .owl-carousel .owl-prev{
        left: 28px;
    }

    .single-portfolio.owl-carousel-container.single-gutter .owl-next {
      right: 40px !important;
    }
    .uncode-owl-nav .uncode-owl-nav-in .uncode-owl-nav-safe{
        padding: 0 53px;
    }
    .single-portfolio .row_text > .row{
        padding-top: 36px;
        padding-bottom: 0;
    }

    .single-portfolio .uncode-owl-nav .uncode-owl-nav-in .uncode-owl-nav-safe{
        padding: 0 4.5% !important;
    }


    /* Kontakt - Contact */

    .main-container .row-container.page_contact .double-top-padding{
        padding-top: 36px;
    }
    .page_contact .contact-text .uncont {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 40px !important;
    }
    .page_contact .vc_custom_heading_wrap {
        flex: 0 0 100%;
    }

    .page_contact .contact-introtext,
    .page_contact .kontakt-moritz.icon-box {
        margin-top:12px !important;
        flex: 0 0 50%;
        max-width: 50%;
        box-sizing: border-box;
    }
    .page_contact h1.h2{
        max-width:100%;
        max-width: 10ch;
    }
    .page_contact .icon-box-icon,
    .page_contact .icon-box-icon img{
        width: 125px !important;
        height: 125px !important;
        flex: 0 0 125px;
    }
    /* Lösungen Archiv */ 

    .uncode-owl-nav .uncode-owl-nav-in .uncode-owl-nav-safe{
        padding: 0;
    }
    .row_box-without-full-width .uncode-owl-nav.pos-abs.pos-abs-top {
        transform: translate(0, -100%) !important;
        right: 0;
        left: auto;
        bottom: auto;
        top: 26px;
    }
    /* Lösungen Single */

    .post-template-default .newspic .uncode-single-media .uncode-single-media-wrapper{
        max-width: 85%;
        margin-left: 15%;
    }

    .post-template-default .newsintro .uncell{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

}

@media (max-width: 660px) {
    .overlay-menu .cssgrid-container{

        max-width: 290px !important;

    }

    .row_box-without-full-width::before {
        width: 98%;
    }
    .row_box-without-full-width .uncont > .vc_row {
        max-width: 98%;
        margin-top: 12px !important;
    }
    .panel-body .col-md-50 {
        width: 100%;
        padding-top: 14px !important;
    }
    #gallery-683198{
        max-width: 80%;
        margin: 0 auto;
    }
    .uncode-owl-nav .uncode-owl-nav-in .uncode-owl-nav-safe{
        padding: 0 33px;
    }

    /* Kontakt - Contact */

    .page_contact .contact-introtext,
    .page_contact .kontakt-moritz.icon-box {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .page_contact .text-lead p{
        max-width: 100%;
    }
    .page_contact .icon-box-right:not(.icon-box-space-reduced) .icon-box-content{
        padding-right: 0;
    }

    /* Lösungen Single */

    .post-template-default .newsintro{
        width: 100%; 
    }
    .post-template-default .newspic{
        width: 80%;
        margin: 0 auto;
    }

/*

    .post-template-default .main-container.row-container .row-parent .uncont > *: first-child:not(-.divider-wrapper):not(.edit-account)>*:first-child:not(.isotope.
wrapper):not(.justified-wrapper):not(.index-wrapper):not(.edit-account) > *:first-child > *:first-child:not([class*=shift_y_])

*/
    .post-template-default .main-container .solutions-single-header .unequal.row .cols-md-responsive > div[class*=col-md-]:not(.col-md-clear){
        display: block !important;
    }
    .post-template-default .newspic{
        display: inline-table;
    }
    .post-template-default .newspic .uncode-single-media .uncode-single-media-wrapper{
        max-width: 100%;
        margin-left: 0%;
    }

}


@media (max-width: 595px) {

    h1:not([class*="fontsize-"]), .h1:not([class*="fontsize-"]){
        font-size: 60px;
    }

    .single-post h1:not([class*="fontsize-"]), .single-post .h1:not([class*="fontsize-"]){
        font-size: 54px;
    }

    .page_contact h1.h2{
        font-size:36px;
    }
    h2:not([class*="fontsize-"]), .h2:not([class*="fontsize-"]),
     .tmb-content-overlay .h2.title-scale{
        font-size: 40px;
    }
    h3:not([class*="fontsize-"]), .h3:not([class*="fontsize-"]),
    .tmb-content-overlay .h3.title-scale{
        font-size: 32px ;
        line-height: 1.2 ;
    }
    h5:not([class*="fontsize-"]), .h5:not([class*="fontsize-"]), .text-lead, .text-lead > *, .nav-tabs .tab-excerpt.text-lead, footer ul li, .portfolio_categories .wpb_wrapper, .portfolio_categories a, .portfolio_categories span,
    .icon-box .icon-box-content h5,.icon-gallery h5,  .page_contact .text-lead p, 
    .post-template-default .post-body p, .post-template-default .post-body li, .post-template-default .post-body dt, .post-template-default .post-body dd, .post-template-default .post-body dl{
        font-size: 18px;
    }
    h5, .h5{
        line-height: 1.15;
    }
    body, p, li, dt, dd, dl, address, label, pre, code, .nav-tabs .tab-excerpt, .block-wrapper-parent, .portfolio_categories .wpb_wrapper, .portfolio_categories a, .portfolio_categories span, .row_team p, .project-meta dd, p.reference_position, div.reference_position p, .row_faq .uncode_text_column p, .form-field label{
        font-size: 16px;
        font-weight: 400;
    }

    .row_start .col-lg-8{

        display:block;
        width:100%;
    }
    .row_start .col-lg-4{
        display:block;
        width:100%;
    }

    .row_solutions h3:not([class*="fontsize-"]),
    .row_solutions .h3:not([class*="fontsize-"])
        {
        font-size: 30px;
        font-weight: 400 !important;
    }
    .row_projects h2:not([class*="fontsize-"]),
    .row_projects .h2:not([class*="fontsize-"]){
        font-size: 32px;
        font-weight: 400 !important;
    }
    .projekte .row_projects h2:not([class*="fontsize-"]),
    .projekte .row_projects .h2:not([class*="fontsize-"]){
        font-size: 20px;
        font-weight: 300 !important;
    }

    .row_projects .single-block-padding{
        padding: 20px 16px 7px 16px !important;
    }
    .row_projects .t-overlay-wrap i{
        right: 20px;
        bottom: 20px;
    }
    .row_projects .t-entry-meta .t-entry-category span,
    .row_projects .cat-comma::before{
        font-size: 14px !important;
        opacity: 0.8;
    }
    .home .row_start .row-background .background-wrapper .background-inner,
    .single-portfolio .row_start .row-background .background-wrapper .background-inner,
    .start-image-with-pattern-bg .row_start .row-background .background-wrapper .background-inner
    {
        background-size: auto 64vh !important;
        background-position: top !important;
    }
    body.page_team.start-image-with-pattern-bg .row_start .row-background .background-wrapper .background-inner{
        background-position:  top 57% !important;
    }
    .row_start .row-header > .row-inner {
    height: 100%;
    padding-top: 62vh;
    box-sizing: border-box;
    }
    .row_start .row-header > .row-inner .uncoltable,
    .row_start .row-header > .row-inner .uncell,
    .row_start .row-header .uncell,
    .row_start .row-header .uncont {
        height: 100% !important;
    }

    .row_start .row-header > .row-inner .pos-bottom{
        vertical-align: middle;
    }
    body:not(.single-portfolio) .row_start .row-header > .row-inner .pos-bottom > .uncol > .uncoltable > .uncell {
        display: flex;
        align-items: center; 
        flex-direction: column;
        justify-content: center !important;
    }
    body.page_team:not(.single-portfolio) .row_start .row-header > .row-inner .pos-bottom > .uncol > .uncoltable > .uncell {
        align-items: normal !important;
    }
    .row_start h2.h5{
        text-align: center;
    }


    .row_start .row-header .uncell {
        justify-content: unset !important;
    }

    .row_start .row-header .row_heading,
    .row_start .row-header .row_start-bottom {
        flex: unset !important;
        margin: 0 !important;
    }

    .row_start .row-header .row_heading{
        margin-bottom: 8px !important;
    }

    /*
    .row_start .row-header .uncell {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    */
    .row_start .row-header .uncol,
    .row_start .row-header .uncoltable,
    .row_start .row-header .uncell {
        height: 100%;
    }

    .row_team .col-right .quad-block-padding {
        padding: 100px 36px 50px 36px;
    }

    .overlay-menu .cssgrid-container{
        margin: 0 auto;
    }
    .column_main-navigation ul.menu li a span{
        margin: 0 auto;
        line-height: 1.3;
    }
    .row_start .uncode-multi-bgs,
    .row_start .row-background{
        background-image: url("https://www.id-werkstatt.at/wp-content/uploads/2026/04/cropped.webp");
        background-size: 400px;
        background-repeat: repeat;
        background-position: center bottom;
    }
    .row_start-bottom{
        margin-top: 8px !important;
    }
    .start_intro{
        margin-bottom: 12px;
        opacity: 0.5;
    }
    .cta_buttons .uncont{
        display: flex;
        justify-content: space-between;
        gap: 10px;
        width: 100%;
        flex-direction: row-reverse;
    }
    .cta_buttons .btn-container{
        flex: 1;
        margin: 0 !important;
        display: flex;
    }
    .cta_buttons .btn-container .btn{
        flex:1;
        width:100%;
        justify-content:left;
        display:flex;
        align-items:center;
        margin:0 !important;
        column-gap: 0;
        transform: scale(1) !important;
    }
    .row_start h1 span:before,
    .home .row_start::after, .page-id-50 .row_start::after,
    .start-image-with-pattern-bg .main-wrapper .row_start h6 span:before,
    .row_start .block-bg-overlay,
    .row_start .t-entry-visual h1:before,
    .row_start .tmb .t-entry-visual .t-entry-visual-overlay{
        display: none !important;
    }
    .row_start .tmb-overlay-gradient-bottom .style-color-nhtu-bg:not(.tmb-term-evidence){
        background-image: none !important;
        background: transparent  !important;
    }
    .btn:not(.btn-custom-typo):not(.btn-inherit):not(.uncode-nav-container){
        /* border-width: 1.5px; */
    }

    .btn:not(.btn-custom-typo):not(.btn-link){
        border-width: 1.5px;
    }
    .page-id-172541 #page-header .btn,
    .button_phone,
    .button_start{
        border-width: 1.5px !important
    }
    .button_phone::before, .button_start::before{
        margin-right: 12px;
    }

    .cta_buttons .button_phone.btn:not(.btn-custom-typo):not(.btn-inherit):not(.uncode-nav-container){
        font-size: 0px !important;
    }
    .cta_buttons .button_phone::after{
        content: "Jetzt anrufen";
        font-size: 14px !important;
    }
    .row_start .button_phone, .row_start .button_start,  .button_start{
        width: auto;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .row_team .start_team img{
        width: 100%;
    }
    .owl-item .t-entry-excerpt p{
        font-size: 13px !important;
        line-height: 1.2 !important;
        padding: 10px 10px 8px !important;
    }
    .half-gutter > div > .tmb, .half-gutter > .owl-carousel .tmb{
            padding-right: 6px;
    }

     .portfolio-body .vc_row.with-parallax .row-background,
     .start-image-with-pattern-bg .vc_row.row_start .row-background{
        margin-top: 0;
     }
     .start-image-with-pattern-bg .vc_row.row_start .double-bottom-padding{
        padding: 0;
     }
     .start-image-with-pattern-bg .row_start .pos-bottom > .uncol > .uncoltable > .uncell > .uncont{
        padding-top: 0 !important;
     }
     .main-container .row-container .row-parent .column_child.single-internal-gutter .uncont > *:not(.uncode-owl-nav-wrap):not(:first-child):not(.pin-spacer):not([data-sticky]), .block-wrapper-parent .row-container .row-parent .column_child.single-internal-gutter .uncont > *:not(.uncode-owl-nav-wrap):not(:first-child):not(.pin-spacer):not([data-sticky]), .has-unblock .row-container .row-parent .column_child.single-internal-gutter .uncont > *:not(.uncode-owl-nav-wrap):not(:first-child):not(.pin-spacer):not([data-sticky]), .main-container .row-container .row-parent .column_child.single-internal-gutter .uncont > .uncode-owl-nav-wrap:not(:first-child) > *:not(.pin-spacer):not([data-sticky]), .block-wrapper-parent .row-container .row-parent .column_child.single-internal-gutter .uncont > .uncode-owl-nav-wrap:not(:first-child) > *:not(.pin-spacer):not([data-sticky]), .has-unblock .row-container .row-parent .column_child.single-internal-gutter .uncont > .uncode-owl-nav-wrap:not(:first-child) > *:not(.pin-spacer):not([data-sticky]){
        margin-top: 20px;
     }
    .row_landing-intro .empty-space{
        display: none;
     }
     .row_box-without-full-width{
        margin-top: 0;
        position: relative;
     }
     .row_box-without-full-width .btn-container{
        position: absolute;
        right: 0px;
        bottom: -62px;
        z-index: 1;
     }
     .row_big-image{
        max-height: 400px;
    }

    /* Projekte Archiv */
    
    .projekte .row_start div[class*=col-lg-].pos-center > .uncol > .uncoltable > .uncell > .uncont{
        padding-top:0 !important;
    }
    .projekte .row_start .t-entry-visual {
        height: 100vh !important;
    }
    .projekte .row_start .tmb .t-entry-visual img{
        width: auto;
        height: 64vh !important;
        position: relative;
        left: 50% !important;
        transform: translateX(-50%);
        right:  auto !important;
    }
    .projekte .row_start .text-lead {
        width: auto;
        left: auto;
        right: auto;
        position: relative;
        bottom: auto;
        top:  auto;
        margin-top: 0 !important;
    }
    .projekte .tmb .t-entry h1.t-entry-title{
        position: relative;
        bottom: 0;
    }
    .projekte .tmb .t-entry-visual .t-entry {
        height: 36%;
        display: flex;
        margin-top: 59vh;
        padding-top: 0;
        flex-direction: column;
        justify-content: center;
    }
    .projekte .tmb-light .t-overlay-inner .btn-default{
        position: relative;
        bottom: auto;
        right: auto;
    }
    .row_start .tmb-overlay-text-mobile-justify.tmb .t-entry-visual .t-overlay-content{
        text-align: center;
    }
    .projekte .grid-filters:not(.with-bg) {
        padding-top: 24px;
    }

    /* Projekte Single */

    .single-portfolio #page-header,
    .single-portfolio #page-header .header-wrapper,
    .single-portfolio #page-header .header-wrapper .row-header > .row-inner{
        height: auto !important;
    }
    .single-portfolio .row_start .row-header > .row-inner{
        padding-top: 65vh;
    }
    .single-portfolio .main-container .row-container .row-parent .column_child.single-internal-gutter .uncont .portfolio_categories {
        margin: 10px 0 5px !important;
    }

    .awards_badge {
        width: 80px;
    }
    .awards_badge_container{
        display: block !important;
        position: absolute;
        bottom: 180px;
    }
    .awards_badge_container:has(img):before {
        width: 150px;
        height: 203px;
        bottom: -29px;
        right: -34px;
    }
    .row_projektintro .triple-top-padding{
        padding-top: 0 !important;
    }
    .single-portfolio .row_start div[class*=col-lg-].pos-center > .uncol > .uncoltable > .uncell > .uncont{
        padding-top: 0 !important;
    }
    .single-portfolio .row_portfolio-carousel{
        margin-top: 36px;
        margin-bottom: 36px;
    }
    .single-portfolio #portfolio-carousel {
        transform: scale(1.7);
        padding-top: 13%;
        padding-bottom: 13%;
    }
    .uncode-owl-nav .uncode-owl-nav-in .uncode-owl-nav-safe {
        padding: 0;
        margin-left: -14px;
        margin-right: -14px;
    }
    .uncode-nav-container{
        /*margin-bottom: -5%;*/
    }
    .single-portfolio .uncode-owl-nav.pos-abs.pos-abs-bottom{
        bottom: -92px;
    }
    .reference_image{
        width: 220px;
    }
    .row_testimonial{
        padding-bottom: 48px !important;
        padding-bottom: 42px;
    }
    .row_further-projects{
        padding-top: 42px;
        padding-bottom: 42px;
    }

     /* Team */


    .row_team-members .tmb .t-entry-visual{
        max-width: 70%;
    }

     /* Contact */ 
    .page_contact .double-block-padding{
        padding: 20px 20px;
    }
    .page_contact .contact-text .uncont{
        margin-bottom: 0 !important;
    }
        .main-container .row-container.page_contact .double-top-padding {
        padding-top: 0;
    }
    /* Lösungen Archiv */

    .main-container .row-container.row_landing-intro .triple-top-padding{
        padding-top: 48px;
        padding-bottom: 48px;
    }
    .solutions .main-container .row-container.row_landing-intro .triple-top-padding{
        padding-top: 0;
        padding-left: 24px;
        padding-bottom: 48px;
    }




}

/* Nur Smartphone... leicht andere Positionierung der Header-Headlines */

@media (max-width: 400px) and (-webkit-min-device-pixel-ratio: 0) {

   .home .row_start .row-background .background-wrapper .background-inner,
   .start-image-with-pattern-bg  .row_start .row-background .background-wrapper .background-inner{
        background-size: auto 60% !important;
    }
    .row_start .row-header > .row-inner{
        padding-top: 61vh;
    }
    
}
@media (max-width: 569px) {
    #main-logo .navbar-brand img {
        height: 100px;
    }
        .menu-container .logo-container {
        padding: 0 20px 0 20px !important;
    }

    .single-block-padding,
    .main-container .row-container .row-parent, .block-wrapper-parent .row-container .row-parent, .has-unblock .row-container .row-parent{
        padding: 20px 20px 20px 20px;
    }
    .row_solutions{
        margin-left: 0;
    }
    .main-container .cols-sm-responsive, .block-wrapper-parent .cols-sm-responsive, .has-unblock .cols-sm-responsive{
        margin-left: 0;
    }
    .main-container .cols-sm-responsive > div[class*=col-sm], .block-wrapper-parent .cols-sm-responsive > div[class*=col-sm], .has-unblock .cols-sm-responsive > div[class*=col-sm],
    .start_team .single-wrapper{
        padding-left: 10px;
        padding-right: 10px;
    }
    .tmb .t-entry-visual .t-overlay-icon.t-icon-size-lg{
        font-size: 20px;
    }
    .row_solutions .col-sm-75{
        width: 85%;
    }
    .main-container .row-container.row_solutions .row-parent,
    .main-container .row-container.row_projects .row-parent{
        padding: 48px 20px;

    }
    .main-container .row-container .row-parent .column_child.single-internal-gutter .uncont > *:not(.uncode-owl-nav-wrap):not(:first-child):not(.pin-spacer):not([data-sticky]), .block-wrapper-parent .row-container .row-parent .column_child.single-internal-gutter .uncont > *:not(.uncode-owl-nav-wrap):not(:first-child):not(.pin-spacer):not([data-sticky]), .has-unblock .row-container .row-parent .column_child.single-internal-gutter .uncont > *:not(.uncode-owl-nav-wrap):not(:first-child):not(.pin-spacer):not([data-sticky]), .main-container .row-container .row-parent .column_child.single-internal-gutter .uncont > .uncode-owl-nav-wrap:not(:first-child) > *:not(.pin-spacer):not([data-sticky]), .block-wrapper-parent .row-container .row-parent .column_child.single-internal-gutter .uncont > .uncode-owl-nav-wrap:not(:first-child) > *:not(.pin-spacer):not([data-sticky]), .has-unblock .row-container .row-parent .column_child.single-internal-gutter .uncont > .uncode-owl-nav-wrap:not(:first-child) > *:not(.pin-spacer):not([data-sticky]),
    .main-container .row-container .row-parent .single-internal-gutter .uncont > *:not(.uncode-owl-nav-wrap):not(.pin-spacer):not([data-sticky]), .block-wrapper-parent .row-container .row-parent .single-internal-gutter .uncont > *:not(.uncode-owl-nav-wrap):not(.pin-spacer):not([data-sticky]), .has-unblock .row-container .row-parent .single-internal-gutter .uncont > *:not(.uncode-owl-nav-wrap):not(.pin-spacer):not([data-sticky]), .main-container .row-container .row-parent .row-parent .single-internal-gutter .uncont > *:not(.uncode-owl-nav-wrap):not(.pin-spacer):not([data-sticky]), .block-wrapper-parent .row-container .row-parent .row-parent .single-internal-gutter .uncont > *:not(.uncode-owl-nav-wrap):not(.pin-spacer):not([data-sticky]), .has-unblock .row-container .row-parent .row-parent .single-internal-gutter .uncont > *:not(.uncode-owl-nav-wrap):not(.pin-spacer):not([data-sticky]), .main-container .row-container .row-parent .single-internal-gutter .uncont > .uncode-owl-nav-wrap > *:not(.pin-spacer):not([data-sticky]), .block-wrapper-parent .row-container .row-parent .single-internal-gutter .uncont > .uncode-owl-nav-wrap > *:not(.pin-spacer):not([data-sticky]), .has-unblock .row-container .row-parent .single-internal-gutter .uncont > .uncode-owl-nav-wrap > *:not(.pin-spacer):not([data-sticky]), .main-container .row-container .row-parent .row-parent .single-internal-gutter .uncont > .uncode-owl-nav-wrap > *:not(.pin-spacer):not([data-sticky]), .block-wrapper-parent .row-container .row-parent .row-parent .single-internal-gutter .uncont > .uncode-owl-nav-wrap > *:not(.pin-spacer):not([data-sticky]), .has-unblock .row-container .row-parent .row-parent .single-internal-gutter .uncont > .uncode-owl-nav-wrap > *:not(.pin-spacer):not([data-sticky]),
    .main-container .row-container .row-parent .column_child.single-internal-gutter .uncont > *:not(.uncode-owl-nav-wrap):not(:first-child):not(.pin-spacer):not([data-sticky]), .block-wrapper-parent .row-container .row-parent .column_child.single-internal-gutter .uncont > *:not(.uncode-owl-nav-wrap):not(:first-child):not(.pin-spacer):not([data-sticky]), .has-unblock .row-container .row-parent .column_child.single-internal-gutter .uncont > *:not(.uncode-owl-nav-wrap):not(:first-child):not(.pin-spacer):not([data-sticky]), .main-container .row-container .row-parent .column_child.single-internal-gutter .uncont > .uncode-owl-nav-wrap:not(:first-child) > *:not(.pin-spacer):not([data-sticky]), .block-wrapper-parent .row-container .row-parent .column_child.single-internal-gutter .uncont > .uncode-owl-nav-wrap:not(:first-child) > *:not(.pin-spacer):not([data-sticky]), .has-unblock .row-container .row-parent .column_child.single-internal-gutter .uncont > .uncode-owl-nav-wrap:not(:first-child) > *:not(.pin-spacer):not([data-sticky]), .main-container .row-container .row-parent .single-internal-gutter .uncont > *:not(.uncode-owl-nav-wrap):not(.pin-spacer):not([data-sticky]), .block-wrapper-parent .row-container .row-parent .single-internal-gutter .uncont > *:not(.uncode-owl-nav-wrap):not(.pin-spacer):not([data-sticky]), .has-unblock .row-container .row-parent .single-internal-gutter .uncont > *:not(.uncode-owl-nav-wrap):not(.pin-spacer):not([data-sticky]), .main-container .row-container .row-parent .row-parent .single-internal-gutter .uncont > *:not(.uncode-owl-nav-wrap):not(.pin-spacer):not([data-sticky]), .block-wrapper-parent .row-container .row-parent .row-parent .single-internal-gutter .uncont > *:not(.uncode-owl-nav-wrap):not(.pin-spacer):not([data-sticky]), .has-unblock .row-container .row-parent .row-parent .single-internal-gutter .uncont > *:not(.uncode-owl-nav-wrap):not(.pin-spacer):not([data-sticky]), .main-container .row-container .row-parent .single-internal-gutter .uncont > .uncode-owl-nav-wrap > *:not(.pin-spacer):not([data-sticky]), .block-wrapper-parent .row-container .row-parent .single-internal-gutter .uncont > .uncode-owl-nav-wrap > *:not(.pin-spacer):not([data-sticky]), .has-unblock .row-container .row-parent .single-internal-gutter .uncont > .uncode-owl-nav-wrap > *:not(.pin-spacer):not([data-sticky]), .main-container .row-container .row-parent .row-parent .single-internal-gutter .uncont > .uncode-owl-nav-wrap > *:not(.pin-spacer):not([data-sticky]), .block-wrapper-parent .row-container .row-parent .row-parent .single-internal-gutter .uncont > .uncode-owl-nav-wrap > *:not(.pin-spacer):not([data-sticky]), .has-unblock .row-container .row-parent .row-parent .single-internal-gutter .uncont > .uncode-owl-nav-wrap > *:not(.pin-spacer):not([data-sticky]){
        margin-top: 20px;
    
    }
    .main-container .row-inner > div:not(.vc_helper), .block-wrapper-parent .row-inner > div:not(.vc_helper), .has-unblock .row-inner > div:not(.vc_helper){
        padding:  20px 0 0 0;
    }
    .row_projects .col-sm-75{
        width: 100%;
    }
    .row_team .col-right .quad-block-padding {
        padding: 100px 20px 40px 20px;
    }

    .btn:not(input):not(.checkout-button):not(.btn-no-scale), .btn-link:not(input):not(.checkout-button):not(.btn-no-scale) {
        transform: scale(1);
    }
    .row_clients{
        padding: 24px 20px 36px;
    }
    .main-container footer .row-container > .row-parent{
        padding: 48px 20px;
    }
    .row_quickstart .empty-space{
        display: none;
    }

    #gallery-683198{
        padding: 20px 0 ;
    }
    footer .el-text > * > span:not(.heading-text-inner) {
        display: block;
    }

    .icon-box {
        display: flex;
        align-items: flex-start;
        column-gap: 24px;
    }

    .icon-box-icon {
        width: 44px;
        flex: 0 0 44px;
    }
    .row_box-without-full-width .icon-media{
        width: 44px !important;
    }
    .icon-box h5{
        margin-top: 0 !important;
    }
    .icon-box-content {
        flex: 1;
    }
    .row_box-without-full-width h6{
        padding-bottom: 0 !important;
    }

    .row_portfolio-last-pics .quer{
        margin-bottom: -12px;
    }
    .row_portfolio-last-pics .hoch .cssgrid-single-gutter .cssgrid-container{
            column-gap: 8px;
    }


    .single-portfolio .page-wrapper .empty-space.empty-double{
            display: none;
        }
        .main-container .row-container .row-parent .single-internal-gutter .uncont .copyright {
        margin-top: -8px !important;
    }
    .reference_image{
        margin-bottom: -20px;
    }
    p.reference_name{
        margin-top: 6px;
    }

    /* Kontakt */ 

    .page_contact .icon-box-icon,
    .page_contact .icon-box-icon img{
        width: 95px !important;
        height: 95px !important;
        flex: 0 0 95px;
    }

    /* Lösungen Single */

    .post-template-default .newspic{
        width: 80%;
        margin: 0 auto 48px;
    }
    .post-template-default .solutions-single-header .uncell.double-block-padding{
        padding-top:0 !important;
        padding-bottom: 24px !important;
    }
    .post-template-default .main-container .solutions-single-header .row.row-parent:not(.no-h-padding) .column_parent > .uncol > .uncoltable > .uncell > .uncont:not(.col-custom-width){
        padding-top: 70px !important;
    }
    .awards_badge_container{
        bottom: 150px;
    }
    .pagination .page-prev .btn span, .navigation .page-prev .btn span,
    .pagination .page-next .btn span, .navigation .page-next .btn span{
        display: inline;
    }
    .main-container .row-navigation .row-parent .post-navigation {
        padding-bottom: 0;
    }

    /* Lösungen Archiv */ 

    .row_box-without-full-width .uncode-owl-nav.pos-abs.pos-abs-top {
        top: 42px;
    }
    .btn:not(input):not(.checkout-button):not(.btn-no-scale):not(.btn-advanced), .btn-link:not(input):not(.checkout-button):not(.btn-no-scale):not(.btn-advanced){

        transform: scale(1);
    }

    .row_start .single-gutter:not(.owl-carousel-container):not(.uncode-post-table):not(.justified-wrapper):not(.post-titles-inner):not(.index-scroll-wrapper):not(.pin-wrap) .tmb > .t-inside{
        margin-top: 16px;
    }


}

@media (max-width: 480px) {

    .background-wrapper,
.background-inner,
.row-header {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

    h1:not([class*="fontsize-"]), .h1:not([class*="fontsize-"]),
    .single-post h1:not([class*="fontsize-"]), .single-post .h1:not([class*="fontsize-"]){
        font-size: 40px;
        line-height: 1;
    }

    h2:not([class*="fontsize-"]), .h2:not([class*="fontsize-"]),
     .tmb-content-overlay .h2.title-scale{
        font-size: 36px;
    }
    h3:not([class*="fontsize-"]), .h3:not([class*="fontsize-"]),
    .tmb-content-overlay .h3.title-scale{
        font-size: 27px;
        line-height: 1.2 ;
    }
    .font-size-menu-mobile, .menu-container:not(.grid-filters) ul.menu-smart a:not(.social-menu-link):not(.vc_control-btn):not(li.font-size-custom > *):not(.uncont .font-size-custom *){
        font-size: 34px !important;
    }
    h4:not([class*="fontsize-"]), .h4:not([class*="fontsize-"]),
    .row_faq .panel-title a, .row_faq .panel-title > a > span:after{
        font-size: 22px;
    }

    h4.reference_text, .reference_text h4 {
        text-indent: -4px;
    }
    .row_faq .uncode_text_column p strong{
        font-size: 19px;
    }
    h5:not([class*="fontsize-"]), .h5:not([class*="fontsize-"]),
    .text-lead, .text-lead > *, .nav-tabs .tab-excerpt.text-lead,
    footer ul li, .portfolio_categories .wpb_wrapper,
    .portfolio_categories a, .portfolio_categories span,
    .weitere-projekte p.entry-meta{
        font-size: 17px;
    }


    .page_contact .h5:not([class*="fontsize-"]),
    .weitere-projekte h5:not([class*="fontsize-"]),
    .weitere-projekte .h5:not([class*="fontsize-"]){
        font-size: 20px;
    }
    .page_contact ul li, .page_contact ul li a{
        font-size: 16px;
    }

    .post-template-default .post-body .text-small p{
        font-size: 14px;
    }
    .col-sm-75 {
        width: 90%;
    }

     .row_big-image{
        max-height: 300px;
    }


    footer .col-md-66,
    footer .col-md-33 {
        width: 100% !important;
        display: block !important;
        min-width: 0;
        flex: 0 0 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }
    footer .column_folgeuns ul li:not(:last-child)::after {
        content: "|";
        margin-left: 3px;
        margin-right: 0px;
        display: inline-block;
        font-weight: 400;
    }

    footer .column_folgeuns ul li{
        display: inline;
    }

    .awards_badge_container{
        bottom: 130px;
    }
    .single-portfolio .uncode-owl-nav.pos-abs.pos-abs-bottom {
        bottom: -80px;
    }
    .pagination .page-next i, .navigation .page-next i,
    .pagination .page-prev i, .navigation .page-prev i{
        margin-top: -7px;
    }
      body .post-navigation .btn-container a.btn.btn-link {
        display: flex;
        align-items: center; /* vertikal zentriert */
        gap: 0px; /* Abstand zwischen Icon und Text */
      }
      .pagination .page-prev i, .navigation .page-prev i{
        margin-right: 10px !important;
      }
      .pagination .page-next i, .navigation .page-next i{
        margin-left: 10px;
      }
      .navigation > li{
        vertical-align: middle;
      }

      /* Prev: links ausrichten */
      .post-navigation .page-prev .btn-container a {
        justify-content: flex-start;
        text-align: left;
      }

      /* Next: rechts ausrichten */
      .post-navigation .page-next .btn-container a {
        justify-content: flex-end;
        text-align: right;
      }

      /* optional: falls Icons "springen" */
      .post-navigation i {
        flex-shrink: 0;
        line-height: 1;
      }
}



@media (max-width: 360px) {


    #gallery-683198{
        max-width: 95%;
    }

    /* Kontakt */ 

    .page_contact .icon-box-icon,
    .page_contact .icon-box-icon img{
        width: 80px !important;
        height: 80px !important;
        flex: 0 0 80px;
    }
    .single-portfolio .uncode-owl-nav.pos-abs.pos-abs-bottom {
        bottom: -60px;
    }
}


/**
 * @license
 * MyFonts Webfont Build ID 3085958, 2015-09-04T03:59:19-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Nordikka-Bold by Latinotype
 * URL: http://www.myfonts.com/fonts/latinotype/nordikka/bold/
 * 
 * Webfont: Nordikka-Light by Latinotype
 * URL: http://www.myfonts.com/fonts/latinotype/nordikka/light/
 * 
 * Webfont: Nordikka by Latinotype
 * URL: http://www.myfonts.com/fonts/latinotype/nordikka/regular/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3085958
 * Licensed pageviews: 10,000
 * Webfonts copyright: Copyright (c) 2015 by Luciano Vergara. All rights reserved.
 * 
 * © 2015 MyFonts Inc
*/

@font-face {font-family: 'Nordikka'; font-style: normal; font-weight: 500; src: url('webfonts/2F1686_0_0.eot');src: url('webfonts/2F1686_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2F1686_0_0.woff2') format('woff2'),url('webfonts/2F1686_0_0.woff') format('woff'),url('webfonts/2F1686_0_0.ttf') format('truetype');}
@font-face {font-family: 'Nordikka'; font-style: normal; font-weight: 300; src: url('webfonts/2F1686_1_0.eot');src: url('webfonts/2F1686_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2F1686_1_0.woff2') format('woff2'),url('webfonts/2F1686_1_0.woff') format('woff'),url('webfonts/2F1686_1_0.ttf') format('truetype');}
@font-face {font-family: 'Nordikka'; font-style: normal; font-weight: 400; src: url('webfonts/2F1686_2_0.eot');src: url('webfonts/2F1686_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2F1686_2_0.woff2') format('woff2'),url('webfonts/2F1686_2_0.woff') format('woff'),url('webfonts/2F1686_2_0.ttf') format('truetype');}


/*

@font-face {font-family: 'Nordikka'; font-style: normal; font-weight: 500; font-display: swap; src: url('webfonts/2F1686_0_0.woff2') format('woff2'),url('webfonts/2F1686_0_0.woff') format('woff');}
@font-face {font-family: 'Nordikka'; font-style: normal; font-weight: 300; font-display: swap; src: url('webfonts/2F1686_1_0.woff2') format('woff2'),url('webfonts/2F1686_1_0.woff') format('woff');}
@font-face {font-family: 'Nordikka'; font-style: normal; font-weight: 400; font-display: swap; src: url('webfonts/2F1686_2_0.woff2') format('woff2'),url('webfonts/2F1686_2_0.woff') format('woff');}


*/
@font-face {
    font-family: 'Source Sans 3';
    src: url('webfonts/SourceSans3-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Source Sans 3';
    src: url('webfonts/SourceSans3-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900; 
    font-style: italic;
    font-display: swap;
}