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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline:0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	text-align: left;
}
strong, b {
    font-weight: bold;
}
i {
	font-style:italic;
}
h1 {
	font-size:2rem;
}
h2 {
	font-size:1.5rem;
}
h3 {
	font-size:1.25rem;
}
tt, code, kbd, samp {
	font-family:monospace;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	/*line-height:1;*/
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* global */

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: none;
	text-size-adjust: 100%;
}

body, html {
	height: 100%;
	width: 100%;
}

body {
	/*overflow-y: scroll;*/
}

a {
	text-decoration: none;
	color:inherit;
}

input {
    background-color:transparent;
}

/* border + padding + content = width */
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

div.newline {
    clear:both;
}

.clearfix:after {
   content: " ";
   display: block;
   height: 0;
   clear: both;
   visibility:hidden;
}

.breakwords {
    -ms-word-break: break-all;
    word-break: break-all;

 /* Non standard for webkit */
     word-break: break-word;

    -webkit-hyphens: auto;
       -moz-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
}

textarea,
pre {
    -moz-tab-size : 4;
      -o-tab-size : 4;
         tab-size : 4;
}

@font-face {
    font-family: "TTCommonsPro";
    src: url('/etc/fonts/TTCommonsProRg.woff2') format('woff2'), url('/etc/fonts/TTCommonsProRg.woff') format('woff');
    font-weight:400;
    font-style:normal;
}
@font-face {
    font-family: "TTCommonsPro";
    src: url('/etc/fonts/TTCommonsProLt.woff2') format('woff2'), url('/etc/fonts/TTCommonsProLt.woff') format('woff');
    font-weight:300;
    font-style:normal;
}

.glide {
  position: relative;
  width: 100%;
  box-sizing: border-box; }
  .glide * {
    box-sizing: inherit; }
  .glide__track {
    overflow: hidden; }
  .glide__slides {
    position: relative;
    width: 100%;
    list-style: none;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    touch-action: pan-Y;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    display: flex;
    flex-wrap: nowrap;
    will-change: transform; }
    .glide__slides--dragging {
      user-select: none; }
  .glide__slide {
      position:relative;
    width: 100%;
    height: 100%;
    flex-shrink: 0;
    white-space: normal;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent; }
    .glide__slide a {
      user-select: none;
      -webkit-user-drag: none;
      -moz-user-select: none;
      -ms-user-select: none; }
  .glide__arrows {
    -webkit-touch-callout: none;
    user-select: none; }
  .glide__bullets {
    -webkit-touch-callout: none;
    user-select: none; }
  .glide--rtl {
    direction: rtl; }

