#astroid-backtotop{background:rgba(0, 0, 0, 0.49);padding:10px;}#astroid-backtotop > i{font-size:20px;color:rgb(255, 255, 255);width:20px;height:20px;line-height:20px;text-align:center;}[data-bs-theme=dark] #astroid-backtotop{background:rgba(0, 0, 0, 0.49);}[data-bs-theme=dark] #astroid-backtotop > i{color:rgb(255, 255, 255);}.astroid-offcanvas {width: 300px;} .astroid-offcanvas .dropdown-menus {width: 300px !important;}.st-effect-2.astroid-offcanvas-open .astroid-content{-webkit-transform:translate3d(300px, 0, 0);transform:translate3d(300px, 0, 0);}.st-effect-2.astroid-offcanvas-open .st-effect-2.astroid-offcanvas{-webkit-transform:translate3d(0%, 0, 0);transform:translate3d(0%, 0, 0);}.astroid-offcanvas-opened .astroid-wrapper{background:rgb(173, 181, 189);}.st-effect-2.astroid-offcanvas{z-index:0 !important;}.st-effect-2.astroid-offcanvas-open .st-effect-2.astroid-offcanvas{visibility: visible; -webkit-transition:-webkit-transform 0.5s;transition:transform 0.5s;}.st-effect-2.astroid-offcanvas::after{display:none;}.offcanvasDirRight .st-effect-2.astroid-offcanvas-open .astroid-content{-webkit-transform:translate3d(-300px, 0, 0);transform:translate3d(-300px, 0, 0);}.mobilemenu-slide.astroid-mobilemenu{visibility:visible;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);}.mobilemenu-slide.astroid-mobilemenu-open .mobilemenu-slide.astroid-mobilemenu {visibility:visible;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}.mobilemenu-slide.astroid-mobilemenu::after{display:none;}.astroid-logo > .astroid-logo-sticky{max-height:60px;}#h-gmikzfjon{margin-top:10px;margin-bottom:-60px;padding-top:10px;padding-bottom:-60px}#h-gmikzfjon{margin-top:10px;margin-bottom:-60px;padding-top:10px;padding-bottom:-60px}#hs-5pd6p67va{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}#ta1us-dc6efyjl0{color:rgb(0, 0, 0);}[data-bs-theme=dark] #ta1us-dc6efyjl0{color:rgb(0, 0, 0);}#ta-im8m6rryc.astroid-element-overlay:before{background-color:rgba(0, 0, 0, 0.384);}[data-bs-theme=dark] #ta-im8m6rryc.astroid-element-overlay:before{background-color:rgba(0, 0, 0, 0.384);}#ta-im8m6rryc{background-image:url(https://www.allthefinest.de/images/pexels-quang-nguyen-vinh-2132051-small.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;color:rgb(255, 255, 255);margin-top:-43px}[data-bs-theme=dark] #ta-im8m6rryc{color:rgb(255, 255, 255);}#tb1s-5g832b0lx{color:rgb(0, 0, 0);}[data-bs-theme=dark] #tb1s-5g832b0lx{color:rgb(0, 0, 0);}#who-we-are{padding-top:5%;padding-bottom:5%}#tc-mb5m785ei{background-image:url(https://www.allthefinest.de/images/pexels-mareefe-672046-small.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:center center;padding-top:140px;padding-bottom:140px}#brands{padding-top:5%}#te1-ml0atknpa{padding:20px 20px 20px 20px}#te2-pcudl4uk6{padding:20px 20px 20px 20px}#te3-h9a1sclbc{padding:20px 20px 20px 20px}#te4-xmeu14ixp{padding:20px 20px 20px 20px}#te5-6j20p46rx{padding:20px 20px 20px 20px}#te6-bnv65c9df{padding:20px 20px 20px 20px}#tf1-ay2x4brie{padding:20px 20px 20px 20px}#tf2-1ncghvzbm{padding:20px 20px 20px 20px}#tf3-09mj04esm{padding:20px 20px 20px 20px}#tf4-gclerq4cm{padding:20px 20px 20px 20px}#te-pdh27ic8p{padding-top:1%;padding-bottom:5%}#our-products{background-color:rgb(255, 255, 255);padding-top:3%;padding-bottom:3%}[data-bs-theme=dark] #our-products{background-color:rgb(255, 255, 255);}#bc1-630d972a2321707952646{margin-right:15px;margin-left:15px}#a-6jjwog0ut{padding:20px 20px 20px 20px}#cfm-cz3ja02my{padding:20px 20px 20px 20px}#contact{padding-top:5%;padding-bottom:5%}.astroid-social-icons{font-size:30px;}.astroid-social-icons a{color:!important;}.astroid-social-icons a:hover{color:!important;}[data-bs-theme=dark] .astroid-social-icons a{color:!important;}[data-bs-theme=dark] .astroid-social-icons a:hover{color:!important;}#bf1-acnwvrwg3{padding:20px 20px 20px 20px}#bf2-xcg7axca6{padding:20px 20px 20px 20px}#bf3-va5sscf2e{padding:20px 20px 20px 20px}#bf-k4nd3rd6k{background-color:rgb(37, 37, 37);color:rgb(153, 153, 153);padding-top:3%;padding-bottom:3%}#bf-k4nd3rd6k a{color:rgb(204, 204, 204);}#bf-k4nd3rd6k a:hover{color:rgb(255, 255, 255);}[data-bs-theme=dark] #bf-k4nd3rd6k{background-color:rgb(37, 37, 37);color:rgb(153, 153, 153);}[data-bs-theme=dark] #bf-k4nd3rd6k a{color:rgb(204, 204, 204);}[data-bs-theme=dark] #bf-k4nd3rd6k a:hover{color:rgb(255, 255, 255);}#f1c-qe89el34j{padding-top:4px;padding-bottom:4px}#f-oel6e1bpp{background-color:rgb(17, 17, 17);color:rgb(255, 255, 255);padding-top:10px;padding-bottom:10px}#f-oel6e1bpp a{color:rgb(255, 255, 255);}[data-bs-theme=dark] #f-oel6e1bpp{background-color:rgb(17, 17, 17);color:rgb(255, 255, 255);}[data-bs-theme=dark] #f-oel6e1bpp a{color:rgb(255, 255, 255);}body, .body{font-weight:300;text-transform:none;font-size:15px;line-height:1.7em;font-family:Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif;}h1, .h1{font-weight:100;text-transform:uppercase;font-size:6em;letter-spacing:0.1em;line-height:1.4em;font-family:Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif;}h2, .h2{font-weight:300;text-transform:uppercase;font-size:2.5em;line-height:1.4em;font-family:Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif;}h3, .h3{font-weight:300;text-transform:none;font-size:1.6em;line-height:1.4em;font-family:Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif;}h4, .h4{color:rgb(0, 0, 0);font-weight:300;text-transform:none;font-size:20px;line-height:1.2em;font-family:Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif;}[data-bs-theme=dark] h4, .h4{color:rgb(0, 0, 0);}h5, .h5{font-weight:400;text-transform:none;font-size:20px;line-height:1.6em;font-family:Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif;}.astroid-nav > li > .as-menu-item, .astroid-sidebar-menu > li > .as-menu-item, .astroid-mobile-menu > .nav-item > .as-menu-item{font-weight:400;text-transform:uppercase;font-size:1em;line-height:1.6em;font-family:Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif;}.nav-submenu-container .nav-submenu > li, .jddrop-content .megamenu-item .megamenu-menu li, .nav-submenu, .astroid-mobile-menu .nav-child .menu-go-back, .astroid-mobile-menu .nav-child .nav-item-submenu > .as-menu-item{font-weight:400;text-transform:none;font-size:15px;line-height:1.6em;font-family:Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif;}.container, .container-sm, .container-md, .container-lg, .container-xl, .astroid-layout.astroid-layout-boxed .astroid-wrapper {max-width: 1200px;}html{background-color:rgb(255, 255, 255);}[data-bs-theme=dark]{background-color:rgb(255, 255, 255);}body{--bs-body-bg:rgb(255, 255, 255);--bs-body-color:rgb(0, 0, 0);}body a{color:var(--as-link-color);--as-link-color:rgb(51, 51, 51);}body a:hover{color:var(--as-link-hover-color);--as-link-hover-color:rgb(197, 164, 126);}[data-bs-theme=dark] body{--bs-body-bg:rgb(255, 255, 255);--bs-body-color:rgb(0, 0, 0);}[data-bs-theme=dark] body a{--as-link-color:rgb(51, 51, 51);}[data-bs-theme=dark] body a:hover{--as-link-hover-color:rgb(197, 164, 126);}header{color:rgb(255, 255, 255);}[data-bs-theme=dark] header{color:rgb(255, 255, 255);}.astroid-header-section, .astroid-sidebar-header{background-color:rgba(0, 0, 0, 0);}[data-bs-theme=dark] .astroid-header-section, [data-bs-theme=dark] .astroid-sidebar-header{background-color:rgba(0, 0, 0, 0);}#astroid-sticky-header{background-color:rgb(255, 255, 255);}#astroid-sticky-header .astroid-nav .nav-link{color:rgb(0, 0, 0);}#astroid-sticky-header .astroid-nav .nav-link:hover{color:rgb(119, 119, 119);}#astroid-sticky-header .astroid-nav .nav-link:active, #astroid-sticky-header .astroid-nav .nav-link.active{color:rgb(0, 0, 0);}[data-bs-theme=dark] #astroid-sticky-header{background-color:rgb(255, 255, 255);}[data-bs-theme=dark] #astroid-sticky-header .astroid-nav .nav-link{color:rgb(0, 0, 0);}[data-bs-theme=dark] #astroid-sticky-header .astroid-nav .nav-link:hover{color:rgb(119, 119, 119);}[data-bs-theme=dark] #astroid-sticky-header .astroid-nav .nav-link:active, [data-bs-theme=dark] #astroid-sticky-header .astroid-nav .nav-link.active{color:rgb(0, 0, 0);}.astroid-nav .nav-link, .astroid-sidebar-menu .nav-link{color:rgb(255, 255, 255);}.astroid-nav .nav-link:hover, .astroid-sidebar-menu .nav-link:hover{color:rgba(242, 242, 242, 0.633);}.astroid-nav .nav-link:focus, .astroid-sidebar-menu .nav-link:focus{color:rgba(242, 242, 242, 0.633);}.astroid-nav .nav-link:active, .astroid-nav .nav-link.active, .astroid-sidebar-menu .nav-link:active, .astroid-sidebar-menu .nav-link.active{color:rgba(242, 242, 242, 0.633);}[data-bs-theme=dark] .astroid-nav .nav-link, [data-bs-theme=dark] .astroid-sidebar-menu .nav-link{color:rgb(255, 255, 255);}[data-bs-theme=dark] .astroid-nav .nav-link:hover, [data-bs-theme=dark] .astroid-sidebar-menu .nav-link:hover{color:rgba(242, 242, 242, 0.633);}[data-bs-theme=dark] .astroid-nav .nav-link:focus, [data-bs-theme=dark] .astroid-sidebar-menu .nav-link:focus{color:rgba(242, 242, 242, 0.633);}[data-bs-theme=dark] .astroid-nav .nav-link:active, [data-bs-theme=dark] .astroid-nav .nav-link.active, [data-bs-theme=dark] .astroid-sidebar-menu .nav-link:active, [data-bs-theme=dark] .astroid-sidebar-menu .nav-link.active{color:rgba(242, 242, 242, 0.633);}.megamenu-container{background-color:rgb(0, 0, 0);}.megamenu-container .nav-submenu .nav-submenu{background-color:rgb(0, 0, 0);}.has-megamenu.open .arrow{border-bottom-color:rgb(0, 0, 0);}.megamenu-container li.nav-item-submenu > a{color:rgb(255, 255, 255);}.megamenu-container li.nav-item-submenu > a:hover{color:rgb(255, 255, 255);background-color:rgb(65, 59, 61);}.megamenu-container li.nav-item-submenu > a:active, .megamenu-container li.nav-item-submenu > a.active{color:rgb(255, 255, 255);background-color:rgb(242, 242, 242);}[data-bs-theme=dark] .megamenu-container{background-color:rgb(0, 0, 0);}[data-bs-theme=dark] .megamenu-container .nav-submenu .nav-submenu{background-color:rgb(0, 0, 0);}[data-bs-theme=dark] .has-megamenu.open .arrow{border-bottom-color:rgb(0, 0, 0);}[data-bs-theme=dark] .megamenu-container li.nav-item-submenu > a{color:rgb(255, 255, 255);}[data-bs-theme=dark] .megamenu-container li.nav-item-submenu > a:hover{color:rgb(255, 255, 255);background-color:rgb(65, 59, 61);}[data-bs-theme=dark] .megamenu-container li.nav-item-submenu > a:active, [data-bs-theme=dark] .megamenu-container li.nav-item-submenu > a.active{color:rgb(255, 255, 255);background-color:rgb(242, 242, 242);}.astroid-offcanvas{color:rgb(0, 0, 0) !important;background-color:rgb(255, 255, 255) !important;}.astroid-offcanvas .burger-menu-button, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus{background-color:rgb(255, 255, 255) !important;}.astroid-offcanvas .menu-indicator{color:rgb(0, 0, 0) !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a{color:rgb(0, 0, 0) !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a:hover{background-color: !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > a, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > .nav-header, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a + .menu-indicator{color:rgb(197, 164, 126) !important;}.astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active, .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active{background-color:rgb(44, 44, 44) !important;}.astroid-offcanvas .burger-menu-button .inner, .astroid-offcanvas .burger-menu-button .inner::before, .astroid-offcanvas .burger-menu-button .inner::after{background-color:rgb(71, 70, 70);}[data-bs-theme=dark] .astroid-offcanvas{color:rgb(0, 0, 0) !important;background-color:rgb(255, 255, 255) !important;}[data-bs-theme=dark] .astroid-offcanvas .burger-menu-button, [data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus{background-color:rgb(255, 255, 255) !important;}[data-bs-theme=dark] .astroid-offcanvas .menu-indicator{color:rgb(0, 0, 0) !important;}[data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a{color:rgb(0, 0, 0) !important;}[data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a:hover{background-color: !important;}[data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > a, [data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > .nav-header, [data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a, [data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a + .menu-indicator{color:rgb(197, 164, 126) !important;}[data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active, [data-bs-theme=dark] .astroid-offcanvas .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active{background-color:rgb(44, 44, 44) !important;}[data-bs-theme=dark] .astroid-offcanvas .burger-menu-button .inner, [data-bs-theme=dark] .astroid-offcanvas .burger-menu-button .inner::before, [data-bs-theme=dark] .astroid-offcanvas .burger-menu-button .inner::after{background-color:rgb(71, 70, 70);}.header-offcanvas-trigger.burger-menu-button .inner, .header-offcanvas-trigger.burger-menu-button .inner::before, .header-offcanvas-trigger.burger-menu-button .inner::after{background-color:rgb(0, 0, 0);}[data-bs-theme=dark] .header-offcanvas-trigger.burger-menu-button .inner, [data-bs-theme=dark] .header-offcanvas-trigger.burger-menu-button .inner::before, [data-bs-theme=dark] .header-offcanvas-trigger.burger-menu-button .inner::after{background-color:rgb(0, 0, 0);}.astroid-mobilemenu{background-color:rgb(255, 255, 255) !important;color:rgb(44, 44, 44) !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus{background-color:rgb(255, 255, 255) !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a{color:rgb(71, 71, 71) !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a:hover{background-color: !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > a, .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > .nav-header, .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a, .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a + .menu-indicator{color:rgb(197, 164, 126) !important;}.astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active, .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active{background-color:rgb(48, 48, 48) !important;}.astroid-mobilemenu .menu-indicator{color:rgb(71, 71, 71) !important;}[data-bs-theme=dark] .astroid-mobilemenu{background-color:rgb(255, 255, 255) !important;color:rgb(44, 44, 44) !important;}[data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .dropdown-menus{background-color:rgb(255, 255, 255) !important;}[data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a{color:rgb(71, 71, 71) !important;}[data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item a:hover{background-color: !important;}[data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > a, [data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active > .nav-header, [data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a, [data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active > a + .menu-indicator{color:rgb(197, 164, 126) !important;}[data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.active, [data-bs-theme=dark] .astroid-mobilemenu .astroid-mobilemenu-container .astroid-mobilemenu-inner .menu-item.nav-item-active{background-color:rgb(48, 48, 48) !important;}[data-bs-theme=dark] .astroid-mobilemenu .menu-indicator{color:rgb(71, 71, 71) !important;}.header-mobilemenu-trigger.burger-menu-button .inner, .header-mobilemenu-trigger.burger-menu-button .inner::before, .header-mobilemenu-trigger.burger-menu-button .inner::after{background-color:rgb(165, 164, 164);}[data-bs-theme=dark] .header-mobilemenu-trigger.burger-menu-button .inner, [data-bs-theme=dark] .header-mobilemenu-trigger.burger-menu-button .inner::before, [data-bs-theme=dark] .header-mobilemenu-trigger.burger-menu-button .inner::after{background-color:rgb(165, 164, 164);}.astroid-mobilemenu-open .burger-menu-button .inner, .astroid-mobilemenu-open .burger-menu-button .inner::before, .astroid-mobilemenu-open .burger-menu-button .inner::after{background-color:rgb(75, 73, 73);}[data-bs-theme=dark] .astroid-mobilemenu-open .burger-menu-button .inner, [data-bs-theme=dark] .astroid-mobilemenu-open .burger-menu-button .inner::before, [data-bs-theme=dark] .astroid-mobilemenu-open .burger-menu-button .inner::after{background-color:rgb(75, 73, 73);}.astroid-contact-info i[class*="fa-"]{color:rgb(253, 126, 20);}[data-bs-theme=dark] .astroid-contact-info i[class*="fa-"]{color:rgb(253, 126, 20);}.items-leading .article-title .page-header h2{font-size:32px;}.items-row .article-title .page-header h2{font-size:26px;}/* =========================================================
   allthefinest.de – Custom CSS (CLEAN + ROBUST)
   Joomla 4 + Astroid + UIkit + tp_barber
   ========================================================= */


