/*
Theme Name: Schrems + Co
Version: 0.9
Author: Dominik Weitmann
*/

/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 * 
 * 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: Brandon Grotesque Regular by HVD Fonts
 * URL: https://www.myfonts.com/collections/hvd-fonts-foundry
 
 * © 2025 MyFonts Inc. */


  
@font-face {
  font-family: "BrandonGrotesqueRegular";
  src: url('fonts/BrandonGrotesqueRegular/font.woff2') format('woff2'), url('fonts/BrandonGrotesqueRegular/font.woff') format('woff');
}

/*-----------------------------------------------------------------------------------*/
/* CSS Reset                                                                         */
/*-----------------------------------------------------------------------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,
dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:100%;min-height:100%;}
*,*:before,*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
ins{background-color:#444;color:#fff;text-decoration:none;}
mark{background-color:#444;color:#fff;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
input,select{vertical-align:middle;}
strong,.bold{font-weight:bold;}
body .uppercase{text-transform:uppercase;}
body .lowercase{text-transform:none;}
em{font-style:italic;font-weight:inherit;}
ol,ul{list-style:none;}
caption,th,td{font-weight:normal;text-align:left;}
audio,canvas,video{display:inline-block;}
audio:not([controls]){display:none;}
embed,iframe,object,video,img{max-width:100%;height:auto;}
img,video{vertical-align:bottom;}
.underline{text-decoration:underline;}

/*-----------------------------------------------------------------------------------*/
/* Global Styles                                                                     */
/*-----------------------------------------------------------------------------------*/