.glide__bullets {
    position: absolute;
    z-index: 2;
    bottom: 1.5rem;
    left: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.glide__arrows, .glide__bullets {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.glide__bullet {
    background-color: hsla(0,0%,100%,.5);
    width: 30px;
    height: 2px;
    padding: 0px;
    /*border-radius: 50%;*/
    border: 2px solid transparent;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    cursor: pointer;
    line-height: 0;
    -webkit-box-shadow: 0 0.25em 0.5em 0 rgb(0 0 0 / 10%);
    box-shadow: 0 0.25em 0.5em 0 rgb(0 0 0 / 10%);
    margin: 0 0.25em;
}

.glide__bullet[class*=active] {
    background-color: #fff;
}

:root {
    --small-text-font-size:12px;
    --small-text-line-height:15px;
    --small-text-letter-spacing:0.0em;
    --text-font-size:17px;
    --text-line-height:22px;
    --text-letter-spacing:0.025em;
    --emph-text-font-size:22px;
    --emph-text-line-height:26px;
    --emph-text-letter-spacing:0.02em;
    --large-text-font-size:41px;
    --large-text-line-height:50px;
    --large-text-letter-spacing:0.0em;
    --menu-height:48px;
    --color-text:#707070;
    --color-text-disabled:#b9b9ba;
    --color-hl:#957051;
    --color-bg-hl:#a59685;
    --color-bg-hl-transparent:#a59685ee;
    --page-padding-h:140px;
    --page-padding-v:140px;
    --brand-names-slash-padding:60px;

    --color-bg:#ffffff;
    --color-text:#000000;
    --color-text-disabled:#b9b9ba;
    --color-hl:#000000;
    --color-bg-hl:#000000;
    --color-bg-hl-transparent:#000000ee;
    --color-selected:#ffffff;
}

html, body {
    font-family: "TTCommonsPro";
    font-weight:300;
    font-size:var(--text-font-size);
    line-height:var(--text-line-height);
    letter-spacing:var(--text-letter-spacing);
    scrollbar-width: thin;
    scrollbar-color: var(--color-bg-hl) transparent;
    min-width:320px;
}

html.st-no-scroll {
    overflow:hidden;
}

body {
    overflow-y:scroll;
    overflow:overlay;
    color:var(--color-text);
}

.st-text-small {
    font-family: "TTCommonsPro";
    font-size:var(--small-text-font-size);
    line-height:var(--small-text-line-height);
    letter-spacing:var(--small-text-letter-spacing);
}

.st-text {
    font-family: "TTCommonsPro";
    font-size:var(--text-font-size);
    line-height:var(--text-line-height);
    letter-spacing:var(--text-letter-spacing);
}

.st-text-emph {
    font-family: "TTCommonsPro";
    font-size:var(--emph-text-font-size);
    line-height:var(--emph-text-line-height);
    letter-spacing:var(--emph-text-letter-spacing);
}

.st-text-large {
    font-family: "TTCommonsPro";
    font-size:var(--large-text-font-size);
    line-height:var(--large-text-line-height);
    letter-spacing:var(--large-text-letter-spacing);
}

.st-text-arrow-left,
.st-text-arrow-right {
    position:relative;
    padding-left:18px;
    transition:color 0.15s ease;
}

    .st-text-arrow-left:hover,
    .st-text-arrow-right:hover {
        cursor:pointer;
        opacity:0.5;
        /*color:var(--color-hl);*/
    }

    .st-text-arrow-left::before,
    .st-text-arrow-right::before {
        position:absolute;
        align-items:center;
        content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.70703 7.06055"><polygon style="fill:rgb(112,112,112);" points="6.354 7.061 0 0.707 0.707 0 6.354 5.646 12 0 12.707 0.707 6.354 7.061"/></svg>');
        width:12px;
    }
    
        .st-text-arrow-left::before {
            top:1px;
            left:1px;
            transform:rotate(90deg);
        }

        .st-text-arrow-right::before {
            top:1px;
            left:-4px;
            transform:rotate(-90deg);
        }
    
        .st-text-arrow-left.st-text-emph::before {
            top:4px;
            left:4px;
            width:14px;
        }
        
        .st-text-arrow-right.st-text-emph::before {
            top:4px;
            left:-6px;
            width:14px;
        }
    
h1 {
    color:var(--color-hl);
    font-size:var(--emph-text-font-size);
    line-height:var(--emph-text-line-height);
    letter-spacing:var(--emph-text-letter-spacing);
    margin-bottom:20px;
}

.st-checkbox {
    width:100%;
    margin-top:5px;
	display: inline-block;
	user-select: none;
}

	.st-checkbox input {
		display: none;
	}

	.st-checkbox label {
		position: relative;
		cursor: pointer;
		min-width: 20px;
		padding-left: 30px;
		height: 20px;
		line-height: 20px;
		display: flex;
		align-items: center;
		padding-right: 10px;
        white-space: nowrap;
	}

	.st-checkbox label i {
		position: absolute;
		top: 50%;
		margin-top:-13px;
		left: 0;
		width: 25px;
		height: 25px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 1px;
		background-color: #ffffff;
		/*border: solid 1px rgba(0, 0, 0, 0.3);*/
		/*box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);*/
		transition: all 0.1s;
	}

	.st-checkbox label:hover i {
		/*background-color: var(--color-hover);*/
		/*border: solid 1px rgba(0, 0, 0, 0.5);*/
	}
	
	.st-checkbox label:hover {
        /*color:var(--color-selected);*/
	}
	
	.st-checkbox label i::after {
		content: ''
	}

	.st-checkbox input:checked + label i {
		/*background-color: var(--color-selected);*/
		/*border: solid 1px transparent;*/
	}

	.st-checkbox input:checked + label:hover i {
		/*background-color: var(--color-hover);*/
	}
	
	.st-checkbox input + label i::after {
		content: '✓';
		/*font-weight: 900;
		font-family: 'Font Awesome 6 Free';*/
		font-size: 17px;
		line-height: 1;
		color: var(--color-hl);
		opacity:0;
		transition:opacity .1s linear;
	}

	.st-checkbox input:checked + label i::after {
		opacity:1;
	}
    
    
    
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
	background: rgba(255,0,0,0.0);
}
 
::-webkit-scrollbar-thumb {
    background: var(--color-bg-hl); 
	min-height: 50px;
	/*box-shadow: inset 0 0 6px rgba(0,0,0,0.5); */
	border:1px solid rgba(0,0,0,0.2);
}

::-webkit-scrollbar-thumb:hover {
    /*background: var(--color-hover);*/
}

::-webkit-scrollbar-corner {
	background: transparent;
}

.st-menu {
    position:fixed;
    z-index:100;
    top:0;
    left:0;
    width:100%;
    height:var(--menu-height);
    line-height:var(--menu-height);
    padding:0 var(--page-padding-h);
    color:#ffffff;
    background-color:var(--color-bg-hl-transparent);
    /*box-shadow:0 0 8px 8px #40404040;*/
    user-select:none;
}

    .st-menu.st-no-shadow {
        background-color:var(--color-bg-hl);
        box-shadow:none;
    }

    .st-menu.st-transparent {
        background-color:transparent;
    }

    .st-menu.st-transition {
        transition:background-color 0.15s, box-shadow 0.15s, height 0.25s;
    }

    .st-menu-button {
    	position: absolute;
    	top:0;
    	right:calc(var(--page-padding-h) - 5px);
    	width:30px;
    	height:var(--menu-height);
    	cursor:pointer;
    	display:none;
    }
    	.st-menu-button > div {
    		position:absolute;
    		left:5px;
    		right:5px;
    		display: block;
    		/*width: 100%;*/
    		height: 2px;
    		background: #ffffff;
    		transition: all .3s;
    		margin-bottom:0px;
    		margin-top:0px;
    		opacity:1;
    		transform-origin:center;
    	}
    
    	.st-menu-button div:nth-child(1) {
    		top:16px;
    	}
    
    	.st-menu-button div:nth-child(2) {
    		top:50%;
    		margin-top:-1px;
    		/*display:none;*/
    	}
    
    	.st-menu-button div:nth-child(3) {
    		bottom:16px;
    	}
    
    	html.st-menu-open .st-menu-button div:nth-child(1) {
    		top: 50%;
    		transform: rotate(45deg);
    		margin-top:-1px;
    	}
    
    	html.st-menu-open .st-menu-button div:nth-child(2) {
    		top:50%;
    		margin-top:-1px;
    		opacity:0;
    		/*display:none;*/
    	}
    
    	html.st-menu-open .st-menu-button div:nth-child(3) {
    		bottom: 50%;
    		transform: rotate(-45deg);
    		margin-bottom:-1px;
        }

    .st-menu .st-logo {
        width:125px;
        opacity:1;
        transition:0.15s;
    }
    
        .st-menu .st-logo .st-fill {
            fill:#ffffff;
        }

    .st-menu.st-on-header {
        color:#ffffff;
        /*background-color:transparent;*/
        box-shadow:none;
    }
    
        .st-menu.st-on-header .st-logo {
            opacity:0;
            pointer-events:none;
        }

    .st-menu > .st-nav-elements {
        position:absolute;
        top:0;
        right:var(--page-padding-h);
        width:400px;
    }
    
    .st-menu > .st-nav-elements > .st-nav,
    .st-menu > .st-logo {
        position:relative;
        float:left;
        display:flex;
        align-items:center;
        height:var(--menu-height);
        margin-left:32px;
        transition:opacity .15s,color .15s;
    }
    
        .st-menu > .st-nav-elements > .st-nav:first-child {
            margin-left:0;
        }
    
        .st-menu .st-nav.st-active:not(.st-logo)::before {
            content:'';
            position:absolute;
            width:100%;
            height:1px;
            bottom:10px;
            background-color:#ffffff;
            /*color:var(--color-selected);*/
            /*border-bottom:1px solid #ffffff;*/
        }
    
        .st-menu > .st-nav.st-logo {
            float:left;
            margin-left:0;
        }
        
        .st-menu > .st-nav-elements > .st-nav.st-contact {
            float:right;
            /*margin-left:131px;*/
        }
        
        .st-menu .st-nav:hover {
            cursor:pointer;
            opacity:0.5;
        }
        
    html .st-menu-opened {
        position: absolute;
        top:0;
        bottom:100%;
        left:0;
        right:100%;
        /*display:none;*/
        opacity:0;
        overflow:hidden;
        transition:opacity 0.15s ease;
    }

.st-navigate-intermission {
    position:fixed;
    top:0%;
    right:0;
    bottom:100%;
    left:0;
    background-color:var(--color-selected);
    background-color:#ffffff;
    z-index:1000;
}

    .st-navigate-intermission.st-transition {
        transition:top 0.5s cubic-bezier(.8,0,.2,1),bottom 0.5s cubic-bezier(.8,0,.2,1);
    }

    .st-navigate-intermission.st-open {
        bottom:0%;
    }

    .st-navigate-intermission.st-close {
        top:100%;
    }

.st-root {
    position:relative;
}

.st-page {
    position:relative;
    display:none;
    /*margin-top:var(--menu-height);*/
}

    .st-page.st-active {
        display:block;
    }
    
    /* home */
    
    /*
    .st-page[data-page="home"] {
        margin-top:0;
    }
    */

    .st-page[data-page="home"] > header {
        position:absolute;
        top:0;
        left:0;
        right:0;
        height:0;
        overflow:hidden;
        background-color:var(--color-bg-hl);
        transition:height 0.5s ease-in-out;
        z-index:100;
    }
    
        .st-page[data-page="home"] > header.st-open {
            height:30vh;
        }
        
        .st-page[data-page="home"] > header .st-logo {
            position:absolute;
            bottom:40px;
            left:var(--page-padding-h);
            width:400px;
        }
            .st-page[data-page="home"] > header .st-logo .st-fill {
                fill:#ffffff;
            }

    .st-sticky-wrap {
        position:relative;
        z-index:0;
    }
    
        .st-hero {
            position:sticky;
            top:0;
            width:100%;
            height:100vh;
            opacity:1;
            /*
            overflow:hidden;
            white-space: nowrap;
            */
            z-index:-1;
        }
        
            .st-hero .st-images {
                position:absolute;
                top:0;
                left:0;
                right:0;
                bottom:0;
            }
            
                .st-hero .st-images .st-image {
                    position:absolute;
                    top:0;
                    bottom:0;
                    background-position:center;
                    background-size:cover;
                    background-repeat:no-repeat;
                }
                
                @media screen and (orientation:portrait) {
                    .st-hero .st-images .st-image {
                        left:0 !important;
                        right:0 !important;
                        transition:opacity 0.5s cubic-bezier(.8,0,.2,1),bottom 0.5s cubic-bezier(.8,0,.2,1);
                        opacity:0;
                    }

                    .st-hero .st-images .st-image.st-active {
                        opacity:1;
                    }
                }
        
            .st-hero .glide__slide > div {
                position:relative;
                /*display:inline-block;*/
                /*width:50%;*/
                height:100vh;
                /*padding-bottom:112.5%;*/
                background-position:center;
                background-size:cover;
                background-repeat:no-repeat;
            }
            
            .st-home-ig-sticker {
                display:none;
                position:fixed;
                bottom:90px;
                right:var(--page-padding-h);
                cursor:pointer;
            }
            
                .st-home-ig-sticker svg {
                    position:absolute;
                    bottom:0;
                    right:0;
                    width:30px;
                    fill:#ffffff;
                    transition:fill 0.3s ease;
                }
                
                    .st-home-ig-sticker svg .st-fill {
                        fill:var(--color-selected);
                    }
                    
                
                    .st-home-ig-sticker:hover svg .st-fill {
                        
                        sanimation: st-ig-bubble-anim 0.75s ease infinite;
                    }
                    
                    
				@keyframes st-ig-bubble-anim {
					0% {
						fill:#707070;
					}
					50% {
						fill:var(--color-selected);
					}
					0% {
						fill:#707070;
					}
				}

                .st-home-ig-sticker .st-bubble {
                    position:absolute;
                    display:flex;
                    align-items:center;
                    justify-content:center;
                    bottom:30px;
                    right:30px;
                    width:200px;
                    height:200px;
                    background-color:var(--color-selected);
                    color:#3b3b3b;
                    border-radius:50%;
                    /*overflow:hidden;*/
                }
                
                .st-home-ig-sticker .st-bubble-arrow {
                    position: absolute;
                    bottom:10px;
                    right:40px;
                    width: 0;
                    height: 0;
                    border-top: 30px solid transparent;
                    border-left: 52px solid var(--color-selected);
                    border-bottom: 30px solid transparent;
                    transform:rotate(45deg);
                    transform-origin:right center;
                    transition:bottom 0.3s ease, right 0.3s ease;
                }
                
                    .st-home-ig-sticker:hover .st-bubble-arrow {
                        bottom:0px;
                        right:30px;
                    }
            
        .st-hero-cover {
            position:relative;
            margin-top:200px;
            height:100vh;
            background-color:var(--color-bg-hl-transparent);
            color:#ffffff;
            padding:var(--page-padding-v) var(--page-padding-h);
            z-index:200;
            display:flex;
            align-items:center;
        }
        
            .st-hero-cover > div {
                margin-top:20vh;
                max-width:1000px;
            }
        
    .st-news {
        width:100%;
        padding:var(--page-padding-v) var(--page-padding-h);
    }
    
        .st-prime-news {
            display:grid;
            grid-template-columns:1fr 2fr;
            grid-gap:80px 20px
        }
        
            .st-prime-news .st-entry .st-media {
                position:relative;
                margin:35px 0;
                width:100%;
            }
            
                .st-prime-news .st-entry:first-child .st-media {
                    padding-bottom:100%;
                }
                
                .st-prime-news .st-entry .st-media .st-image {
                    position:absolute;
                    top:0;
                    left:0;
                    right:0;
                    bottom:0;
                    background-position:center center;
                    background-size:cover;
                    background-repeat:no-repeat;
                    transition:opacity 0.5s linear;
                    opacity:0;
                }
                
                    .st-prime-news .st-entry .st-media .st-image.st-active {
                        opacity:1;
                    }
                
            .st-prime-news .st-entry video {
                /*margin:20px 0;*/
                width:100%;
            }

            .st-prime-news .st-entry .st-text {
                padding-right:10%;
            }
            
            .st-prime-news .st-entry:last-child .st-text {
                max-width:700px;
            }

            .st-prime-news .st-entry .st-date {
                margin-top:20px;
            }
            
    .st-news-slider-container {
        width:100%;
        display:grid;
        grid-template-columns:var(--page-padding-h) auto var(--page-padding-h);
        grid-gap:0 0;
    }
    
        .st-news-slider-container .st-dots:nth-child(1) {
            /*
            background-image: url(../etc/images/dots_tr.png);
            background-position: top right;
            */
            /*background-size: 10px 10px;*/
        }

        .st-news-slider-container .st-dots:nth-child(3) {
            /*
            background-image: url(../etc/images/dots_tl.png);
            background-position: top left;
            */
            /*background-size: 10px 10px;*/
        }
        
            .st-news-slider-container .st-dots:nth-child(1):hover,
            .st-news-slider-container .st-dots:nth-child(3):hover {
                cursor:pointer;
            }
        
            .st-news-slider {
                position:relative;
                width:100%;
                overflow:hidden;
                user-select:none;
            }
            
                .st-news-slider::before,
                .st-news-slider::after {
                    content:'';
                    position:absolute;
                    top:0;
                    left:0;
                    height:100%;
                    background-color:#ffffff;
                    width:2px;
                    z-index:10;
                }
                
                .st-news-slider::after {
                    left:auto;
                    right:0;
                }
            
                .st-news-slider li {
                    position:relative;
                    /*width:25%;*/
                    padding:0 25px 50px 25px;
                    border-right:1px solid #919191;
                }
                
                    .st-news-slider li:last-child {
                        border-right:none;
                    }
                
                    .st-news-slider li .st-text {
                        margin:20px 0;
                        white-space:normal;
                    }
                    
                    .st-news-slider li .st-date {
                        position:absolute;
                        bottom:0;
                        left:25px;
                    }
                    
    .st-home-ig-wrap {
        width:100%;
        padding:0 var(--page-padding-h) var(--page-padding-v) var(--page-padding-h);
        /*display:none;*/
    }
    
        .st-home-ig {
            width:100%;
            border-top:1px solid #919191;
            border-bottom:1px solid #919191;
            padding:25px;
            display:flex;
            justify-content:center;
            align-items:center;
        }
        
            .st-home-ig a {
                display:block;
                transition:opacity 0.15s ease;
            }
            
                .st-home-ig a .st-follow,
                .st-home-ig a .st-hashtag {
                    position:relative;
                    display:inline-block;
                    padding-left:50px;
                }
                
                .st-home-ig a .st-follow {
                    color:var(--color-hl);
                }

                    .st-home-ig a svg {
                        position:absolute;
                        top:50%;
                        left:0;
                        transform:translateY(-50%);
                        display: inline-block;
                        height:65%;
                    }
                    
                        .st-home-ig a svg .st-fill {
                            fill:#707070;
                        }

                .st-home-ig a:hover {
                    opacity:0.5;
                }
                
    .st-newsletter-container {
        display:flex;
        width:100%;
        margin:var(--page-padding-v) 0;
        color:#ffffff;
    }
    
        .st-newsletter-container .st-newsletter-form {
            display:grid;
            grid-template-columns:1fr 1fr;
            grid-template-areas:"label1 label2" "getintouch checkboxes" "inputfields inputfields" "text text";
            grid-gap:20px 20px;
            width:50%;
            background-color:var(--color-bg-hl);
            padding:70px 70px 70px var(--page-padding-h);
        }
        
            .st-newsletter-form > div:nth-child(1) {
                grid-area:label1;
            }
        
            .st-newsletter-form > div:nth-child(2) {
                grid-area:label2;
            }
        
            .st-newsletter-form > div:nth-child(3) {
                grid-area:getintouch;
                align-self: end;
            }
        
            .st-newsletter-form > .st-checkboxes {
                grid-area:checkboxes;
            }
        
            .st-newsletter-form > .st-input-fields {
                margin-top:40px;
                grid-area:inputfields;
            }
            
                .st-newsletter-form > .st-input-fields input {
                    line-height:45px;
                    color:var(--color-text);
                    font-family: "TTCommonsPro";
                    font-size:16px;
                    letter-spacing:0.03em;
                    background-color:#ffffff;
                    border:none;
                    outline:0;
                    margin:0;
                    padding:0 20px;
                    border-radius:0;
                }
                
                    .st-newsletter-form > .st-input-fields input::placeholder {
                        opacity:0.5;
                    }
            
                .st-newsletter-form > .st-input-fields .st-row-1 {
                    display:grid;
                    grid-template-columns:1fr 1fr;
                    grid-gap:2px 2px;
                    margin-bottom:2px;
                }
        
                .st-newsletter-form > .st-input-fields .st-row-2 {
                    display:grid;
                    grid-template-columns:auto 45px;
                    grid-gap:2px 2px;
                }
                
                    #st-newsletter-submit {
                        position:relative;
                        width:100%;
                        height:45px;
                        color:var(--color-text);
                        background-color:#ffffff;
                        display:flex;
                        align-items:center;
                        justify-content:center;
                        transition:all 0.15s ease;
                    }
                    
                        #st-newsletter-submit svg {
                            width:20px;
                            transform:rotate(-90deg);
                        }
                        
                            #st-newsletter-submit svg .st-fill {
                                fill:var(--color-text);
                            }
                        
                        #st-newsletter-submit:hover {
                            cursor:pointer;
                            opacity:0.5;
                            /*background-color:var(--color-selected);*/
                        }

                            #st-newsletter-submit:hover svg .st-fill {
                                /*fill:#ffffff;*/
                            }
        
            .st-newsletter-form > div:nth-child(6) {
                grid-area:text;
                
            }
            
        #st-newsletter-feedback.st-success {
            color:#10f010;
        }

        #st-newsletter-feedback.st-fail {
            color:#f01010;
        }
        
        .st-newsletter-container .st-image {
            width:50%;
            background-size:cover;
            background-repeat:no-repeat;
            background-position:center center;
        }
    
    .st-events-container {
        /*background-color:#ffffff;*/
        width:100%;
        padding:0 var(--page-padding-h) var(--page-padding-v) var(--page-padding-h);
    }
    
        .st-events {
            display:grid;
            grid-template-columns:1fr 1fr 1fr 1fr;
            grid-gap:16px;
        }
        
            .st-events li {
                position:relative;
                height:400px;
                background-color:#ebebeb;
            }
            
                .st-events li > * {
                    position:absolute;
                    left:20px;
                    right:20px;
                }

                .st-events li > .st-date {
                    top:20px;
                }

                .st-events li > .st-title {
                    top:140px;
                    font-size:32px;
                    line-height:36px;
                    height:80px;
                    overflow:hidden;
                }

                .st-events li > .st-open {
                    top:240px;
                }

                .st-events li > a {
                    bottom:20px;
                }

        
    /* brands */
    
    .st-page[data-page="brands"] > header {
        position:relative;
        padding:calc(var(--menu-height) + var(--page-padding-v)) var(--page-padding-h) 500px calc(var(--page-padding-h) - var(--brand-names-slash-padding));
        background-color:#ebebeb;
        background-color:var(--color-bg-hl);
    }
    
        .st-page[data-page="brands"] > header h1 {
            margin-left:var(--brand-names-slash-padding);
            color:var(--color-bg);
        }
    
        .st-page[data-page="brands"] > header .st-brand-names {
            margin-top:30px;
            color:#707070;
            color:var(--color-bg);
            max-width:1300px;
        }
        
            .st-page[data-page="brands"] > header .st-brand-names li {
                position:relative;
                display:inline-block;
                padding-left:var(--brand-names-slash-padding);
                transition:color .2s;
            }
            
                .st-page[data-page="brands"] > header .st-brand-names li.st-active {
                    cursor:pointer;
                    color:#707070;
                }

            .st-page[data-page="brands"] > header .st-brand-names li.st-slash {
                
            }
            
            .st-page[data-page="brands"] > header .st-brand-names li.st-slash::before {
                content: "";
                top:0;
                left:calc(var(--brand-names-slash-padding) / 2);
                display:block;
                position:absolute;
                background-color:var(--color-bg);
                width:1px;
                height:100%;
                transform:rotate(35deg);
                transform-origin:left 50%;
            }
        
        .st-page[data-page="brands"] > header .st-categories {
            position:absolute;
            top:0;
            left:0;
            transform:translateX(-100%);
            padding-right:20px;
            color:var(--color-text-disabled);
            color:#000000;
        }
        
            .st-page[data-page="brands"] > header .st-categories > div.st-active {
                color:var(--color-text);
                color:var(--color-bg);
            }
            
            .st-page[data-page="brands"] > header .st-categories > div.st-fashion {
                margin-top:50px;
            }
        
        .st-page[data-page="brands"] > header .st-images {
            position:absolute;
            bottom:0;
            right:var(--page-padding-h);
            width:600px;
            height:400px;
            background-color:var(--color-text-disabled);
            background-position:center center;
            background-size:cover;
            background-repeat:no-repeat;
        }
        
            .st-page[data-page="brands"] > header .st-image {
                position:absolute;
                top:0;
                right:0;
                bottom:0;
                left:0;
                background-size:cover;
                background-position:center center;
                background-repeat:no-repeat;
                opacity:0;
                transition:opacity .2s;
            }
            
                .st-page[data-page="brands"] > header .st-image.st-active {
                    opacity:1;
                }
                
    .st-brands-overview {
        padding:var(--page-padding-v) var(--page-padding-h);
    }
    
        .st-brands-overview > .st-text-large {
            margin-bottom:35px;
        }
        
        .st-brands-overview > .st-text-large.st-shoes-accessories {
            margin-top:var(--page-padding-v);
            margin-bottom:35px;
        }
    
        .st-brands-list {
            display: grid; 
            grid-template-columns:repeat(4, 1fr);
            grid-gap: 80px 20px;
        }
            .st-brands-list .st-brand {
                /*overflow:hidden;*/
                transform:translateY(200px);
                opacity:0;
            }
            
                .st-brands-list .st-brand:hover {
                    /*cursor:pointer;*/
                }
            
                .st-brands-list .st-brand .st-image-wrap,
                .st-brands-list .st-brand .st-story-wrap {
                    perspective: 1000px;
                    overflow:hidden;
                }
                
                .st-brands-list .st-brand .st-image-wrap {
                    line-height:0;
                }
    
                    .st-brands-list .st-brand .st-image-wrap {
                    }
                    
    				.st-brands-list .st-brand .st-image {
    				    opacity:1;
    				    /*transform: rotateX(90deg);*/
    				    transform-style: preserve-3d;
    				    transform:scale(1.0);
    				    transition:transform 0.7s cubic-bezier(.22,0.17,.34,1.13);
    				}
    				
    				    .st-brands-list .st-brand:hover .st-image-wrap {
    				    }

    				    .st-brands-list .st-brand:hover .st-image-wrap .st-image {
    				        transform:scale(1.1);
    				    }
    				
    				.st-brands-list .st-brand .st-story {
    				    opacity:1;
    				    /*transform: rotateX(-90deg);*/
    				    transform-style: preserve-3d;
    				}
    				
    				.st-brands-list .st-brand.appear {
    					animation: appearBrandListElement 1.5s ease forwards;
    				}
    			
    				@keyframes appearBrandListElement {
    					from {
    						opacity:0;
    						transform:translateY(200px);
    					}
    					to {
    						opacity:1;
    						transform:translateY(0px);
    					}
    				}

    				.st-brands-list .st-brand .st-story.appear {
    					animation: appearBrandListStory 1.5s ease forwards;
    				}
    			
    				@keyframes appearBrandListStory {
    					from {
    						opacity:0;
    						transform: rotateX(-90deg);
    					}
    					to {
    						opacity:1;
    						transform: rotateX(0deg);
    					}
    				}


            .st-brands-list .st-brand .st-image {
                width:100%;
            }
            
                .st-brands-list .st-brand .st-image:hover {
                    cursor:pointer;
                }
            
            .st-brands-list .st-brand .st-logo {
                width:100%;
                padding:10px 0px;
                opacity:1;
            }
                .st-brands-list .st-brand .st-logo:hover {
                    cursor:pointer;
                }
                
            .st-brands-list .st-brand .st-story {
                width:100%;
            }
            
    /* brand */
    
    .st-brand-details {
        color:#ffffff;
        background-color:var(--color-bg-hl);
        padding:calc(var(--menu-height) + 20px) var(--page-padding-h) var(--page-padding-v) var(--page-padding-h);
    }
    
        .st-brand-details > .st-logo {
            height:150px;
            max-width:100%;
        }
        
        .st-brand-details > .st-wrap {
            display:grid;
            grid-template-columns:auto 400px;
            grid-gap: 80px 120px;
            margin-top:50px;
        }
        
        .st-brand-details .st-story {
            max-width:1000px;
        }
        
        .st-brand-details .st-downloads {
            display:grid;
            grid-template-columns:1fr 1fr;
            grid-gap: 20px 0px;
            margin-top:32px;
            transition: max-height 0.5s, margin-top 0.5s;
        }
        
            .st-brand-details .st-downloads > a {
                position:relative;
                display:block;
                width:100%;
                height:100px;
                padding-left:90px;
            }
            
                .st-brand-details .st-downloads > a:hover {
                    cursor:pointer;
                    opacity:0.5;
                }
            
                .st-brand-details .st-downloads > a .st-box {
                    position:absolute;
                    top:0;
                    left:0;
                    width:70px;
                    height:100px;
                    border:1px solid #ffffff;
                    font-size:var(--small-text-font-size);
                    line-height:var(--small-text-line-height);
                    letter-spacing:var(--small-text-letter-spacing);
                    padding:10px;
                }
                
                    .st-brand-details .st-downloads > a .st-box svg {
                        position:absolute;
                        bottom:10px;
                        left:10px;
                        height:20px;
                    }
                    
                        .st-brand-details .st-downloads > a .st-box svg .st-fill {
                            fill:#ffffff;
                        }
            
                .st-brand-details .st-downloads > a .st-name {
                    position:absolute;
                    left:90px;
                    right:20px;
                    bottom:0;
                }

    .st-brand-details .st-facts {
        margin-top:50px;
        transition: max-height 0.5s, margin-top 0.5s;
    }
    
        .st-brand-details .st-facts li {
            display:flex;
            align-items:center;
            border-top:1px solid #ffffff;
            line-height:30px;
        }
            
            .st-brand-details .st-facts li:last-child {
                border-bottom:1px solid #ffffff;
            }
            
            .st-brand-details .st-facts li > label,
            .st-brand-details .st-facts li > div {
                display:inline-block;
                width:50%;
            }
            
            .st-brand-details .st-facts li .st-ig {
                width:var(--text-font-size);
                margin-right:10px;
            }
            
                .st-brand-details .st-facts li .st-ig .st-fill {
                    fill:#ffffff;
                }
    
    .st-brand-campaign-images-wrap {
            padding:100px var(--page-padding-h) 100px var(--page-padding-h);
    }
    
        .st-brand-campaign-cover-image {
            display:grid;
            grid-template-columns:3fr 1fr;
        }
        
            .st-brand-campaign-cover-image > img {
                width:100%;
            }
            
            .st-brand-campaign-cover-image > div {
                background-color:#ebebeb;
                padding:25px;
            }
    
        .st-brand-campaign-images {
            display:grid;
            grid-template-columns:1fr 1fr 1fr;
            grid-gap: 16px 16px;
            margin:16px 0;
        }
        
            .st-brand-campaign-images li {
                overflow:hidden;
                line-height:0;
            }
            
            .st-brand-campaign-images img {
                width:100%;
                opacity:0;
                transform: scale(1.2);
            }

				.st-brand-campaign-images img.appear {
					animation: appearCampaignImage 1.5s ease forwards;
				}
			
				@keyframes appearCampaignImage {
					to {
						opacity:1;
						transform: scale(1.0);
					}
				}

    .st-brand-campaign-videos-section {
        padding:20px var(--page-padding-h) 20px var(--page-padding-h);
        background-color:var(--color-bg-hl);
        color:#ffffff;
    }
    
        .st-brand-campaign-videos-content {
            display:grid;
            grid-template-columns:3fr 1fr;
            grid-template-areas:
                "video label"
                "video controls";
        }
        
            .st-brand-campaign-videos-content > div {
                position:relative;
            }
            
            .st-brand-campaign-videos-wrap {
                grid-area:video;
            }
        
                .st-brand-campaign-videos {
                    position:relative;
                    width:100%;
                    height:100%;
                    padding-bottom:56.25%;
                    overflow:hidden;
                }
                
                    .st-brand-campaign-videos .st-video {
                        position:absolute;
                        top:0;
                        width:100%;
                        height:100%;
                        transition:transform 0.3s ease;
                    }
            
            .st-brand-campaign-videos-content label {
                padding:0 25px;
                grid-area:label;
            }
            
        .st-brand-campaign-video-selector-wrap {
            grid-area:controls;
        }
        
            .st-brand-campaign-video-selector {
                position:absolute;
                width:100%;
                bottom:20px;
                display:flex;
                align-items:center;
                justify-content:space-between;
            }
            
                .st-brand-campaign-video-selector > div {
                    float:left;
                    transition:opacity 0.15s ease;
                    user-select:none;
                }
                
                    .st-brand-campaign-video-selector > div:nth-child(1) {
                        margin-left:25px;
                    }
                    
                    .st-brand-campaign-video-selector > div:nth-child(2) {
                        width:100px;
                        text-align:center;
                    }

                    .st-brand-campaign-video-selector > div:nth-child(3) {
                        margin-right:25px;
                    }
                    
                        .st-brand-campaign-video-selector .st-text-arrow-left:hover,
                        .st-brand-campaign-video-selector .st-text-arrow-right:hover {
                            /*color:var(--color-selected);*/
                            opacity:0.5;
                        }
    
                        .st-brand-campaign-video-selector .st-text-arrow-left::before,
                        .st-brand-campaign-video-selector .st-text-arrow-right::before {
                            content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.70703 7.06055"><polygon style="fill:rgb(255,255,255);" points="6.354 7.061 0 0.707 0.707 0 6.354 5.646 12 0 12.707 0.707 6.354 7.061"/></svg>');
                        }
                        
                        .st-brand-campaign-video-selector > div.st-disable {
                            pointer-events:none;
                            opacity:0.25;
                        }


    .st-brand-other-brands {
        padding:var(--page-padding-v) var(--page-padding-h);
        display:grid;
        grid-template-columns:1fr 1fr;
        grid-gap: 20px 20px;
    }
    
        .st-brand-brands-list-wrap {
            position:relative;
            padding-bottom:calc(2 * var(--text-line-height));
        }
    
        .st-brand-brands-list {
            margin-top:20px;
            display:grid;
            grid-template-columns:min-content min-content min-content;
            grid-gap: 8px 65px;
        }
        
            .st-brand-brands-list li {
                transition:color 0.2s;
                white-space:nowrap;
            }
            
                .st-brand-brands-list li.st-active {
                    color:var(--color-hl);
                }
            
                .st-brand-brands-list li:hover {
                    /*color:var(--color-hl);*/
                    opacity:0.5;
                    cursor:pointer;
                }
    
        .st-brand-brands-list-cover-images {
            position:relative;
            background-color:var(--color-text-disabled);
            background-position:center center;
            background-size:cover;
            background-repeat:no-repeat;
            width:100%;
            padding-bottom:calc(200%/3);
        }
        
            .st-brand-brands-list-cover-images .st-image {
                position:absolute;
                top:0;
                right:0;
                bottom:0;
                left:0;
                background-size:cover;
                background-position:center center;
                background-repeat:no-repeat;
                opacity:0;
                transition:opacity .2s;
            }
            
                .st-brand-brands-list-cover-images .st-image.st-active {
                    opacity:1;
                }

    .st-brand-nav-to-brands {
        position:absolute;
        bottom:0;
        left:0;
    }

    /* about */
    .st-about-header {
        padding:calc(var(--menu-height) + var(--page-padding-v)) var(--page-padding-h) var(--page-padding-v) var(--page-padding-h);
        background-color:var(--color-bg-hl);
        color:var(--color-bg);
        /*
        background-image:url(../etc/images/SelectStudio-Showroom-Aboutheader.jpg);
        background-position:center center;
        background-size:cover;
        background-repeat:no-repeat;
        */
        height:100vh;
    }
    
        .st-about-header h1 {
            color:#ffffff;
        }
    
        .st-about-header .st-text-large {
            color:#ffffff;
            max-width:1000px;
        }

    .st-about-section {
        padding:var(--page-padding-v) var(--page-padding-h);
    }
    
        .st-about-section.st-alt {
            background-color:#ebebeb;
        }
    
        .st-about-section .st-text-large {
            max-width:1000px;
        }

        .st-about-section .st-two-columns {
            margin-top:30px;
            max-width:1000px;
            display:grid;
            grid-template-columns:1fr 1fr;
            grid-gap: 20px 50px;
        }
    
        .st-about-where-we-are .st-two-columns {
            max-width:500px;
        }
    
    .st-about-showrooms {
        background-color:#ebebeb;
    }
    
            .st-about-showrooms .glide__slide > div {
                position:relative;
                height:75vh;
                background-position:center;
                background-size:cover;
                background-repeat:no-repeat;
            }
            
                .st-about-showrooms .glide__slide > label {
                    display:none;
                    position:absolute;
                    bottom:10px;
                    left:10px;
                    color:#ffffff;
                    text-shadow: #000 0px 0px 5px, #000 0px 0px 5px;
                    -webkit-font-smoothing: antialiased;
                    /*-webkit-text-stroke: 1px #707070;*/
                }

    .st-about-section.st-about-who-we-are {
        padding-bottom:35px;
    }
    
    .st-about-portrait-left,
    .st-about-portrait-right {
        padding:35px var(--page-padding-h);
        display:grid;
        grid-gap: 0px 0px;
        height:620px;
    }
    
    .st-about-portrait-left {
        grid-template-columns:420px 950px auto;
    }

    .st-about-portrait-right {
        grid-template-columns:auto 950px 420px;
    }
    
        .st-about-portrait-left > div:first-child,
        .st-about-portrait-right > div:last-child {
            position:relative;
            color:var(--color-bg);
            background-color:var(--color-bg-hl);
            padding:30px 40px 50px 30px;
            /*color:#ffffad;*/
        }
        
        .st-about-portrait-right > div:last-child {
            color:#3b3b3b;
            background-color:#d0c6b9;
            color:var(--color-bg);
            background-color:var(--color-bg-hl);
        }

            .st-about-portrait-left > div:first-child > label,
            .st-about-portrait-right > div:last-child > label {
                position:absolute;
                display:block;
                bottom:100px;
                left:30px;
            }

        .st-about-portrait-left .st-image,
        .st-about-portrait-right .st-image {
            background-size:cover;
            background-repeat:no-repeat;
        }
        
        .st-about-portrait-left .st-image {
            background-image:url(../etc/images/SelectStudio-BernardWaage.jpg);
            background-position:right center;
        }

        .st-about-portrait-right .st-image {
            background-image:url(../etc/images/SelectStudio-SusannNuruWaage.jpg);
            background-position:left center;
        }

    .st-about-join-our-team .st-text {
        max-width:1000px;
    }
    
    .st-about-our-network {
        margin-top:calc(var(--page-padding-v) - 35px);
        margin-bottom:calc(var(--page-padding-v) - 50px);
    }
    
    /* jobs */
    .st-jobs-header {
        padding:calc(var(--menu-height) + var(--page-padding-v)) var(--page-padding-h) var(--page-padding-v) var(--page-padding-h);
        background-color:var(--color-bg-hl);
    }
    
        .st-jobs-header h1 {
            color:#ffffff;
        }
    
        .st-jobs-header .st-text-large {
            color:#ffffff;
            max-width:1000px;
        }

        .st-jobs-header .st-two-columns {
            color:#ffffff;
            margin-top:30px;
            max-width:1000px;
            display:grid;
            grid-template-columns:1fr 1fr;
            grid-gap: 20px 50px;
        }

    .st-jobs-section {
        padding:var(--page-padding-v) var(--page-padding-h);
    }
    
        .st-about-section .st-text-large {
            max-width:1000px;
        }

        .st-jobs-section .st-two-columns {
            margin-top:30px;
            max-width:1000px;
            display:grid;
            grid-template-columns:1fr 1fr;
            grid-gap: 20px 50px;
        }
        
        .st-job {
            position:relative;
            border-top:1px solid var(--color-text);
            padding:20px 0;
        }
        
        .st-job:last-child {
            border-bottom:1px solid var(--color-text);
        }
        
            .st-job-header:hover,
            .st-job .st-toggle:hover{
                cursor:pointer;
            }
            
            .st-job .st-toggle {
                position:absolute;
                top:20px;
                right:0;
                width:14px;
            }
            
                .st-job .st-toggle:before {
                    position:absolute;
                    content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.70703 7.06055"><polygon style="fill:rgb(112,112,112);" points="6.354 7.061 0 0.707 0.707 0 6.354 5.646 12 0 12.707 0.707 6.354 7.061"/></svg>');
                    width:14px;
                    transition:transform 0.2s cubic-bezier(.8,0,.2,1),bottom 0.5s cubic-bezier(.8,0,.2,1);
                }
                
                    .st-job.st-open .st-toggle:before {
                        transform:rotate(180deg);
                    }
                    
            .st-job .st-description-wrap {
                transition:all 0.5s ease;
                opacity:0;
                height:0px;
                overflow:hidden;
            }
            
                .st-job .st-description {
                    position:relative;
                    width:100%;
                    padding-top:20px;
                }
            
                .st-job.st-open .st-description-wrap {
                    opacity:1;
                }
                
                    .st-job .st-description ul li {
                        position:relative;
                        padding-left:12px;
                    }
                    
                    .st-job .st-description ul li:before {
                        position:absolute;
                        top:0;
                        left:0;
                        content: "-";
                    }
                    
                    .st-job .st-description .text-big {
                        font-size:var(--emph-text-font-size);
                        line-height:var(--emph-text-line-height);
                        letter-spacing:var(--emph-text-letter-spacing);
                    }
                

        .st-jobs-image {
            width:100%;
            padding-bottom:130%;
            background-size:cover;
            background-position:center center;
            background-repeat:no-repeat;
        }
        
    /* legal */
    .st-legal-section {
        padding:calc(var(--menu-height) + var(--page-padding-v)) var(--page-padding-h) var(--page-padding-v) var(--page-padding-h);
        margin-bottom:100px;
    }
    
        .st-legal-section.st-alt {
            background-color:#ebebeb;
        }
        
        .st-legal-section > div {
            display:grid;
            grid-template-columns:auto 400px;
            grid-gap: 60px 40px;
            grid-template-areas:
                "privacy imprint"
                "disclaimer .";
        }
        
            .st-legal-section > div .st-text-large {
                margin-bottom:20px;
            }
            
            .st-legal-section > div .st-text {
                max-width:750px;
            }
        
            .st-legal-section > div > .st-privacy {
                grid-area: privacy;
            }

            .st-legal-section > div > .st-imprint {
                grid-area: imprint;
            }

            .st-legal-section > div > .st-disclaimer {
                grid-area: disclaimer;
            }

    /* footer */
    
    footer {
        padding:20px var(--page-padding-h);
        color:#3b3b3b;
    }
    
    footer a:hover {
        /*color:var(--color-hl);*/
        opacity:0.5;
    }
    
    footer > div {
        display:grid;
        grid-template-columns:min-content min-content min-content min-content auto min-content;
        grid-gap: 20px 20px;
        grid-template-areas:
            "top-border top-border top-border top-border top-border top-border"
            "label-contact company mail imprint-privacy imprint-privacy imprint-privacy"
            "label-showrooms . showroom-muenchen showroom-duesseldorf . ."
            "bottom-border bottom-border bottom-border bottom-border bottom-border bottom-border"
            "copy copy copy scroll-top scroll-top scroll-top"
        ;
        /*border-top:2px solid #3b3b3b;
        border-bottom:1px solid #3b3b3b;*/
        padding:20px 0;
        overflow:hidden;
    }
    
        footer > div > div {
            white-space:nowrap;
        }
    
    .st-footer-top-border {
        grid-area: top-border;
        border-top:3px solid #919191;
    }

    .st-footer-bottom-border {
        grid-area: bottom-border;
        border-bottom:1px solid #919191;
    }
    
    .st-footer-label-contact {
        grid-area: label-contact;
        align-self: end;
    }

    .st-footer-company {
        grid-area: company;
        padding-right:60px;
    }

    .st-footer-mail {
        grid-area: mail;
    }

    .st-footer-imprint-privacy {
        grid-area: imprint-privacy;
        text-align:right;
        align-self: end;
    }
    
        .st-footer-imprint-privacy:hover {
            cursor:pointer;
            /*color:var(--color-hl);*/
            opacity:0.5;
        }

    .st-footer-label-showrooms {
        grid-area: label-showrooms;
        padding-right:100px;
    }

    .st-footer-showroom-muenchen {
        grid-area: showroom-muenchen;
        padding-bottom:40px;
    }

    .st-footer-showroom-duesseldorf {
        grid-area: showroom-duesseldorf;
        padding-bottom:40px;
    }

    .st-footer-copy {
        grid-area: copy;
    }

    .st-footer-scroll-top {
        grid-area: scroll-top;
        text-align:right;
    }
    
        .st-footer-scroll-top:hover {
            cursor:pointer;
            opacity:0.5;
            /*color:var(--color-hl);*/
        }