/* ---------------------------------------------------------
   B) Badge Overlay (Bildhinweis)
   --------------------------------------------------------- */
.atf-img-badge-wrap {
  position: relative;
  display: block;
}

.atf-img-badge {
  position: absolute;
  right: 14px;
  bottom: 14px;
  font-size: 11px;
  line-height: 1;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.35);
  color: rgba(255, 255, 255, 0.92);
  letter-spacing: 0.02em;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  pointer-events: none;
}


/* ---------------------------------------------------------
   C) Local Fonts (self-hosted)
   --------------------------------------------------------- */
@font-face {
  font-family: "Varela";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/templates/tp_barber/fonts/varela/varela-v17-latin_latin-ext-regular.woff2") format("woff2");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/templates/tp_barber/fonts/roboto/roboto-v50-latin-regular.woff2") format("woff2");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/templates/tp_barber/fonts/roboto/roboto-v50-latin-700.woff2") format("woff2");
}

@font-face {
  font-family: "Quicksand";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/templates/tp_barber/fonts/quicksand/quicksand-v37-latin-300.woff2") format("woff2");
}

@font-face {
  font-family: "Quicksand";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/templates/tp_barber/fonts/quicksand/quicksand-v37-latin-regular.woff2") format("woff2");
}

@font-face {
  font-family: "Quicksand";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/templates/tp_barber/fonts/quicksand/quicksand-v37-latin-500.woff2") format("woff2");
}

