@charset "UTF-8";
hidden-*), damit Inhalte und Vorlagen unverändert bleiben,
* aber mit Flexbox statt Floats und nur mit den Klassen, die die Seite wirklich nutzt.
* Breakpoints: sm ab 768px, md ab 992px, lg ab 1200px.
*/
.container {
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.row {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin-right: -15px;
margin-left: -15px;
}
:is(.col-xs-4, .col-xs-6, .col-xs-12,
.col-sm-3, .col-sm-4, .col-sm-6, .col-sm-9, .col-sm-12,
.col-md-3, .col-md-4, .col-md-6, .col-md-9, .col-md-12,
.col-lg-3, .col-lg-4, .col-lg-6, .col-lg-9) {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.row > :not([class*="col-"]):empty {
display: none;
}
.row > :not([class*="col-"]) {
flex: 0 0 100%;
}
@media (max-width: 767px) {
.row > :empty {
display: none;
}
}
.col-xs-4 { width: 33.3333333333%; }
.col-xs-6 { width: 50%; }
.col-xs-12 { width: 100%; }
@media (min-width: 768px) {
.col-sm-3 { width: 25%; }
.col-sm-4 { width: 33.3333333333%; }
.col-sm-6 { width: 50%; }
.col-sm-9 { width: 75%; }
.col-sm-12 { width: 100%; }
}
@media (min-width: 992px) {
.col-md-3 { width: 25%; }
.col-md-4 { width: 33.3333333333%; }
.col-md-6 { width: 50%; }
.col-md-9 { width: 75%; }
.col-md-12 { width: 100%; }
}
@media (min-width: 1200px) {
.col-lg-3 { width: 25%; }
.col-lg-4 { width: 33.3333333333%; }
.col-lg-6 { width: 50%; }
.col-lg-9 { width: 75%; }
}
.visible-xs,
.visible-sm {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
.hidden-sm {
display: none !important;
}
}
.clearfix::after {
content: "";
display: table;
clear: both;
}
.ce-align-left{text-align:left;}
.ce-align-center{text-align:center;}
.ce-align-right{text-align:right;}
.ce-textpic,.ce-image,.ce-nowrap .ce-bodytext,.ce-gallery,.ce-row,.ce-uploads li,.ce-uploads div{overflow:hidden;}
.ce-left .ce-gallery,.ce-column{float:left;}
.ce-center .ce-outer{position:relative;float:right;right:50%;}
.ce-center .ce-inner{position:relative;float:right;right:-50%;}
.ce-right .ce-gallery{float:right;}
.ce-gallery figure{display:table;margin:0;}
.ce-gallery figcaption{display:table-caption;caption-side:bottom;}
.ce-gallery img{display:block;}
.ce-gallery iframe{border-width:0;}
.ce-border img,.ce-border iframe{border:2px solid #0F1011;padding:0px;}
.ce-intext.ce-right .ce-gallery,.ce-intext.ce-left .ce-gallery,.ce-above .ce-gallery{margin-bottom:10px;}
.ce-intext.ce-right .ce-gallery{margin-left:10px;}
.ce-intext.ce-left .ce-gallery{margin-right:10px;}
.ce-below .ce-gallery{margin-top:10px;}
.ce-column{margin-right:10px;}
.ce-column:last-child{margin-right:0;}
.ce-row{margin-bottom:10px;}
.ce-row:last-child{margin-bottom:0;}
.ce-above .ce-bodytext{clear:both;}
.ce-intext.ce-left ol,.ce-intext.ce-left ul{padding-left:40px;overflow:auto;}
.ce-headline-left{text-align:left;}
.ce-headline-center{text-align:center;}
.ce-headline-right{text-align:right;}
.ce-uploads{margin:0;padding:0;}
.ce-uploads li{list-style:none outside none;margin:1em 0;}
.ce-uploads img{float:left;padding-right:1em;vertical-align:top;}
.ce-uploads span{display:block;}
.ce-table{width:100%;max-width:100%;}
.ce-table th,.ce-table td{padding:0.5em 0.75em;vertical-align:top;}
.ce-table thead th{border-bottom:2px solid #dadada;}
.ce-table th,.ce-table td{border-top:1px solid #dadada;}
.ce-table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05);}
.ce-table-bordered th,.ce-table-bordered td{border:1px solid #dadada;}
.frame-space-before-extra-small{margin-top:1em;}
.frame-space-before-small{margin-top:2em;}
.frame-space-before-medium{margin-top:3em;}
.frame-space-before-large{margin-top:4em;}
.frame-space-before-extra-large{margin-top:5em;}
.frame-space-after-extra-small{margin-bottom:1em;}
.frame-space-after-small{margin-bottom:2em;}
.frame-space-after-medium{margin-bottom:3em;}
.frame-space-after-large{margin-bottom:4em;}
.frame-space-after-extra-large{margin-bottom:5em;}
.frame-ruler-before:before{content:'';display:block;border-top:1px solid rgba(0,0,0,0.25);margin-bottom:2em;}
.frame-ruler-after:after{content:'';display:block;border-bottom:1px solid rgba(0,0,0,0.25);margin-top:2em;}
.frame-indent{margin-left:15%;margin-right:15%;}
.frame-indent-left{margin-left:33%;}
.frame-indent-right{margin-right:33%;}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
b,strong{font-weight:bold}
dfn{font-style:italic}
h1{margin:0.67em 0}
mark{background:#BD84FF;color:#0F1011}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
hr{box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
@media print{*,*:before,*:after{background:transparent !important;color:#0F1011 !important;box-shadow:none !important;text-shadow:none !important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
a[href^="#"]:after,a[href^="javascript:"]:after{content:""}
pre,blockquote{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
tr,img{page-break-inside:avoid}
img{max-width:100% !important}
p,h2,h3{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
.label{border:1px solid #0F1011}
.table{border-collapse:collapse !important}
.table td,.table th{background-color:#fff !important}}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{-webkit-tap-highlight-color:transparent}
body{font-family:"TT Commons","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:20px;line-height:1.428571429;color:#0F1011;}
input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
a{text-decoration:none}
a:hover,a:focus{color:#BD84FF;text-decoration:underline}
a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
figure{margin:0}
img{vertical-align:middle}
hr{border:0;border-top:1px solid #eee}
[role="button"]{cursor:pointer}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}
h1 small,h1 .small,h2 small,h2 .small,h3 small,h3 .small,h4 small,h4 .small,h5 small,h5 .small,h6 small,h6 .small,.h1 small,.h1 .small,.h2 small,.h2 .small,.h3 small,.h3 .small,.h4 small,.h4 .small,.h5 small,.h5 .small,.h6 small,.h6 .small{font-weight:normal;line-height:1;color:#777}
h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}
h1 small,h1 .small,.h1 small,.h1 .small,h2 small,h2 .small,.h2 small,.h2 .small,h3 small,h3 .small,.h3 small,.h3 .small{font-size:65%}
h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}
h4 small,h4 .small,.h4 small,.h4 .small,h5 small,h5 .small,.h5 small,.h5 .small,h6 small,h6 .small,.h6 small,.h6 .small{font-size:75%}
h1,.h1{font-size:36px}
h2,.h2{font-size:30px}
h3,.h3{font-size:24px}
h4,.h4{font-size:18px}
h5,.h5{font-size:14px}
h6,.h6{font-size:12px}
p{margin:0 0 10px}
small,.small{font-size:60%}
mark{background-color:rgba(189,132,255,0.14);padding:.2em}
.text-justify{text-align:justify}
.text-nowrap{white-space:nowrap}
.text-lowercase{text-transform:lowercase}
.text-uppercase{text-transform:uppercase}
.text-capitalize{text-transform:capitalize}
.text-muted{color:#777}
.text-primary{color:#0F1011}
a.text-primary:hover,a.text-primary:focus{color:#0F1011}
.text-success{color:#BD84FF}
a.text-success:hover,a.text-success:focus{color:#BD84FF}
.text-info{color:#BD84FF}
a.text-info:hover,a.text-info:focus{color:#BD84FF}
.text-warning{color:#BD84FF}
a.text-warning:hover,a.text-warning:focus{color:#BD84FF}
.text-danger{color:#BD84FF}
a.text-danger:hover,a.text-danger:focus{color:#BD84FF}
ul,ol{margin-top:0;margin-bottom:10px}
ul ul,ul ol,ol ul,ol ol{margin-bottom:0}
dl{margin-top:0;margin-bottom:20px}
dt,dd{line-height:1.428571429}
dt{font-weight:bold}
dd{margin-left:0}
abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #777}
blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}
blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}
blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.428571429;color:#777}
blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}
address{margin-bottom:20px;font-style:normal;line-height:1.428571429}
code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}
code{padding:2px 4px;font-size:90%;color:#BD84FF;background-color:#f9f2f4;border-radius:4px}
kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.25)}
kbd kbd{padding:0;font-size:100%;font-weight:bold;box-shadow:none}
pre{display:block;padding:9.5px;margin:0 0 10px;font-size:19px;line-height:1.428571429;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}
pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}
table{background-color:transparent}
caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}
th{text-align:left}
.table{width:100%;max-width:100%;margin-bottom:20px}
.table>thead>tr>th,.table>thead>tr>td,.table>tbody>tr>th,.table>tbody>tr>td,.table>tfoot>tr>th,.table>tfoot>tr>td{padding:8px;line-height:1.428571429;vertical-align:top;border-top:1px solid #ddd}
.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}
.table>caption+thead>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>th,.table>thead:first-child>tr:first-child>td{border-top:0}
.table>tbody+tbody{border-top:2px solid #ddd}
.table .table{background-color:#fff}
table col[class*="col-"]{position:static;float:none;display:table-column}
table td[class*="col-"],table th[class*="col-"]{position:static;float:none;display:table-cell}
.table>thead>tr>td.active,.table>thead>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th{background-color:#f5f5f5}
.table>thead>tr>td.success,.table>thead>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th{background-color:rgba(189,132,255,0.14)}
.table>thead>tr>td.info,.table>thead>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th{background-color:rgba(189,132,255,0.14)}
fieldset{padding:0;margin:0;border:0;min-width:0}
legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:30px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}
label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:bold}
input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal}
input[type="file"]{display:block}
input[type="range"]{display:block;width:100%}
select[multiple],select[size]{height:auto}
input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
output{display:block;padding-top:7px;font-size:20px;line-height:1.428571429;color:#555}
.form-control{display:block;width:100%;background-image:none;border-radius:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;-o-transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s}
.form-control:focus{border-color:#f5f5f5;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(245,245,245,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(245,245,245,0.6)}
.form-control::-moz-placeholder{color:#555;opacity:1}
.form-control:-ms-input-placeholder{color:#555}
.form-control::-webkit-input-placeholder{color:#555}
.form-control::-ms-expand{border:0;background-color:transparent}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}
.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}
textarea.form-control{height:auto}
input[type="search"]{-webkit-appearance:none}
@media screen and (-webkit-min-device-pixel-ratio:0){input[type="date"].form-control,input[type="time"].form-control,input[type="datetime-local"].form-control,input[type="month"].form-control{line-height:34px}}
.radio,.checkbox{position:relative;display:block;margin-top:10px;margin-bottom:10px}
.radio label,.checkbox label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:normal;cursor:pointer}
.radio input[type="radio"],.checkbox input[type="checkbox"]{position:absolute;margin-left:-20px;margin-top:4px \9}
.radio+.radio,.checkbox+.checkbox{margin-top:-5px}
input[type="radio"][disabled],input[type="radio"].disabled,fieldset[disabled] input[type="radio"],input[type="checkbox"][disabled],input[type="checkbox"].disabled,fieldset[disabled] input[type="checkbox"]{cursor:not-allowed}
.radio.disabled label,fieldset[disabled] .radio label,.checkbox.disabled label,fieldset[disabled] .checkbox label{cursor:not-allowed}
.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0;min-height:40px}
.form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
.form-group-sm select.form-control{height:30px;line-height:30px}
.form-group-sm textarea.form-control,.form-group-sm select[multiple].form-control{height:auto}
.form-group-sm .form-control-static{height:30px;min-height:32px;padding:6px 10px;font-size:12px;line-height:1.5}
.form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}
.form-group-lg select.form-control{height:46px;line-height:46px}
.form-group-lg textarea.form-control,.form-group-lg select[multiple].form-control{height:auto}
.form-group-lg .form-control-static{height:46px;min-height:38px;padding:11px 16px;font-size:18px;line-height:1.3333333}
.has-feedback{position:relative}
.has-feedback .form-control{padding-right:42.5px}
.form-control-feedback{position:absolute;top:0;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center;pointer-events:none}
.form-group-lg .form-control+.form-control-feedback{width:46px;height:46px;line-height:46px}
.form-group-sm .form-control+.form-control-feedback{width:30px;height:30px;line-height:30px}
.has-success .radio,.has-success .checkbox,.has-success.radio label,.has-success.checkbox label{color:#BD84FF}
.has-success .form-control{border-color:#BD84FF;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}
.has-success .form-control:focus{border-color:#BD84FF;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #BD84FF;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #BD84FF}
.has-success .form-control-feedback{color:#BD84FF}
.has-warning .radio,.has-warning .checkbox,.has-warning.radio label,.has-warning.checkbox label{color:#BD84FF}
.has-warning .form-control{border-color:#BD84FF;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}
.has-warning .form-control:focus{border-color:#BD84FF;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #BD84FF;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #BD84FF}
.has-warning .form-control-feedback{color:#BD84FF}
.has-error .radio,.has-error .checkbox,.has-error.radio label,.has-error.checkbox label{color:#BD84FF}
.has-error .form-control{border-color:#BD84FF;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}
.has-error .form-control:focus{border-color:#BD84FF;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #BD84FF;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #BD84FF}
.has-error .form-control-feedback{color:#BD84FF}
.has-feedback label ~ .form-control-feedback{top:25px}
@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}
.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}
.form-inline .form-control-static{display:inline-block}
.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}
.form-inline .radio label,.form-inline .checkbox label{padding-left:0}
.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{position:relative;margin-left:0}
.form-inline .has-feedback .form-control-feedback{top:0}}
.form-horizontal .radio,.form-horizontal .checkbox{margin-top:0;margin-bottom:0;padding-top:7px}
.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}
.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}
.form-horizontal .form-group:before,.form-horizontal .form-group:after{content:" ";display:table}
.form-horizontal .form-group:after{clear:both}
.form-horizontal .has-feedback .form-control-feedback{right:15px}
.btn{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:20px;line-height:1.428571429;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.btn:focus,.btn.focus,.btn:active:focus,.btn:active.focus,.btn.active:focus,.btn.active.focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.btn:hover,.btn:focus,.btn.focus{color:#333;text-decoration:none}
.btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}
a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}
.btn-default{color:#333;background-color:#fff;border-color:#ccc}
.btn-default:focus,.btn-default.focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}
.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}
.btn-default:active,.btn-default.active{color:#333;background-color:#e6e6e6;border-color:#adadad}
.btn-default:active:hover,.btn-default:active:focus,.btn-default:active.focus,.btn-default.active:hover,.btn-default.active:focus,.btn-default.active.focus{color:#333;background-color:#d4d4d4;border-color:#8c8c8c}
.btn-default:active,.btn-default.active{background-image:none}
.btn-default.disabled:hover,.btn-default.disabled:focus,.btn-default.disabled.focus,.btn-default[disabled]:hover,.btn-default[disabled]:focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default:hover,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default.focus{background-color:#fff;border-color:#ccc}
.btn-default .badge{color:#fff;background-color:#333}
.btn-primary{color:#fff;background-color:#0F1011;border-color:#0F1011}
.btn-primary:focus,.btn-primary.focus{color:#fff;background-color:#0F1011;border-color:#0F1011}
.btn-primary:hover{color:#fff;background-color:#0F1011;border-color:#0F1011}
.btn-primary:active,.btn-primary.active{color:#fff;background-color:#0F1011;border-color:#0F1011}
.btn-primary:active:hover,.btn-primary:active:focus,.btn-primary:active.focus,.btn-primary.active:hover,.btn-primary.active:focus,.btn-primary.active.focus{color:#fff;background-color:#0F1011;border-color:#0F1011}
.btn-primary:active,.btn-primary.active{background-image:none}
.btn-primary.disabled:hover,.btn-primary.disabled:focus,.btn-primary.disabled.focus,.btn-primary[disabled]:hover,.btn-primary[disabled]:focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary:hover,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary.focus{background-color:#0F1011;border-color:#0F1011}
.btn-primary .badge{color:#0F1011;background-color:#fff}
.btn-success{color:#fff;background-color:#BD84FF;border-color:#BD84FF}
.btn-success:focus,.btn-success.focus{color:#fff;background-color:#BD84FF;border-color:#BD84FF}
.btn-success:hover{color:#fff;background-color:#BD84FF;border-color:#BD84FF}
.btn-success:active,.btn-success.active{color:#fff;background-color:#BD84FF;border-color:#BD84FF}
.btn-success:active:hover,.btn-success:active:focus,.btn-success:active.focus,.btn-success.active:hover,.btn-success.active:focus,.btn-success.active.focus{color:#fff;background-color:#BD84FF;border-color:#BD84FF}
.btn-success:active,.btn-success.active{background-image:none}
.btn-success.disabled:hover,.btn-success.disabled:focus,.btn-success.disabled.focus,.btn-success[disabled]:hover,.btn-success[disabled]:focus,.btn-success[disabled].focus,fieldset[disabled] .btn-success:hover,fieldset[disabled] .btn-success:focus,fieldset[disabled] .btn-success.focus{background-color:#BD84FF;border-color:#BD84FF}
.btn-success .badge{color:#BD84FF;background-color:#fff}
.btn-info{color:#fff;background-color:#BD84FF;border-color:#BD84FF}
.btn-info:focus,.btn-info.focus{color:#fff;background-color:#BD84FF;border-color:#BD84FF}
.btn-info:hover{color:#fff;background-color:#BD84FF;border-color:#BD84FF}
.btn-info:active,.btn-info.active{color:#fff;background-color:#BD84FF;border-color:#BD84FF}
.btn-info:active:hover,.btn-info:active:focus,.btn-info:active.focus,.btn-info.active:hover,.btn-info.active:focus,.btn-info.active.focus{color:#fff;background-color:#BD84FF;border-color:#BD84FF}
.btn-info:active,.btn-info.active{background-image:none}
.btn-info.disabled:hover,.btn-info.disabled:focus,.btn-info.disabled.focus,.btn-info[disabled]:hover,.btn-info[disabled]:focus,.btn-info[disabled].focus,fieldset[disabled] .btn-info:hover,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info.focus{background-color:#BD84FF;border-color:#BD84FF}
.btn-info .badge{color:#BD84FF;background-color:#fff}
.btn-warning{color:#fff;background-color:#BD84FF;border-color:#BD84FF}
.btn-warning:focus,.btn-warning.focus{color:#fff;background-color:#BD84FF;border-color:#BD84FF}
.btn-warning:hover{color:#fff;background-color:#BD84FF;border-color:#BD84FF}
.btn-warning:active,.btn-warning.active{color:#fff;background-color:#BD84FF;border-color:#BD84FF}
.btn-warning:active:hover,.btn-warning:active:focus,.btn-warning:active.focus,.btn-warning.active:hover,.btn-warning.active:focus,.btn-warning.active.focus{color:#fff;background-color:#BD84FF;border-color:#BD84FF}
.btn-warning:active,.btn-warning.active{background-image:none}
.btn-warning.disabled:hover,.btn-warning.disabled:focus,.btn-warning.disabled.focus,.btn-warning[disabled]:hover,.btn-warning[disabled]:focus,.btn-warning[disabled].focus,fieldset[disabled] .btn-warning:hover,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning.focus{background-color:#BD84FF;border-color:#BD84FF}
.btn-warning .badge{color:#BD84FF;background-color:#fff}
.btn-danger{color:#fff;background-color:#BD84FF;border-color:#BD84FF}
.btn-danger:focus,.btn-danger.focus{color:#fff;background-color:#BD84FF;border-color:#BD84FF}
.btn-danger:hover{color:#fff;background-color:#BD84FF;border-color:#BD84FF}
.btn-danger:active,.btn-danger.active{color:#fff;background-color:#BD84FF;border-color:#BD84FF}
.btn-danger:active:hover,.btn-danger:active:focus,.btn-danger:active.focus,.btn-danger.active:hover,.btn-danger.active:focus,.btn-danger.active.focus{color:#fff;background-color:#BD84FF;border-color:#BD84FF}
.btn-danger:active,.btn-danger.active{background-image:none}
.btn-danger.disabled:hover,.btn-danger.disabled:focus,.btn-danger.disabled.focus,.btn-danger[disabled]:hover,.btn-danger[disabled]:focus,.btn-danger[disabled].focus,fieldset[disabled] .btn-danger:hover,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger.focus{background-color:#BD84FF;border-color:#BD84FF}
.btn-danger .badge{color:#BD84FF;background-color:#fff}
.btn-link{color:#BD84FF;font-weight:normal;border-radius:0}
.btn-link,.btn-link:active,.btn-link.active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}
.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}
.btn-link:hover,.btn-link:focus{color:#BD84FF;text-decoration:underline;background-color:transparent}
.btn-link[disabled]:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:hover,fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none}
.btn-lg,.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px}
.btn-sm,.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
.btn-xs,.btn-group-xs>.btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}
.btn-block{display:block;width:100%}
.btn-block+.btn-block{margin-top:5px}
input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}
.open>a{outline:0}
.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}
.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}
.btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn:hover,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn.active{z-index:2}
.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}
.btn-toolbar{margin-left:-5px}
.btn-toolbar:before,.btn-toolbar:after{content:" ";display:table}
.btn-toolbar:after{clear:both}
.btn-toolbar .btn,.btn-toolbar .btn-group{float:left}
.btn-toolbar>.btn,.btn-toolbar>.btn-group{margin-left:5px}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}
.btn-group>.btn:first-child{margin-left:0}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}
.btn-group>.btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}
.btn-group>.btn-group{float:left}
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}
.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child{border-bottom-right-radius:0;border-top-right-radius:0}
.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}
.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}
.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after{content:" ";display:table}
.btn-group-vertical>.btn-group:after{clear:both}
.btn-group-vertical>.btn-group>.btn{float:none}
.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}
.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}
.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}
.btn-group-vertical>.btn:last-child:not(:first-child){border-top-right-radius:0;border-top-left-radius:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}
.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0}
.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}
.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}
.btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%}
.btn-group-justified>.btn-group .btn{width:100%}
[data-toggle="buttons"]>.btn input[type="radio"],[data-toggle="buttons"]>.btn input[type="checkbox"],[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}
.nav{margin-bottom:0;padding-left:0;list-style:none}
.nav:before,.nav:after{content:" ";display:table}
.nav:after{clear:both}
.nav>li{position:relative;display:block}
.nav>li>a{position:relative;display:block;padding:10px 15px}
.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}
.nav>li.disabled>a{color:#777}
.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#777;text-decoration:none;background-color:transparent;cursor:not-allowed}
.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#BD84FF}
.nav>li>a>img{max-width:none}
.navbar-nav{margin:7.5px -15px}
.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}
@media (min-width:768px){.navbar-nav{float:left;margin:0}
.navbar-nav>li{float:left}
.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.428571429;text-decoration:none;color:#BD84FF;background-color:#fff;border:1px solid #ddd;margin-left:-1px}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}
.pagination>li>a:hover,.pagination>li>a:focus,.pagination>li>span:hover,.pagination>li>span:focus{z-index:2;color:#BD84FF;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:hover,.pagination>.active>a:focus,.pagination>.active>span,.pagination>.active>span:hover,.pagination>.active>span:focus{z-index:3;color:#fff;background-color:#BD84FF;border-color:#BD84FF;cursor:default}
.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed}
.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}
.label:empty{display:none}
.btn .label{position:relative;top:-1px}
a.label:hover,a.label:focus{color:#fff;text-decoration:none;cursor:pointer}
.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:bold;color:#fff;line-height:1;vertical-align:middle;white-space:nowrap;text-align:center;background-color:#777;border-radius:10px}
.badge:empty{display:none}
.btn .badge{position:relative;top:-1px}
.btn-xs .badge,.btn-group-xs>.btn .badge,.btn-group-xs>.btn .badge{top:0;padding:1px 5px}
a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}
.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}
.alert h4{margin-top:0;color:inherit}
.alert>p,.alert>ul{margin-bottom:0}
.alert>p+p{margin-top:5px}
@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}
@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}
.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}
.media{margin-top:15px}
.media:first-child{margin-top:0}
.media{zoom:1;overflow:hidden}
.close{float:right;font-size:30px;font-weight:bold;line-height:1;color:#0F1011;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}
.close:hover,.close:focus{color:#0F1011;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}
button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}
.hide{display:none !important}
.show{display:block !important}
.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.hidden{display:none !important}
@-ms-viewport{width:device-width}
@media (max-width:767px){table.visible-xs{display:table !important}
tr.visible-xs{display:table-row !important}
th.visible-xs,td.visible-xs{display:table-cell !important}}
@media (min-width:768px) and (max-width:991px){table.visible-sm{display:table !important}
tr.visible-sm{display:table-row !important}
th.visible-sm,td.visible-sm{display:table-cell !important}}
@media (min-width:992px) and (max-width:1199px){table.visible-md{display:table !important}
tr.visible-md{display:table-row !important}
th.visible-md,td.visible-md{display:table-cell !important}}
@media (min-width:1200px){table.visible-lg{display:table !important}
tr.visible-lg{display:table-row !important}
th.visible-lg,td.visible-lg{display:table-cell !important}}
@media print{table.visible-print{display:table !important}
tr.visible-print{display:table-row !important}
th.visible-print,td.visible-print{display:table-cell !important}}
@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
[canvas],[off-canvas*=push]{z-index:1}
[off-canvas*=reveal],[off-canvas*=shift]{z-index:0}
[canvas=container],[off-canvas],body,html{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body,html{width:100%;height:100%;overflow:hidden}
[canvas=container]{width:100%;height:100%;overflow-y:auto;position:relative;-webkit-overflow-scrolling:touch}
[canvas=container]:after,[canvas=container]:before{clear:both;content:'';display:table}
[off-canvas]{display:none;position:fixed;overflow:hidden;overflow-y:auto;background-color:#0F1011;color:#fff;-webkit-overflow-scrolling:touch}
[off-canvas*=top]{width:100%;height:255px;top:0}
[off-canvas*=right]{width:255px;height:100%;top:0;right:0}
[off-canvas*=bottom]{width:100%;height:255px;bottom:0}
[off-canvas*=left]{width:255px;height:100%;top:0;left:0}
[off-canvas*=overlay]{z-index:9999}
[canvas],[off-canvas]{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transition:-webkit-transform .3s;transition:transform .3s;}
[off-canvas*=shift][off-canvas*=top]{-webkit-transform:translate(0,50%);transform:translate(0,50%)}
[off-canvas*=shift][off-canvas*=right]{-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
[off-canvas*=shift][off-canvas*=bottom]{-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}
[off-canvas*=shift][off-canvas*=left]{-webkit-transform:translate(50%,0);transform:translate(50%,0)}
@media print{[canvas]{-webkit-transform:translate(0,0)!important;-ms-transform:translate(0,0)!important;transform:translate(0,0)!important}
[off-canvas]{display:none!important}}
body.layout--bakery{overflow:initial !important;}
.image-position-bottom .ce-image > .ce-gallery{margin-bottom:0 !important;}
.text-position-bottom{display:grid;align-items:end;}
.text-position-bottom p{margin-bottom:0 !important;}
.main-content .frame>p{font-size:1.75rem;margin:0px 0 40px;text-align:left;color:#ffffff;}
.text-center{text-align:center !important;}
.text-right{text-align:right !important;}
.ce-image.ce-center .ce-column{display:flex;justify-content:center;}
figure.video{height:100% !important;padding-bottom:0 !important;}
@media (min-width:0) and (max-width:767px){}
@media (min-width:768px) and (max-width:991px){}
@media (min-width:992px) and (max-width:1199px){}
@media (min-width:1200px){}
@media (min-width:0) and (max-width:767px){}
@media (min-width:768px) and (max-width:991px){}
@media (min-width:992px) and (max-width:1199px){}
@media (min-width:1200px){}
@media (min-width:0) and (max-width:767px){}
@media (min-width:768px) and (max-width:991px){}
@media (min-width:992px) and (max-width:1199px){}
@media (min-width:1200px){}
@media (min-width:0) and (max-width:767px){}
@media (min-width:768px) and (max-width:991px){}
@media (min-width:992px) and (max-width:1199px){}
@media (min-width:1200px){}
@media (min-width:0) and (max-width:767px){}
@media (min-width:768px) and (max-width:991px){}
@media (min-width:992px) and (max-width:1199px){}
@media (min-width:1200px){}
@media (min-width:0) and (max-width:767px){
}
@media (min-width:768px) and (max-width:991px){
}
@media (min-width:992px) and (max-width:1199px){
}
@media (min-width:1200px){
}
@media (min-width:0) and (max-width:767px){}
@media (min-width:768px) and (max-width:991px){}
@media (min-width:992px) and (max-width:1199px){}
@media (min-width:1200px){}
@media (min-width:0) and (max-width:767px){}
@media (min-width:768px) and (max-width:991px){}
@media (min-width:992px) and (max-width:1199px){}
@media (min-width:1200px){}
@media (min-width:0) and (max-width:767px){}
@media (min-width:768px) and (max-width:991px){}
@media (min-width:992px) and (max-width:1199px){}
@media (min-width:1200px){}
@media (min-width:0) and (max-width:767px){}
@media (min-width:768px) and (max-width:991px){}
@media (min-width:992px) and (max-width:1199px){}
@media (min-width:1200px){}
@media (min-width:0) and (max-width:767px){}
@media (min-width:768px) and (max-width:991px){}
@media (min-width:992px) and (max-width:1199px){}
@media (min-width:1200px){}
@media (min-width:0) and (max-width:767px){
}
@media (min-width:768px) and (max-width:991px){
}
@media (min-width:992px) and (max-width:1199px){
}
@media (min-width:1200px){
}
@media (min-width:768px){.slidebar .nav.navbar-nav,.slidebar .nav.navbar-nav > li{float:none !important;}}
.slidebar{margin-top:0px;background-color:#0F1011;}
.slidebar .nav>li>a{color:#fff;}
.slidebar .nav>li>a:hover{background-color:transparent;}
.slidebar .nav>li>a:active{background-color:transparent;color:#BD84FF;}
.slidebar .nav>li>a:disabled{background-color:#555;color:#fff;}
.footer{width:100%;min-height:60px;}
.footer__info{background-color:#0F1011;color:#fff;}
.footer__components{background-color:#0F1011;color:#fff;}
.footer__sitemap{background-color:#BD84FF;color:#fff;}
.footer__sitemap ul.sitemap{padding:0;margin:0;list-style:none;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-ms-flex-pack:justify;}
.footer__sitemap ul.sitemap li{font-weight:bold;}
.footer__brand{background-color:#0F1011;color:#fff;}
.ce-table tr th{vertical-align:top;position:relative;border-bottom:1px solid #0F1011;padding:15px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.ce-table tr th:first-of-type{padding-left:25px;}
.ce-table tr th:last-of-type{padding-right:25px;}
.ce-table tr td{vertical-align:top;position:relative;border-bottom:1px solid #c7c7c7;padding:15px 15px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.ce-table tr td:first-of-type{padding-left:25px;}
.ce-table tr td:last-of-type{padding-right:25px;}
.ce-table tr:last-child td{border-bottom:0;}
.header h1,.header h2,.header h3,.header h4,.header h5,.header h6{font-size:inherit;font-weight:normal;margin:0;}
.header{font-size:inherit;}
.header--h1{font-size:36px;}
.header--h2{font-size:30px;}
.header--h3{font-size:24px;}
.header--h4{font-size:18px;}
.header--h5{font-size:14px;}
.header--h6{font-size:12px;}
.header .header__header{font-size:inherit;}
.header--h1 .header__header{font-size:inherit;}
.header--h2 .header__header{font-size:inherit;}
.header--h3 .header__header{font-size:inherit;}
.header--h4 .header__header{font-size:inherit;}
.header--h5 .header__header{font-size:inherit;}
.header--h6 .header__header{font-size:inherit;}
.header .header__subheader{font-size:inherit;}
.header--h1 .header__subheader{font-size:inherit;}
.header--h2 .header__subheader{font-size:inherit;}
.header--h3 .header__subheader{font-size:inherit;}
.header--h4 .header__subheader{font-size:inherit;}
.header--h5 .header__subheader{font-size:inherit;}
.header--h6 .header__subheader{font-size:inherit;}
.header--align-left{text-align:left;}
.header--align-right{text-align:right;}
.header--align-center{text-align:center;}
div[canvas="container"]{position:static;-o-transform:none;-moz-transform:none;-webkit-transform:none;transform:none;}
div[canvas="container"] .main-container{position:relative;min-height:100%;}
@media (min-width:0) and (max-width:767px){div[canvas="container"] .main-container{padding-top:0px;}}
@media (min-width:768px) and (max-width:991px){div[canvas="container"] .main-container{padding-top:0px;}}
@media (min-width:992px) and (max-width:1199px){div[canvas="container"] .main-container{padding-top:0px;}}
@media (min-width:1200px){div[canvas="container"] .main-container{padding-top:0px;}}
.frame-layout-zoom-in .ce-textpic,.frame-layout-slide-up .ce-textpic,.frame-layout-desaturate .ce-textpic{position:relative;display:inline-block;}
.ce-intext.ce-right .frame-layout-zoom-in .ce-gallery,.ce-intext.ce-left .frame-layout-zoom-in .ce-gallery,.ce-above .ce-gallery .frame-layout-zoom-in .ce-gallery,.frame-layout-zoom-in .ce-gallery,.ce-intext.ce-right .frame-layout-slide-up .ce-gallery,.ce-intext.ce-left .frame-layout-slide-up .ce-gallery,.ce-above .ce-gallery .frame-layout-slide-up .ce-gallery,.frame-layout-slide-up .ce-gallery,.ce-intext.ce-right .frame-layout-desaturate .ce-gallery,.ce-intext.ce-left .frame-layout-desaturate .ce-gallery,.ce-above .ce-gallery .frame-layout-desaturate .ce-gallery,.frame-layout-desaturate .ce-gallery{margin-bottom:0;}
.frame-layout-zoom-in .ce-bodytext,.frame-layout-slide-up .ce-bodytext,.frame-layout-desaturate .ce-bodytext{position:absolute;padding:15px;}
.frame-layout-zoom-in .ce-bodytext{background-color:rgba(0,0,0,0.54);color:#fff;}
.frame-layout-slide-up .ce-bodytext{background-color:rgba(0,0,0,0.54);color:#fff;}
.frame-layout-desaturate .ce-bodytext{background-color:rgba(0,0,0,0.54);color:#fff;}
.frame-layout-zoom-in .ce-bodytext,.frame-layout-desaturate .ce-bodytext{bottom:0;width:100%;}
.frame-layout-zoom-in .image{-o-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-o-transition:transform linear 2s;-moz-transition:transform linear 2s;-webkit-transition:transform linear 2s;transition:transform linear 2s;}
.frame-layout-zoom-in .ce-textpic.is-hovered .image{-o-transform:scale3d(1.25,1.25,1);-moz-transform:scale3d(1.25,1.25,1);-webkit-transform:scale3d(1.25,1.25,1);transform:scale3d(1.25,1.25,1);}
.frame-layout-slide-up .ce-bodytext{top:0;right:0;bottom:0;left:0;-o-transition:transform ease-in-out 300ms;-moz-transition:transform ease-in-out 300ms;-webkit-transition:transform ease-in-out 300ms;transition:transform ease-in-out 300ms;-o-transform:translate3d(0,-115px,0) translate3d(0,100%,0);-moz-transform:translate3d(0,-115px,0) translate3d(0,100%,0);-webkit-transform:translate3d(0,-115px,0) translate3d(0,100%,0);transform:translate3d(0,-115px,0) translate3d(0,100%,0);}
.frame-layout-slide-up .ce-textpic.is-hovered .ce-bodytext{-o-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.frame-layout-desaturate .image{filter:grayscale(100%);-o-transition:filter ease-in-out 1s;-moz-transition:filter ease-in-out 1s;-webkit-transition:filter ease-in-out 1s;transition:filter ease-in-out 1s;}
.frame-layout-desaturate:hover .image{filter:grayscale(0%);-o-transition:filter ease-in-out 1s;-moz-transition:filter ease-in-out 1s;-webkit-transition:filter ease-in-out 1s;transition:filter ease-in-out 1s;}
@keyframes pop{0%{-o-transform:scale3d(1.5,1.5,1);-moz-transform:scale3d(1.5,1.5,1);-webkit-transform:scale3d(1.5,1.5,1);transform:scale3d(1.5,1.5,1);}100%{-o-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}}
@keyframes slide-in-left{0%{left:-100px;}100%{left:0;}}
@keyframes slide-in-right{0%{right:-100px;}100%{right:0;}}
@keyframes slide-in-top{0%{top:-100px;}100%{top:0;}}
@keyframes slide-in-bottom{0%{bottom:-100px;}100%{bottom:0;}}
@keyframes fade-in{0%{opacity:0;}100%{opacity:1;}}
.animate{position:relative;}
.frame-animation--slide-in-left.animate{-o-animation:1000ms slide-in-left,1000ms fade-in;-moz-animation:1000ms slide-in-left,1000ms fade-in;-webkit-animation:1000ms slide-in-left,1000ms fade-in;animation:1000ms slide-in-left,1000ms fade-in;}
.frame-animation--slide-in-right.animate{-o-animation:1000ms slide-in-right,1000ms fade-in;-moz-animation:1000ms slide-in-right,1000ms fade-in;-webkit-animation:1000ms slide-in-right,1000ms fade-in;animation:1000ms slide-in-right,1000ms fade-in;}
.frame-animation--slide-in-top.animate{-o-animation:1000ms slide-in-top,1000ms fade-in;-moz-animation:1000ms slide-in-top,1000ms fade-in;-webkit-animation:1000ms slide-in-top,1000ms fade-in;animation:1000ms slide-in-top,1000ms fade-in;}
.frame-animation--slide-in-bottom.animate{-o-animation:1000ms slide-in-bottom,1000ms fade-in;-moz-animation:1000ms slide-in-bottom,1000ms fade-in;-webkit-animation:1000ms slide-in-bottom,1000ms fade-in;animation:1000ms slide-in-bottom,1000ms fade-in;}
.frame-animation--fade-in.animate{-o-animation:1000ms fade-in;-moz-animation:1000ms fade-in;-webkit-animation:1000ms fade-in;animation:1000ms fade-in;}
html{font-size:20px;font-weight:300;}
hr{margin:0;border-width:5px;border-color:#0F1011;}
.text-center{font-size:1.75rem;margin:0px 0 40px;}
@media (min-width:0) and (max-width:767px){.text-center{font-size:1.25rem;}}
a{color:#0F1011;}
.layout--orange{background:#BD84FF;}
.layout--orange .static--slider__image{background:#BD84FF;}
.layout--orange .dreispalter{background-color:#BD84FF;}
.layout--orange .footer__components{background-color:#BD84FF;}
.layout--orange .footer__brand{background-color:#BD84FF;}
.layout--dark a{color:#fff;}
.layout--bakery{background:#0F1011;}
.layout--bakery .static--slider__image{background:#0F1011;}
.layout--bakery .dreispalter{background-color:#0F1011;}
.layout--bakery .footer__components{background-color:#0F1011;}
.layout--bakery .footer__brand{background-color:#0F1011;}
.layout--bakery .image-center figure.image{display:grid;justify-content:center;}
.image-fullwidth figure.image img{width:100%;}
.buttons.centered{display:flex;justify-content:center;}
.buttons.right{display:flex;justify-content:end;}
.buttons .button{font-size:36px;line-height:1;color:#ffffff;border:3px solid #ffffff;border-radius:10vmax;padding:13px 35px 4px 35px;margin-left:1.375rem;}
.buttons .button:hover{background-color:#ffffff;color:#0F1011;}
::-moz-selection{background:rgba(189,132,255,0.99);}
body{font-weight:100;}
@media (min-width:0) and (max-width:767px){.layout--project .main-container{padding-top:59px !important;}}
.slidebar{width:100%;}
.slidebar .nav{margin:0;}
.slidebar .nav>li>a{font-weight:600;font-family:"TT Commons","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:4.5rem;text-transform:lowercase;}
@media (max-width:570px){.slidebar .nav>li>a{font-size:15vw;}}
.slidebar .nav>li.active a{color:#BD84FF;}
.ce-gallery img{width:100%;height:auto;}
.ce-gallery .ce-outer,.ce-gallery .ce-inner{position:static;float:none;right:0;left:0;}
.ce-gallery .ce-inner{display:flex;-ms-flex-direction:column;-webkit-flex-flow:column;flex-flow:column;}
.ce-gallery .ce-row{margin:0 -15px;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;}
.ce-gallery .ce-column{margin:0;}
.ce-gallery[data-ce-columns="1"] .ce-column{-ms-webkit-flex:0 0 100%;flex:0 0 100%;}
.ce-gallery[data-ce-columns="2"] .ce-column{-ms-webkit-flex:0 0 50%;flex:0 0 50%;}
.ce-gallery[data-ce-columns="3"] .ce-column{-ms-webkit-flex:0 0 33.3333%;flex:0 0 33.3333%;}
@media (min-width:0) and (max-width:767px){.ce-gallery[data-ce-columns="3"] .ce-column{-ms-webkit-flex:0 0 100%;flex:0 0 100%;}}
.ce-gallery[data-ce-columns="4"] .ce-column{-ms-webkit-flex:0 0 25%;flex:0 0 25%;}
@media (min-width:0) and (max-width:767px){.ce-gallery[data-ce-columns="4"] .ce-column{-ms-webkit-flex:0 0 50%;flex:0 0 50%;}}
.frame-subheader--text{font-size:1.4rem;font-weight:lighter;}
.frame-center--text{text-align:center;font-size:1.85rem;font-weight:100;}
.frame-center--text p{margin-bottom:25px;}
.frame-center--text a{color:#fff;}
@media (min-width:0) and (max-width:767px){.frame-center--text{font-size:1.25rem;}}
.frame-centerborder--text{text-align:center;font-weight:500;font-size:1.25rem;}
.frame-centerborder--text p{display:inline-block;padding:0 50px 10px;border-bottom:2px solid #fff;}
@media (min-width:0) and (max-width:767px){.frame-centerborder--text{font-size:1.0rem;}}
.frame-year--text{font-size:4.5rem;font-weight:600;line-height:4.0rem;}
@media (min-width:0) and (max-width:767px){.frame-year--text{font-size:3.5rem;}}
@media (min-width:0) and (max-width:767px){.frame-project-gal .ce-gallery[data-ce-columns="2"] .ce-column{-ms-webkit-flex:0 0 100%;flex:0 0 100%;padding-top:0;padding-bottom:15px;}}
header.header--h1 .header__header{font-family:'TT Commons',Helvetica,Arial,sans-serif;font-weight:600;font-size:5.5rem !important;}
@media (min-width:0) and (max-width:767px){header.header--h1 .header__header{font-size:2.0rem !important;}}
@media (min-width:768px) and (max-width:991px){header.header--h1 .header__header{font-size:3.5rem !important;}}
header.header--h1 .header__subheader{font-family:'TT Commons',Helvetica,Arial,serif;font-size:5.5rem !important;line-height:0.9em;}
@media (min-width:0) and (max-width:767px){header.header--h1 .header__subheader{font-size:2.0rem !important;}}
@media (min-width:768px) and (max-width:991px){header.header--h1 .header__subheader{font-size:3.5rem !important;}}
header.header--h2 .header__header{font-family:'TT Commons',Helvetica,Arial,sans-serif;}
header.header--h3 .header__header{font-family:'TT Commons',Helvetica,Arial,sans-serif;}
.section--primary header.header--h3 .header__header{color:#fff;}
header.header--h4 .header__header{font-size:1.1rem;font-weight:100;}
.frame-subheader--text header.header--h1 .header__header{margin-bottom:30px;}
.frame-subheader--text header.header--h1 .header__subheader{font-family:'TT Commons',Helvetica,Arial,sans-serif;font-size:1.4rem !important;font-weight:500;}
@media (min-width:0) and (max-width:767px){.frame-subheader--text header.header--h1 .header__subheader{line-height:1.2em;}}
@media (min-width:768px) and (max-width:991px){.frame-subheader--text header.header--h1 .header__subheader{line-height:1.2em;}}
.footer--section{padding:55px 0 30px;}
.footer__components header.header--h4 .header__header{font-size:1.75rem;}
.footer__components .ce-gallery .ce-row:first-child .ce-column:first-child svg{height:40px;}
.footer__components .ce-gallery .ce-row:first-child .ce-column:last-child svg{height:35px;}
@media (min-width:0) and (max-width:767px){.footer__components .ce-gallery[data-ce-columns="3"] .ce-column{-ms-webkit-flex:0 0 33.3333%;flex:0 0 33.3333%;}}
.footer__components svg{width:100%;height:auto;}
.footer__components svg path{fill:#fff;}
@media (min-width:768px) and (max-width:991px){.footer__components svg{height:55px;}}
@media (min-width:992px) and (max-width:1199px){.footer__components svg{height:55px;}}
.footer__brand{font-size:16px;}
.footer__brand a{color:#fff;}
@-webkit-keyframes mouse-wheel{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}100%{opacity:0;-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);}}
@-moz-keyframes mouse-wheel{0%{top:1px;}25%{top:2px;}50%{top:3px;}75%{top:2px;}100%{top:1px;}}
@-webkit-keyframes mouse-scroll{0%{opacity:0;}50%{opacity:.5;}100%{opacity:1;}}
@-moz-keyframes mouse-scroll{0%{opacity:0;}50%{opacity:.5;}100%{opacity:1;}}
@-o-keyframes mouse-scroll{0%{opacity:0;}50%{opacity:.5;}100%{opacity:1;}}
@keyframes mouse-scroll{0%{opacity:0;}50%{opacity:.5;}100%{opacity:1;}}
.pageteasers{margin-left:0;margin-right:0;}
.pageteasers:before,.pageteasers:after{content:" ";display:table;}
.pageteasers:after{clear:both;}
.pageteasers__item{float:left;width:50%;position:relative;min-height:1px;padding:0;overflow:hidden;}
@media (min-width:768px){.pageteasers__item{float:left;width:50%;}}
.pageteaser{position:relative;}
.pageteaser__overlay{display:none;position:absolute;align-items:center;width:100%;height:100%;}
.pageteaser__mainTitle{position:absolute;z-index:2;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-transform:uppercase;color:#0F1011;font-size:2.5rem;font-weight:500;}
.pageteaser__content{padding:0 15px;color:#fff;display:flex;justify-content:center;align-items:center;height:100%;position:relative;z-index:2;}
.pageteaser__title{text-transform:uppercase;font-size:1.5rem;font-weight:600;}
.pageteaser__title a{color:#fff;text-decoration:none;}
.pageteaser__title a:hover{text-decoration:underline;}
@media (max-width:500px){.pageteaser__title{font-size:1.25rem;}}
.pageteaser__text{margin-bottom:20px;}
.pageteaser__link a{color:#fff;text-decoration:none;font-weight:600;text-transform:uppercase;}
.pageteaser__background{opacity:0.7;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;}
.pageteaser__image{position:relative;}
.pageteaser__image img{width:100%;height:auto;}
.pageteaser:hover .pageteaser__overlay{display:block;z-index:1;}
.pageteaser:hover .pageteaser__mainTitle{display:none;}
.projectslider.yas{padding:0px;}
@media (min-width:0) and (max-width:767px){}
@media (min-width:0) and (max-width:767px){}
@media (min-width:0) and (max-width:767px){}
.projectslider.yas .yas__item,.projectslider.yas .yas__temporary{position:relative;overflow:hidden;}
@media (min-width:0) and (max-width:767px){}
@media (min-width:0) and (max-width:767px){}
.projectslider.yas .yas__progress{position:absolute;bottom:0;}
.project--links{margin-left:-15px;margin-right:-15px;}
.project--links:before,.project--links:after{content:" ";display:table;}
.project--links:after{clear:both;}
.project--link__overview,.project--link__nextproject{float:left;width:100%;position:relative;min-height:1px;padding-left:15px;padding-right:15px;}
@media (min-width:768px){.project--link__overview,.project--link__nextproject{float:left;width:50%;}}
.project--link__overview a,.project--link__nextproject a{font-weight:600;color:#0F1011;font-size:1.5rem !important;text-decoration:none;}
.project--link__overview{margin-bottom:20px;}
.project--link__nextproject{text-align:right;}
@media (min-width:0) and (max-width:767px){.project--link__nextproject{text-align:left;}}
.static--slider{position:relative;}
.static--slider .static--slider__image{position:relative;height:100%;overflow:hidden;}
.static--slider .static--slider__image img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;height:auto;min-width:100%;min-height:100%;}
.static--slider .static--slider__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);font-size:5.5rem;color:#fff;line-height:0.9em;}
.static--slider .static--slider__content .mainTitle{font-weight:600;}
.static--slider .static--slider__content .subTitle{font-family:"TT Commons",serif;}
@media (min-width:0) and (max-width:767px){.static--slider .static--slider__content .subTitle{margin-bottom:10px;}}
@media (min-width:500px) and (max-width:579px){.static--slider .static--slider__content{font-size:2.5rem !important;}}
@media (min-width:580px) and (max-width:670px){.static--slider .static--slider__content{font-size:2.5rem !important;}}
@media (min-width:0) and (max-width:767px){.static--slider .static--slider__content{font-size:2.5rem;line-height:2.5rem;}}
@media (min-width:768px) and (max-width:991px){.static--slider .static--slider__content{font-size:5.5rem;}}
.videos{width:100%;max-width:955px;display:flex;flex-flow:row wrap;}
.videos.centered{margin:0 auto;}
.videos.w-100{max-width:100%;}
.videos .video-wrapper{width:100%;justify-content:space-around;}
@media (min-width:1200px){.videos .video-wrapper{}}
.videos .video-wrapper .video-item{position:relative;}
.videos .video-wrapper .video-item iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
@media (max-width:992px){.layout--bakery .section--static-fg .section__content-container{width:100%;}
.buttons{flex-wrap:wrap;}
.buttons .button{margin-bottom:1rem;}}
@media (max-width:480px){.buttons .button{font-size:7.4vw;}
.main-content .frame>p{font-size:7.292vw;}}
@media (min-width:0) and (max-width:767px){.space-before-extra-small{margin-top:15px}}
@media (min-width:768px) and (max-width:991px){.space-before-extra-small{margin-top:15px}}
@media (min-width:992px) and (max-width:1199px){.space-before-extra-small{margin-top:15px}}
@media (min-width:1200px){.space-before-extra-small{margin-top:15px}}
@media (min-width:0) and (max-width:767px){.space-before-small{margin-top:30px}}
@media (min-width:768px) and (max-width:991px){.space-before-small{margin-top:30px}}
@media (min-width:992px) and (max-width:1199px){.space-before-small{margin-top:30px}}
@media (min-width:1200px){.space-before-small{margin-top:30px}}
@media (min-width:0) and (max-width:767px){.space-before-medium{margin-top:60px}}
@media (min-width:768px) and (max-width:991px){.space-before-medium{margin-top:60px}}
@media (min-width:992px) and (max-width:1199px){.space-before-medium{margin-top:60px}}
@media (min-width:1200px){.space-before-medium{margin-top:60px}}
@media (min-width:0) and (max-width:767px){.space-before-large{margin-top:100px}}
@media (min-width:768px) and (max-width:991px){.space-before-large{margin-top:100px}}
@media (min-width:992px) and (max-width:1199px){.space-before-large{margin-top:100px}}
@media (min-width:1200px){.space-before-large{margin-top:100px}}
@media (min-width:0) and (max-width:767px){.space-before-extra-large{margin-top:130px}}
@media (min-width:768px) and (max-width:991px){.space-before-extra-large{margin-top:130px}}
@media (min-width:992px) and (max-width:1199px){.space-before-extra-large{margin-top:130px}}
@media (min-width:1200px){.space-before-extra-large{margin-top:130px}}
@media (min-width:0) and (max-width:767px){.space-before-xs-extra-small{margin-top:15px}
.space-before-xs-small{margin-top:30px}
.space-before-xs-medium{margin-top:60px}
.space-before-xs-large{margin-top:100px}
.space-before-xs-extra-large{margin-top:130px}}
@media (min-width:768px) and (max-width:991px){.space-before-sm-extra-small{margin-top:15px}
.space-before-sm-small{margin-top:30px}
.space-before-sm-medium{margin-top:60px}
.space-before-sm-large{margin-top:100px}
.space-before-sm-extra-large{margin-top:130px}}
@media (min-width:992px) and (max-width:1199px){.space-before-md-extra-small{margin-top:15px}
.space-before-md-small{margin-top:30px}
.space-before-md-medium{margin-top:60px}
.space-before-md-large{margin-top:100px}
.space-before-md-extra-large{margin-top:130px}}
@media (min-width:1200px){.space-before-lg-extra-small{margin-top:15px}
.space-before-lg-small{margin-top:30px}
.space-before-lg-medium{margin-top:60px}
.space-before-lg-large{margin-top:100px}
.space-before-lg-extra-large{margin-top:130px}}
@media (min-width:0) and (max-width:767px){}
@media (min-width:768px) and (max-width:991px){}
@media (min-width:992px) and (max-width:1199px){}
@media (min-width:1200px){}
@media (min-width:0) and (max-width:767px){.space-after-small{margin-bottom:30px}}
@media (min-width:768px) and (max-width:991px){.space-after-small{margin-bottom:30px}}
@media (min-width:992px) and (max-width:1199px){.space-after-small{margin-bottom:30px}}
@media (min-width:1200px){.space-after-small{margin-bottom:30px}}
@media (min-width:0) and (max-width:767px){.space-after-medium{margin-bottom:60px}}
@media (min-width:768px) and (max-width:991px){.space-after-medium{margin-bottom:60px}}
@media (min-width:992px) and (max-width:1199px){.space-after-medium{margin-bottom:60px}}
@media (min-width:1200px){.space-after-medium{margin-bottom:60px}}
@media (min-width:0) and (max-width:767px){}
@media (min-width:768px) and (max-width:991px){}
@media (min-width:992px) and (max-width:1199px){}
@media (min-width:1200px){}
@media (min-width:0) and (max-width:767px){.space-after-extra-large{margin-bottom:130px}}
@media (min-width:768px) and (max-width:991px){.space-after-extra-large{margin-bottom:130px}}
@media (min-width:992px) and (max-width:1199px){.space-after-extra-large{margin-bottom:130px}}
@media (min-width:1200px){.space-after-extra-large{margin-bottom:130px}}
@media (min-width:0) and (max-width:767px){.space-after-xs-extra-small{margin-bottom:15px}
.space-after-xs-small{margin-bottom:30px}
.space-after-xs-medium{margin-bottom:60px}
.space-after-xs-large{margin-bottom:100px}
.space-after-xs-extra-large{margin-bottom:130px}}
@media (min-width:768px) and (max-width:991px){.space-after-sm-extra-small{margin-bottom:15px}
.space-after-sm-small{margin-bottom:30px}
.space-after-sm-medium{margin-bottom:60px}
.space-after-sm-large{margin-bottom:100px}
.space-after-sm-extra-large{margin-bottom:130px}}
@media (min-width:992px) and (max-width:1199px){.space-after-md-extra-small{margin-bottom:15px}
.space-after-md-small{margin-bottom:30px}
.space-after-md-medium{margin-bottom:60px}
.space-after-md-large{margin-bottom:100px}
.space-after-md-extra-large{margin-bottom:130px}}
@media (min-width:1200px){.space-after-lg-extra-small{margin-bottom:15px}
.space-after-lg-small{margin-bottom:30px}
.space-after-lg-medium{margin-bottom:60px}
.space-after-lg-large{margin-bottom:100px}
.space-after-lg-extra-large{margin-bottom:130px}}
.section{position:relative;padding:70px 0}
.section.section--expand-bg.section--static-fg .section__background-col{padding-right:0}
@media (min-width:0) and (max-width:767px){}
@media (min-width:768px) and (max-width:991px){.section.section--expand-bg.section--static-fg .section__background-col:first-child,.section.section--expand-bg.section--static-fg .section__background-col:last-child{padding-right:calc(50% - 375px)}}
@media (min-width:992px) and (max-width:1199px){.section.section--expand-bg.section--static-fg .section__background-col:first-child,.section.section--expand-bg.section--static-fg .section__background-col:last-child{padding-right:calc(50% - 485px)}}
@media (min-width:1200px){.section.section--expand-bg.section--static-fg .section__background-col:first-child,.section.section--expand-bg.section--static-fg .section__background-col:last-child{padding-right:calc(50% - 585px)}}
.section.section--expand-bg.section--static-fg .section__background-col{box-sizing:content-box;padding-left:0}
.section.section--expand-bg.section--static-fg .section__background-col.col-xs-12{padding-right:0 !important}
@media (min-width:0) and (max-width:767px){.section.section--expand-bg.section--static-fg .section__background-col{box-sizing:border-box;padding-left:15px}}
@media (min-width:768px) and (max-width:991px){.section.section--expand-bg.section--static-fg .section__background-col.col-sm-12{width:750px}
.section.section--expand-bg.section--static-fg .section__background-col.col-sm-11{width:687.5px}
.section.section--expand-bg.section--static-fg .section__background-col.col-sm-10{width:625px}
.section.section--expand-bg.section--static-fg .section__background-col.col-sm-9{width:562.5px}
.section.section--expand-bg.section--static-fg .section__background-col.col-sm-8{width:500px}
.section.section--expand-bg.section--static-fg .section__background-col.col-sm-7{width:437.5px}
.section.section--expand-bg.section--static-fg .section__background-col.col-sm-6{width:375px}
.section.section--expand-bg.section--static-fg .section__background-col.col-sm-5{width:312.5px}
.section.section--expand-bg.section--static-fg .section__background-col.col-sm-4{width:250px}
.section.section--expand-bg.section--static-fg .section__background-col.col-sm-3{width:187.5px}
.section.section--expand-bg.section--static-fg .section__background-col.col-sm-2{width:125px}
.section.section--expand-bg.section--static-fg .section__background-col.col-sm-1{width:62.5px}}
@media (min-width:992px) and (max-width:1199px){.section.section--expand-bg.section--static-fg .section__background-col.col-md-12{width:970px}
.section.section--expand-bg.section--static-fg .section__background-col.col-md-11{width:889.1666666667px}
.section.section--expand-bg.section--static-fg .section__background-col.col-md-10{width:808.3333333333px}
.section.section--expand-bg.section--static-fg .section__background-col.col-md-9{width:727.5px}
.section.section--expand-bg.section--static-fg .section__background-col.col-md-8{width:646.6666666667px}
.section.section--expand-bg.section--static-fg .section__background-col.col-md-7{width:565.8333333333px}
.section.section--expand-bg.section--static-fg .section__background-col.col-md-6{width:485px}
.section.section--expand-bg.section--static-fg .section__background-col.col-md-5{width:404.1666666667px}
.section.section--expand-bg.section--static-fg .section__background-col.col-md-4{width:323.3333333333px}
.section.section--expand-bg.section--static-fg .section__background-col.col-md-3{width:242.5px}
.section.section--expand-bg.section--static-fg .section__background-col.col-md-2{width:161.6666666667px}
.section.section--expand-bg.section--static-fg .section__background-col.col-md-1{width:80.8333333333px}}
@media (min-width:1200px){.section.section--expand-bg.section--static-fg .section__background-col.col-lg-12{width:1170px}
.section.section--expand-bg.section--static-fg .section__background-col.col-lg-11{width:1072.5px}
.section.section--expand-bg.section--static-fg .section__background-col.col-lg-10{width:975px}
.section.section--expand-bg.section--static-fg .section__background-col.col-lg-9{width:877.5px}
.section.section--expand-bg.section--static-fg .section__background-col.col-lg-8{width:780px}
.section.section--expand-bg.section--static-fg .section__background-col.col-lg-7{width:682.5px}
.section.section--expand-bg.section--static-fg .section__background-col.col-lg-6{width:585px}
.section.section--expand-bg.section--static-fg .section__background-col.col-lg-5{width:487.5px}
.section.section--expand-bg.section--static-fg .section__background-col.col-lg-4{width:390px}
.section.section--expand-bg.section--static-fg .section__background-col.col-lg-3{width:292.5px}
.section.section--expand-bg.section--static-fg .section__background-col.col-lg-2{width:195px}
.section.section--expand-bg.section--static-fg .section__background-col.col-lg-1{width:97.5px}}
.section--static-fg .section__content-container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
.section--static-fg .section__content-container:before,.section--static-fg .section__content-container:after{content:" ";display:table}
.section--static-fg .section__content-container:after{clear:both}
@media (min-width:768px){}
@media (min-width:992px){}
@media (min-width:1200px){}
.section--expand-fg .section__content-container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
.section--expand-fg .section__content-container:before,.section--expand-fg .section__content-container:after{content:" ";display:table}
.section--expand-fg .section__content-container:after{clear:both}
.section__background-container{position:absolute;top:0;right:0;bottom:0;left:0}
.section--static-bg .section__background-container{margin-right:auto;margin-left:auto;}
.section--static-bg .section__background-container:before,.section--static-bg .section__background-container:after{content:" ";display:table}
.section--static-bg .section__background-container:after{clear:both}
@media (min-width:768px){}
@media (min-width:992px){}
@media (min-width:1200px){}
.section--expand-bg .section__background-container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
.section--expand-bg .section__background-container:before,.section--expand-bg .section__background-container:after{content:" ";display:table}
.section--expand-bg .section__background-container:after{clear:both}
.section__background-row{position:absolute;top:0;bottom:0;width:100%}
.section__background-col{height:100%}
.section__background-image{position:absolute;top:0;right:0;left:0}
.section__content>:last-child,.section__content>:last-child>*:last-child{margin-bottom:0}
section.section--white{background-color:#fff;color:#333}
section.section--gray{background-color:#f5f5f5;color:#0F1011}
section.section--gray hr{border-color:#0F1011}
section.section--black{background-color:#0F1011;color:#fff}
section.section--black hr{border-color:#fff}
section.section--primary{background-color:#0F1011;color:#fff}
section.section--primary hr{border-color:#fff}
section.section--secondary{background-color:#BD84FF;color:#fff}
section.section--secondary hr{border-color:#fff}
.section__background-col.section__col--white{background-color:#fff}
.section__background-col.section__col--gray{background-color:#f5f5f5}
.section__background-col.section__col--black{background-color:#0F1011}
.section__background-col.section__col--primary{background-color:#0F1011}
.section__background-col.section__col--secondary{background-color:#BD84FF}
.section__content.section__col--white{color:#333}
.section__content.section__col--white hr{border-color:#333}
.section__content.section__col--gray{color:#0F1011}
.section__content.section__col--gray hr{border-color:#0F1011}
.section__content.section__col--black{color:#fff}
.section__content.section__col--black hr{border-color:#fff}
.section__content.section__col--primary{color:#fff}
.section__content.section__col--primary hr{border-color:#fff}
.section__content.section__col--secondary{color:#fff}
.section__content.section__col--secondary hr{border-color:#fff}
.yas{position:relative;padding:40px 0}
.yas__arrows{display:flex;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:100%;position:absolute}
.yas__arrows-style--outer .yas__arrow--prev{margin-left:-60px}
.yas__arrows-style--outer .yas__arrow--next{margin-right:-60px}
.yas__arrows-style--overlay .yas__arrow{margin:0}
.yas__arrows-position--top{top:0}
.yas__arrows-position--center{top:50%;-o-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.yas__arrows-position--bottom{bottom:0}
.yas__arrow{width:60px}
.yas__progress{border:0;width:100%;background-color:rgba(255,255,255,0);}
.yas__progress::-moz-progress-bar{background-color:#0F1011}
.yas__progress::-webkit-progress-bar{background-color:rgba(255,255,255,0)}
.yas__progress::-webkit-progress-value{background-color:#0F1011}
.yas__dots{display:flex;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;position:absolute;align-items:center;width:100%;height:40px}
.yas__dots-position--top{top:0}
.yas__dots-position--top.yas__dots-style--overlay{top:40px}
.yas__dots-position--bottom{bottom:0}
.yas__dots-position--bottom.yas__dots-style--overlay{bottom:40px}
.yas__dots-align--left{-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start}
.yas__dots-align--center{-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center}
.yas__dots-align--right{-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end}
.yas__dot{width:20px;height:20px;background-color:#777;border-radius:3px;margin:0 5px;cursor:pointer}
.yas__dot:first-child{margin-left:0}
.yas__dot:last-child{margin-right:0}
.yas__dot:hover{background-color:#5e5e5e}
.yas__dot.active{background-color:#0F1011}
.yas__dot.active:hover{background-color:#0F1011}
.yas--enabled .yas__stage{overflow:hidden}
.yas--enabled .yas__items:before,.yas--enabled .yas__items:after{content:" ";display:table}
.yas--enabled .yas__items:after{clear:both}
.yas--enabled .yas__item,.yas--enabled .yas__temporary{float:left;overflow:hidden}
.yas--disabled .yas__items{margin-left:0 !important}
.yas--disabled .yas__arrows{display:none}
.yas--disabled .yas__dots{display:none}
.section__background-image{bottom:auto;height:1400px;background-size:contain;background-repeat:no-repeat}
section.section--white hr{border-color:#0F1011}
.form-control{box-shadow:none !important;line-height:14px}
textarea.form-control{min-height:170px}
.form-navigation .btn-group{float:right}
.form-navigation .btn{border-radius:0;text-transform:uppercase;}
@font-face{font-family:'TT Commons';src:url("/_assets/864f7957c535a70ea3766dcf29256b43/Fonts/TTCommons-Thin.woff2") format('woff2');font-weight:100 400;font-style:normal;font-display:swap}
@font-face{font-family:'TT Commons';src:url("/_assets/864f7957c535a70ea3766dcf29256b43/Fonts/TTCommons-Medium.woff2") format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'TT Commons';src:url("/_assets/864f7957c535a70ea3766dcf29256b43/Fonts/TTCommons-DemiBold.woff2") format('woff2');font-weight:600;font-style:normal;font-display:swap}
[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}
[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}
[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}
[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}
[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}
[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}
[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}
[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}
[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}
[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}
[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}
[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}
[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}
[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}
[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}
[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}
[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}
[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}
[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}
[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}
[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}
[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}
[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}
[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}
[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}
[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}
[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}
[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}
[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}
[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}
[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}
[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}
[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}
[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}
[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}
[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}
[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}
[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}
[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}
[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}
[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}
[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}
[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}
[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}
[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}
[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}
[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}
[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}
[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}
[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}
[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}
[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}
[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}
[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}
[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}
[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}
[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}
[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}
[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}
[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0s}
[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}
[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0s}
[data-aos]{pointer-events:none}
[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}
[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}
[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}
[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}
[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}
[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}
[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}
[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}
[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}
[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}
[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}
[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}
[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}
[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}
[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}
[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}
[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}
[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}
[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}
[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}
@media screen{html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform,-webkit-transform}
html:not(.no-js) [data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}
html:not(.no-js) [data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}
html:not(.no-js) [data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}
html:not(.no-js) [data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}
html:not(.no-js) [data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)}
html:not(.no-js) [data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)}
html:not(.no-js) [data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)}
html:not(.no-js) [data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)}
html:not(.no-js) [data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform,-webkit-transform}
html:not(.no-js) [data-aos=zoom-in]{-webkit-transform:scale(.6);transform:scale(.6)}
html:not(.no-js) [data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)}
html:not(.no-js) [data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)}
html:not(.no-js) [data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)}
html:not(.no-js) [data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)}
html:not(.no-js) [data-aos=zoom-out]{-webkit-transform:scale(1.2);transform:scale(1.2)}
html:not(.no-js) [data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)}
html:not(.no-js) [data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)}
html:not(.no-js) [data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)}
html:not(.no-js) [data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)}
html:not(.no-js) [data-aos^=slide][data-aos^=slide]{transition-property:transform,-webkit-transform;visibility:hidden}
html:not(.no-js) [data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
html:not(.no-js) [data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
html:not(.no-js) [data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
html:not(.no-js) [data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
html:not(.no-js) [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:transform,-webkit-transform}
html:not(.no-js) [data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}
html:not(.no-js) [data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}
html:not(.no-js) [data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}
html:not(.no-js) [data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}}
.space-after-extra-small{margin-bottom:20px;}
body{background-color:#0F1011;}
.yas__progress{color:#BD84FF;}
.yas__progress::-moz-progress-bar{background-color:#BD84FF;}
.footer .ce-gallery[data-ce-columns="4"] .ce-column{-ms-webkit-flex:0 0 25%;flex:0 0 15%;}
.footer .ce-gallery .ce-column{padding:0 15px;}
.spalten100--parent{margin-left:calc(var(--rpunkt-edge) - 15px);margin-right:calc(var(--rpunkt-edge) - 15px);}
.dreispalter{padding-left:15px;padding-right:15px;}
.dreispalter{color:#fff;background-color:#0F1011;}
strong{font-weight:600;}
h1{font-size:3.5rem;letter-spacing:-0.03em;font-weight:600;line-height:0.9;}
h2{font-size:2.5rem;letter-spacing:-0.03em;font-weight:600;line-height:0.9;}
header.header--h2 .header__header,.header__subheader{font-weight:600;color:#fff;font-size:2.5rem !important;letter-spacing:-0.03em;line-height:1;}
header.header--h3 .header__header{font-weight:600;color:#fff;font-size:1.5rem !important;line-height:1.0;}
header.header--h3 .header__subheader{font-weight:100;color:#fff;font-size:1.5rem !important;margin-bottom:10px;}
.static--slider__image{background:#0F1011;}
.static--slider__image__1 img[src$=".gif"]{width:100% !important;min-width:unset !important;min-height:unset !important;max-width:800px !important;}
.static--slider__header{font-weight:600;}
.static--slider .static--slider__content{letter-spacing:-0.03em;}
.static--slider .static--slider__content .subTitle{padding-left:121.7px;}
.text-left{font-size:1.75rem;margin:0px 0 40px;text-align:left;}
.slidebar .nav>li>a{line-height:0.8;letter-spacing:-0.2rem;}
.slidebar .nav > li.active a{color:#BD84FF;}
.slidebar .nav>li>a:hover{color:#BD84FF;}
.nav > li > a:hover,.nav > li > a:focus{background-color:transparent;}
.slidebar .slidebar__btn i{font-size:2.0rem;padding:3px 10px 0 30px;}
.slidebar{color:#fff;}
.form-control{color:#555;height:60px;background-color:transparent;font-size:24px;font-weight:300;border:none;border-bottom:2px solid #fff;padding:20px 20px 0 0;}
.form-group{color:#fff;margin-bottom:20px;}
.form-navigation .btn{font-size:24px;font-weight:600;}
.space-after-large{margin-bottom:57px;}
.static--slider__image-2{}
::selection{background:rgba(255,255,255,0.99) !important;color:#0F1011;}
::-moz-selection{background:rgba(255,255,255,0.99) !important;color:#0F1011;}
.layout--project .section--primary .header__header,.layout--project .section--primary .project--links a,.layout--project .section--primary p a{color:#fff;}
.ce-gallery .ce-column{padding:0 15px 0 15px;}
@media (max-width:530px){h1{font-size:8vw;}
h2{font-size:4vw;}
header.header--h2 .header__header,.header__subheader{font-size:6vw !important;}
.text-center,.text-left{font-size:5vw;line-height:1.2;}
.static--slider .static--slider__content{position:absolute;top:50%;left:50%;text-align:center;font-size:3.5rem;line-height:3rem;letter-spacing:-0.03em;}
.static--slider .static--slider__content .subTitle{margin-bottom:0;padding-left:0;}
.section{padding:30px 0 30px 0;}}
video.video-embed-item{width:100%;}
figure.video{display:block;position:relative;width:100%;height:0;padding-bottom:56.25%;}
figure.video iframe.video-embed-item{position:absolute;top:0;left:0;width:100%;height:100%;}
@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}
:root {
--rpunkt-black: #0F1011;
--rpunkt-signal: #BD84FF;
--page-bg: var(--rpunkt-black);
--page-fg: #fff;
--page-cta-bg: #f2f2f2;
--page-cta-fg: var(--rpunkt-black);
--rpunkt-edge: 95px;
--rpunkt-gutter-wide: max(16px, 3.5vw);
}
@media (max-width: 700px) {
:root {
--rpunkt-edge: 25px;
}
}
.main-content .container,
.section--static-fg .section__content-container {
width: auto;
max-width: none;
padding-left: var(--rpunkt-edge);
padding-right: var(--rpunkt-edge);
}
.section--static-bg .section__background-container {
width: auto;
max-width: none;
padding-left: 0;
padding-right: 0;
}
.section--static-bg .section__background-row {
left: calc(var(--rpunkt-edge) - 15px);
right: calc(var(--rpunkt-edge) - 15px);
width: auto;
margin-left: 0;
margin-right: 0;
}
.main-content .row.width--wide {
margin-left: var(--rpunkt-gutter-wide);
margin-right: var(--rpunkt-gutter-wide);
}
.main-content .row.width--full {
margin-left: 0;
margin-right: 0;
}
.main-content .row.width--full > div {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 700px) {
.main-content .row.width--wide {
margin-left: 0;
margin-right: 0;
}
}
.section.width--wide .section__content-container {
width: auto;
padding-left: var(--rpunkt-gutter-wide);
padding-right: var(--rpunkt-gutter-wide);
}
.section.width--wide .section__background-row {
left: calc(var(--rpunkt-gutter-wide) - 15px);
right: calc(var(--rpunkt-gutter-wide) - 15px);
}
.section.width--full .section__content-container {
width: auto;
padding-left: 0;
padding-right: 0;
}
.section.width--full .section__content-row {
margin-left: 0;
margin-right: 0;
}
.section.width--full .section__background-row {
left: 0;
right: 0;
}
.section.width--full .section__content,
.section.width--full .section__background-col {
padding-left: 0;
padding-right: 0;
}
@supports (-moz-appearance: none) {
.ce-image .ce-gallery figure.image {
display: initial;
}
}
html {
font-synthesis: none;
}
@media (max-width: 767px) {
.main-content .frame > p,
.main-content .frame > ul > li,
.main-content .frame > ol > li {
font-size: 22px;
line-height: 1.45;
}
}
.has-reveal .main-content .frame,
.has-reveal .js-reveal-item {
transition: opacity 2s cubic-bezier(0.2, 0.7, 0.2, 1), transform 2s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.has-reveal .main-content .frame:not(.frame .frame):not(.js-reveal-item .frame):not(.frame-type-rpunkt_spacer):not(.is-visible),
.has-reveal .js-reveal-item:not(.is-visible) {
opacity: 0.01;
transform: translateY(32px);
}
.main-content a,
.site-footer a {
overflow-wrap: anywhere;
}
.main-content a:not(:has(img, video, picture, svg)):not(.btn),
.site-footer a,
.slidebar .nav > li > a {
text-decoration: none;
background-image: linear-gradient(currentColor, currentColor);
background-repeat: no-repeat;
background-position: 0 100%;
background-size: 0 max(1px, 0.05em);
transition: background-size 0.3s ease, color 0.2s;
}
.main-content a:not(:has(img, video, picture, svg)):not(.btn):hover,
.main-content a:not(:has(img, video, picture, svg)):not(.btn):focus-visible,
.site-footer a:hover,
.site-footer a:focus-visible,
.slidebar .nav > li > a:hover,
.slidebar .nav > li > a:focus-visible {
text-decoration: none;
background-size: 100% max(1px, 0.05em);
}
body.theme--light {
--page-bg: #fff;
--page-fg: var(--rpunkt-black);
}
body.theme--light,
body.theme--custom {
--page-cta-bg: var(--page-fg);
--page-cta-fg: var(--page-bg);
background-color: var(--page-bg) !important;
color: var(--page-fg);
}
:is(.theme--light, .theme--custom) :is(.main-container, .dreispalter, section.section--primary, .section__col--primary, .section__col--default, .static--slider__image, .slidebar) {
background-color: var(--page-bg) !important;
}
:is(.theme--light, .theme--custom) :is(.main-content, .site-footer, .slidebar) :not(.static--slider *, .pageteaser *, .rpunkt-video *, .project-filter__button, .footer-cta *),
:is(.theme--light, .theme--custom) :is(.site-footer, .slidebar) {
color: var(--page-fg) !important;
}
:is(.theme--light, .theme--custom) .main-content :is(input, textarea, select) {
border-color: var(--page-fg) !important;
color: var(--page-fg) !important;
}
body ::selection {
background: var(--page-fg) !important;
color: var(--page-bg) !important;
}
body :is(.static--slider, .pageteaser, .rpunkt-video) ::selection {
background: #fff !important;
color: var(--rpunkt-black) !important;
}
.main-content .frame-body--text > p,
.main-content .frame-body--text > ul > li,
.main-content .frame-body--text > ol > li {
font-size: 22px;
line-height: 1.6;
margin-bottom: 0.9em;
}
@media (max-width: 767px) {
.main-content .frame-body--text > p,
.main-content .frame-body--text > ul > li,
.main-content .frame-body--text > ol > li {
font-size: 22px;
}
}
.main-content > .frame:not(.frame-type-rpunkt_start_slider, .frame-type-rpunkt_page_teasers, .frame-type-rpunkt_spacer, .frame-type-rpunkt_image_marquee) {
padding-left: var(--rpunkt-edge);
padding-right: var(--rpunkt-edge);
}
html body :is(h1, h2, h3, .header__header, .pageteaser__title, .footer-cta__title),
html body .header__subheader:not(.header--h3 .header__subheader, .frame-subheader--text .header__subheader) {
font-weight: 500 !important;
}
.main-content .frame-type-html :is(p, li) {
font-size: 22px;
line-height: 1.6;
}
.main-content .frame-type-html :is(h2, h3, h4) {
margin: 1.6em 0 0.5em;
font-size: 28px;
line-height: 1.2;
}
@media (max-width: 767px) {
.main-content .frame-type-html :is(p, li) {
font-size: 22px;
}
.main-content .frame-type-html :is(h2, h3, h4) {
font-size: 28px;
}
}
@media (max-width: 767px) {
html body .main-content .frame :is(h2, h3),
html body .main-content .frame :is(h2, h3) .header__header {
font-size: 28px !important;
}
}
.main-content :is(.frame-type-text, .frame-type-textmedia, .frame-type-textpic) :is(p:not(.text-intro), p.text-body, li) {
font-size: 22px;
line-height: 1.6;
}
.main-content :is(.frame-type-text, .frame-type-textmedia, .frame-type-textpic) :is(p:not(.text-intro), p.text-body) {
margin-bottom: 0.9em;
}
.main-content :is(.frame-type-text, .frame-type-textmedia, .frame-type-textpic) li {
margin-bottom: 0.25em;
}
.main-content :is(.frame-type-text, .frame-type-textmedia, .frame-type-textpic) :is(ul, ol) {
margin-bottom: 0.9em;
}
.main-content :is(.frame-type-text, .frame-type-textmedia, .frame-type-textpic):not(.frame-service--item) > header {
margin-bottom: 16px;
}
@media (max-width: 767px) {
.main-content :is(.frame-type-text, .frame-type-textmedia, .frame-type-textpic):not(.frame-service--item) > header {
margin-bottom: 12px;
}
}
.frame-type-header:has(.header--h1) {
margin-bottom: 70px;
}
@media (max-width: 767px) {
.frame-type-header:has(.header--h1) {
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.frame-type-header.space-after-small {
margin-bottom: 15px;
}
}
.header.header--h3 .header__header {
letter-spacing: normal;
}
.skip-link {
position: fixed;
top: 16px;
left: var(--rpunkt-edge);
z-index: 10000;
padding: 12px 24px;
border-radius: 999px;
background: #fff;
color: var(--rpunkt-black);
font-size: 18px;
font-weight: 600;
text-decoration: none;
transform: translateY(-200%);
transition: transform 0.2s ease-out;
}
.skip-link:focus,
.skip-link:focus-visible {
transform: none;
outline: 2px solid var(--rpunkt-signal, #BD84FF);
outline-offset: 2px;
}
#inhalt:focus {
outline: none;
}
.site-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
padding: 28px var(--rpunkt-edge);
color: #fff;
mix-blend-mode: difference;
}
.site-header__logo {
display: block;
width: clamp(130px, 11vw, 190px);
}
.site-header__logo img {
display: block;
width: 100%;
height: auto;
}
.site-header__nav {
margin-left: auto;
}
.site-header__list {
display: flex;
gap: clamp(20px, 2.4vw, 44px);
margin: 0;
padding: 0;
list-style: none;
}
.site-header .site-header__link,
.site-header .site-header__link:hover,
.site-header .site-header__link:focus {
display: inline-block;
padding: 4px 0;
color: inherit;
font-family: 'TT Commons', sans-serif;
font-size: clamp(16px, 1.35vw, 24px);
font-weight: 500;
line-height: 1.4;
letter-spacing: 0.015em;
text-decoration: none;
}
.site-header__text {
position: relative;
display: inline-block;
}
.site-header__text::after {
content: "";
position: absolute;
left: 0;
bottom: -4px;
width: 100%;
height: 1px;
background-color: currentColor;
transform: scaleX(0);
transform-origin: left center;
transition: transform 0.3s;
}
.site-header__link:hover .site-header__text::after,
.site-header__link:focus-visible .site-header__text::after,
.site-header__link.is-active .site-header__text::after {
transform: scaleX(1);
}
.site-header__burger {
display: none;
flex-direction: column;
gap: 6px;
width: 32px;
padding: 6px 0;
border: 0;
background: none;
cursor: pointer;
}
.site-header__burger span {
display: block;
height: 2px;
background: currentColor;
}
@media (max-width: 991px) {
.site-header__nav {
display: none;
}
.site-header__burger {
display: flex;
}
}
.site-header__burger span {
transform-origin: right center;
transition: transform 0.35s cubic-bezier(0.7, 0, 0.3, 1);
}
.site-header__burger:hover span:nth-child(1),
.site-header__burger:focus-visible span:nth-child(1) {
transform: scaleX(0.55);
}
.site-header__burger:hover span:nth-child(2),
.site-header__burger:focus-visible span:nth-child(2) {
transform: scaleX(0.8);
transition-delay: 0.05s;
}
.site-header__burger:hover span:nth-child(3),
.site-header__burger:focus-visible span:nth-child(3) {
transform: scaleX(0.35);
transition-delay: 0.1s;
}
.slidebar .slidebar__btn {
position: absolute;
top: 28px;
right: var(--rpunkt-edge);
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 30px;
margin: 0;
padding: 0;
float: none;
border: 0;
background: none;
color: #fff;
cursor: pointer;
}
.icon-close {
position: relative;
display: block;
width: 28px;
height: 28px;
transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1), color 0.2s;
}
.icon-close span {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 2px;
margin-top: -1px;
background: currentColor;
}
.icon-close span:first-child {
transform: rotate(45deg);
}
.icon-close span:last-child {
transform: rotate(-45deg);
}
.slidebar.is-open .icon-close span:first-child {
animation: rpunkt-close-draw-a 0.45s cubic-bezier(0.7, 0, 0.3, 1) 0.15s both;
}
.slidebar.is-open .icon-close span:last-child {
animation: rpunkt-close-draw-b 0.45s cubic-bezier(0.7, 0, 0.3, 1) 0.3s both;
}
@keyframes rpunkt-close-draw-a {
from { transform: rotate(45deg) scaleX(0); }
to { transform: rotate(45deg) scaleX(1); }
}
@keyframes rpunkt-close-draw-b {
from { transform: rotate(-45deg) scaleX(0); }
to { transform: rotate(-45deg) scaleX(1); }
}
.slidebar__btn:hover .icon-close,
.slidebar__btn:focus-visible .icon-close {
color: var(--rpunkt-signal);
transform: rotate(90deg);
}
@media (prefers-reduced-motion: reduce) {
.site-header__burger span,
.icon-close {
transition: none;
}
.slidebar.is-open .icon-close span {
animation: none;
}
}
.slidebar {
position: fixed;
inset: 0;
z-index: 9999;
overflow-y: auto;
padding-top: 110px;
transform: translateX(100%);
visibility: hidden;
transition: transform 0.55s cubic-bezier(0.7, 0, 0.3, 1), visibility 0s linear 0.55s;
}
.slidebar.is-open {
transform: none;
visibility: visible;
transition: transform 0.55s cubic-bezier(0.7, 0, 0.3, 1), visibility 0s;
}
.slidebar .nav > li {
opacity: 0;
transform: translateX(48px);
transition: opacity 0.25s ease, transform 0.25s ease;
}
.slidebar.is-open .nav > li {
opacity: 1;
transform: none;
transition: opacity 0.45s ease, transform 0.55s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.slidebar.is-open .nav > li:nth-child(1) { transition-delay: 0.25s; }
.slidebar.is-open .nav > li:nth-child(2) { transition-delay: 0.31s; }
.slidebar.is-open .nav > li:nth-child(3) { transition-delay: 0.37s; }
.slidebar.is-open .nav > li:nth-child(4) { transition-delay: 0.43s; }
.slidebar.is-open .nav > li:nth-child(5) { transition-delay: 0.49s; }
.slidebar.is-open .nav > li:nth-child(6) { transition-delay: 0.55s; }
.slidebar.is-open .nav > li:nth-child(7) { transition-delay: 0.61s; }
html.has-open-menu,
html.has-open-menu body,
html.has-open-menu [canvas="container"] {
overflow: hidden;
}
@media (min-width: 992px) {
}
@media (prefers-reduced-motion: reduce) {
.slidebar,
.slidebar.is-open,
.slidebar .nav > li,
.slidebar.is-open .nav > li {
transition: none;
transform: none;
}
}
@media (max-width: 991px) {
:root {
--rpunkt-header-height: 86px;
}
.site-header {
height: var(--rpunkt-header-height);
padding-top: 0;
padding-bottom: 0;
}
html div[canvas="container"] .main-container {
padding-top: var(--rpunkt-header-height) !important;
}
.static--slider {
height: calc(100vh - var(--rpunkt-header-height));
height: calc(100svh - var(--rpunkt-header-height));
}
}
.has-reveal .site-header {
animation: rpunkt-fade-in 1.6s ease 0.1s both;
}
@keyframes rpunkt-fade-in {
from { opacity: 0; }
to { opacity: 1; }
}
.slidebar .nav > li:not(.active) > a:hover,
.slidebar .nav > li:not(.active) > a:focus-visible {
color: #fff;
}
:is(.theme--light, .theme--custom) .site-header {
mix-blend-mode: normal;
color: var(--page-fg);
}
.theme-text--dark .site-header__logo img {
filter: invert(1);
}
:is(.theme--light, .theme--custom) .site-header__badge {
color: var(--page-fg);
}
.slidebar .nav > li > a {
font-weight: 500;
}
.site-header__badge {
display: block;
flex: 0 0 auto;
width: calc(clamp(130px, 11vw, 190px) * 100 / 612);
margin-right: auto;
color: #fff;
}
.site-header__badge-svg {
display: block;
width: 100%;
height: auto;
overflow: visible;
}
.site-header__badge-ring {
transform-box: view-box;
transform-origin: 50% 50%;
animation: rpunkt-badge-spin 18s linear infinite;
}
@keyframes rpunkt-badge-spin {
from { transform: rotate(0deg); }
to { transform: rotate(-360deg); }
}
@media (prefers-reduced-motion: reduce) {
.site-header__badge-ring {
animation: none;
}
}
.slidebar {
display: flex;
flex-direction: column;
text-align: left;
}
.slidebar nav,
.slidebar__footer {
padding-inline: var(--rpunkt-edge);
}
.slidebar .nav > li > a {
display: inline-block;
padding-left: 0;
padding-right: 0;
}
.slidebar__footer {
margin-top: auto;
padding-top: 60px;
padding-bottom: 40px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 30px;
opacity: 0;
transition: opacity 0.25s ease;
}
.slidebar.is-open .slidebar__footer {
opacity: 1;
transition: opacity 0.45s ease 0.6s;
}
.slidebar__social {
margin: 0;
padding: 0;
list-style: none;
}
.slidebar__social a {
color: #fff;
font-size: 17px;
font-weight: 100;
line-height: 1.75;
text-decoration: none;
background-image: linear-gradient(currentColor, currentColor);
background-repeat: no-repeat;
background-position: 0 100%;
background-size: 0 1px;
transition: background-size 0.3s ease;
}
.slidebar__social a:hover,
.slidebar__social a:focus-visible {
background-size: 100% 1px;
}
.slidebar .slidebar__logo {
display: block;
width: 120px;
color: #fff;
}
.slidebar__logo .site-footer__logo-svg {
display: block;
width: 100%;
height: auto;
}
@media (prefers-reduced-motion: reduce) {
.slidebar__footer,
.slidebar.is-open .slidebar__footer {
transition: none;
}
}
@media (min-width: 531px) {
.static--slider .static--slider__content {
left: 0;
right: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
}
.rpunkt-video {
position: relative;
margin: 0;
background: var(--rpunkt-black);
}
.videos .video-wrapper .video-item {
height: auto;
padding-bottom: 0;
}
.rpunkt-video__media {
display: block;
width: 100%;
height: auto;
}
.rpunkt-video__play {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
border: 0;
background: rgba(0, 0, 0, 0.15);
cursor: pointer;
transition: background-color 0.3s;
}
.rpunkt-video__play:hover,
.rpunkt-video__play:focus-visible {
background: rgba(0, 0, 0, 0.35);
}
.rpunkt-video__icon {
position: relative;
display: block;
width: clamp(64px, 8vw, 110px);
aspect-ratio: 1;
border: 2px solid #fff;
border-radius: 50%;
transition: transform 0.4s cubic-bezier(0.7, 0, 0.3, 1), border-color 0.3s;
animation: rpunkt-play-pulse 2.4s ease-in-out infinite;
}
.rpunkt-video__icon::after {
content: "";
position: absolute;
top: 50%;
left: 54%;
width: 30%;
aspect-ratio: 0.87;
background: #fff;
clip-path: polygon(0 0, 100% 50%, 0 100%);
transform: translate(-50%, -50%);
transition: background-color 0.3s, transform 0.4s cubic-bezier(0.7, 0, 0.3, 1);
}
.rpunkt-video__play:hover .rpunkt-video__icon,
.rpunkt-video__play:focus-visible .rpunkt-video__icon {
border-color: var(--rpunkt-signal);
transform: scale(0.88);
animation: none;
}
.rpunkt-video__play:hover .rpunkt-video__icon::after,
.rpunkt-video__play:focus-visible .rpunkt-video__icon::after {
background: var(--rpunkt-signal);
transform: translate(-50%, -50%) scale(1.15);
}
@keyframes rpunkt-play-pulse {
0%, 100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.35); }
50% { box-shadow: 0 0 0 14px rgba(255, 255, 255, 0); }
}
.rpunkt-video.is-playing .rpunkt-video__play {
display: none;
}
@media (prefers-reduced-motion: reduce) {
.rpunkt-video__icon {
animation: none;
}
}
@media (min-width: 992px) {
.static--slider {
height: 100vh;
height: 100svh;
}
}
.projectslider.yas {
height: auto !important;
}
.projectslider.yas .yas__stage,
.projectslider.yas .yas__items,
.projectslider.yas .yas__item,
.projectslider.yas .yas__temporary {
height: auto;
}
.projectslider.yas .yas__item img,
.projectslider.yas .yas__temporary img {
position: relative;
left: auto;
top: auto;
transform: none;
width: 100%;
height: auto;
min-width: 0;
min-height: 0;
}
.projectslider.yas .projectslider__video {
display: block;
width: 100%;
height: auto;
aspect-ratio: 1920 / 900;
object-fit: cover;
background: #8c8c8c;
}
.projectslider.yas .yas__progress {
height: 7px;
}
.main-content .frame-service--item {
position: relative;
padding-top: 80px;
height: 100%;
}
.main-content .frame-service--item::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: currentColor;
opacity: 0.35;
}
.main-content .frame-service--item .header {
margin: 0 0 28px;
}
.main-content .frame-service--item .header__header {
font-size: 28px;
line-height: 1.2;
font-weight: 500;
margin: 0;
}
.main-content .frame-service--item > p {
font-size: 22px;
line-height: 1.6;
margin: 0;
hyphens: auto;
}
@media (max-width: 767px) {
.main-content .frame-service--item {
padding-top: 40px;
}
.main-content .frame-service--item .header {
margin-bottom: 18px;
}
.main-content .frame-service--item .header__header {
font-size: 24px;
}
.main-content .frame-service--item > p {
font-size: 22px;
}
}
.main-content a.rp-button,
.main-content a.rp-button:hover,
.main-content a.rp-button:focus {
display: inline-flex;
align-items: center;
min-height: 52px;
padding: 0 32px;
border: 1px solid var(--page-fg);
border-radius: 999px;
background: transparent;
background-image: none;
color: var(--page-fg);
font-size: 22px;
font-weight: 600;
text-decoration: none;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
}
.main-content a.rp-button:hover,
.main-content a.rp-button:focus-visible {
background: var(--page-fg);
color: var(--page-bg);
}
.frame-type-header.frame-center--text header.header--h1 {
margin-bottom: 10px;
}
.frame-type-header.frame-center--text header.header--h1 .header__header {
font-size: 3.5rem !important;
line-height: 0.9;
}
@media (max-width: 530px) {
.frame-type-header.frame-center--text header.header--h1 .header__header {
font-size: 8vw !important;
}
}
.row--visual {
row-gap: 30px;
margin-bottom: 10px;
}
.row--visual .ce-gallery {
margin-bottom: 0;
}
.row--visual .frame:first-child {
margin-top: 0 !important;
padding-top: 0 !important;
}
.row--visual .frame:last-child {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.row--visual:has(+ .row--visual, + .frame-space--small + .row--visual) {
margin-bottom: 0;
}
.row--visual + .frame-space--small:has(+ .row--visual) {
display: none;
}
.row--visual + .row--visual,
.row--visual + .frame-space--small + .row--visual {
margin-top: 30px;
}
.frame-type-image:has(+ :is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider), + .frame-space--small + :is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider)) .ce-gallery {
margin-bottom: 0;
}
:is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider) + .frame-space--small:has(+ :is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider)) {
display: none;
}
:is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider) + :is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider),
:is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider) + .frame-space--small + :is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider) {
margin-top: 30px;
}
.row--visual .frame-space--small:first-child,
.row--visual .frame-space--small:last-child {
display: none;
}
@media (max-width: 767px) {
.row--visual + .frame-space--small-mobile:has(+ .row--visual),
:is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider) + .frame-space--small-mobile:has(+ :is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider)),
.row--visual .frame-space--small-mobile:first-child,
.row--visual .frame-space--small-mobile:last-child {
display: none;
}
.row--visual:has(+ .frame-space--small-mobile + .row--visual) {
margin-bottom: 0;
}
.row--visual + .frame-space--small-mobile + .row--visual,
:is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider) + .frame-space--small-mobile + :is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider) {
margin-top: 30px;
}
}
.row--visual + .frame-space--small:has(+ .frame-space--small + .row--visual),
.row--visual + .frame-space--small + .frame-space--small:has(+ .row--visual),
.row--visual + .frame-space--small:has(+ .frame-space--small + .frame-space--small + .row--visual),
.row--visual + .frame-space--small + .frame-space--small:has(+ .frame-space--small + .row--visual),
.row--visual + .frame-space--small + .frame-space--small + .frame-space--small:has(+ .row--visual),
:is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider) + .frame-space--small:has(+ .frame-space--small + :is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider)),
:is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider) + .frame-space--small + .frame-space--small:has(+ :is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider)),
:is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider) + .frame-space--small:has(+ .frame-space--small + .frame-space--small + :is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider)),
:is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider) + .frame-space--small + .frame-space--small:has(+ .frame-space--small + :is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider)),
:is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider) + .frame-space--small + .frame-space--small + .frame-space--small:has(+ :is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider)) {
display: none;
}
.row--visual:has(+ .frame-space--small + .frame-space--small + .row--visual),
.row--visual:has(+ .frame-space--small + .frame-space--small + .frame-space--small + .row--visual) {
margin-bottom: 0;
}
.row--visual + .frame-space--small + .frame-space--small + .row--visual,
.row--visual + .frame-space--small + .frame-space--small + .frame-space--small + .row--visual,
:is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider) + .frame-space--small + .frame-space--small + :is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider),
:is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider) + .frame-space--small + .frame-space--small + .frame-space--small + :is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider) {
margin-top: 30px;
}
@media (max-width: 767px) {
.row--visual + .frame-space--small-mobile:has(+ .frame-space--small-mobile + .row--visual),
.row--visual + .frame-space--small-mobile + .frame-space--small-mobile:has(+ .row--visual),
.row--visual + .frame-space--small-mobile:has(+ .frame-space--small-mobile + .frame-space--small-mobile + .row--visual),
.row--visual + .frame-space--small-mobile + .frame-space--small-mobile:has(+ .frame-space--small-mobile + .row--visual),
.row--visual + .frame-space--small-mobile + .frame-space--small-mobile + .frame-space--small-mobile:has(+ .row--visual),
:is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider) + .frame-space--small-mobile:has(+ .frame-space--small-mobile + :is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider)),
:is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider) + .frame-space--small-mobile + .frame-space--small-mobile:has(+ :is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider)),
:is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider) + .frame-space--small-mobile:has(+ .frame-space--small-mobile + .frame-space--small-mobile + :is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider)),
:is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider) + .frame-space--small-mobile + .frame-space--small-mobile:has(+ .frame-space--small-mobile + :is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider)),
:is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider) + .frame-space--small-mobile + .frame-space--small-mobile + .frame-space--small-mobile:has(+ :is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider)) {
display: none;
}
.row--visual:has(+ .frame-space--small-mobile + .frame-space--small-mobile + .row--visual),
.row--visual:has(+ .frame-space--small-mobile + .frame-space--small-mobile + .frame-space--small-mobile + .row--visual) {
margin-bottom: 0;
}
.row--visual + .frame-space--small-mobile + .frame-space--small-mobile + .row--visual,
.row--visual + .frame-space--small-mobile + .frame-space--small-mobile + .frame-space--small-mobile + .row--visual,
:is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider) + .frame-space--small-mobile + .frame-space--small-mobile + :is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider),
:is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider) + .frame-space--small-mobile + .frame-space--small-mobile + .frame-space--small-mobile + :is(.frame-type-image, .frame-type-rpunkt_video, .frame-type-rpunkt_project_slider) {
margin-top: 30px;
}
}
.job-list {
margin: 0;
padding: 0;
list-style: none;
color: var(--page-fg);
}
.job-list__item {
position: relative;
}
.job-list__item::before,
.job-list__item:last-child::after {
content: "";
position: absolute;
left: 0;
right: 0;
height: 1px;
background: currentColor;
opacity: 0.35;
}
.job-list__item::before {
top: 0;
}
.job-list__item:last-child::after {
bottom: 0;
}
.main-content .job-list .job-list__link,
.main-content .job-list .job-list__link:hover,
.main-content .job-list .job-list__link:focus {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px 40px;
padding: clamp(28px, 3vw, 44px) 0;
background-image: none;
color: var(--page-fg);
text-decoration: none;
}
.job-list__text {
font-size: clamp(22px, 2.2vw, 34px);
line-height: 1.3;
}
.job-list__title {
font-weight: 500;
}
.job-list__meta {
font-weight: 100;
}
.job-list__button {
flex: 0 0 auto;
display: inline-flex;
align-items: center;
min-height: 52px;
padding: 0 32px;
border: 1px solid var(--page-fg);
border-radius: 999px;
font-size: 22px;
font-weight: 600;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
}
.job-list__link:hover .job-list__button,
.job-list__link:focus-visible .job-list__button {
background: var(--page-fg);
color: var(--page-bg);
}
@media (max-width: 767px) {
.main-content .job-list .job-list__link {
flex-direction: column;
align-items: flex-start;
}
}
.logo-wall {
display: grid;
grid-template-columns: repeat(var(--logo-columns, 4), minmax(0, 1fr));
gap: 30px;
margin: 0;
padding: 0;
list-style: none;
}
.logo-wall__item,
.main-content .logo-wall .logo-wall__link {
display: block;
background-image: none;
}
.logo-wall__image {
display: block;
width: 100%;
height: auto;
}
@media (max-width: 767px) {
.logo-wall {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.image-marquee {
--marquee-gap: 30px;
--marquee-item: calc((100vw - 2 * var(--rpunkt-edge) + var(--marquee-gap)) / 3);
overflow: hidden;
}
.image-marquee__track {
display: flex;
width: max-content;
will-change: transform;
backface-visibility: hidden;
animation: rpunkt-marquee var(--marquee-duration, 45s) linear infinite;
}
@media (hover: hover) {
.image-marquee:hover .image-marquee__track {
animation-play-state: paused;
}
}
.image-marquee__item {
flex: 0 0 var(--marquee-item);
margin: 0;
padding-right: var(--marquee-gap);
}
.image-marquee__item :is(img, video) {
display: block;
width: 100%;
height: auto;
aspect-ratio: 3 / 4;
object-fit: cover;
}
:is(.image-marquee--landscape, .image-marquee--wide) {
--marquee-item: calc((100vw - 2 * var(--rpunkt-edge) + var(--marquee-gap)) / 2.5);
}
.image-marquee--landscape .image-marquee__item :is(img, video) {
aspect-ratio: 3 / 2;
}
.image-marquee--wide .image-marquee__item :is(img, video) {
aspect-ratio: 16 / 9;
}
@keyframes rpunkt-marquee {
from { transform: translate3d(0, 0, 0); }
to { transform: translate3d(-50%, 0, 0); }
}
@media (max-width: 767px) {
.image-marquee {
--marquee-item: calc((100vw - 2 * var(--rpunkt-edge) + var(--marquee-gap)) / 1.5);
}
:is(.image-marquee--landscape, .image-marquee--wide) {
--marquee-item: calc((100vw - 2 * var(--rpunkt-edge) + var(--marquee-gap)) / 1.25);
}
}
@media (prefers-reduced-motion: reduce) {
.image-marquee {
overflow-x: auto;
}
.image-marquee__track {
animation: none;
}
.image-marquee__item[aria-hidden="true"] {
display: none;
}
}
.main-content .frame-type-rpunkt_image_marquee {
margin-top: 100px;
margin-bottom: 70px;
}
.main-content .frame-type-rpunkt_image_marquee .motion-toggle-bar {
margin-bottom: 0;
}
.main-content > .section--primary:has(+ .frame-type-rpunkt_image_marquee) {
padding-bottom: 0;
}
.main-content > .frame-type-rpunkt_spacer:has(+ .frame-type-rpunkt_image_marquee),
.main-content > .frame-type-rpunkt_image_marquee + .frame-type-rpunkt_spacer,
.main-content > .frame-type-rpunkt_image_marquee + .row > [class*="col-"] > .frame-type-rpunkt_spacer:first-child {
display: none;
}
.big-number {
font-weight: 500;
font-size: 200px;
line-height: 0.8;
letter-spacing: -0.04em;
color: var(--page-fg);
font-variant-numeric: tabular-nums;
}
@media (min-width: 768px) and (max-width: 1199px) {
.big-number {
font-size: 140px;
}
}
@media (max-width: 767px) {
.row > :has(> .frame-type-rpunkt_big_number) {
order: -1;
}
.big-number {
font-size: 96px;
margin-bottom: 15px;
}
}
.main-content > .row:is(.row--divider-top, .row--divider-bottom, .row--divider-both) {
position: relative;
}
.main-content > .row:is(.row--divider-top, .row--divider-both)::before,
.main-content > .row:is(.row--divider-bottom, .row--divider-both)::after {
content: "";
position: absolute;
left: 15px;
right: 15px;
height: 1px;
background: var(--page-fg);
opacity: 0.35;
}
.main-content > .row:is(.row--divider-top, .row--divider-both) {
padding-top: 100px;
}
.main-content > .row:is(.row--divider-top, .row--divider-both)::before {
top: 0;
}
.main-content > .row:is(.row--divider-bottom, .row--divider-both) {
padding-bottom: 100px;
}
.main-content > .row:is(.row--divider-bottom, .row--divider-both)::after {
bottom: 0;
}
.main-content > .row:is(.row--divider-bottom, .row--divider-both) .frame:last-child > :last-child,
.main-content > .row:is(.row--divider-bottom, .row--divider-both) .frame:last-child p:last-child,
.main-content > :has(+ .frame-type-rpunkt_spacer + .row:is(.row--divider-top, .row--divider-both)) .frame:last-child p:last-child,
.main-content > :has(+ .row:is(.row--divider-top, .row--divider-both)) .frame:last-child p:last-child {
margin-bottom: 0;
}
@media (max-width: 991px) {
.main-content > .row:is(.row--divider-top, .row--divider-both) {
padding-top: 45px;
}
.main-content > .row:is(.row--divider-top, .row--divider-both)::before {
top: 15px;
}
.main-content > .row:is(.row--divider-bottom, .row--divider-both) {
padding-bottom: 45px;
}
.main-content > .row:is(.row--divider-bottom, .row--divider-both)::after {
bottom: 15px;
}
}
.rp-buttons {
display: flex;
flex-wrap: wrap;
gap: 15px;
margin-top: 30px;
}
.frame:has(+ .frame-type-rpunkt_buttons),
.frame:has(+ .frame-type-rpunkt_buttons) :is(p, ul, ol):last-child {
margin-bottom: 0;
}
.main-content a.rp-button--filled,
.main-content a.rp-button--filled:focus {
background: var(--page-fg);
color: var(--page-bg);
}
.main-content a.rp-button--filled:hover,
.main-content a.rp-button--filled:focus-visible {
background: transparent;
color: var(--page-fg);
}
.rp-w--90 { --rp-w: 0.9; }
.rp-w--80 { --rp-w: 0.8; }
.rp-w--75 { --rp-w: 0.75; }
.rp-w--70 { --rp-w: 0.7; }
.rp-w--66 { --rp-w: 0.6667; }
.rp-w--60 { --rp-w: 0.6; }
.rp-w--50 { --rp-w: 0.5; }
.rp-w--40 { --rp-w: 0.4; }
.rp-w--33 { --rp-w: 0.3333; }
.rp-w--25 { --rp-w: 0.25; }
@media (min-width: 768px) {
.rp-w {
max-width: calc(100% * var(--rp-w, 1));
}
.main-content > .frame.rp-w {
max-width: calc(2 * var(--rpunkt-edge) + (100% - 2 * var(--rpunkt-edge)) * var(--rp-w, 1));
}
.main-content > .row.rp-w {
max-width: none;
width: calc((100% - 2 * var(--rpunkt-edge)) * var(--rp-w, 1) + 30px);
}
.rp-w.rp-align--center {
margin-left: auto;
margin-right: auto;
}
.rp-w.rp-align--right {
margin-left: auto;
}
.main-content > .row.rp-w.rp-align--center {
margin-left: auto;
margin-right: auto;
}
}
.main-content .display-text :is(p, p.text-intro, p.text-body) {
margin: 0;
font-size: clamp(30px, 3.9vw, 60px);
font-weight: 500;
line-height: 1.08;
letter-spacing: -0.03em;
color: var(--page-fg);
text-wrap: pretty;
}
.main-content .display-text p + p {
margin-top: 0.6em;
}
.main-content .display-text :is(em, i) {
font-style: normal;
opacity: 0.4;
}
.display-text--indent-10 p:first-child { text-indent: 10%; }
.display-text--indent-15 p:first-child { text-indent: 15%; }
.display-text--indent-25 p:first-child { text-indent: 25%; }
.display-text--indent-33 p:first-child { text-indent: 33%; }
.display-text--indent-50 p:first-child { text-indent: 50%; }
@media (max-width: 767px) {
.display-text p:first-child {
text-indent: 0 !important;
}
}
.motion-toggle-bar {
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: flex-end;
height: 30px;
margin-bottom: -30px;
}
.image-marquee + .motion-toggle-bar {
padding-right: var(--rpunkt-edge);
}
.motion-toggle {
display: flex;
align-items: flex-end;
justify-content: flex-end;
width: 30px;
height: 30px;
padding: 0 0 4px;
border: 0;
background: transparent;
color: var(--page-fg);
cursor: pointer;
opacity: 0.35;
transition: opacity 0.2s ease;
}
.motion-toggle:hover,
.motion-toggle:focus-visible {
opacity: 1;
}
.motion-toggle:focus-visible {
outline: 2px solid var(--rpunkt-signal);
outline-offset: 2px;
}
.motion-toggle svg {
width: 14px;
height: 14px;
fill: currentColor;
}
.image-marquee.is-paused .image-marquee__track {
animation-play-state: paused;
}
.main-content .frame-type-rpunkt_related_projects {
margin-top: 60px;
}
html body .main-content .frame h3.related-projects__title {
margin: 0 0 20px;
color: var(--page-fg);
font-size: 22px !important;
font-weight: 500;
line-height: 1.3;
letter-spacing: normal;
}
.related-projects__list {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 30px;
margin: 0;
padding: 0;
list-style: none;
}
.main-content .related-projects__link,
.main-content .related-projects__link:hover {
display: block;
color: var(--page-fg);
text-decoration: none;
background-image: none;
}
.related-projects__media {
display: block;
overflow: hidden;
aspect-ratio: 4 / 3;
margin-bottom: 14px;
background: rgba(255, 255, 255, 0.06);
}
.related-projects__media :is(img, video) {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.related-projects__link:hover .related-projects__media :is(img, video),
.related-projects__link:focus-visible .related-projects__media :is(img, video) {
transform: scale(1.03);
}
.related-projects__name,
.related-projects__meta {
display: block;
font-size: 22px;
line-height: 1.35;
}
.related-projects__name {
font-weight: 500;
}
.related-projects__meta {
font-weight: 100;
opacity: 0.6;
}
@media (max-width: 767px) {
.main-content .frame-type-rpunkt_related_projects {
margin-top: 30px;
}
.related-projects__list {
grid-template-columns: minmax(0, 1fr);
}
}
.main-content > .row:is(.row--divider-bottom, .row--divider-both):has(+ .frame-type-rpunkt_related_projects) {
padding-bottom: 0;
}
.main-content > .row:is(.row--divider-bottom, .row--divider-both):has(+ .frame-type-rpunkt_related_projects)::after {
content: none;
}
.main-content > .row:is(.row--divider-bottom, .row--divider-both) + .frame-type-rpunkt_related_projects {
position: relative;
padding-bottom: 100px;
}
.main-content > .row:is(.row--divider-bottom, .row--divider-both) + .frame-type-rpunkt_related_projects::after {
content: "";
position: absolute;
left: var(--rpunkt-edge);
right: var(--rpunkt-edge);
bottom: 0;
height: 1px;
background: var(--page-fg);
opacity: 0.35;
}
@media (max-width: 991px) {
.main-content > .row:is(.row--divider-bottom, .row--divider-both) + .frame-type-rpunkt_related_projects {
padding-bottom: 45px;
}
.main-content > .row:is(.row--divider-bottom, .row--divider-both) + .frame-type-rpunkt_related_projects::after {
bottom: 15px;
}
}
@media (min-width: 768px) {
.big-number {
text-align: right;
}
}
.partner-list {
margin: 0;
padding: 0;
list-style: none;
color: var(--page-fg);
}
.partner-list__item {
position: relative;
}
.partner-list__item::before,
.partner-list__item:last-child::after {
content: "";
position: absolute;
left: 0;
right: 0;
height: 1px;
background: currentColor;
opacity: 0.35;
}
.partner-list__item::before {
top: 0;
}
.partner-list__item:last-child::after {
bottom: 0;
}
.main-content .partner-list .partner-list__row,
.main-content .partner-list .partner-list__row:hover,
.main-content .partner-list .partner-list__row:focus {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
padding: clamp(22px, 2.4vw, 36px) 0;
background-image: none;
color: var(--page-fg);
text-decoration: none;
}
.partner-list__text {
font-size: clamp(22px, 2.2vw, 34px);
line-height: 1.3;
}
.partner-list__name {
font-weight: 500;
}
.partner-list__service {
font-weight: 100;
}
.partner-list__arrow {
flex: 0 0 auto;
font-size: clamp(22px, 2.2vw, 34px);
line-height: 1;
transition: transform 0.3s ease;
}
.partner-list__row--link:hover .partner-list__arrow,
.partner-list__row--link:focus-visible .partner-list__arrow {
transform: translate(4px, -4px);
}
.project-facts {
display: flex;
flex-direction: column;
gap: 22px;
margin: 0;
color: var(--page-fg);
}
.project-facts__item dt {
margin: 0 0 2px;
font-size: 18px;
font-weight: 100;
line-height: 1.4;
opacity: 0.6;
}
.project-facts__item dd {
margin: 0;
font-size: 22px;
font-weight: 500;
line-height: 1.35;
}
.main-content .project-facts a {
color: inherit;
}
@media (max-width: 767px) {
.main-content .frame-type-rpunkt_project_facts {
margin-top: 0;
}
}
.main-content .ce-gallery[data-ce-columns="1"],
.main-content .ce-gallery[data-ce-columns="1"] :is(.ce-outer, .ce-inner),
.main-content .ce-gallery[data-ce-columns="1"] figure.image {
display: block;
float: none;
right: auto;
width: 100%;
}
.main-content .ce-gallery[data-ce-columns="1"] :is(.ce-row, .ce-column) {
display: block;
float: none;
width: auto;
}
.main-content .ce-gallery img.image-embed-item {
display: block;
width: 100%;
height: auto;
}
.rpunkt-media { margin: 0; }
.rpunkt-media__image { display: block; width: 100%; height: auto; }
.aucotec-shapes {
position: relative;
margin: 0;
aspect-ratio: 16 / 9;
overflow: hidden;
background: linear-gradient(120deg, #000a46 0%, #000a46 38%, #3caaf5 78%, #aa4bff 110%);
color: #fff;
}
.aucotec-shapes__lines {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
}
.aucotec-shapes__lines line {
stroke: rgba(255, 255, 255, 0.35);
stroke-width: 1.5;
vector-effect: non-scaling-stroke;
}
.aucotec-shapes__stage {
position: absolute;
inset: 0;
display: flex;
align-items: center;
gap: clamp(24px, 5vw, 90px);
padding: 0 clamp(25px, 8vw, 160px);
}
.aucotec-shapes__icon {
flex: 0 0 auto;
width: clamp(90px, 22vw, 340px);
height: auto;
overflow: visible;
}
.aucotec-shapes__guide {
fill: none;
stroke: #aac3ff;
stroke-width: 1.5;
vector-effect: non-scaling-stroke;
opacity: 0.2;
}
.aucotec-shapes__facet {
transform-box: fill-box;
transform-origin: center;
}
.aucotec-shapes__fill {
fill: #fff;
}
.aucotec-shapes__outline {
fill: none;
stroke: #aac3ff;
stroke-width: 2;
stroke-linejoin: round;
vector-effect: non-scaling-stroke;
opacity: 0;
}
.aucotec-shapes__slogan {
margin: 0;
font-size: clamp(26px, 5.4vw, 92px);
font-weight: 300;
line-height: 1.05;
letter-spacing: -0.02em;
}
.aucotec-shapes__word {
display: inline-block;
overflow: hidden;
vertical-align: bottom;
}
.aucotec-shapes__word > span {
display: inline-block;
}
.aucotec-shapes__word:first-child {
color: #aac3ff;
}
.has-shape-build :is(.aucotec-shapes__lines line, .aucotec-shapes__guide, .aucotec-shapes__outline) {
stroke-dasharray: 1;
stroke-dashoffset: 1;
}
.has-shape-build .aucotec-shapes__guide,
.has-shape-build .aucotec-shapes__outline {
opacity: 1;
}
.has-shape-build .aucotec-shapes__fill {
opacity: 0;
}
.has-shape-build .aucotec-shapes__word > span {
transform: translateY(105%);
}
.aucotec-shapes.is-playing .aucotec-shapes__guide {
animation:
aucotec-draw 0.9s cubic-bezier(0.6, 0, 0.3, 1) forwards,
aucotec-guide-fade 0.6s ease 1.8s forwards;
}
.aucotec-shapes.is-playing .aucotec-shapes__outline {
animation:
aucotec-draw 0.8s cubic-bezier(0.6, 0, 0.3, 1) forwards,
aucotec-fade-out 0.4s ease forwards;
animation-delay: calc(500ms + var(--d) * 120ms), calc(1900ms + var(--d) * 60ms);
}
.aucotec-shapes.is-playing .aucotec-shapes__fill {
animation: aucotec-fade-in 0.45s ease forwards;
animation-delay: calc(1600ms + var(--d) * 60ms);
}
.aucotec-shapes.is-playing .aucotec-shapes__facet {
animation: aucotec-burst 1.3s forwards;
animation-delay: 2300ms;
}
.aucotec-shapes.is-playing .aucotec-shapes__lines line {
animation: aucotec-draw 1.2s cubic-bezier(0.6, 0, 0.2, 1) forwards;
animation-delay: calc(2900ms + var(--i) * 50ms);
}
.aucotec-shapes.is-playing .aucotec-shapes__word > span {
animation: aucotec-word-up 0.8s cubic-bezier(0.2, 0.9, 0.25, 1) forwards;
animation-delay: calc(3400ms + var(--w) * 180ms);
}
@keyframes aucotec-draw {
to { stroke-dashoffset: 0; }
}
@keyframes aucotec-guide-fade {
to { opacity: 0.2; }
}
@keyframes aucotec-fade-in {
to { opacity: 1; }
}
@keyframes aucotec-fade-out {
to { opacity: 0; }
}
@keyframes aucotec-burst {
0% {
transform: none;
animation-timing-function: cubic-bezier(0.2, 0.8, 0.3, 1);
}
40% {
transform: translate(var(--ex), var(--ey)) rotate(var(--er));
animation-timing-function: cubic-bezier(0.5, 0, 0.3, 1.5);
}
100% {
transform: none;
}
}
@keyframes aucotec-word-up {
to { transform: none; }
}
@media (max-width: 700px) {
.aucotec-shapes {
aspect-ratio: 4 / 5;
}
.aucotec-shapes__stage {
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.aucotec-shapes__icon {
width: 34vw;
}
.aucotec-shapes__slogan {
font-size: 11vw;
}
}
.wiesn-dackel {
display: grid;
place-items: center;
margin: 0;
aspect-ratio: 16 / 9;
overflow: hidden;
color: #013b66;
background-color: #fed139;
background-image:
repeating-linear-gradient(60deg, rgba(1, 59, 102, 0.06) 0 1px, transparent 1px 64px),
repeating-linear-gradient(-60deg, rgba(1, 59, 102, 0.06) 0 1px, transparent 1px 64px);
}
.wiesn-dackel__art {
width: auto;
height: 88%;
fill: currentColor;
}
.wiesn-dackel__dog :is(path, polygon, rect) {
stroke: currentColor;
stroke-width: 0.5;
stroke-opacity: 0;
}
.has-shape-build :is(.wiesn-dackel__brand, .wiesn-dackel__title) {
clip-path: inset(0 100% 0 0);
}
.has-shape-build .wiesn-dackel__dog :is(path, polygon, rect) {
fill-opacity: 0;
stroke-opacity: 1;
stroke-dasharray: 1;
stroke-dashoffset: 1;
}
.wiesn-dackel.is-playing .wiesn-dackel__brand {
animation: wiesn-wipe 1.2s cubic-bezier(0.6, 0, 0.3, 1) forwards;
}
.wiesn-dackel.is-playing .wiesn-dackel__dog :is(path, polygon, rect) {
animation:
wiesn-draw 0.9s cubic-bezier(0.5, 0, 0.3, 1) forwards,
wiesn-ink 0.6s ease forwards;
animation-delay: calc(500ms + var(--o, 0) * 1500ms), calc(2400ms + var(--o, 0) * 400ms);
}
.wiesn-dackel.is-playing .wiesn-dackel__title {
animation: wiesn-wipe 1s cubic-bezier(0.6, 0, 0.3, 1) 3000ms forwards;
}
@keyframes wiesn-wipe {
to { clip-path: inset(0 0 0 0); }
}
@keyframes wiesn-draw {
to { stroke-dashoffset: 0; }
}
@keyframes wiesn-ink {
to { fill-opacity: 1; stroke-opacity: 0; }
}
@media (max-width: 700px) {
.wiesn-dackel {
aspect-ratio: 4 / 5;
}
.wiesn-dackel__art {
width: 82%;
height: auto;
}
}
.project-overview {
padding-left: var(--rpunkt-edge);
padding-right: var(--rpunkt-edge);
}
.project-filter {
margin-bottom: clamp(40px, 5vw, 72px);
color: var(--page-fg);
font-size: clamp(28px, 2.8vw, 40px);
font-weight: 500;
line-height: 1.15;
letter-spacing: -0.02em;
}
.project-filter__button {
display: inline;
padding: 0;
border: 0;
background: none;
color: inherit;
font: inherit;
letter-spacing: inherit;
opacity: 0.4;
cursor: pointer;
background-image: linear-gradient(currentColor, currentColor);
background-repeat: no-repeat;
background-position: 0 100%;
background-size: 0 max(1px, 0.05em);
transition: opacity 0.25s ease-out, background-size 0.3s ease;
}
.project-filter__sep {
opacity: 0.4;
}
.project-filter__button:hover {
opacity: 0.75;
background-size: 100% max(1px, 0.05em);
}
.project-filter__button:focus-visible {
opacity: 1;
outline: 2px solid var(--rpunkt-signal);
outline-offset: 4px;
}
.project-filter__button[aria-pressed="true"] {
opacity: 1;
background-size: 100% max(1px, 0.05em);
}
.project-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(40px, 4vw, 64px) 30px;
align-items: start;
}
.project-tile {
transition: opacity 0.3s ease, transform 0.3s ease;
}
.project-tile.is-filtered-out,
.has-reveal .project-tile.is-filtered-out {
opacity: 0;
transform: translateY(16px);
}
.project-tile .frame {
margin: 0;
}
.project-grid__empty {
grid-column: 1 / -1;
margin: 0;
color: #fff;
font-weight: 100;
}
@media (max-width: 991px) {
.project-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 600px) {
.project-grid {
grid-template-columns: minmax(0, 1fr);
}
}
.project-tile .project-tile__text {
margin: 22px 0 0;
}
.project-tile .project-tile__text .header__subheader {
margin-top: 6px;
}
@media (max-width: 767px) {
.project-tile .project-tile__text {
margin-top: 14px;
}
}
.project-grid {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.project-grid > .project-tile {
grid-column: span 4;
}
.project-grid > .project-tile:is(:nth-child(9n+1 of .project-tile:not([hidden])), :nth-child(9n+2 of .project-tile:not([hidden]))) {
grid-column: span 6;
}
.project-grid > .project-tile:is(:nth-child(9n+6 of .project-tile:not([hidden])), :nth-child(9n+7 of .project-tile:not([hidden])), :nth-child(9n+8 of .project-tile:not([hidden])), :nth-child(9n+9 of .project-tile:not([hidden]))) {
grid-column: span 3;
}
.project-tile .ce-gallery,
.project-tile .ce-outer,
.project-tile .ce-inner,
.project-tile .ce-row,
.project-tile .ce-column,
.project-tile figure.image {
display: block;
float: none;
position: static;
right: auto;
width: 100%;
margin: 0;
padding: 0;
}
.project-tile :is(img, video).image-embed-item {
display: block;
width: 100%;
height: auto;
aspect-ratio: 4 / 5;
object-fit: cover;
}
.project-grid > .project-tile:is(:nth-child(9n+1 of .project-tile:not([hidden])), :nth-child(9n+2 of .project-tile:not([hidden]))) :is(img, video).image-embed-item {
aspect-ratio: 3 / 2;
}
@media (max-width: 991px) {
.project-grid > .project-tile,
.project-grid > .project-tile:is(:nth-child(n of .project-tile:not([hidden]))) {
grid-column: span 6;
}
.project-grid > .project-tile :is(img, video).image-embed-item,
.project-grid > .project-tile:is(:nth-child(n of .project-tile:not([hidden]))) :is(img, video).image-embed-item {
aspect-ratio: 3 / 2;
}
}
@media (max-width: 600px) {
.project-grid > .project-tile,
.project-grid > .project-tile:is(:nth-child(n of .project-tile:not([hidden]))) {
grid-column: 1 / -1;
}
}
.project-tile__video {
background: #8c8c8c;
}
@media (min-width: 992px) {
.project-grid > .project-tile:is(:nth-child(9n+3 of .project-tile:not([hidden]))) :is(img, video).image-embed-item { aspect-ratio: 4 / 5; }
.project-grid > .project-tile:is(:nth-child(9n+4 of .project-tile:not([hidden]))) :is(img, video).image-embed-item { aspect-ratio: 1 / 1; }
.project-grid > .project-tile:is(:nth-child(9n+5 of .project-tile:not([hidden]))) :is(img, video).image-embed-item { aspect-ratio: 3 / 4; }
.project-grid > .project-tile:is(:nth-child(9n+6 of .project-tile:not([hidden])), :nth-child(9n+8 of .project-tile:not([hidden]))) :is(img, video).image-embed-item { aspect-ratio: 1 / 1; }
.project-grid > .project-tile:is(:nth-child(9n+7 of .project-tile:not([hidden])), :nth-child(9n+9 of .project-tile:not([hidden]))) :is(img, video).image-embed-item { aspect-ratio: 2 / 3; }
}
@media (min-width: 601px) and (max-width: 991px) {
.project-grid > .project-tile:nth-child(4n+2 of .project-tile:not([hidden])) :is(img, video).image-embed-item,
.project-grid > .project-tile:nth-child(4n+3 of .project-tile:not([hidden])) :is(img, video).image-embed-item {
aspect-ratio: 4 / 5;
}
}
.frame-type-form_formframework form {
display: grid;
gap: 36px;
}
.frame-type-form_formframework .form-element {
margin: 0;
}
.frame-type-form_formframework .form-label {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
.frame-type-form_formframework .rp-hp {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}
.frame-type-form_formframework .form-control,
.frame-type-form_formframework .form-select {
display: block;
width: 100%;
height: auto;
padding: 10px 0 12px;
border: 0;
border-bottom: 1px solid var(--page-fg);
border-radius: 0;
background: transparent;
box-shadow: none;
color: var(--page-fg);
font-family: inherit;
font-size: 24px;
font-weight: 100;
line-height: 1.4;
transition: border-color 0.2s ease-out;
}
.frame-type-form_formframework .form-control::placeholder {
color: var(--page-fg);
opacity: 1;
}
.frame-type-form_formframework .form-control:focus,
.frame-type-form_formframework .form-select:focus {
outline: none;
border-bottom-color: var(--rpunkt-signal);
box-shadow: 0 1px 0 0 var(--rpunkt-signal);
}
.frame-type-form_formframework textarea.form-control {
min-height: 180px;
resize: vertical;
}
.frame-type-form_formframework .form-select {
appearance: none;
padding-right: 40px;
cursor: pointer;
background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);
background-position: calc(100% - 18px) 55%, calc(100% - 11px) 55%;
background-size: 7px 7px;
background-repeat: no-repeat;
}
.frame-type-form_formframework .form-select option {
background: var(--page-bg);
color: var(--page-fg);
}
.frame-type-form_formframework .form-check-wrapping-label {
display: flex;
gap: 14px;
align-items: flex-start;
}
.frame-type-form_formframework .form-check-input {
flex: 0 0 auto;
width: 22px;
height: 22px;
margin: 3px 0 0;
appearance: none;
border: 1px solid var(--page-fg);
border-radius: 0;
background: transparent;
cursor: pointer;
}
.frame-type-form_formframework .form-check-input:checked {
background: var(--rpunkt-signal);
border-color: var(--rpunkt-signal);
box-shadow: inset 0 0 0 4px var(--page-bg);
}
.frame-type-form_formframework .form-check-input:focus-visible {
outline: 1px solid var(--rpunkt-signal);
outline-offset: 3px;
}
.frame-type-form_formframework .form-check-label {
color: var(--page-fg);
font-size: 22px;
font-weight: 100;
line-height: 1.5;
text-transform: none;
cursor: pointer;
}
.frame-type-form_formframework .form-check-label a {
color: var(--page-fg);
font-weight: 600;
}
.frame-type-form_formframework .required {
color: inherit;
}
.frame-type-form_formframework .invalid-feedback,
.frame-type-form_formframework .form-notice {
display: block;
margin: 10px 0 0;
color: var(--rpunkt-signal);
font-size: 16px;
font-weight: 600;
}
.frame-type-form_formframework .is-invalid .form-control,
.frame-type-form_formframework .form-control.is-invalid {
border-bottom-color: var(--rpunkt-signal);
}
.frame-type-form_formframework .actions {
margin-top: 12px;
}
.frame-type-form_formframework .btn-primary,
.frame-type-form_formframework .btn-primary:hover,
.frame-type-form_formframework .btn-primary:focus {
display: inline-flex;
align-items: center;
min-height: 52px;
padding: 0 32px;
border: 1px solid var(--page-fg);
border-radius: 999px;
background: transparent;
color: var(--page-fg);
font-size: 22px;
font-weight: 600;
letter-spacing: 0;
text-transform: none;
cursor: pointer;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
}
.frame-type-form_formframework .btn-primary:hover,
.frame-type-form_formframework .btn-primary:focus-visible {
background: var(--page-fg);
color: var(--page-bg);
}
.frame-type-form_formframework .form-confirmation,
.frame-type-form_formframework form + p,
.frame-type-form_formframework > p {
font-size: 28px;
line-height: 1.4;
}
@media (max-width: 767px) {
.frame-type-form_formframework form {
gap: 24px;
}
.frame-type-form_formframework .form-control,
.frame-type-form_formframework .form-select {
font-size: 20px;
}
}
.footer-cta {
--page-cta-bg: var(--page-bg);
--page-cta-fg: var(--page-fg);
display: grid;
grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
gap: 40px clamp(40px, 6vw, 120px);
align-items: center;
margin-top: 100px;
padding: 0 var(--rpunkt-edge);
color: var(--page-fg);
}
.footer-cta__title {
margin: 0;
color: inherit;
font-size: clamp(56px, 8.5vw, 150px);
line-height: 0.95;
letter-spacing: -0.035em;
text-transform: lowercase;
text-wrap: balance;
}
.footer-cta__aside {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 24px;
}
.footer-cta__text {
margin: 0;
font-size: 22px;
font-weight: 100;
line-height: 1.6;
}
.footer-cta .footer-cta__button,
.footer-cta .footer-cta__button:hover,
.footer-cta .footer-cta__button:focus {
display: inline-flex;
align-items: center;
min-height: 52px;
padding: 0 32px;
border: 1px solid var(--page-cta-fg);
border-radius: 999px;
background: transparent;
color: var(--page-cta-fg);
font-size: 22px;
font-weight: 600;
text-decoration: none;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
}
.footer-cta .footer-cta__button:hover,
.footer-cta .footer-cta__button:focus-visible {
background: var(--page-cta-fg);
color: var(--page-cta-bg);
}
.site-footer {
padding: clamp(72px, 9vw, 140px) var(--rpunkt-edge) 32px;
color: #fff;
}
.site-footer__inner {
display: grid;
grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
gap: 48px clamp(32px, 6vw, 120px);
align-items: start;
}
.site-footer__main {
display: flex;
flex-direction: column;
gap: clamp(32px, 4vw, 56px);
}
.site-footer .site-footer__logo,
.site-footer .site-footer__logo:hover,
.site-footer .site-footer__logo:focus {
display: block;
justify-self: end;
width: min(100%, 360px);
color: var(--page-fg);
background-image: none;
}
.site-footer__logo-svg {
display: block;
width: 100%;
height: auto;
}
.site-footer__nav-list {
columns: 2;
column-gap: clamp(32px, 5vw, 96px);
margin: 0;
padding: 0;
list-style: none;
}
.site-footer__nav-link,
.site-footer__nav-link:hover,
.site-footer__nav-link:focus {
display: inline-block;
color: #fff;
font-size: clamp(32px, 3.5vw, 52px);
font-weight: 500;
line-height: 1.12;
letter-spacing: -0.02em;
text-transform: lowercase;
text-decoration: none;
}
.site-footer__meta {
display: flex;
flex-wrap: wrap;
gap: 12px clamp(32px, 4vw, 72px);
}
.site-footer__meta-list {
margin: 0;
padding: 0;
list-style: none;
}
.site-footer__meta-link,
.site-footer__meta-link:hover,
.site-footer__meta-link:focus {
color: #fff;
font-size: 22px;
font-weight: 100;
line-height: 1.6;
text-decoration: none;
}
.site-footer__bottom {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
margin-top: clamp(64px, 8vw, 120px);
}
.site-footer__copyright {
margin: 0;
color: #fff;
font-size: 22px;
font-weight: 100;
line-height: 1.6;
}
.site-footer__top {
position: relative;
width: 44px;
height: 44px;
border: 0;
background: none;
color: #fff;
cursor: pointer;
}
.site-footer__top-arrow {
position: absolute;
left: 50%;
top: 50%;
width: 2px;
height: 24px;
margin: -12px 0 0 -1px;
background: currentColor;
transition: transform 0.35s cubic-bezier(0.7, 0, 0.3, 1);
}
.site-footer__top-arrow::before,
.site-footer__top-arrow::after {
content: "";
position: absolute;
top: 0;
left: 50%;
width: 2px;
height: 11px;
background: currentColor;
transform-origin: top center;
}
.site-footer__top-arrow::before {
transform: translateX(-50%) rotate(40deg);
}
.site-footer__top-arrow::after {
transform: translateX(-50%) rotate(-40deg);
}
.site-footer__top:hover .site-footer__top-arrow,
.site-footer__top:focus-visible .site-footer__top-arrow {
transform: translateY(-6px);
}
@media (max-width: 767px) {
.footer-cta,
.site-footer__inner {
grid-template-columns: minmax(0, 1fr);
}
.site-footer .site-footer__logo {
justify-self: start;
width: min(70%, 260px);
}
}
.footer-cta .footer-cta__button {
background-image: none;
}
body .footer-cta ::selection {
background: var(--page-cta-fg) !important;
color: var(--page-cta-bg) !important;
}
@media (max-width: 767px) {
.footer-cta__text,
.frame-type-form_formframework .form-check-label {
font-size: 22px;
}
}
.footer-cta:is(.footer-cta--line-top, .footer-cta--line-bottom) {
position: relative;
}
.footer-cta--line-top::before,
.footer-cta--line-bottom::after {
content: "";
position: absolute;
left: var(--rpunkt-edge);
right: var(--rpunkt-edge);
height: 1px;
background: var(--page-fg);
opacity: 0.35;
}
.footer-cta--line-top {
padding-top: clamp(60px, 7vw, 120px);
}
.footer-cta--line-top::before {
top: 0;
}
.footer-cta--line-bottom {
padding-bottom: clamp(60px, 7vw, 120px);
}
.footer-cta--line-bottom::after {
bottom: 0;
}
.footer-cta--line-bottom + .site-footer {
padding-top: clamp(60px, 7vw, 120px);
}
.main-content > .frame-type-rpunkt_spacer:not(:has(~ :not(.frame-type-rpunkt_spacer))) {
display: none;
}
.main-content > :not(.frame-type-rpunkt_spacer):not(:has(~ :not(.frame-type-rpunkt_spacer))),
.main-content > :not(.frame-type-rpunkt_spacer):not(:has(~ :not(.frame-type-rpunkt_spacer))) :is(.frame, header, p, ul, ol, form, .ce-gallery, [class*="col-"]):last-child {
margin-bottom: 0;
}
@media (max-width: 991px) {
.footer-cta {
grid-template-columns: minmax(0, 1fr);
align-items: start;
}
}