#bhl {
    position:fixed;
    left:0;
    right:0;
    bottom:100px;
    height:1px;
    background-color:red;
}

@media all and (max-width:1750px) {
    .st-about-portrait-left {
        grid-template-columns:minmax(420px,1fr) 3fr 100px;
    }

    .st-about-portrait-right {
        grid-template-columns:100px 3fr minmax(420px,1fr);
    }
}

@media all and (max-width:1400px) {
    :root {
        --page-padding-h:100px;
        --page-padding-v:100px;
    }

    .st-events {
        grid-template-columns:1fr 1fr;
    }
}

@media all and (max-width:1280px) {
    
    .st-newsletter-container .st-newsletter-form {
        width:100%;
        padding:70px var(--page-padding-h) 70px var(--page-padding-h);
    }
    
    .st-newsletter-container .st-image {
        display:none;
    }

    .st-events {
        grid-template-columns:1fr 1fr;
    }

    .st-brand-details > .st-wrap {
        grid-template-columns:1fr;
        /*grid-gap: 20px 20px;*/
        margin-top:50px;
    }

        #st-toggle-brand-facts:hover {
            cursor:pointer;
            opacity:0.5;
        }
        

        .st-brand-details .st-story {
            padding-right:0;
        }

        .st-brand-details .st-wrap-facts {
            max-width:500px;
        }
        
        .st-brand-details .st-downloads,
        .st-brand-details .st-facts {
            overflow:hidden;
            max-height:0px;
        }

        .st-brand-details .st-wrap-facts.st-open .st-downloads {
            max-height:340px;
        }

        .st-brand-details .st-wrap-facts.st-open .st-facts {
            max-height:250px;
        }
        
    .st-brand-campaign-videos-content {
        display:grid;
        grid-gap:20px 0;
        grid-template-columns:1fr;
        grid-template-areas: "label" "video" "controls";
    }
    
        .st-brand-campaign-videos-content label {
            padding:0;
        }
        
            .st-brand-campaign-videos-content label br {
                display:none;
            }

        .st-brand-campaign-video-selector {
            position:relative;
            bottom:auto;
        }
        
            .st-brand-campaign-video-selector > div:nth-child(1),
            .st-brand-campaign-video-selector > div:nth-child(3) {
                margin-left:0;
                margin-right:0;
            }

    .st-brand-brands-list {
        grid-template-columns:min-content min-content;
    }

    .st-about-portrait-left {
        grid-template-columns:1fr;
        height:auto;
    }

    .st-about-portrait-right {
        grid-template-columns:1fr;
        height:auto;
    }
    
    .st-about-portrait-left > div:first-child > label,
    .st-about-portrait-right > div:last-child > label {
        position:relative;
        bottom:auto;
        left:auto;
        margin-top:20px;
    }

    .st-about-portrait-left > .st-image,
    .st-about-portrait-right > .st-image {
        height:550px;
    }
    
    .st-about-portrait-left > div:last-child,
    .st-about-portrait-right > div:first-child {
        display:none;
    }
    
}