@font-face {
  font-family: "Quicksand";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/templates/tp_barber/fonts/quicksand/quicksand-v37-latin-600.woff2") format("woff2");
}

@font-face {
  font-family: "Quicksand";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/templates/tp_barber/fonts/quicksand/quicksand-v37-latin-700.woff2") format("woff2");
}

@font-face {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url("/templates/tp_barber/fonts/worksans/work-sans-v24-latin-100.woff2") format("woff2");
}

@font-face {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("/templates/tp_barber/fonts/worksans/work-sans-v24-latin-200.woff2") format("woff2");
}

@font-face {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/templates/tp_barber/fonts/worksans/work-sans-v24-latin-300.woff2") format("woff2");
}

@font-face {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/templates/tp_barber/fonts/worksans/work-sans-v24-latin-regular.woff2") format("woff2");
}

@font-face {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/templates/tp_barber/fonts/worksans/work-sans-v24-latin-500.woff2") format("woff2");
}

@font-face {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/templates/tp_barber/fonts/worksans/work-sans-v24-latin-600.woff2") format("woff2");
}

@font-face {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/templates/tp_barber/fonts/worksans/work-sans-v24-latin-700.woff2") format("woff2");
}

@font-face {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("/templates/tp_barber/fonts/worksans/work-sans-v24-latin-800.woff2") format("woff2");
}