@-ms-viewport{width:device-width;}
.clearfix:after{visibility:hidden;display:block;content:"";clear:both;height:0;}
* html .clearfix{zoom:1;}/* IE6 fix */
*:first-child+html .clearfix{zoom:1;}/* IE7 fix */
.clear{clear:both;}
::-moz-selection{background:#161A1C;color:#fff;text-shadow:none;}
::selection{background:#161A1C;color:#fff;text-shadow:none;}
.alignleft{float:left;}
.alignright{float:right;}
.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.wp-caption{max-width:100%;padding:4px;}
.courier{font-family:'Courier New',Courier,serif;}
a{color:#000;text-decoration:none;position:relative;transition:opacity .2s ease-in-out,color .2s ease-in-out;}
a:hover{opacity:0.8;}
.hide-on-mobile{display:none;}
section,.no-overflow{overflow:hidden;}
h1,h2,h3,h4{font-size:inherit;}
p + p,p + ul,p + ol,ol + p, ul + p,h2 + p,h2 + ul,h2 + ol,p + h2, ol + h2, ul + h3,h3 + p,h3 + ul,h3 + ol,p + h3, ol + h3,ul + h2,ol + h2,
ul + h3,h4 + p,h4 + ul,h4 + ol,p + h4, ol + h4,ul + h4,blockquote + h4,blockquote + h3,blockquote + h2,blockquote + h1,blockquote + p,
blockquote + ul,blockquote + ol,blockquote + blockquote,p + blockquote,ul + blockquote,ol + blockquote,h1 + blockquote,h2 + blockquote,h3 + blockquote, h4 + blockquote{margin-top:15px;}
main p + p,main p + ul,main p + ol, ol + p,main ul + p,h2 + p,main h2 + ul,h2 + ol,main p + h2,main ol + h2, ul + h3,main h3 + p,main h3 + ul,main h3 + ol,main p + h3,main ol + h3,main ul + h2,main ol + h2,
main ul + h3,main h4 + p,main h4 + ul,main h4 + ol,main p + h4,main ol + h4,main ul + h4,main blockquote + h4,main blockquote + h3,main blockquote + h2,main blockquote + h1,main blockquote + p,
main blockquote + ul,main blockquote + ol,mainblockquote + blockquote,main p + blockquote,main ul + blockquote,main ol + blockquote,main h1 + blockquote,
main h2 + blockquote,main h3 + blockquote,main h4 + blockquote{margin-top:30px;}
.center{text-align:center;}
.uppercase{text-transform:uppercase;}
.letter-spacing-l{letter-spacing:3.2px;}
section{position:relative;}
.animate-me{opacity:0;transform:translateY(30px);transition:opacity 0.8s ease,transform 1.0s ease;}
.animate-me.animate-from-top{transform:translateY(-50px);}
.animate-delay-1{transition-delay:0.2s;}
.animate-delay-2{transition-delay:0.4s;}
.animate-delay-3{transition-delay:0.8s;}
.home .animate-delay-1{transition-delay:2.8s;}
.home .animate-delay-2{transition-delay:3.4s;}
.home .animate-delay-3{transition-delay:4.0s;}
.home.faster-anim .animate-delay-1{transition-delay:0.2s;}
.home.faster-anim .animate-delay-2{transition-delay:0.4s;}
.home.faster-anim .animate-delay-3{transition-delay:0.80s;}
.animate-me.animated,.show-animated .animated{opacity:1;transform:none;}

/*-----------------------------------------------------------------------------------*/
/* Page Setup                                                                */
/*-----------------------------------------------------------------------------------*/

html{min-height:100%;font-size:62.5%;margin-top:0 !important;}
body{min-height:100%;position:relative;font-family:'BrandonGrotesqueRegular',sans-serif;color:#000;font-size:22px;font-size:2.2rem;line-height:1.5;
 font-weight:400;background:#fff;overflow-wrap:break-word;word-wrap:break-word;overflow-y:scroll;overflow-x:hidden;}
.pink-bg{background:#fb3199;}
.page-template-page-about,.page-template-page-contact{background:#d8e4d4;}
body.home.loading{position:fixed;width:100%;height:100%;height:100vh;height:100svh;overflow-y:scroll;}
.text-xs{text-transform:uppercase;font-size:12px;font-size:1.2rem;letter-spacing:2px;}
.text-s{text-transform:uppercase;font-size:14px;font-size:1.4rem;letter-spacing:2px;}
.text-m{text-transform:uppercase;font-size:20px;font-size:2.0rem;letter-spacing:3px;}
main{padding-top:24px;}
.container{max-width:1680px;padding:0 20px;margin:0 auto;}

/* Header */
header{background:#fff;position:fixed;top:0;left:0;width:100%;z-index:10;}
.logo{background:#fff;position:sticky;top:0;text-align:center;padding:12px 0 12px 0;z-index:11;}
.page-template-page-about header,.page-template-page-contact header,.page-template-page-about .logo,.page-template-page-contact .logo{background:#d8e4d4;}
.logo-inner{position:relative;}
.logo a{display:inline-block;}
.logo img{width:180px;}
.top-lvl-nav-link{display:block;}
nav a{position:relative;}
.sub-menu-container{position:relative;z-index:3;}
.sub-menu-item-link{display:block;}
.sub-menu-item-link span{display:inline-block;line-height:1.33;}
.sub-menu-item-link img{margin-bottom:2rem;}
.menu li{line-height:1;}
.menu > li + li{margin-top:40px;}
.sub-menu li{margin-top:15px;}
.menu > .menu-item-has-children > a:hover{cursor:default;}
.current-menu-ancestor > a,.current-menu-item > a{position:relative;}
.current-menu-ancestor > a::after,.current-menu-item > a::after{content:'';position:absolute;bottom:4px;left:0;width:100% !important;height:1px;background:#000;}
.navigation{z-index:2;}
.nav-icon{width:26px;height:18px;position:absolute;left:20px;top:20px;display:inline-block;}
.nav-icon:hover{cursor:pointer;}
.nav-one{position:absolute;width:26px;height:2px;top:0;left:0;background:#000;transition:all 0.2s ease .2s;}
.nav-active .nav-one{top:9px;opacity:0;transition:all 0.2s ease;}
.nav-two{position:absolute;width:26px;height:2px;top:8px;left:0;background:#000;transition:all 0.2s ease;}
.nav-active .nav-two{transform:rotate(45deg);transition:all 0.2s ease .2s;}
.nav-three{position:absolute;width:26px;height:2px;top:8px;left:0;background:#000;transition:all 0.2s ease;}
.nav-active .nav-three{transform:rotate(-45deg);transition:all 0.2s ease .2s;}
.nav-four{position:absolute;width:26px;height:2px;top:16px;left:0;background:#000;transition:all 0.2s ease .2s;}
.nav-active .nav-four{top:9px;opacity:0;transition:all 0.2s ease;}

/* Loading */
.curtain{position:fixed;z-index:20;top:0;left:0;height:100%;height:100vh;height:100svh;width:100%;overflow:hidden;background:#d8e4d4;background:#E6007D;transition:transform 1.4s ease;transform:translateY(-101%);}
.loading .curtain{transform:translateY(0);}
.curtain-top{display:flex;align-items:center;height:70%;}
.curtain-top-inner{width:120px;margin:0 auto;transition:transform 1.4s ease;transform:translateY(-200px);transform:translateY(0);text-align:center;}
.loading .curtain-top-inner{transform:translateY(0);}
.logo-text{display:none;text-transform:uppercase;font-size:28px;font-size:2.8rem;letter-spacing:16px;line-height:1;margin-top:34px;}
.curtain-bottom{display:flex;align-items:flex-end;/*padding-bottom:40px;*/height:30%;}
.curtain-bottom-inner{width:70px;margin:0 auto;transition:transform 1.4s ease;transform:translateY(200px);transform:translateY(0);}
.loading .curtain-bottom-inner{transform:translateY(0);}

/* Content */
.home-hero{height:65vh;width:100%;margin-bottom:60px;}
.home-hero img{object-fit:cover;object-position:center center;width:100%;height:100%;}
.home-hero video{object-fit:cover;object-position:center 20%;display:block;width:100%;height:100%;}
.showcase + .showcase{padding-top:100px;}
.coll-nav +.showcase{padding-top:80px;}
.content{text-align:center;max-width:950px;margin:0 auto;}
.content-title{margin-bottom:34px;}
.page-template-page-co .content-title{margin-top:50px;}
.appointment-link{text-decoration:underline;}
.coll-nav{text-align:center;padding:20px 0 20px;}
.coll-nav a + a{margin-left:30px;}
.sticky-element{position:sticky;top:0px;z-index:3;}
.contact-text{text-transform:uppercase;letter-spacing:5px;}
.contact-map{margin-top:100px;}
.contact-map img{width:100%;height:auto;}
.collection{margin-bottom:65px;}
.collection-item{width:100%;padding:10px;text-align:center;}
.collection-item-inner{position:relative;}
.collection-item-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;}
.collection-item-link:hover + .collection-item-images .collection-item-hover-image{z-index:3;opacity:1;}
.collection-items{display:flex;flex-wrap:wrap;margin:0 -10px;}
.collection-item-images{position:relative;}
.collection-item-image{z-index:2;}
.collection-item-hover-image{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:1;transition:opacity 0.6s ease;object-fit:cover;}
.collection-item-desc{display:block;line-height:1.5;padding:18px 0 0 0;}
.product-mail{display:inline-block;margin-top:30px;font-size:12px;font-size:1.2rem;letter-spacing:2px;text-transform:uppercase;padding-right:20px;
 background:url(images/mail-icon.svg) no-repeat right center;background-size:15px 15px;background-position:100% 1px;}
.product-text{padding:16px 20px 0 20px;text-align:center;}
.product-text .text-s + .text-s{margin-top:15px;}
.collection-item-image,.collection-item-hover-image{background:#fff;object-fit:cover;aspect-ratio:8 / 12;}

/* Newsletter */
.nl-wrap{display:flex;align-items:center;justify-content:center;padding:20px;background:url('images/nl-bg.jpg') no-repeat center center;background-size:cover;}
.nl-inner{width:100%;height:100%;max-width:710px;background:#fff;padding:40px 20px;text-align:center;min-height:30vh;}
.nl-inner h1{}
.newsletter-signup-wrapper{margin-top:60px;transition:transform 0.6s ease-in-out;display:flex;justify-content:center;align-items:center;color:#000;overflow:auto;}
#mce-EMAIL{width:100%;background:transparent;border:0;-webkit-appearance:none;position:relative;border-bottom:1px solid #000;font-family:inherit;padding:0 0 4px;}
#mce-EMAIL:focus{border-radius:0;outline-offset:0px !important;outline:none !important;}
.mc-field-group{margin-bottom:16px;}
.nl-inner input::placeholder{color:#000;}
.nl-button{margin:30px 0;text-align:center;}
#email-check{display:none;background:#E6007D;padding:4px 20px 2px 20px;font-size:12px;font-size:1.2rem;margin-top:10px;color:#fff;text-align:left;}
#mc-subscribe{border:0;border-bottom:1px solid #000;background:transparent;border-radius:0;-webkit-appearance:none;font-style:italic;padding:0 0 4px;}
#mc-subscribe:hover{cursor:pointer;}

.newsletter-thanks{width:340px;max-width:96%;padding:60px 20px;text-align:center;display:none;}
.newsletter-thanks img{margin-bottom:20px;}
.mc-badge{margin-top:110px;}
.mc-badge img{width:220px;height:40px;padding:2px 0;}

/* Slider */
.coverflow .swiper{width:100%;padding-bottom:60px;}
.coverflow .swiper-wrapper{padding-bottom:60px;}
.swiper-slide{position:relative;height:60svh;max-height:720px;display:flex;justify-content:center;background-position:center;background-size:cover;width:100%;text-align:center;}
.swiper-slide img{display:block;margin:0 auto;height:auto;width:auto;height:60svh;max-height:720px;object-fit:cover;}
.swiper-slide-shadow-coverflow{display:none;}
.object-desc{position:absolute;left:0;bottom:-40px;padding:0 30px;width:100%;width:calc(100% - 60px);text-align:center;text-transform:uppercase;opacity:0;transition:opacity 0.4s ease-in-out;}
.coverflow .swiper-slide-active .object-desc{opacity:1;}
.swiper-button-next,.swiper-button-prev{display:none;position:absolute;top:0;left:0;width:25%;height:60svh;max-height:720px;}
.product-images .swiper-button-prev{background:transparent;width:25%;height:100%;top:0;left:0;z-index:2;margin:0;padding:0;}
.product-images .swiper-button-next{background:transparent;width:25%;height:100%;top:0;left:unset;right:0;z-index:2;margin:0;padding:0;}
.coverflow .swiper-button-next:hover,.product-images .swiper-button-next:hover{cursor:url(images/arrow-right.svg),auto;right:0!important;}
.coverflow .swiper-button-prev:hover,.product-images .swiper-button-prev{cursor:url(images/arrow-left.svg),auto;left:0!important;}
.swiper-button-next::after,.swiper-button-prev::after{display:none;}
.coverflow .swiper-button-next{left:unset;right:0;}
.coverflow .swiper ::-moz-selection{background:none;color:#fff;text-shadow:none;}
.coverflow .swiper ::selection{background:none;color:#fff;text-shadow:none;}

.product-images{position:relative;}
.product-images img{object-fit:cover;}

/* Footer */
footer{overflow:hidden;padding:150px 0 40px 0;text-transform:uppercase;}
.footer-wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;}
.footer-illu{width:74px;order:1;margin-bottom:38px;}
.footer-link-1{order:2;}
.footer-link-2{order:3;margin-top:17px;}
.footer-link-3{order:4;margin-top:17px;}
.footer-link-4{order:5;margin-top:17px;}

/*-----------------------------------------------------------------------------------*/
/* Responsive Styles                                                                 */
/*-----------------------------------------------------------------------------------*/

@media all and (min-width:390px){
 .logo img{width:200px;}
 .curtain-top-inner{width:130px;}
}

@media all and (min-width:768px){
 body{font-size:24px;font-size:2.4rem;line-height:1.6;}
 .nav-icon{top:28px;}
 .container{padding:0 30px;}
 .curtain-top-inner{width:160px;}
 .curtain-bottom-inner{width:100px;}
 .logo img{width:230px;}
 .footer-illu,.curtain-bottom-inner{width:100px;}
 .swiper-slide{height:70svh;}
 .swiper-slide img{height:70svh;}
 .coverflow .swiper-button-next,.coverflow .swiper-button-prev{height:70svh;}
 .nl-wrap{padding:60px;}
 .nl-inner{padding:60px;}
 .collection-items{margin:0 -15px;}
 .collection-item{width:50%;padding:15px;}
}

@media all and (min-width:1024px){
 .curtain-top{height:52%;align-items:flex-end;}
 .curtain-top-inner{width:80%;}
 .curtain-bottom{height:48%;padding-bottom:40px;}
 .logo-text{display:block;}
 .object-desc{bottom:-34px;}
}

@media all and (min-width:1280px){
 .container{padding:0 100px;}
 header{padding:20px 0;position:sticky;top:0;left:auto;text-align:center;}
 .logo{position:relative;padding:40px 0 20px 0;}
 nav{position:relative;}
 .nav-icon-wrapper{display:none;}
 .menu{display:flex;opacity:1;justify-content:center;justify-content:space-between;}
 .menu > li > .sub-menu li + li{margin-top:15px;}
 .menu > li > .sub-menu > li >.sub-menu{padding:0 0 50px 0;} 
 .menu > li{width:25%;width:auto;}
 .menu > li a{padding:5px 0;}
 .menu > li + li{margin-top:0;}
 .current-menu-ancestor > a::after, .current-menu-item > a::after{bottom:9px;}
 .menu-item-has-children + .menu-item-has-children{margin-top:0;}
 .menu > .menu-item-has-children:hover .sub-menu{opacity:1;visibility:visible;max-height:auto;transition:all 0.3s ease;}
 .menu > .menu-item-has-children:hover .sub-menu li{opacity:1;transition:opacity 0.2s ease-out 0.3s;}
 .menu > .menu-item-has-children:hover > .sub-menu::after{max-height:100%;transition:all 0.3s ease-out;}
 .menu > .menu-item-has-children > .sub-menu{padding:50px 0;text-align:left;display:flex;justify-content:flex-start;opacity:1;visibility:hidden;position:absolute;width:100%;left:0;transition:all 0s ease 0.5s;}
 .menu > .menu-item-has-children > .sub-menu::after{content:'';z-index:1;position:absolute;top:0;left:-100vw;width:200vw;background:#fff;background:rgba(255,255,255,0.9);
  backdrop-filter:blur(6px);bottom:0;height:100%;max-height:0;transition:all 0.3s ease-out 0.2s;}
 .menu > .menu-item-has-children > .sub-menu > li + li{margin-left:60px;}
 .page-template-page-about .menu > .menu-item-has-children .sub-menu::after,.page-template-page-contact .menu > .menu-item-has-children .sub-menu::after{background:#d8e4d4;background:rgba(216,228,212,0.9);}
 /*.top-lvl-active .sub-menu{transition:transform 0.4s ease-in-out;transform:translate(-50%,0px);}*/
 .sub-menu li{position:relative;z-index:2;opacity:0;transition:opacity 0.2s ease-out;}
 .sub-menu li + li{margin-top:24px;}
 .menu-header-container{display:block !important;}
 .navigation{display:block !important;}
 .object-desc{bottom:-40px;}
 .swiper-slide{height:75svh;}
 .swiper-slide img{height:75svh;}
 .coverflow .swiper-button-next,.coverflow .swiper-button-prev{height:75svh;}
 .nl-wrap{padding:100px 200px;}
 .nl-inner{padding:80px;}
 .footer-wrap{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;}
 .footer-illu{order:3;margin-bottom:0;}
 .footer-link-1{order:1;}
 .footer-link-2{order:2;margin-top:0;}
 .footer-link-3{order:4;margin-top:0;}
 .footer-link-4{order:5;margin-top:0;}
 .collection-items{margin:0 -50px;}
 .collection-item{width:33.3%;padding:15px 50px;}
 .product-wrap{display:flex;justify-content:center;align-items:center;}
 .product-spacer,.product-text{width:20%;}
 .product-images{width:50%;margin:0 5%;}
 .product-text{margin:0;padding:0;position:relative;top:-50px;}
 .product-text-desc{}
}

@media all and (max-width:1279px){
 header{height:100%;height:100vh;height:100svh;padding:128px 0 40px 0;transition:transform 0.4s ease 0.2s;transform:translateX(-100%);overflow:auto;}
 body.nav-active header{transform:none;transition:transform 0.4s ease;}
 .menu{opacity:0;transition:opacity 0.4s ease;}
 body.nav-active .menu{opacity:1;transition:opacity 0.6s ease 0.2s;}
 .navigation.animate-me{display:block;opacity:1;transform:none;}
 .navigation.animate-delay-2{transition-delay:0;}
 .sub-menu{padding-left:20px;}
}

@media all and (min-width:1600px){
 .nl-wrap{padding:140px 200px;}
}

@media all and (pointer:fine){
 nav a::after,nav a::before{content:'';position:absolute;bottom:4px;height:1px;background:#000;width:0;transition:width 0.4s ease;}
 nav a::before{left:50%;}
 nav a::after{right:50%;}
 nav a:hover{opacity:1;}
 nav a:hover::after,nav a:hover::before,.menu-item-has-children:hover > a::after,.menu-item-has-children:hover > a::before{width:50%;}
/*.product-images .swiper-button-next{background:transparent;display:block;width:100%;height:100%;top:0;left:0;z-index:2;margin:0;padding:0;}
.product-images .swiper-button-next:hover{cursor:pointer;}*/
 .coverflow .swiper-button-next,.coverflow .swiper-button-prev,.product-images .swiper-button-prev,.product-images .swiper-button-next{display:block;}
}

@media all and (pointer:fine) and (min-width:1280px){
 nav a::after,nav a::before{bottom:9px;}
}