@media all and (max-width:1200px) {
    footer > div {
        grid-template-columns:min-content min-content min-content auto;
        grid-gap: 20px 20px;
        grid-template-areas:
            "top-border top-border top-border top-border"
            "label-contact company mail ."
            "label-showrooms showroom-muenchen showroom-duesseldorf ."
            "bottom-border bottom-border bottom-border bottom-border"
            "copy copy imprint-privacy imprint-privacy"
        ;
        padding:20px 0;
    }

    .st-footer-scroll-top {
        display:none;
    }
}

@media all and (max-width:1100px) {
    .st-home-ig-sticker {
        display:none;
    }
}

@media all and (max-width:1024px) {
    :root {
        --page-padding-h:70px;
        --page-padding-v:70px;
    }

    .st-menu {
        /*padding:0 70px;*/
    }
    
    .st-menu > .st-nav-elements {
        width:auto;
    }
    
    .st-menu > .st-nav-elements > .st-nav.st-contact {
        margin-left: 32px;
    }
    
    .st-page[data-page="brands"] > header {
        /*padding:70px 70px 70px 10px;*/
        padding-bottom:var(--page-padding-v);
    }
    
    .st-page[data-page="brands"] > header .st-images {
        display:none;
    }
    
    .st-brands-list {
        display: grid; 
        grid-template-columns:repeat(3, 1fr);
    }
    
        .st-brand-campaign-images {
            grid-template-columns:1fr 1fr;
        }

    .st-jobs-section .st-two-columns {
        grid-template-columns:1fr;
    }
        
    .st-jobs-image {
        display:none;
        padding-bottom:0;
        height:300px;
    }

    .st-legal-section > div {
        grid-template-columns:1fr;
        grid-template-areas:
            "imprint"
            "privacy"
            "disclaimer";
    }

    .st-footer-company {
        padding-right:30px;
    }

    .st-footer-label-showrooms {
        padding-right:30px;
    }

}