@font-face {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("/templates/tp_barber/fonts/worksans/work-sans-v24-latin-900.woff2") format("woff2");
}

@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/templates/tp_barber/fonts/ubuntu/ubuntu-v21-latin-300.woff2") format("woff2");
}

@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url("/templates/tp_barber/fonts/ubuntu/ubuntu-v21-latin-300italic.woff2") format("woff2");
}

@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/templates/tp_barber/fonts/ubuntu/ubuntu-v21-latin-regular.woff2") format("woff2");
}

@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/templates/tp_barber/fonts/ubuntu/ubuntu-v21-latin-italic.woff2") format("woff2");
}

@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/templates/tp_barber/fonts/ubuntu/ubuntu-v21-latin-500.woff2") format("woff2");
}

@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/templates/tp_barber/fonts/ubuntu/ubuntu-v21-latin-500italic.woff2") format("woff2");
}

@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/templates/tp_barber/fonts/ubuntu/ubuntu-v21-latin-700.woff2") format("woff2");
}

@font-face {
  font-family: "Ubuntu";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("/templates/tp_barber/fonts/ubuntu/ubuntu-v21-latin-700italic.woff2") format("woff2");
}


/* ---------------------------------------------------------
   D) Font Anwendung
   --------------------------------------------------------- */
body {
  font-family: "Varela", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Work Sans", sans-serif;
}

