@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&display=swap);
@use "@scss/functions.scss" as functions;/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */*,::before,::after{box-sizing:border-box}html{font-family:system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}
html{font-size:16px}body{position:relative}.body-container{position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;min-height:100vh;min-height:max(100vh,100svh)}.page-header{grid-area:1/1/2/2;position:relative;z-index:5}.page-content{grid-area:2/1/3/2;position:relative;z-index:3}.page-footer{grid-area:3/1/4/2;position:relative;z-index:2}h1,h2,h3,h4,h5,h6,p{margin:0}a,.button,.button-big,.default-link{display:inline-block;text-decoration:none;color:inherit;cursor:pointer;transition:color .3s,background-color .3s,border-color .3s,opacity .3s}@media(hover: hover){a:hover,.button:hover,.button-big:hover,.default-link:hover{opacity:.7}}a.active,.button.active,.button-big.active,.default-link.active{opacity:.7}a.disabled,.button.disabled,.button-big.disabled,.default-link.disabled{opacity:.5;pointer-events:none}img,picture{display:block;width:100%;height:auto}.processed-image{background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;height:100%;width:100%}.processed-image>img,.processed-image>picture{position:absolute;top:0;left:0;width:100%;height:100%}.processed-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.center-content{width:clamp(380px, 82.2281167109vw + 41.2201591512px, 1620px);max-width:calc(100% - 32px);margin:0 auto}
:root{--ttw-text-color: #433b2f;--ttw-background-color: #ede7de;--ttw-button-text-color: #433b2f;--ttw-button-background-color: #ede7de;--ttw-button-border-color: #433b2f;--ttw-button-hover-text-color: #ede7de;--ttw-button-hover-background-color: #433b2f;--ttw-button-hover-border-color: #433b2f}.pre-headline{font-family:"Inter",sans-serif;font-size:clamp(12px, 0.2652519894vw + 10.9071618037px, 16px);line-height:clamp(20px, 0.2652519894vw + 18.9071618037px, 24px);font-weight:500;font-style:normal;letter-spacing:.08em;text-transform:uppercase}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{font-family:"Playfair",serif;font-size:32px;line-height:1.1;font-weight:400;font-style:normal;letter-spacing:0;text-transform:none}h1,.h1{font-size:clamp(40px, 7.2944297082vw + 9.9469496021px, 150px);line-height:clamp(50px, 7.0291777188vw + 21.0397877984px, 156px)}h2,.h2{font-size:clamp(62px, 4.1114058355vw + 45.0610079576px, 124px);line-height:clamp(70px, 3.9787798408vw + 53.6074270557px, 130px)}h3,.h3{font-family:"Inter",sans-serif;font-size:clamp(26px, 1.5915119363vw + 19.4429708223px, 50px);line-height:clamp(32px, 1.9893899204vw + 23.8037135279px, 62px)}h4,.h4{font-family:"Playfair",serif;font-size:clamp(20px, 1.3262599469vw + 14.5358090186px, 40px);line-height:clamp(26px, 1.724137931vw + 18.8965517241px, 52px)}h5,.h5{font-family:"Inter",sans-serif;font-size:clamp(26px, 0.3978779841vw + 24.3607427056px, 32px);line-height:clamp(32px, 0.6631299735vw + 29.2679045093px, 42px)}h6,.h6{font-family:"Inter",sans-serif;font-size:clamp(18px, 0.1326259947vw + 17.4535809019px, 20px);line-height:clamp(24px, 0.1326259947vw + 23.4535809019px, 26px);font-weight:600}.sh1,.sh2{font-family:"Inter",sans-serif;font-size:clamp(16px, 0.6631299735vw + 13.2679045093px, 26px);line-height:clamp(24px, 0.9946949602vw + 19.9018567639px, 39px);font-weight:500;font-style:normal;letter-spacing:0;text-transform:none}.sh2{font-weight:400}body,.large-text,.medium-text,.xlarge-text,.small-text,.xsmall-text,.default-text{font-family:"Inter",sans-serif;font-size:16px;line-height:1.45;font-weight:400;font-style:normal;letter-spacing:0;text-transform:none}.xlarge-text{font-size:clamp(18px, 0.3978779841vw + 16.3607427056px, 24px)}.large-text{font-size:clamp(16px, 0.3978779841vw + 14.3607427056px, 22px)}.medium-text{font-size:clamp(16px, 0.2652519894vw + 14.9071618037px, 20px)}.small-text{font-size:14px}.xsmall-text{font-size:12px}.button,.button-big,.default-link{font-family:"Inter",sans-serif;font-size:14px;line-height:20px;font-weight:600;font-style:normal;letter-spacing:.1em;text-transform:uppercase}.button,.button-big{background-color:rgba(0,0,0,0);border:1px solid currentColor;border-radius:100px;padding:clamp(11px, 0.3315649867vw + 9.6339522546px, 16px) clamp(21px, 0.3315649867vw + 19.6339522546px, 26px) clamp(9px, 0.3315649867vw + 7.6339522546px, 14px) clamp(21px, 0.3315649867vw + 19.6339522546px, 26px);color:var(--ttw-button-text-color);background-color:var(--ttw-button-background-color);border-color:var(--ttw-button-border-color)}@media(hover: hover){.button:hover,.button-big:hover{color:var(--ttw-button-hover-text-color);background-color:var(--ttw-button-hover-background-color);border-color:var(--ttw-button-hover-border-color);opacity:1}}.button.active,.button-big.active{color:var(--ttw-button-hover-text-color);background-color:var(--ttw-button-hover-background-color);border-color:var(--ttw-button-hover-border-color)}.button.disabled,.button-big.disabled{opacity:.5;pointer-events:none}body,.color-palette1,.color-palette2,.color-palette3,.image-color-palette1{color:var(--ttw-text-color);background-color:var(--ttw-background-color)}.color-palette1{--ttw-text-color: #433b2f;--ttw-background-color: #ede7de;--ttw-button-text-color: #433b2f;--ttw-button-background-color: #ede7de;--ttw-button-border-color: #433b2f;--ttw-button-hover-text-color: #ede7de;--ttw-button-hover-background-color: #433b2f;--ttw-button-hover-border-color: #433b2f}.color-palette2{--ttw-text-color: #ffffff;--ttw-background-color: #534837;--ttw-button-text-color: #ffffff;--ttw-button-background-color: #534837;--ttw-button-border-color: #ffffff;--ttw-button-hover-text-color: #534837;--ttw-button-hover-background-color: #ffffff;--ttw-button-hover-border-color: #ffffff}.color-palette3{--ttw-text-color: #433b2f;--ttw-background-color: #bdd0e5;--ttw-button-text-color: #433b2f;--ttw-button-background-color: #bdd0e5;--ttw-button-border-color: #433b2f;--ttw-button-hover-text-color: #bdd0e5;--ttw-button-hover-background-color: #433b2f;--ttw-button-hover-border-color: #433b2f}.image-color-palette1{--ttw-text-color: #ffffff;--ttw-background-color: transparent;--ttw-button-text-color: #ffffff;--ttw-button-background-color: transparent;--ttw-button-border-color: #ffffff;--ttw-button-hover-text-color: #433b2f;--ttw-button-hover-background-color: #ffffff;--ttw-button-hover-border-color: #ffffff}.space-before-m{padding-top:clamp(64px, 9.0185676393vw + 26.8435013263px, 200px)}.space-before-s{padding-top:clamp(32px, 2.1220159151vw + 23.2572944297px, 64px)}.space-after-m{padding-bottom:clamp(64px, 9.0185676393vw + 26.8435013263px, 200px)}.space-after-s{padding-bottom:clamp(32px, 2.1220159151vw + 23.2572944297px, 64px)}.pre-headline{margin-bottom:clamp(8px, 0.2652519894vw + 6.9071618037px, 12px)}.linkbox{margin-top:clamp(24px, 0.5305039788vw + 21.8143236074px, 32px)}p i,.inline-playfair{font-family:"Playfair",serif;font-style:italic;font-size:1.18em}.page-header{background-color:var(--ttw-background-color);color:var(--ttw-text-color)}.page-header.fixed-header{background-color:rgba(0,0,0,0);color:#fff}[data-scroll-header=true] .page-header{background-color:var(--ttw-background-color);color:var(--ttw-text-color)}
.page-header{position:sticky;top:0;width:100%;transition:all .3s;box-shadow:0px 0px 4px 0px rgba(0,0,0,0)}@media(max-width: 640px){.page-header{position:relative}}.page-header .header-container{display:flex;justify-content:space-between;align-items:flex-start;transition:all .3s}.page-header .header-container .image-container{padding:clamp(16px, 2.1220159151vw + 7.2572944297px, 48px);transition:padding .3s}.page-header .header-container .image-container a{display:block;width:clamp(78px, 5.1724137931vw + 56.6896551724px, 156px);transition:width .3s}.page-header .header-container nav{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;padding:clamp(16px, 0.5305039788vw + 13.8143236074px, 24px) clamp(16px, 4.2440318302vw + -1.4854111406px, 80px);gap:clamp(24px, 0.5305039788vw + 21.8143236074px, 32px);overflow:hidden;transition:padding .3s}@media(max-width: 640px){.page-header .header-container nav{display:none}}.page-header .header-container nav .language-container{display:flex;align-items:flex-end;justify-content:flex-end;overflow:hidden;transition:all .3s}.page-header .header-container nav .language-container a{padding-right:32px;position:relative;text-transform:uppercase}.page-header .header-container nav .language-container a::after{content:".";position:absolute;right:16px;top:50%;transform:translate(-50%, -50%)}.page-header .header-container nav .language-container a:last-child{padding:0}.page-header .header-container nav .language-container a:last-child::after{display:none}.page-header .header-container nav .menu-container{display:flex;align-items:flex-end;justify-content:flex-end;gap:8px clamp(24px, 0.5305039788vw + 21.8143236074px, 32px);flex-wrap:wrap}.page-header .header-container nav .menu-container a .active{opacity:1;text-decoration:underline}.page-header.fixed-header{position:fixed;left:0}@media(max-width: 640px){.page-header.fixed-header{position:absolute}}@media(min-width: 641px){[data-scroll-header=true] .page-header{box-shadow:0px 0px 4px 0px rgb(from currentColor r g b/0.4)}[data-scroll-header=true] .page-header .header-container{align-items:center}[data-scroll-header=true] .page-header .header-container .image-container{padding:16px}[data-scroll-header=true] .page-header .header-container .image-container a{width:78px}[data-scroll-header=true] .page-header .header-container nav{padding-top:clamp(16px, 1.0610079576vw + 11.6286472149px, 32px);padding-bottom:clamp(16px, 1.0610079576vw + 11.6286472149px, 32px)}[data-scroll-header=true] .page-header .header-container nav .language-container{display:none}}
[data-module=IntroL2] .module-container{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:0px clamp(32px, 2.1220159151vw + 23.2572944297px, 64px)}@media(max-width: 840px){[data-module=IntroL2] .module-container{justify-content:center}}[data-module=IntroL2] .module-container .pre-headline{grid-column:pre-headline-start/pre-headline-end;width:100%}@media(min-width: 841px){[data-module=IntroL2] .module-container .left{flex:1}}@media(max-width: 840px){[data-module=IntroL2] .module-container .left{width:100%}}[data-module=IntroL2] .module-container .left .introduction{grid-column:introduction-start/introduction-end}[data-module=IntroL2] .module-container .left .linkbox{grid-column:linkbox-start/linkbox-end}[data-module=IntroL2] .module-container .left .usps{grid-column:usps-start/usps-end;display:flex;justify-content:flex-start;align-items:stretch;flex-wrap:wrap;margin-top:clamp(32px, 2.1220159151vw + 23.2572944297px, 64px);container-type:inline-size}[data-module=IntroL2] .module-container .left .usps .usp{width:33.3333333333%;padding:clamp(24px, 0.5305039788vw + 21.8143236074px, 32px);display:grid;grid-template-columns:[index-start] auto [index-end headline-start introduction-start] 1fr [headline-end introduction-end];border:1px solid rgb(from currentColor r g b/0.2);border-left:0;gap:4px 8px;align-items:start}[data-module=IntroL2] .module-container .left .usps .usp .index{font-style:italic;grid-column:index-start/index-end;margin-top:clamp(0px, 0.1326259947vw + -0.5464190981px, 2px);text-align:right}[data-module=IntroL2] .module-container .left .usps .usp .headline{grid-column:headline-start/headline-end}[data-module=IntroL2] .module-container .left .usps .usp .introduction{grid-column:introduction-start/introduction-end}[data-module=IntroL2] .module-container .left .usps .usp:last-child{border-right:0px}@container (max-width: 680px){[data-module=IntroL2] .module-container .left .usps .usp{width:100%;border-right:0}[data-module=IntroL2] .module-container .left .usps .usp+.usp{border-top:0}}[data-module=IntroL2] .module-container .right{width:clamp(380px, 7.0291777188vw + 351.0397877984px, 486px);max-width:100%}@media(max-width: 840px){[data-module=IntroL2] .module-container .right{width:486px;margin-top:clamp(32px, 2.1220159151vw + 23.2572944297px, 64px)}}[data-module=IntroL2] .module-container .right .image-container{grid-column:image-start/image-end;aspect-ratio:486/635}@media(max-width: 840px){[data-module=IntroL2] .module-container .right .image-container{aspect-ratio:342/228}}[data-module=IntroL2] .module-container .right .image-container,[data-module=IntroL2] .module-container .right .image-container *{border-radius:20px;overflow:hidden}
[data-module=StyleguideL1]{padding:0 clamp(16px, 4.2440318302vw + -1.4854111406px, 80px)}[data-module=StyleguideL1] .section{padding:clamp(80px, 7.9575596817vw + 47.2148541114px, 200px) 0}[data-module=StyleguideL1] .section .textbox{margin-bottom:clamp(40px, 2.6525198939vw + 29.0716180371px, 80px)}@media(min-width: 941px){[data-module=StyleguideL1] .section .textbox{position:sticky;top:clamp(80px, 7.9575596817vw + 47.2148541114px, 200px);align-self:start;margin-bottom:0}}[data-module=StyleguideL1] .section .textbox .headline+div{margin-top:clamp(8px, 0.2652519894vw + 6.9071618037px, 12px)}@media(min-width: 941px){[data-module=StyleguideL1] .section-components{display:grid;grid-template-columns:1fr 2fr;gap:clamp(32px, 5.8355437666vw + 7.9575596817px, 120px)}}@media(min-width: 941px)and (max-width: 1280px){[data-module=StyleguideL1] .section-components{grid-template-columns:1fr 1fr}}[data-module=StyleguideL1] .section-components .component .class{padding-bottom:36px;position:relative}[data-module=StyleguideL1] .section-components .component .class::after{content:"";position:absolute;left:0;bottom:18px;height:1px;width:32px;background-color:currentColor}@media(min-width: 641px){[data-module=StyleguideL1] .section-components .component .properties{display:grid;grid-template-columns:1fr 1fr 1fr}}@media(min-width: 641px)and (max-width: 1420px){[data-module=StyleguideL1] .section-components .component .properties{grid-template-columns:1fr 1fr}}[data-module=StyleguideL1] .section-components .component .headline+.example,[data-module=StyleguideL1] .section-components .component .example+.class{margin-top:12px}[data-module=StyleguideL1] .section-components .component+.component{margin-top:clamp(32px, 2.1220159151vw + 23.2572944297px, 64px)}[data-module=StyleguideL1] .section-texts .example{max-width:min(80ch,620px)}[data-module=StyleguideL1] .section-color-palettes .components{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px, 3.1830238727vw + 18.8859416446px, 80px)}@media(max-width: 1280px){[data-module=StyleguideL1] .section-color-palettes .components{grid-template-columns:1fr}}[data-module=StyleguideL1] .section-color-palettes .components .component{padding:clamp(16px, 1.0610079576vw + 11.6286472149px, 32px);border:1px solid rgb(from currentColor r g b/0.2)}[data-module=StyleguideL1] .section-color-palettes .components .component>div+div{margin-top:clamp(16px, 1.0610079576vw + 11.6286472149px, 32px)}[data-module=StyleguideL1] .section-color-palettes .components .component+.component{margin-top:0}[data-module=StyleguideL1] .section-color-palettes .image-color-palette1{background-color:rgba(0,0,0,.3)}[data-module=StyleguideL1] .section+.section{padding-top:0}
[data-module=ThemestageL1] .module-container{min-height:100vh;min-height:min(100dvh,100svh);display:flex;flex-direction:column;justify-content:flex-end;position:relative}[data-module=ThemestageL1] .module-container .image-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}[data-module=ThemestageL1] .module-container .background-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background:rgba(0,0,0,0);background-color:rgb(from currentColor r g b/0.17)}[data-module=ThemestageL1] .module-container .text-container{display:flex;flex-direction:column;gap:clamp(168px, 1.0610079576vw + 163.6286472149px, 184px);padding-top:clamp(160px, 10.6100795756vw + 116.2864721485px, 320px);padding-bottom:clamp(32px, 2.1220159151vw + 23.2572944297px, 64px);position:relative;z-index:3}[data-module=ThemestageL1] .module-container .text-container .headline{order:2;display:flex;justify-content:space-between;align-items:center;gap:0px 1ch;flex-wrap:wrap}[data-module=ThemestageL1] .module-container .text-container .headline span{white-space:nowrap}[data-module=ThemestageL1] .module-container .text-container .headline span:nth-child(3n+2){text-align:right}[data-module=ThemestageL1] .module-container .text-container .headline span:nth-child(3n+3){text-align:center;width:100%}[data-module=ThemestageL1] .module-container .text-container .subheadline-container{width:100%;display:flex;order:1;justify-content:flex-end;padding-left:clamp(32px, 5.3050397878vw + 10.1432360743px, 112px);padding-right:clamp(16px, 20.1591511936vw + -67.0557029178px, 320px)}[data-module=ThemestageL1] .module-container .text-container .subheadline-container .subheadline{width:calc(50% + clamp(48px, 2.1220159151vw + 39.2572944297px, 80px))}