@media all and (max-width:768px) {
    :root {
        --page-padding-h:35px;
        --page-padding-v:70px;
        --brand-names-slash-padding:50px;
    }
    
    .st-menu {
        /*padding:0 35px;*/
    }
    
    .st-menu > .st-nav-elements > .st-nav {
        margin-left: 24px;
    }

    .st-home-ig a .st-follow,
    .st-home-ig a .st-hashtag {
        padding-left:40px;
    }

    .st-prime-news {
        grid-template-columns: 1fr;
    }
    
        .st-prime-news .st-entry .st-text {
            padding-right:0;
        }

    .st-events {
        grid-template-columns:1fr 1fr;
    }

    .st-page[data-page="brands"] > header {
        /*padding-top:70px;*/
    }
    
    .st-brands-list {
        display: grid; 
        grid-template-columns:repeat(2, 1fr);
    }
    
    .st-brand-details > .st-logo {
        margin-top:20px;
        height:auto;
    }
    
    .st-brand-campaign-images-wrap {
        padding:0;
    }
    
        .st-brand-campaign-cover-image {
            grid-template-columns:1fr;
        }
        
            .st-brand-campaign-cover-image > div {
                padding:25px var(--page-padding-h) 25px var(--page-padding-h);
            }
            
        .st-brand-campaign-images {
            padding:20px var(--page-padding-h) 20px var(--page-padding-h);
        }
        
    .st-brand-other-brands {
        grid-template-columns: 1fr;
    }

    .st-brand-brands-list {
        grid-template-columns:1fr 1fr;
    }
    
    .st-brand-brands-list-cover-images {
        display:none;
    }
    
    footer > div {
        grid-template-columns:min-content auto;
        grid-gap: 20px 20px;
        grid-template-areas:
            "top-border top-border"
            "label-contact company"
            ". mail"
            "label-showrooms showroom-muenchen"
            ". showroom-duesseldorf"
            "bottom-border bottom-border"
            "imprint-privacy imprint-privacy"
            "copy copy"
        ;
        padding:20px 0;
    }
    
    .st-footer-imprint-privacy {
        text-align:left;
        /*display:none;*/
    }

}