.astroid-nav,
.astroid-nav a,
.nav,
.nav a {
  font-family: "Quicksand", sans-serif;
}

button,
.btn,
.astroid-btn,
input[type="submit"],
input[type="button"],
input[type="reset"] {
  font-family: "Varela", sans-serif;
}

small,
.meta,
.module-title,
.page-header,
.breadcrumb,
label {
  font-family: "Roboto", sans-serif;
}

h5 {
  font-weight: 300 !important;
}

h3.module-title {
  font-family: "Work Sans", sans-serif !important;
  font-weight: 300 !important;
}

label {
  font-family: "Work Sans", sans-serif !important;
  font-weight: 300 !important;
}


/* ---------------------------------------------------------
   E) Fokus + Skip Link (WCAG-friendly)
   --------------------------------------------------------- */
:where(a, button, input, select, textarea, [tabindex]:not([tabindex="-1"])):focus-visible {
  outline: 2px solid rgba(0, 0, 0, 0.85) !important;
  outline-offset: 3px !important;
  border-radius: 4px;
}

.skip-link {
  position: absolute;
  top: -60px;
  left: 10px;
  background: #000;
  color: #fff;
  padding: 10px 14px;
  z-index: 10000;
  text-decoration: none;
  border-radius: 4px;
}

.skip-link:focus {
  top: 10px;
}


/* ---------------------------------------------------------
   F) DotNav
   --------------------------------------------------------- */
.uk-dotnav>*>a {
  background: rgba(120, 120, 120, 0.55);
  border: 1px solid rgba(0, 0, 0, 0.25);
}

.uk-dotnav>.uk-active>a {
  background: rgba(0, 0, 0, 0.75);
  border-color: rgba(0, 0, 0, 0.75);
}

.uk-dotnav>*>a:focus-visible {
  outline: 2px solid rgba(0, 0, 0, 0.9) !important;
  outline-offset: 4px;
}


/* ---------------------------------------------------------
   H) Header/Nav – EINMAL sauber:
   - NON-sticky: transparent + leichter Schatten + weiß
   - Sticky (body.atf-is-sticky): hell + kein Schatten + schwarz
   Voraussetzung: dein JS setzt body.atf-is-sticky korrekt.
   --------------------------------------------------------- */

/* NON-sticky Basis */
.uk-navbar-container,
.astroid-navbar {
  background: rgba(0, 0, 0, 0.28) !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18) !important;
  /* leichter Schatten nur NON-sticky */
}

/* NON-sticky Menü-Text weiß */
.uk-navbar-container .nav-title,
.uk-navbar-container .nav-link,
.astroid-navbar .nav-title,
.astroid-navbar .nav-link {
  color: #fff !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.80) !important;
}

/* NON-sticky Burger weiß */
.uk-navbar-toggle,
.uk-navbar-toggle svg,
.uk-navbar-toggle svg * {
  color: #fff !important;
  fill: #fff !important;
  stroke: #fff !important;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.80)) !important;
}

/* Sticky Zustand – NUR wenn body.atf-is-sticky */
body.atf-is-sticky .uk-navbar-container,
body.atf-is-sticky .astroid-navbar {
  background: rgba(255, 255, 255, 0.96) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  /* Shadow nur sticky weg */
}

/* Sticky Menü-Text schwarz */
body.atf-is-sticky .uk-navbar-container .nav-title,
body.atf-is-sticky .uk-navbar-container .nav-link,
body.atf-is-sticky .astroid-navbar .nav-title,
body.atf-is-sticky .astroid-navbar .nav-link,
body.atf-is-sticky .uk-navbar-container .nav-title *,
body.atf-is-sticky .uk-navbar-container .nav-link *,
body.atf-is-sticky .astroid-navbar .nav-title *,
body.atf-is-sticky .astroid-navbar .nav-link * {
  color: #111 !important;
  text-shadow: none !important;
}

/* Sticky Burger schwarz */
body.atf-is-sticky .uk-navbar-toggle,
body.atf-is-sticky .uk-navbar-toggle svg,
body.atf-is-sticky .uk-navbar-toggle svg * {
  color: #111 !important;
  fill: #111 !important;
  stroke: #111 !important;
  filter: none !important;
}


/* ---------------------------------------------------------
   I) Buttons – Gold + weiße Schrift
   (ALT-Check Tool-Buttons explizit AUSNEHMEN)
   --------------------------------------------------------- */