@media all and (max-width:640px) {
    .st-menu-button {
        display:block;
    }
    
    .st-menu > .st-nav-elements {
        display:none;
    }

    html.st-menu-open body {
        overflow:hidden;
        /*background:red;*/
    }

    html.st-menu-open .st-menu {
        height:100vh;
        background-color:var(--color-bg-hl);
        overflow:hidden;
    }
    
    html.st-menu-open .st-menu-opened {
        position:absolute;
        display:block;
        top:calc(var(--menu-height) + 60px);
        left:var(--page-padding-h);
        right:var(--page-padding-h);
        bottom:var(--page-padding-v);
        opacity:1;
    }
    
        .st-menu-opened .st-nav {
            float:left;
            clear:both;
            margin-bottom:10px;
        }
        
            .st-menu-opened .st-nav.st-ig {
                position:relative;
                border-top:1px solid #ffffff;
                border-bottom:1px solid #ffffff;
                padding:10px;
                width:100%;
                display:flex;
                justify-content:center;
                align-items:center;
                line-height:30px;
            }
            
                .st-menu-opened .st-nav.st-ig .st-fill {
                    fill:#ffffff;
                }

                .st-menu-opened .st-nav.st-ig .st-follow {
                    display:inline-block;
                    padding-left:30px;
                }
                
                .st-menu-opened .st-nav.st-ig svg {
                    display:inline-block;
                    width:30px;
                    padding-right:10px;
                }
                
                .st-menu-opened .st-nav.st-ig .st-hashtag {
                    display:inline-block;
                    font-size:28px;
                }
    
        .st-menu-opened .st-bottom {
            position:absolute;
            width:100%;
            bottom:0;
            white-space:nowrap;
        }
    
    .st-newsletter-container .st-newsletter-form {
        grid-template-columns:1fr;
        grid-template-areas:"label1" "getintouch" "label2" "checkboxes" "inputfields" "text";
        grid-gap:20px 20px;
    }
    
        .st-newsletter-form > .st-input-fields .st-row-1 {
            display:grid;
            grid-template-columns:1fr;
            grid-gap:2px 2px;
            margin-bottom:2px;
        }

    .st-events {
        grid-template-columns:1fr;
    }

    .st-brands-list {
        grid-gap:12px 12px;
    }
    
    .st-brand-campaign-images {
        grid-gap:12px 12px;
        margin:12px 0;
    }
    
    .st-about-portrait-left > .st-image,
    .st-about-portrait-right > .st-image {
        height:300px;
    }

}