:where(a.btn, .btn, .btn-primary, .btn-default, .astroid-btn,
  a.uk-button, button.uk-button, input.uk-button,
  button[type="submit"], input[type="submit"], input[type="button"], input[type="reset"]):not(#atf-alt-audit-toggle):not(#atf-alt-audit-panel button):not(#atf-pin-modal button) {
  background-color: #b48c57 !important;
  color: #ffffff !important;
  font-weight: 500;
  letter-spacing: 0.3px;
  border: none !important;
}

:where(a.btn:hover, .btn:hover, .btn-primary:hover, .btn-default:hover, .astroid-btn:hover,
  a.uk-button:hover, button.uk-button:hover, input.uk-button:hover,
  button[type="submit"]:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover):not(#atf-alt-audit-toggle):not(#atf-alt-audit-panel button):not(#atf-pin-modal button) {
  background-color: #a97f4b !important;
  color: #ffffff !important;
}

:where(a.btn:focus-visible, .btn:focus-visible, .btn-primary:focus-visible, .btn-default:focus-visible, .astroid-btn:focus-visible,
  a.uk-button:focus-visible, button.uk-button:focus-visible, input.uk-button:focus-visible,
  button[type="submit"]:focus-visible, input[type="submit"]:focus-visible, input[type="button"]:focus-visible, input[type="reset"]:focus-visible):not(#atf-alt-audit-toggle):not(#atf-alt-audit-panel button):not(#atf-pin-modal button) {
  outline: 3px solid #ffffff !important;
  outline-offset: 2px !important;
  color: #ffffff !important;
}


/* ---------------------------------------------------------
   J) ALT-Check Floating Button ausblenden
   (Tool bleibt per Hotkey Alt+Shift+A nutzbar)
   --------------------------------------------------------- */
#atf-alt-audit-toggle {
  display: none !important;
}


/* ---------------------------------------------------------
   K) Semantik-Replacements (von deinem Heading-Fix)
   --------------------------------------------------------- */
.atf-semantic-replaced {
  display: block;
}




/* ======================================================
   DJ Accessibility Pro – feste Position je Device
   (am Ende der Custom CSS platzieren!)
   ====================================================== */

:root {
  /* HIER ändern: gleiche Höhe wie Cookie-Button */
  --atf-dj-bottom-mobile: 38px;
  --atf-dj-right-mobile: 10px;

  --atf-dj-bottom-desktop: 35px;
  --atf-dj-right-desktop: 80px;
}

/* Mobile: rechts unten, stabil (kein Springen beim Scroll) */
@media (max-width: 767px) {

  section.djacc.djacc-container,
  section.djacc.djacc-container.djacc--sticky,
  .djacc.djacc-container {
    position: fixed !important;

    /* wichtig: DJ setzt teils top/transform -> wir killen das */
    top: auto !important;
    bottom: var(--atf-dj-bottom-mobile) !important;
    left: auto !important;
    right: var(--atf-dj-right-mobile) !important;
    transform: none !important;

    margin: 0 !important;
    z-index: 99999 !important;
  }
}

/* Desktop/Tablet: rechts unten */
@media (min-width: 768px) {

  section.djacc.djacc-container,
  section.djacc.djacc-container.djacc--sticky,
  .djacc.djacc-container {
    position: fixed !important;
    top: auto !important;
    bottom: var(--atf-dj-bottom-desktop) !important;
    left: auto !important;
    right: var(--atf-dj-right-desktop) !important;
    transform: none !important;

    margin: 0 !important;
    z-index: 99999 !important;
  }
}


/* =========================================================
   DJ Accessibility Pro – Desktop: KEIN Hover-Move / KEIN Jump
   (Container + Button + Pseudoelemente hard-overriden)
   ========================================================= */
@media (min-width: 768px) {

  /* Container: jegliche Hover-Animation/Transform killen */
  section.djacc.djacc-container,
  section.djacc.djacc-container:hover,
  section.djacc.djacc-container:focus-within,
  .djacc.djacc-container,
  .djacc.djacc-container:hover,
  .djacc.djacc-container:focus-within {
    transform: none !important;
    transition: none !important;
    animation: none !important;
    filter: none !important;
    will-change: auto !important;
  }

  /* Button: ebenfalls hart neutralisieren */
  section.djacc .djacc__openbtn,
  section.djacc .djacc__openbtn:hover,
  section.djacc .djacc__openbtn:focus,
  section.djacc .djacc__openbtn:focus-visible,
  .djacc .djacc__openbtn,
  .djacc .djacc__openbtn:hover,
  .djacc .djacc__openbtn:focus,
  .djacc .djacc__openbtn:focus-visible {
    transform: none !important;
    transition: none !important;
    animation: none !important;
    margin: 0 !important;
  }

  /* Falls der Effekt über Pseudoelemente kommt */
  section.djacc .djacc__openbtn::before,
  section.djacc .djacc__openbtn::after,
  .djacc .djacc__openbtn::before,
  .djacc .djacc__openbtn::after {
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }
}