@media all and (max-width:480px) {
    :root {
        --small-text-font-size:12px;
        --small-text-line-height:15px;
        --small-text-letter-spacing:0.0em;
        --text-font-size:17px;
        --text-line-height:22px;
        --text-letter-spacing:0.025em;
        --emph-text-font-size:22px;
        --emph-text-line-height:26px;
        --emph-text-letter-spacing:0.02em;
        --large-text-font-size:30px;
        --large-text-line-height:35px;
        --large-text-letter-spacing:0.0em;
        --page-padding-h:20px;
        --page-padding-v:50px;
        --brand-names-slash-padding:26px;
    }

    .st-page[data-page="home"] > header .st-logo {
        bottom:40px;
        left:var(--page-padding-h);
        right:var(--page-padding-h);
        width:auto;
    }
    .st-page[data-page="brands"] > header .st-brand-names {
        font-size:var(--emph-text-font-size);
        line-height:var(--emph-text-line-height);
    }
    
    .st-page[data-page="brands"] > header .st-brand-names li {
        /*display:block;*/
        margin-bottom:4px;
    }
    
        .st-page[data-page="brands"] > header .st-brand-names li:last-child {
            margin-bottom:0px;
        }
        
        .st-page[data-page="brands"] > header .st-brand-names li.st-slash::before {
            /*display:none;*/
        }

    .st-brands-list .st-brand {
        transform:translateY(50px);
    }
    
		@keyframes appearBrandListElement {
			from {
				opacity:0;
				transform:translateY(50px);
			}
			to {
				opacity:1;
				transform:translateY(0px);
			}
		}

        .st-brands-list .st-brand .st-story-wrap {
            display:none;
        }
    
    .st-brand-details .st-downloads {
        grid-template-columns:1fr;
        grid-gap: 20px 0px;
    }
    
    .st-brand-campaign-images img:nth-child(3n+0) {
        grid-column:1 / 3;
    }
    
    .st-brand-brands-list {
        grid-template-columns:1fr;
    }

    .st-about-section .st-two-columns {
        grid-template-columns:1fr;
    }
    
    .st-jobs-header .st-two-columns {
        grid-template-columns:1fr;
    }
    footer > div {
        grid-template-columns:1fr;
        grid-gap: 5px 5px;
        grid-template-areas:
            "top-border"
            "label-contact"
            "company"
            "mail"
            "label-showrooms"
            "showroom-muenchen"
            "showroom-duesseldorf"
            "bottom-border"
            "imprint-privacy"
            "copy"
        ;
        padding:20px 0;
    }
    
    .st-footer-label-showrooms {
        margin-top:32px;
    }
    
    .st-footer-showroom-muenchen .st-lf,
    .st-footer-showroom-duesseldorf .st-lf {
        display:none;
    }

}

@media all and (max-width:360px) {
    .st-menu-opened .st-nav.st-ig .st-follow,
    .st-home-ig a .st-follow, .st-home-ig a .st-hashtag {
        padding-left:0px;
    }
    
    .st-menu-opened .st-nav.st-ig svg,
    .st-home-ig a svg {
        display:none;
    }
}

@media all and (max-width:320px) {
        .st-brand-brands-list {
        grid-template-columns:1fr;
    }
    
}

/* Content */

.hide {
	display:none !important;
}