/* =========================================================
   HERO: 10–20px mehr Höhe, damit "Who we are" nicht reinblitzt
   ========================================================= */

/* Slideshow / Hero etwas über 100vh ziehen */
.uk-slideshow,
.uk-slideshow-items,
.uk-slideshow-items>li {
  min-height: calc(100vh + 20px) !important;
  /* ggf. 15px/25px testen */
}

/* sicherstellen, dass das Bild die Mehrhöhe auch füllt */
.uk-slideshow-items>li>img {
  height: 100% !important;
  object-fit: cover !important;
}


/* =========================================
   Hero Mobile – Stempel + Text korrekt platzieren
   ========================================= */

@media (max-width: 767px) {

  /* TEXT-SLIDE (Eleganz erleben) */
  .uk-slideshow-items>li .jp-slide {
    transform: translate(-50%, -70%) !important;
  }

}

/* =========================================
   Hero Mobile – Stempel-Slide höher setzen
   ========================================= */

@media (max-width: 767px) {

  /* NUR erstes Slide (Stempel) */
  .uk-slideshow-items>li:first-child {
    transform: translateY(-10vh) !important;
  }

}@media (max-width: 991.98px) {#h-gmikzfjon{margin-bottom:-36px;padding-bottom:-36px}#h-gmikzfjon{margin-bottom:-36px;padding-bottom:-36px}#hs-5pd6p67va{margin-bottom:-30px}#ac-qoo1g81jv{margin-top:50px}#ac-qoo1g81jv{margin-top:50px}#tb1s-5g832b0lx{padding-top:20px;padding-bottom:20px}#who-we-are{padding-top:5px;padding-bottom:5px}#te1-ml0atknpa{padding-right:3%;padding-left:3%}#te4-xmeu14ixp{padding-right:3%;padding-left:3%}#tf1-ay2x4brie{padding-right:3%;padding-left:3%}#tf4-gclerq4cm{padding-right:3%;padding-left:3%}body, .body{font-size:14px;line-height:1.7em;}h1, .h1{font-size:3rem;line-height:1.3em;}h2, .h2{font-size:30px;line-height:1.3em;}h3, .h3{font-size:24px;line-height:1.3em;}h4, .h4{font-size:20px;line-height:1.2em;}h5, .h5{font-size:17px;line-height:1.6em;}.astroid-nav > li > .as-menu-item, .astroid-sidebar-menu > li > .as-menu-item, .astroid-mobile-menu > .nav-item > .as-menu-item{font-size:1em;line-height:1.6em;}.nav-submenu-container .nav-submenu > li, .jddrop-content .megamenu-item .megamenu-menu li, .nav-submenu, .astroid-mobile-menu .nav-child .menu-go-back, .astroid-mobile-menu .nav-child .nav-item-submenu > .as-menu-item{font-size:14px;line-height:1.6em;}}@media (max-width: 767.98px) {#tb1s-5g832b0lx{padding-top:20px;padding-bottom:20px}#who-we-are{padding-top:5px;padding-bottom:5px}#te1-ml0atknpa{padding-right:1%;padding-left:1%}#te4-xmeu14ixp{padding-right:1%;padding-left:1%}#tf1-ay2x4brie{padding-right:1%;padding-left:1%}#tf4-gclerq4cm{padding-right:1%;padding-left:1%}body, .body{font-size:14px;line-height:1.7em;}h1, .h1{font-size:3rem;line-height:1.3em;}h2, .h2{font-size:30px;line-height:1.3em;}h3, .h3{font-size:20px;line-height:1.2em;}h4, .h4{font-size:18px;line-height:1.2em;}h5, .h5{font-size:14px;line-height:1.6em;}.astroid-nav > li > .as-menu-item, .astroid-sidebar-menu > li > .as-menu-item, .astroid-mobile-menu > .nav-item > .as-menu-item{font-size:1rem;line-height:1.6em;}.nav-submenu-container .nav-submenu > li, .jddrop-content .megamenu-item .megamenu-menu li, .nav-submenu, .astroid-mobile-menu .nav-child .menu-go-back, .astroid-mobile-menu .nav-child .nav-item-submenu > .as-menu-item{font-size:15px;line-height:1.6em;}}