body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%}
.ce_tabcontrol,
.tabcontrol {
    margin: 0;
    padding: 0;
}

.tabcontrol .nav-tabs {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tabcontrol .nav-tabs .nav-item {
    margin: 0;
    padding: 0;
}

.tabcontrol .nav-tabs .nav-link {
    display: block;
    padding: 10px 15px;
    text-align: center;
    cursor: pointer;
    color: #888;
    text-decoration: none;
    border-bottom: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.tabcontrol .nav-tabs .nav-link:hover {
    background-color: #EEE;
    color: #000;
}

.tabcontrol .nav-tabs .nav-link.active {
    background-color: #CCC;
    color: #000;
}

.tabcontrol .tab-content {
    border-top: none;
}

.tabcontrol .tab-pane {
    opacity: 0;
    transition: opacity 0.3s ease;
    display: none;
}

.tabcontrol .tab-pane.active {
    opacity: 1;
    display: block;
}

.tabcontrol .tab-pane.fading-in {
    opacity: 0;
}

.tabcontrol .tab-pane.fading-out {
    opacity: 0;
}

/* dk_masonry global styles */
.masonry .image_container img {
	vertical-align: bottom;
}
.masonry > div, .masonry > section {
	float: left;
}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

.cc-head>*:first-child{margin-top:0}.cc-head>*:last-child{margin-bottom:15px}.contao-cookiebar{--ccb-backdrop: rgba(0, 0, 0, .75);--ccb-anim-duration: .5s;--ccb-checked-clr: #399d32;--ccb-checked-bg: #dcf3db;--ccb-unchecked-clr: #9c9b99;--ccb-unchecked-bg: #fff;--ccb-disabled-clr: #c8c7c5;--ccb-disabled-bg: #f4f4f4;--ccb-focus-clr: #00a4f4;position:fixed;inset:0;z-index:9999;display:flex;align-items:var(--ccb-align, center);justify-content:var(--ccb-justify, center);letter-spacing:0;padding:15px;max-height:100dvh;box-sizing:border-box;pointer-events:none;overflow:hidden;color:var(--ccb-clr, #444)}.contao-cookiebar *{box-sizing:border-box}.contao-cookiebar p{color:var(--ccb-text, #868686);line-height:1.4}.contao-cookiebar label{position:relative;display:block;padding:8px 13px 8px 0;line-height:1.2rem}.contao-cookiebar label.group{font-weight:600}.contao-cookiebar input{position:absolute;width:1px;height:1px;outline:0 none;opacity:0}.contao-cookiebar input+label{padding:8px 13px 8px 45px;cursor:pointer}.contao-cookiebar input+label:before,.contao-cookiebar input+label:after{content:"";position:absolute;border-radius:10px}.contao-cookiebar input+label:before{top:7px;left:0;width:35px;height:18px;margin:0;box-sizing:content-box;background:var(--ccb-unchecked-bg);border:1px solid var(--ccb-unchecked-clr);transition:border-color .2s}.contao-cookiebar input+label:after{display:block;top:11px;left:4px;width:12px;height:12px;background:var(--ccb-unchecked-clr);transition:background .2s,margin-left .2s,padding .2s}.contao-cookiebar input+label:active:after{padding-left:5px}.contao-cookiebar input.cc-group-half+label:after{background:linear-gradient(to right, var(--ccb-unchecked-clr) 0%, var(--ccb-unchecked-clr) 50%, var(--ccb-checked-clr) 50%, var(--ccb-checked-clr) 100%)}.contao-cookiebar input:checked+label:after{background:var(--ccb-checked-clr);margin-left:17px}.contao-cookiebar input:checked+label:active:after{margin-left:12px}.contao-cookiebar input:checked+label:before{background:var(--ccb-checked-bg);border-color:var(--ccb-checked-clr)}.contao-cookiebar input:disabled+label{pointer-events:none}.contao-cookiebar input:disabled+label:after{background:var(--ccb-disabled-clr)}.contao-cookiebar input:disabled+label:before{background:var(--ccb-disabled-bg);border-color:var(--ccb-disabled-clr)}.contao-cookiebar input:focus-visible:not(.cc-hide-focus)+label:before{outline:3px dashed var(--ccb-focus-clr);outline-offset:2px}.contao-cookiebar .cc-btn{display:inline-block;cursor:pointer;width:100%;padding:8px 14px;margin-bottom:8px;font-size:15px;outline:0 none;border:1px solid var(--ccb-btn-bdr, #cfcfcf);border-radius:4px;color:var(--ccb-btn-clr, #444);background:var(--ccb-btn-bg, #f5f5f5)}.contao-cookiebar .cc-btn:hover,.contao-cookiebar .cc-btn:focus{background:var(--ccb-btn-bg-hvr, #ececec)}.contao-cookiebar .cc-btn:last-child{margin-bottom:0}.contao-cookiebar .grayscale{--ccb-btn-bg: #f1efef;--ccb-btn-bg-hvr: #ececec}.contao-cookiebar .grayscale .success{--ccb-btn-bg: #fbfbfb;--ccb-btn-bg-hvr: #f7f7f7}.contao-cookiebar .highlight .success{--ccb-btn-bg: #4e9e3e;--ccb-btn-bg-hvr: #4c933f;--ccb-btn-bdr: #3e7830;--ccb-btn-clr: #fff}.cc-focus:not(.cc-hide-focus):focus-visible{outline:3px dashed var(--ccb-focus-clr);outline-offset:-3px}.cc-invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;float:left}.cc-inner{display:inline-block;overflow-y:auto;max-height:100%;max-width:100%;padding:23px;border-radius:3px;opacity:0;pointer-events:none;visibility:hidden;font-size:1rem;text-align:left;background:var(--ccb-bg, #fff);box-shadow:var(--ccb-box-shadow, rgba(99, 99, 99, 0.2)) 0 2px 8px 0;animation:var(--ccb-anim, cookiebar-middle-in) var(--ccb-anim-duration) ease-in-out forwards}.cc-group{position:relative;border:1px solid var(--ccb-bdr, #d0d0d0);border-radius:5px;margin-bottom:10px}.cc-cookie-info{font-size:.875rem;background:var(--ccb-info-bg, #fff);border:1px solid var(--ccb-info-bdr, #efefef);padding:10px;border-radius:5px}.cc-cookie-info>div>span{font-weight:600}.cc-cookie-info>div+div{margin-top:5px;word-wrap:break-word}.cc-cookie-info+button.cc-detail-btn-details{margin-top:15px}.cc-cookies{background:var(--ccb-cookies-bg, #fbfbfb);border-radius:0 0 5px 5px}.cc-cookies>p{font-size:.875rem}.cc-cookies>p,.cc-cookies>.cc-cookie{margin:0;padding:15px;border-top:1px solid var(--ccb-cookies-bdr, #fbfbfb)}.cc-cookie label.cookie+*{margin-top:10px}.cc-cookie p{margin:0 0 15px;font-size:.875rem}.cc-cookie-desc p{margin-bottom:0}.cc-footer,.cc-info{text-align:center}.cc-info{margin-top:15px}.cc-info>p{font-size:.875rem}.cc-info>a{display:inline-block;font-size:.813rem;color:var(--ccb-detail-clr, #a2a2a2);text-decoration:none}.cc-info>a:hover{color:var(--ccb-detail-clr-hvr, #717171)}.cc-info>a+a:before{display:inline-block;content:"·";margin-right:5px}.cc-active .cc-inner{opacity:1;pointer-events:auto;visibility:visible}.cc-active.cc-blocked{pointer-events:auto;animation:cookiebar-overlay-in var(--ccb-anim-duration) ease-in-out forwards}.cc-saved.cc-inner{opacity:0;pointer-events:none;visibility:hidden}.cc-saved.cc-blocked{pointer-events:none;animation:cookiebar-overlay-out var(--ccb-anim-duration) ease-in-out forwards}.cc-left{--ccb-justify: flex-start}.cc-right{--ccb-justify: flex-end}.cc-top{--ccb-align: flex-start}.cc-top.cc-active{--ccb-anim: cookiebar-top-in}.cc-top.cc-saved{--ccb-anim: cookiebar-top-out}.cc-middle.cc-active{--ccb-anim: cookiebar-middle-in}.cc-middle.cc-saved{--ccb-anim: cookiebar-middle-out}.cc-bottom{--ccb-align: flex-end}.cc-bottom.cc-active{--ccb-anim: cookiebar-bottom-in}.cc-bottom.cc-saved{--ccb-anim: cookiebar-bottom-out}@media(min-width: 768px){.contao-cookiebar .cc-btn{width:auto;margin-bottom:0}.cc-inner{max-width:var(--ccb-max-width, 750px)}}@media(forced-colors){.contao-cookiebar input+label:after{border:1px solid currentColor}.cc-inner{border:1px solid currentColor}input.cc-group-half+label:after{margin-left:9px}}@media(prefers-reduced-motion){.contao-cookiebar{--ccb-anim-duration: 2s}}@media print{.contao-cookiebar{opacity:0}}@keyframes cookiebar-overlay-in{0%{background:rgba(0,0,0,0)}to{background:var(--ccb-backdrop)}}@keyframes cookiebar-overlay-out{0%{background:var(--ccb-backdrop)}to{background:rgba(0,0,0,0);visibility:hidden}}@keyframes cookiebar-top-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-top-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(-100%)}}@keyframes cookiebar-middle-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes cookiebar-middle-out{0%{opacity:1;visibility:visible;transform:scale(1)}to{opacity:0;visibility:hidden;transform:scale(0)}}@keyframes cookiebar-bottom-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes cookiebar-bottom-out{0%{opacity:1;visibility:visible;transform:translateY(0)}to{opacity:0;visibility:hidden;transform:translateY(100%)}}.cc-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-content:center}.cc-group>label{flex-grow:1;margin:5px 0 5px 10px}.cc-cookies{display:none;width:100%}.cc-detail-btn{padding:8px 10px;line-height:1.2rem}.cc-detail-btn-details{text-decoration:underline;padding:0;margin:0 0 10px}.cc-detail-btn,.cc-detail-btn-details{display:inline-block;color:var(--ccb-detail-clr, #a2a2a2);border:0 none;outline:0 none;background:rgba(0,0,0,0);font-size:13px;letter-spacing:0;text-transform:initial;cursor:pointer}.cc-detail-btn span:nth-child(2),.cc-detail-btn-details span:nth-child(2){display:none}.cc-detail-btn.cc-active span:nth-child(1),.cc-detail-btn-details.cc-active span:nth-child(1){display:none}.cc-detail-btn.cc-active span:nth-child(2),.cc-detail-btn-details.cc-active span:nth-child(2){display:inline}.cc-detail-btn:hover,.cc-detail-btn-details:hover{background:rgba(0,0,0,0);color:var(--ccb-detail-clr-hvr, #717171)}
.glightbox-container{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999999!important;overflow:hidden;-ms-touch-action:none;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:0}.glightbox-container.inactive{display:none}.glightbox-container .gcontainer{position:relative;width:100%;height:100%;z-index:9999;overflow:hidden}.glightbox-container .gslider{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;height:100%;left:0;top:0;width:100%;position:relative;overflow:hidden;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.glightbox-container .gslide{width:100%;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0}.glightbox-container .gslide.current{opacity:1;z-index:99999;position:relative}.glightbox-container .gslide.prev{opacity:1;z-index:9999}.glightbox-container .gslide-inner-content{width:100%}.glightbox-container .ginner-container{position:relative;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;margin:auto;height:100vh}.glightbox-container .ginner-container.gvideo-container{width:100%}.glightbox-container .ginner-container.desc-bottom,.glightbox-container .ginner-container.desc-top{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.glightbox-container .ginner-container.desc-left,.glightbox-container .ginner-container.desc-right{max-width:100%!important}.gslide iframe,.gslide video{outline:0!important;border:none;min-height:165px;-webkit-overflow-scrolling:touch;-ms-touch-action:auto;touch-action:auto}.gslide:not(.current){pointer-events:none}.gslide-image{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gslide-image img{max-height:100vh;display:block;padding:0;float:none;outline:0;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100vw;width:auto;height:auto;-o-object-fit:cover;object-fit:cover;-ms-touch-action:none;touch-action:none;margin:auto;min-width:200px}.desc-bottom .gslide-image img,.desc-top .gslide-image img{width:auto}.desc-left .gslide-image img,.desc-right .gslide-image img{width:auto;max-width:100%}.gslide-image img.zoomable{position:relative}.gslide-image img.dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.gslide-video{position:relative;max-width:100vh;width:100%!important}.gslide-video .plyr__poster-enabled.plyr--loading .plyr__poster{display:none}.gslide-video .gvideo-wrapper{width:100%;margin:auto}.gslide-video::before{content:'';position:absolute;width:100%;height:100%;background:rgba(255,0,0,.34);display:none}.gslide-video.playing::before{display:none}.gslide-video.fullscreen{max-width:100%!important;min-width:100%;height:75vh}.gslide-video.fullscreen video{max-width:100%!important;width:100%!important}.gslide-inline{background:#fff;text-align:left;max-height:calc(100vh - 40px);overflow:auto;max-width:100%;margin:auto}.gslide-inline .ginlined-content{padding:20px;width:100%}.gslide-inline .dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;-webkit-transition:none;transition:none}.ginlined-content{overflow:auto;display:block!important;opacity:1}.gslide-external{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;min-width:100%;background:#fff;padding:0;overflow:auto;max-height:75vh;height:100%}.gslide-media{display:-webkit-box;display:-ms-flexbox;display:flex;width:auto}.zoomed .gslide-media{-webkit-box-shadow:none!important;box-shadow:none!important}.desc-bottom .gslide-media,.desc-top .gslide-media{margin:0 auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gslide-description{position:relative;-webkit-box-flex:1;-ms-flex:1 0 100%;flex:1 0 100%}.gslide-description.description-left,.gslide-description.description-right{max-width:100%}.gslide-description.description-bottom,.gslide-description.description-top{margin:0 auto;width:100%}.gslide-description p{margin-bottom:12px}.gslide-description p:last-child{margin-bottom:0}.zoomed .gslide-description{display:none}.glightbox-button-hidden{display:none}.glightbox-mobile .glightbox-container .gslide-description{height:auto!important;width:100%;position:absolute;bottom:0;padding:19px 11px;max-width:100vw!important;-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important;max-height:78vh;overflow:auto!important;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.75)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.75) 100%);-webkit-transition:opacity .3s linear;transition:opacity .3s linear;padding-bottom:50px}.glightbox-mobile .glightbox-container .gslide-title{color:#fff;font-size:1em}.glightbox-mobile .glightbox-container .gslide-desc{color:#a1a1a1}.glightbox-mobile .glightbox-container .gslide-desc a{color:#fff;font-weight:700}.glightbox-mobile .glightbox-container .gslide-desc *{color:inherit}.glightbox-mobile .glightbox-container .gslide-desc .desc-more{color:#fff;opacity:.4}.gdesc-open .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:.4}.gdesc-open .gdesc-inner{padding-bottom:30px}.gdesc-closed .gslide-media{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.greset{-webkit-transition:all .3s ease;transition:all .3s ease}.gabsolute{position:absolute}.grelative{position:relative}.glightbox-desc{display:none!important}.glightbox-open{overflow:hidden}.gloader{height:25px;width:25px;-webkit-animation:lightboxLoader .8s infinite linear;animation:lightboxLoader .8s infinite linear;border:2px solid #fff;border-right-color:transparent;border-radius:50%;position:absolute;display:block;z-index:9999;left:0;right:0;margin:0 auto;top:47%}.goverlay{width:100%;height:calc(100vh + 1px);position:fixed;top:-1px;left:0;background:#000;will-change:opacity}.glightbox-mobile .goverlay{background:#000}.gclose,.gnext,.gprev{z-index:99999;cursor:pointer;width:26px;height:44px;border:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.gclose svg,.gnext svg,.gprev svg{display:block;width:25px;height:auto;margin:0;padding:0}.gclose.disabled,.gnext.disabled,.gprev.disabled{opacity:.1}.gclose .garrow,.gnext .garrow,.gprev .garrow{stroke:#fff}.gbtn.focused{outline:2px solid #0f3d81}iframe.wait-autoplay{opacity:0}.glightbox-closing .gclose,.glightbox-closing .gnext,.glightbox-closing .gprev{opacity:0!important}.glightbox-clean .gslide-description{background:#fff}.glightbox-clean .gdesc-inner{padding:22px 20px}.glightbox-clean .gslide-title{font-size:1em;font-weight:400;font-family:arial;color:#000;margin-bottom:19px;line-height:1.4em}.glightbox-clean .gslide-desc{font-size:.86em;margin-bottom:0;font-family:arial;line-height:1.4em}.glightbox-clean .gslide-video{background:#000}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.75);border-radius:4px}.glightbox-clean .gclose path,.glightbox-clean .gnext path,.glightbox-clean .gprev path{fill:#fff}.glightbox-clean .gprev{position:absolute;top:-100%;left:30px;width:40px;height:50px}.glightbox-clean .gnext{position:absolute;top:-100%;right:30px;width:40px;height:50px}.glightbox-clean .gclose{width:35px;height:35px;top:15px;right:10px;position:absolute}.glightbox-clean .gclose svg{width:18px;height:auto}.glightbox-clean .gclose:hover{opacity:1}.gfadeIn{-webkit-animation:gfadeIn .5s ease;animation:gfadeIn .5s ease}.gfadeOut{-webkit-animation:gfadeOut .5s ease;animation:gfadeOut .5s ease}.gslideOutLeft{-webkit-animation:gslideOutLeft .3s ease;animation:gslideOutLeft .3s ease}.gslideInLeft{-webkit-animation:gslideInLeft .3s ease;animation:gslideInLeft .3s ease}.gslideOutRight{-webkit-animation:gslideOutRight .3s ease;animation:gslideOutRight .3s ease}.gslideInRight{-webkit-animation:gslideInRight .3s ease;animation:gslideInRight .3s ease}.gzoomIn{-webkit-animation:gzoomIn .5s ease;animation:gzoomIn .5s ease}.gzoomOut{-webkit-animation:gzoomOut .5s ease;animation:gzoomOut .5s ease}@-webkit-keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes lightboxLoader{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes gfadeIn{from{opacity:0}to{opacity:1}}@keyframes gfadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes gfadeOut{from{opacity:1}to{opacity:0}}@keyframes gfadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInLeft{from{opacity:0;-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0)}to{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@keyframes gslideOutLeft{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-60%,0,0);transform:translate3d(-60%,0,0);opacity:0;visibility:hidden}}@-webkit-keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes gslideInRight{from{opacity:0;visibility:visible;-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@keyframes gslideOutRight{from{opacity:1;visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(60%,0,0);transform:translate3d(60%,0,0);opacity:0}}@-webkit-keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@keyframes gzoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:1}}@-webkit-keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes gzoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@media (min-width:769px){.glightbox-container .ginner-container{width:auto;height:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.glightbox-container .ginner-container.desc-top .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-top .gslide-image,.glightbox-container .ginner-container.desc-top .gslide-image img{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.glightbox-container .ginner-container.desc-left .gslide-description{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.glightbox-container .ginner-container.desc-left .gslide-image{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.gslide-image img{max-height:97vh;max-width:100%}.gslide-image img.zoomable{cursor:-webkit-zoom-in;cursor:zoom-in}.zoomed .gslide-image img.zoomable{cursor:-webkit-grab;cursor:grab}.gslide-inline{max-height:95vh}.gslide-external{max-height:100vh}.gslide-description.description-left,.gslide-description.description-right{max-width:275px}.glightbox-open{height:auto}.goverlay{background:rgba(0,0,0,.92)}.glightbox-clean .gslide-media{-webkit-box-shadow:1px 2px 9px 0 rgba(0,0,0,.65);box-shadow:1px 2px 9px 0 rgba(0,0,0,.65)}.glightbox-clean .description-left .gdesc-inner,.glightbox-clean .description-right .gdesc-inner{position:absolute;height:100%;overflow-y:auto}.glightbox-clean .gclose,.glightbox-clean .gnext,.glightbox-clean .gprev{background-color:rgba(0,0,0,.32)}.glightbox-clean .gclose:hover,.glightbox-clean .gnext:hover,.glightbox-clean .gprev:hover{background-color:rgba(0,0,0,.7)}.glightbox-clean .gprev{top:45%}.glightbox-clean .gnext{top:45%}}@media (min-width:992px){.glightbox-clean .gclose{opacity:.7;right:20px}}@media screen and (max-height:420px){.goverlay{background:#000}}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
@font-face {
    font-family: 'Noto_Serif';
    src: url('../../files/fonts/notoserif-bold-webfont.woff2') format('woff2'),
         url('../../files/fonts/notoserif-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: bold;
    font-display: swap;
}

@font-face {
    font-family: 'Noto_Serif';
    src: url('../../files/fonts/notoserif-regular-webfont.woff2') format('woff2'),
         url('../../files/fonts/notoserif-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* noto-sans-300 - latin */
@font-face {
    font-display: swap;
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 300;
    src: local(''),
         url('../../files/fonts/noto-sans-v27-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../../files/fonts/noto-sans-v27-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* noto-sans-regular - latin */
  @font-face {
    font-display: swap;
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    src: local(''),
         url('../../files/fonts/noto-sans-v27-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../../files/fonts/noto-sans-v27-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* noto-sans-600 - latin */
  @font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 600;
    src: local(''),
         url('../../files/fonts/noto-sans-v27-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../../files/fonts/noto-sans-v27-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* noto-sans-700 - latin */
  @font-face {
    font-display: swap;
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 700;
    src: local(''),
         url('../../files/fonts/noto-sans-v27-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../../files/fonts/noto-sans-v27-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
  /* pathway-gothic-one-regular - latin */
@font-face {
    font-display: swap;
    font-family: 'Pathway Gothic One';
    font-style: normal;
    font-weight: 400;
    src: local(''),
         url('../../files/fonts/pathway-gothic-one-v14-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
         url('../../files/fonts/pathway-gothic-one-v14-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
  }
/* montserrat-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 300;
  src: url('../../files/fonts/montserrat-v25-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../files/fonts/montserrat-v25-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../files/fonts/montserrat-v25-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../../files/fonts/montserrat-v25-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../files/fonts/montserrat-v25-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('../../files/fonts/montserrat-v25-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../../files/fonts/montserrat-v25-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
body {
    background-color:#191818;
    font-size:16px;
    font-family: 'Montserrat',Arial;
    color:#ECECF4;
    font-weight: 500;
}
.header {
    position: fixed;
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 250px;
    align-items: center;
    padding-left: 5%;
    padding-right: 5%;
    width: 90%;
    z-index: 100;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    top: 0;
    pointer-events: none!important;
}
h1 {
    font-family:Montserrat;
    color:#ECECF4;
    font-weight: 500;
    font-size: 5em;
}
.videores.bach video {
    opacity: 0.5;
}
.videores video {
    width:100%!important;
    height:auto!important;
}
.reel video {
    position:relative;
    height: 850px !important;
}
.rsts-skin-default .rsts-caption {
    bottom: 10px;
    left: 10px;
    background-color: transparent;
    top: unset;
}
.new .katalog-bg {
    opacity: 1;
}
.high .mod_rocksolid_slider {
    margin-bottom: -60px;
}
.referenzen.new a {
    text-decoration: none;
}
.referenzen.new .layout_latest,
.referenzen.new .ctlg_teaser {
    margin-bottom: 55px;
    margin-top: 55px;
}
.referenzen.new .layout_latest:nth-child(3),
.referenzen.new .ctlg_teaser:nth-child(3),
.referenzen.new .layout_latest:nth-child(6),
.referenzen.new .ctlg_teaser:nth-child(6),
.referenzen.new .layout_latest:nth-child(9),
.referenzen.new .ctlg_teaser:nth-child(9),
.referenzen.new .layout_latest:nth-child(12),
.referenzen.new .ctlg_teaser:nth-child(12),
.referenzen.new .layout_latest:nth-child(15),
.referenzen.new .ctlg_teaser:nth-child(15),
.referenzen.new .layout_latest:nth-child(18),
.referenzen.new .ctlg_teaser:nth-child(18),
.referenzen.new .layout_latest:nth-child(21),
.referenzen.new .ctlg_teaser:nth-child(21),
.referenzen.new .layout_latest:nth-child(24),
.referenzen.new .ctlg_teaser:nth-child(24) {
    width: calc(50% - 20px);
    float: right !important;
}
.referenzen.new .layout_latest:nth-child(2),
.referenzen.new .ctlg_teaser:nth-child(2),
.referenzen.new .layout_latest:nth-child(5),
.referenzen.new .ctlg_teaser:nth-child(5),
.referenzen.new .layout_latest:nth-child(8),
.referenzen.new .ctlg_teaser:nth-child(8),
.referenzen.new .layout_latest:nth-child(11),
.referenzen.new .ctlg_teaser:nth-child(11),
.referenzen.new .layout_latest:nth-child(14),
.referenzen.new .ctlg_teaser:nth-child(14),
.referenzen.new .layout_latest:nth-child(17),
.referenzen.new .ctlg_teaser:nth-child(17),
.referenzen.new .layout_latest:nth-child(20),
.referenzen.new .ctlg_teaser:nth-child(20) {
    width: calc(50% - 20px);
    float: left;
}
.referenzen.new .layout_latest:nth-child(1),
.referenzen.new .ctlg_teaser:nth-child(1),
.referenzen.new .layout_latest:nth-child(4),
.referenzen.new .ctlg_teaser:nth-child(4),
.referenzen.new .layout_latest:nth-child(7),
.referenzen.new .ctlg_teaser:nth-child(7),
.referenzen.new .layout_latest:nth-child(10),
.referenzen.new .ctlg_teaser:nth-child(10),
.referenzen.new .layout_latest:nth-child(13),
.referenzen.new .ctlg_teaser:nth-child(13),
.referenzen.new .layout_latest:nth-child(16),
.referenzen.new .ctlg_teaser:nth-child(16),
.referenzen.new .layout_latest:nth-child(19),
.referenzen.new .ctlg_teaser:nth-child(19) {
    width: 100%;
    float: left;
}
.referenzen.new .layout_latest.is-inview img,
.referenzen.new .ctlg_teaser.is-inview img {
    opacity: 1;
}
.referenzen.new h3 a {
    position: unset;
    display: unset;
    top: unset;
    padding-top: 0px;
    text-align: left;
}
.referenzen.new h3 {
    margin-top: 30px;
    position: unset;
    top: unset;
    left: unset;
}
.referenzen.new h4 {
    display: none;
    margin-top: 20px;
}
body.lungau .header {
    display:None;
}
body.lungau {
    background-color:#ECECF4!Important;
}
.svg-in img {
    width:60%;
    height:auto;
    text-align:right;
}
.svg-in {
    margin-top:-250px;
    z-index:10;
    position:relative;
}
.pad-bot2 {
    margin-bottom:80px;
}
.pad-bot-small {
    margin-bottom:30px;
}
.goodies {
    padding:60px;
    background-color:#000;
    min-height:400px;
}
.goodies h2 {
    margin-bottom:30px;
    font-size:2em;
}
.grid2-tausch {
    margin-bottom:0;
    display:grid;
    grid-template-columns: 1fr 2fr;
    grid-gap:60px;
}
.video-game {
    height: 940px;
    padding-left: 20px;
    padding-right: 20px;
}
.dreier-grid {
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-gap: 20px;
}
.header .hleft,
.header .hright {
    pointer-events: auto!important;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
}
.embed-container {
    position: relative;
          padding-bottom: 56.25%;
          height: 0;
          overflow: hidden;
          max-width: 100%;
}
.jkl-box {
    background:transparent!important;
    padding:0px!Important;
}
.contao-cookiebar .cc-inner {
    box-shadow:none!Important;
    padding:50px;
    max-width:1300px;
}
button.cc-btn {
    background-color: rgba(236, 236, 244, 0.05)!important;
    border:0px solid #ECECF4!important;
            border-radius:0;
            text-transform:uppercase;
            letter-spacing:1px;
            color:#ECECF4;
                display:inline-block;
        margin-left:0px;
}
button.cc-btn:hover {
    background-color:rgba(236, 236, 244,.15)!important;
    background-color:rgba(236, 236, 244,.15)!important;
        border:0px solid #ECECF4!important;
            border-radius:0;
            color:#ECECF4;
                display:inline-block;
}
.cookiebar_default .cc-inner h3 {
    color:#ECECF4;
            margin-bottom:30px;
    font-size:1.3em;
}
.cookiebar_default .cc-cookie-info,
.cookiebar_default .cc-group {
    background-color:#191818;
            color:#ECECF4!important;
}
.cookiebar_default .cc-inner,
.cookiebar_default .cc-cookie,
.cookiebar_default .cc-group {
    background-color:#191818;
            color:#ECECF4!important;
            font-size:initial;
            border-radius:0!important;
}
.cc-inner .cc-detail-btn {
    background:none!important;
}
.cookiebar_default .cc-group {
    background-color:#191818;
    padding:2px 5px;
          
            border-radius:0px;
            border:0px;
}
.cookiebar_default .cc-cookies .cc-cookie .cc-cookie-info {
    background-color:rgba(ECECF4,.1);
    padding:5px;
            border-radius:0px;
            border:0px;
}
.cookiebar_default .cc-cookies .cc-cookie p,
.cookiebar_default .cc-cookies .cc-cookie-info,
.cookiebar_default .cc-cookies .cc-cookie-info div {
    font-size:initial;
}
.impr h2 {
    margin-top:100px;
    margin-bottom:40px;
    font-size:3em!important;
}
.impr h3,
.impr h4 {
    margin-top:80px;
    margin-bottom:30px;
}
.coffeeimage {
    height:1180px!important;
}
.gallery .grid1,
.gallery .grid2,
.gallery .grid3 {
    margin-bottom:60px;
}

.-opaque:before {
    background-color:#191818!Important;
    background-image:url("../../files/team24/sead-dedic.jpg")!Important;
    background-repeat:no-repeat!important;
    width:300px!important;
    height:400px!important;
    background-size:100% auto!important;
    background-position: top center!important;
    z-index:-10!Important;
    opacity:1!Important;
    left:150px!Important;
    top:-150px!important;
}

/* Malu */
.-opaque.malu-icon:before {
    background-image:url("../../files/team24/SDED1568.jpg")!important;
}

/* Jakob Kocher */
.-opaque.jakobk-icon:before {
    background-image:url("../../files/team24/SDED2073.jpg")!important;
}

/* Sarah Karner */
.-opaque.sarah-icon:before {
    background-image:url("../../files/team24/SDED9449.jpg")!important;
}

/* Marco Froihofer */
.-opaque.marco-icon:before {
    background-image:url("../../files/team24/SDED2701.jpg")!important;
}

/* Vinzenz Alb */
.-opaque.vinzenz-icon:before {
    background-image:url("../../files/team25/DSCF0068.jpg")!important;
}

/* Katharina Mühlbacher */
.-opaque.kathi-icon:before {
    background-image:url("../../files/team24/SDED6057.jpg")!important;
    width:400px!important;
    height:250px!important;
}

/* Elisa Wenger */
.-opaque.elisa-icon:before {
    background-image:url("../../files/team24/SDED9790.jpg")!important;
}

/* Sandra Hinteregger */
.-opaque.sandra-icon:before {
    background-image:url("../../files/team25/DSCF0267.jpg")!important;
}

/* Katja Hartsleben */
.-opaque.katja-icon:before {
    background-image:url("../../files/team24/DSCF4352.jpg")!important;
}

/* Jakob Gappmayr */
.-opaque.jakob-icon:before {
    background-image:url("../../files/team24/SDED3163.jpg")!important;
}

/* Max Tosch */
.-opaque.max-icon:before {
    background-image:url("../../files/team24/SDED3398.jpg")!important;
    width:400px!important;
    height:250px!important;
}

/* Sead Dedic */
.-opaque.sead-icon:before {
    background-image:url("../../files/team24/sead-dedic.jpg")!Important;
}

/* Theresa Fuchsberger */
.-opaque.theresa-icon:before {
    background-image:url("../../files/team24/SDED1138.jpg")!important;
}
.-opaque h3 {
    z-index:100!important;
    position:relative;
}
.marquee__content li {
    color:#ECECF4!Important;
}
.nonmargin {
    margin-bottom:0px!important;
}
.radio_container label,
.checkbox_container label {
    display:inline-block!Important;
    opacity:0.6;
}
.radio_container,
.checkbox_container {
    border:0px!important;
    color:#ECECF4;
    padding-left:0px;
    padding-right:0px;
    margin-left:0px;
    margin-top:40px;
}
.rsts-skin-default .rsts-nav-bullets a:hover,
.rsts-skin-default .rsts-nav-bullets a.active {
    box-shadow:none;
    background-color:#191818;
    border:1px solid #ECECF4;
}
.rsts-skin-default .rsts-nav-bullets a {
    width:15px;
    height:15px;
    box-shadow:none;
    border-radius:0px;
    margin-left:8px;
    margin-right:8px;
}
.rsts-skin-default .rsts-nav {
    right:initial;
    width:100%;
    left:initial;
    bottom:initial;
    position:relative;
    margin-top:20px;
    text-align:center;
}
.-lg.trophy-icon:before {
    content:"🏆";
    background:none;
    font-size:2vw;
}
.-lg.idea-icon:before {
    content:"💡";
    background:none;
    font-size:2vw;
}
.-lg.coffee-icon:before {
    content:"☕";
    background:none;
    font-size:2vw;
}
.-lg.love-icon:before {
    content:"🤍";
    background:none;
    font-size:2vw;
}
.-lg.perform-icon:before {
    content:"🚀";
    background:none;
    font-size:2vw;
}
.-lg.submit-icon:before {
    content:"🚀";
    background:none;
    font-size:2vw;
}
.nonpad {
    margin-top: 0px !important;
}
.grid1.nonpad {
    margin-top:0px!important;
}
.big-font h2 {
    font-size:7em!important;
}
.leistu.is-inview {
    opacity:1;
}
.leistu p strong {
    padding-top:60px;
    text-transform:uppercase;
    display:block;
    width:70%;
    font-weight:500;
}
.leistu h3 span {
    font-size:0.5em!Important;
    display:block;
}
video {
    outline:none!Important;
}
.back a:hover {
    opacity:0.6;
}
.mod_newsreader .head-text {
    padding-top:220px!Important;
}
.mod_newsreader .rs-gall {
    margin-top:120px!Important;
    margin-bottom:120px!Important;
}
.mod_newsreader .rs-banner {
    margin-bottom:120px!Important;
}
.project-start h2 {
    margin-top:30px;
}
.project-start p {
    font-weight: 500;
    font-size: 0.9em;
    line-height: 1.8em;
}
.shy:hover .giphy {
    display:block;
}
.shy img {
    margin-top:-20px;
}
.shy {
    position:relative;
    overflow:auto;
}
.giphy {
    position:absolute!important;
    width:140px!important;
    height:150px!important;
    top:0px;
    left:0px;
    padding:0px!important;
    margin:0px;
    display:none;
    z-index:1;
}
.logo-animation-el2 h2::before,
.logo-animation-el3 h2::before,
.logo-animation-el4 h2::before,
.logo-animation-el5 h2::before,
.logo-animation-el6 h2::before,
.logo-animation-el7 h2::before {
    position:absolute;
    font-size:30vw;
    opacity:0.1;
    bottom:150px;
    right:100px;
    color:#ECECF4!Important;
    -webkit-text-stroke: 1px white; /* width and color */
        text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white!important;
    line-height:auto!Important;
}
.logo-animation-el2 h2::before {
    content:"1";
}
.logo-animation-el3 h2::before {
    content:"2";
}
.logo-animation-el4 h2::before {
    content:"3";
}
.logo-animation-el5 h2::before {
    content:"4";
}
.logo-animation-el6 h2::before {
    content:"5";
}
.logo-animation-el7 h2::before {
    content:"6";
}
.logo-animation-el1 h2 span,
.logo-animation-el2 h2 span,
.logo-animation-el3 h2 span,
.logo-animation-el4 h2 span,
.logo-animation-el5 h2 span,
.logo-animation-el6 h2 span {
    font-size:.3em!Important;
    display:block;
    margin-top:40px;
    opacity:0.6;
    font-weight:300;
    line-height:1.5em;
    width:50%;
}
.external__images-inner p {
    font-size:1.8em;
}
.logo-animation-el1 h2,
.logo-animation-el2 h2,
.logo-animation-el3 h2,
.logo-animation-el4 h2,
.logo-animation-el5 h2,
.logo-animation-el6 h2 {
    font-size:4vw!Important;
    text-align:left;
    opacity:0;
            transition: all 1s ease;
            transition-delay:0s;
    display:flex;
    	flex-direction: column;
    	align-items:left;
    height:100vh;
    justify-content:center;
    font-weight:500;
    max-width:1500px;
    width:90%;
    margin-left:auto!important;
    margin-right:auto!Important;
    line-height:4vw;
}
.logo-animation-el1.is-inview h2,
.logo-animation-el2.is-inview h2,
.logo-animation-el3.is-inview h2,
.logo-animation-el4.is-inview h2,
.logo-animation-el5.is-inview h2,
.logo-animation-el6.is-inview h2 {
    opacity:1;
}
#animation-cont,
#animation-cont2,
#animation-cont3,
#animation-cont4,
#animation-cont5,
#animation-cont6 {
    height:200vh!Important;
}
.buttn.right a {
    text-align:left!important;
}
.clicker,
.lines-button {
    outline:none!Important;
}
.header.is-fixed {
    position:fixed!important;
    top:0px!important;
}
.stand1 strong,
.stand2 strong {
    color:#ECECF4!Important;
}
.grid1.siebzigdreisig {
    grid-template-columns:55.5% 44.5%!important;
}
svg {
    width:100%!important;
    height:auto;
}
.taxo h4,
.taxo ul {
    margin:0px!Important;
}
.taxo {
    display:grid;
    grid-template-columns:1fr 3fr;
}
.taxo li {
    font-size:1.6em;
}
.taxo ul {
    padding-right:0;
    padding-left:0;
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-gap:40px;
}
.taxo li {
    text-decoration:none;
    list-style-type:none;
}
.edel-banner .ref-text p {
    font-family:'Noto_Serif'!important;
}
.edel-banner .ref-text h2 {
    font-weight:400;
    line-height:1.1em;
    margin-bottom: 50px;
}
.edel-banner .ref-text {
    max-width:600px;
    margin-bottom:250px;
    margin-left:auto;
    margin-right:auto;
    font-family:'Noto_Serif';
}
.edel-banner {
    height:1000px;
    text-align:center;
}
.edel-banner .rsts-slide > img {
    opacity:0.5;
}
.videores {
    margin-bottom: 50px;
}
.right-graphic-box strong {
    text-transform:uppercase;
}
.right-graphic-box h4 {
    font-family:'Noto_Serif';
    font-weight:400;
    color:#000!Important;
    font-size:3em;
    opacity:1!important;
    margin-bottom:200px!Important;
}
.right-graphic-box h3 {
    font-family:'Noto_Serif';
    font-weight:400;
}
.right-graphic-box h2 {
    margin-top:40px;
    margin-bottom:80px;
    font-size: 8vw!important;
    line-height:5.5vw;
    font-family:'Noto_Serif';
    font-weight:400;
}
.right-graphic-box-jkl strong,
.right-graphic-box-jkl h3,
.right-graphic-box-jkl h4,
.right-graphic-box-jkl h2 {
    font-family:'abril-text'!important;
    color:#ECECF4!Important;
}
.white-box p {
    color:#191818;
}
.white-box {
    padding:100px 150px;
    background-color:#ECECF4;
    color:#191818;
    display:grid;
    grid-template-columns: 1.5fr 1fr;
    grid-gap:100px;
}
.ctlg_master .zitat-kunde p {
    color:rgba(ECECF4,1);
    text-transform:uppercase;
}
.ctlg_master .zitat-kunde h3 {
    margin-bottom:60px;
    color:rgba(ECECF4,.5);
    font-weight: 300;
}
.ctlg_master .zitat-kunde {
    padding-right:30%;
}
.mod_rocksolid_slider.lastslider,
.lastslider .mod_rocksolid_slider {
    margin-bottom: 0px !important;
}
.ctlg_master .zitat h3 {
    padding-right:15%;
    padding-left:15%;
    color:rgba(ECECF4,.5);
    font-weight:300!important;
}
.ctlg_master .data-infos h5 {
    font-size:2em;
    margin:0px;
    font-weight:500;
    width: 80%;
}

.credits h5 {
    margin-bottom: 30px !important;
    font-size: 1.5em;
    font-weight:500;
    margin-top: 0px;
}

.credits p:last-child {
    margin-bottom:0px;
}

.credits {
    margin-bottom: 0px;
}

.ctlg_master .data-full::after {
    background-color:rgba(ECECF4,.2);
    content:"";
        width:0%;
        height:1px;
        display:block;
        position:relative;
        margin-top:60px;
        transition: all 1s ease;
        transition-delay:0.3s;
}
.ctlg_master .data-full.is-inview::after {
    width:100%;
}
.ctlg_master .data-infos {
    padding-top:60px;
    padding-bottom:40px;
    display:grid;
    grid-template-columns: 1.5fr 1fr 1.5fr;
    position:relative;
    grid-gap:20px;
}
.ctlg_master .data-full {
    margin-bottom:120px;
}
.grid1 {
    margin-top:200px;
    margin-bottom:0;
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-gap:60px;
}
.pantone-box-jkl {
    margin-bottom:150px;
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap:30px;
}
.grid-zwei {
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-gap:60px;
}
.grid2 {
    margin-bottom:0;
    display:grid;
    grid-template-columns: 2fr 1fr;
    grid-gap:60px;
}
.grid3 {
    margin-bottom:0;
    display:grid;
    grid-template-columns: 1fr 2fr;
    grid-gap:60px;
}
.column-1-ref .zitat h2 {
    font-weight:600!important;
}
.column-1-ref .zitat p {
    font-size:2em;
    line-height:1.5em;
    opacity:0.5;
    font-weight:300;
}
.right .buttn a {
    padding-right:50px;
}
.right {
    text-align:right;
}
.column-1-ref h2 {
    margin-bottom:80px;
}
.ce_player video {
    width:100%!Important;
    height:auto;
}
a {
    text-decoration:underline;
    color:#ECECF4;
}
.katalog-bg,
.katalog-bg img {
    width:100%;
}
.mod_catalogBookNavigation ul {
    padding:0px;
    margin:0px;
}
.ctlg_master h4 {
    margin-top:40px;
    opacity:0.5;
}
.leistu a::after {
    background-color:#ECECF4;
    content:"";
    width:0%;
    height:1px;
    display:block;
    position:relative;
    margin-top:60px;
    transition: all 1s ease;
    transition-delay:0.3s;
}
.ohnp {
    padding-bottom:0px!important;
    margin-bottom:0px!important;
}
.border-bot::after,
.border-bot2 div::after {
    background-color: rgba(236, 236, 244, 0.2);
    content:"";
    width:0%;
    height:1px;
    display:block;
    position:relative;
    margin-top:60px;
    transition: all 1s ease;
    transition-delay:0.3s;
}
.border-bot.is-inview::after,
.border-bot2 .is-inview::after,
.leistu a::after {
    width:100%;
}
.leistu h3 {
    font-size:2.6vw;
    font-weight:500;
}
.marg-top {
    margin-top:150px;
}
.mod_catalogMasterView .head-text {
    height:50vh;
}
.submit {
    background:none;
    border:0px;
    box-shadow:none;
    display:inline-block!important;
    text-align:left!important;
    max-width:250px!important;
    padding-left:0px!important;
    float:right;
}
.ce_form input.text,
.ce_form textarea,
.ce_form .widget-select select {
    padding:20px 0;
    background-color:#191818;
    border-top:0px solid #ECECF4;
    border-right:0px solid #ECECF4;
    border-bottom:1px solid #ECECF4;
    border-left:0px solid #ECECF4;
    border-radius:0;
    color:#ECECF4;
    box-shadow:none;
    font-size:1.2em;
    font-family:Montserrat!important;
    letter-spacing:2px!important;
    width:100%;
    border-radius:0px!important;
    -webkit-appearance: none;
    outline:none!important;
}
.ce_form label {
    display:none;
}
.external {
    height: 400vh;
      position: relative;
}
.animation-cont div:nth-child(1) {
    left: -50px;
}
#animation-cont div:nth-child(2) {
    right: -50px;
    top: -100px;
    position: relative;
}
.katalog-bg {
    opacity: 0.5;
}
.katalog-logo {
    position: absolute;
    width: 400px;
}
.katalog-logo img {
    width: 100%;
    height:auto;
}
.titleimage {
    margin-top:350px;
    position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
}
h2.hbig {
    font-size: 5em;
}
.pad-left {
    padding-left: 80px;
}
.buttn.right {
    float: right;
      width: 280px;
}
.z-1 {
    z-index: 1;
    position: relative;
}
.line-top {
    border-top:1px solid rgba(ECECF4,.2);
    padding-top: 100px;
}
.team-column {
    border-bottom:1px solid rgba(ECECF4,.1);
}
.team-column:nth-last-child(1) {
    border-bottom:0px solid rgba(ECECF4,.1);
}
.center {
    text-align: center;
}
.head-text .text-small span,
.mod_newsreader p {
    color:rgba(ECECF4,.5);
    font-size: 1.5em;
    line-height: 1.6em;
    letter-spacing:1px;
    font-weight:300!important;
}
.head-text > * {
    width: 75vw;
      max-width: 1050px;
}
.ctlg_master > .block img {
    opacity: 0.5;
}
.details #main {
    margin-top: 120px;
}
.text-abs-cont .ce_text {
    z-index: 1;
}
.text-abs-cont .ce_text {
    display: flex;
      align-items: center;
}
.leistu li {
    font-size:1.5em;
    color:rgba(ECECF4,.5);
    padding: 10px 0px;
    text-align: right;
}
.leistu ul {
    list-style: none;
    padding-left: 0px;
    margin: 0px;
}
.leistu {
    border-bottom:1px solid rgba(ECECF4,.2);
    display: grid;
    grid-template-columns: 4fr 2fr;
    padding-bottom: 80px;
    margin-bottom: 80px;
}
.rs-banner {
    height: 650px;
    max-height: 60vh;
}
.abs-bottom {
    bottom: -140px ;
      z-index: -1;
    position: relative;
}
.abs-top {
    top: -250px ;
    position: relative;
    margin-bottom: -220px;
}
.text-abs-cont .mod_rocksolid_slider {
    margin-left: auto;
      margin-right: 0px;
}
.text-abs-cont {
    display: flex;
      align-items: center;
}
.text-abs {
    position: absolute;
    width: 70vw;
    padding-top: 100px;
}
.op50 img {
    opacity: 0.5;
}
.op30 img {
    opacity: 0.3;
}
.noov {
    overflow: unset;
}
.team {
    margin-top: 80px;
    margin-bottom: 80px;
}
.teammember h3 {
    position: relative; 
    z-index: 5;
    opacity: 0.5;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    margin: 0px;
    font-weight:300;
    z-index:20!important;
}
.teammember:hover h3 {
    opacity: 1;
    z-index: 11;
}
.teammember:hover {
    cursor: pointer;
}
.teammember:hover figure img {
    max-width: inherit;
}
.teammember figure {
    position: absolute;
    top: -220px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    display: none;
    z-index: 1;
    left: 70px;
}
.teammember:hover figure {
    display: inline;
    z-index: 6;
}
.teammember {
    position: relative;
    overflow: unset;
    display: inline-block;
    margin-right: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
}
h3 {
    font-size: 2.4em;
    margin: 0px;
}
h1 div {
    overflow:hidden;
    display:block;
}
span.non {
    display:block;
    overflow:hidden;
}
.non.delayone {
    transition-delay: 0.1s!important;
}
.non.delaytwo {
    transition-delay: 0.3s!important;
}
.non.delaythree {
    transition-delay: 0.5s!important;
}
.non.delayfour {
    transition-delay: 0.9s!important;
}
.non {
    opacity:0;
        -webkit-transition: all 0.8s ease-out;
            transition: all 0.8s ease-out;
    transform: translateY(82px)!important;
}
h4.non {
    opacity: 1;
}
.non.is-inview {
    opacity:1;
    transform: translateY(0px)!important;
}
.mod_catalogMasterView {
    margin-bottom: 50px;
}
.impr li {
    list-style: none;
    line-height: 2em;
    font-weight:300;
}
.impr ul {
    padding:0px;
    margin:0px;
    opacity:0.6;
    letter-spacing:1px;
}
.column-1 {
    display: grid;
      grid-template-columns: 2.2fr 1fr;
      column-gap: 150px;
}
.fkontakt a,
.sidebar-panel a {
    -webkit-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
}
.sidebar-panel a:hover {
    opacity: 0.6;
}
::selection {
    background-color:#ECECF4;
    color:#191818;
}
.referenzen h4 {
    margin-top: 50px;
    opacity:0.6!Important;
}
.referenzen h3 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    margin: 0px;
}
.buttn a,
.submit,
.back a {
    max-width: 350px;
}
.submit {
    max-width: 350px!important;
}
.impr a {
    text-decoration:none;
    color:#ECECF4;
}
.lines::before,
.lines::after {
    height: 5px!important;
    width: 40px!important;
}
.impr h2 {
    font-size: 1.6em;
}
.column-1-ref {
    display: grid;
      grid-template-columns: 3fr 1fr;
      column-gap: 150px;
}
.navscroll .header {
    background-color:#191818;
    height: 150px;
}
.referenzen .layout_latest:hover figure img,
.referenzen .ctlg_teaser:hover figure img {
    opacity: 0.4;
    transform: scale(1.05)!important;
}
.impr h1 {
    margin-top: 280px;
    margin-bottom:120px;
}
.proj-bg {
    position: relative;
}
.referenzen .layout_latest img,
.referenzen .ctlg_teaser img {
    opacity:0;
        -webkit-transition: all 0.8s ease-out;
            transition: all 0.8s ease-out;
        transform: scale(1.05);
}
.referenzen .layout_latest.is-inview img,
.referenzen .ctlg_teaser.is-inview img {
    opacity:0.5;
    transition-delay: 0.5s!important;
        transform: scale(1.0);
}
.referenzen .layout_latest.is-inview:hover img,
.referenzen .ctlg_teaser.is-inview:hover img {
    transition-delay: 0s!important;
}
.referenzen .layout_latest,
.referenzen .ctlg_teaser {
    margin-bottom: 100px;
    margin-top: 60px;
}
.referenzen .layout_latest .image_container,
.referenzen .ctlg_teaser .image_container {
    background-color:#000000;
    line-height:0px;
}
.referenzen .layout_latest,
.referenzen .ctlg_teaser {
    width: 80%;
    float: left;
}
.referenzen .layout_latest:nth-child(1),
.referenzen .ctlg_teaser:nth-child(1),
.referenzen .layout_latest:nth-child(7),
.referenzen .ctlg_teaser:nth-child(7),
.referenzen .layout_latest:nth-child(9),
.referenzen .ctlg_teaser:nth-child(9),
.referenzen .layout_latest:nth-child(15),
.referenzen .ctlg_teaser:nth-child(15),
.referenzen .layout_latest:nth-child(17),
.referenzen .ctlg_teaser:nth-child(17),
.referenzen .layout_latest:nth-child(23),
.referenzen .ctlg_teaser:nth-child(23){
    width: 80%;
    float: right;
}
.referenzen .layout_latest:nth-child(2),
.referenzen .ctlg_teaser:nth-child(2),
.referenzen .layout_latest:nth-child(8),
.referenzen .ctlg_teaser:nth-child(8),
.referenzen .layout_latest:nth-child(10),
.referenzen .ctlg_teaser:nth-child(10),
.referenzen .layout_latest:nth-child(16),
.referenzen .ctlg_teaser:nth-child(16),
.referenzen .layout_latest:nth-child(18),
.referenzen .ctlg_teaser:nth-child(18),
.referenzen .layout_latest:nth-child(20),
.referenzen .ctlg_teaser:nth-child(20) {
    width: 60%;
    float: left;
}
.referenzen .layout_latest:nth-child(3),
.referenzen .ctlg_teaser:nth-child(3),
.referenzen .layout_latest:nth-child(11),
.referenzen .ctlg_teaser:nth-child(11),
.referenzen .layout_latest:nth-child(19),
.referenzen .ctlg_teaser:nth-child(19),
.referenzen .layout_latest:nth-child(28),
.referenzen .ctlg_teaser:nth-child(28) {
    width: 60%;
    float: right;
}
.referenzen .layout_latest:nth-child(4),
.referenzen .ctlg_teaser:nth-child(4),
.referenzen .layout_latest:nth-child(12),
.referenzen .ctlg_teaser:nth-child(12),
.referenzen .layout_latest:nth-child(22),
.referenzen .ctlg_teaser:nth-child(22) {
    width: 80%;
    float: left;
}
.referenzen .layout_latest:nth-child(5),
.referenzen .ctlg_teaser:nth-child(5),
.referenzen .layout_latest:nth-child(13),
.referenzen .ctlg_teaser:nth-child(13),
.referenzen .layout_latest:nth-child(21),
.referenzen .ctlg_teaser:nth-child(21) {
    width: 60%;
    float: right;
}
.propunkte p {
    color:rgba(ECECF4,.4);
    font-size: 0.8em;
    margin-top: 30px;
    letter-spacing: 1px;
    margin-bottom: 50px;
}
.referenzen h3 a {
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
    top: 0px;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.img-cont {
    position: relative;
}
.referenzen h3 a {
    text-decoration:none;
    color:#ECECF4;
}
.referenzen figure img {
    opacity: 0.3;
    -webkit-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}
.o-kont {
    position: absolute;
      bottom: 10vh;
      display: flex;
      justify-content: space-between;
      width: 90vw;
}
.o-kont a {
    text-decoration:none;
    color:#ECECF4;
    font-weight: 300;
    margin-right: 50px;
}
.overl-right {
    position: relative;
}
.overl-right::before {
    background-image:url("../../files/bilder/2023/B23A2648.jpg");
    content: "";
      position: absolute;
      width: 100%;
      height: 60vh;
      left: 0px;
      right: 0px;
      opacity: 0.1;
      background-size: cover;
      top: 20vh;
}
.overl-left {
    display: flex;
    align-items: center;
    margin-left: 5vw;
    position: relative;
}
.sidebar-panel > div {
    height: 100vh;
}
.sidePanelOpen .navname::before {
    color:#ECECF4;
    letter-spacing:2px;
    content: "SCHLIESSEN";
    padding-right: 50px;
}
.navname::before {
    color:#ECECF4;
    letter-spacing:2px;
    content: "MENU";
    padding-right: 50px;
}
.level_1 li strong,
.level_1 li a:hover {
    color: #ECECF4 !important;
    font-weight: 500;
    opacity: 1;
}
.level_1 li a,
.level_1 li strong {
    font-size:2.3em;
    text-decoration:none;
    color:#707070;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    padding: 15px 0px;
    display: inline-block;
    font-weight: 500;
}
.level_1 {
    list-style: none;
    padding: 0px;
}
.sidePanelOpen {
    overflow: hidden;
}
.sidebar-panel {
    background-color:#191818;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 90;
    align-items: center;
    display: flex;
    display: none;
    transition: 0.3s ease-out;
    -webkit-transition: 0.3s ease-out;
}
.sidePanelOpen .sidebar-panel {
    background-color:#191818;
    display: grid;
      grid-template-columns: 1fr 1.4fr;
}
.mod_rocksolid_slider {
    margin-bottom: 60px;
}
.link-big {
    margin: 0px;
}
.link-big a:hover::after {
    right: 15px;
}
.link-big a::after {
    background-image:url("../../files/grafiken/right-arrow-white.svg");
    background-position:center center;
    background-repeat:no-repeat;
    content:"";
    width: 45px;
    height: 100%;
    position: absolute;
    right: 5px;
    top: 0px;
    background-size: 100% auto;
    transition: 0.3s ease-out;
    -webkit-transition: 0.3s ease-out;
}
.link-big a {
    border-bottom:1px solid #ECECF4;
    font-size:2.8em;
    text-decoration:none;
    color:#ECECF4;
    padding-top: 35px;
    position: relative;
    display: inline-block;
    width: 100%;
    padding-bottom: 35px;
    font-weight: 500;
    transition: 0.3s ease-out;
    -webkit-transition: 0.3s ease-out;
}
.awards .link-big {
    border-bottom:1px solid #ECECF4;
    font-size:1.8em;
    line-height: 1.4em;
    text-decoration:none;
    color:#ECECF4;
    padding-top: 25px;
    position: relative;
    display: inline-block;
    width: 100%;
    padding-bottom: 25px;
    font-weight: 500;
    transition: 0.3s ease-out;
    -webkit-transition: 0.3s ease-out;
}
.link-big a:hover {
    color:rgba(ECECF4,.6);
}
.link-big a:hover::after {
    right:40px;
}
.border-top {
    border-top:1px solid #ECECF4;
}
.project-start a {
    text-decoration:none;
    color:#ECECF4;
    position: relative;
    font-weight:500;
}
.project-start a::after {
    background-image:url("../../files/grafiken/right-arrow-white.svg");
    background-position:center center;
    background-repeat:no-repeat;
    content: "";
    display: inline-block;
    width: 68px;
    height: 100%;
    position: absolute;
    right: -150px;
    top: 0px;
    background-size: 100% auto;
    transition: 0.3s ease-out;
    -webkit-transition: 0.3s ease-out;
}
.project-start a:hover::after {
    right: -120px;
}
.copy-right a {
    padding-right: 15px;
}
.fkontr img {
    width: 22px;
    padding-right: 30px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.fkontakt a:hover {
    opacity: 0.6;
}
.fkontakt {
    display: flex;
    align-items: end;
}
.fkontl {
    min-width: 170px;
    width: 15vw;
}
.fkontl span {
    color:#9B9B9B;
}
.fkontl a {
    text-decoration:none;
    color:#ECECF4;
}
.marg-top h4 {
    margin-top: 0px;
    margin-bottom: 50px;
}
.buttn a,
.submit,
.back a {
    font:.9em Noto Sans;
    text-decoration:none;
    color:#ECECF4;
    text-transform:uppercase;
    letter-spacing:3px;
    margin-top: 60px;
    display: inline-block;
    font-weight: 500;
    width: 100%;
    position: relative;
                transition: all 0.3s ease;
                transition-delay:0.3s;
}
.buttn a:hover::after,
.submit:hover::after {
    right: 15px;
}
.buttn a::after,
.submit::after {
    background-image:url("../../files/grafiken/right-arrow-white.svg");
    background-repeat:no-repeat;
    content: "";
    position: absolute;
    right: 0px;
    width: 22px;
    height: 100%;
    background-size: 100% auto;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.border-bot {
    padding-bottom: 80px;
      padding-top: 10px;
}
.border-bot2 {
    padding-bottom: 100px;
    margin-bottom: 120px;
}
.marg-top {
    margin-top: 180px;
}
.lines-button:hover .lines::before {
    opacity: 1!important;
}
.lines-button.x.close .lines::before,
.lines-button.x.close .lines::after {
    width: 35px!important;
}
.lines::after {
    top: -8px!important;
}
.lines::before {
    top: 8px!important;
}
.lines-button.x.close .lines::after {
    top: 0px!important;
}
.lines-button.x.close .lines::before {
    top: 0px!important;
}
.lines {
    background-color: unset;
}
.lines::before,
.lines::after {
    height: 5px!important;
    width: 45px!important;
}
p {
    font-family:Noto Sans;
    color:rgba(ECECF4,.7);
    letter-spacing:2px;
    line-height: 2;
    font-weight: 300;
    margin-top: 0px;
    margin-bottom: 20px;
}
.pad-text {
    padding-top: 120px;
    padding-bottom: 180px;
}
.pad {
    padding-top: 180px;
    padding-bottom: 180px;
}
.pad-top {
    padding-top: 180px;
}
.pad-bot {
    padding-bottom: 180px;
}
.pad-bot-sm {
    padding-bottom: 60px;
}
.pad-top-sm {
    padding-top: 80px;
}
.zitat p {
    font-family:Montserrat;
    color:#ECECF4;
    font-size: 3em;
    font-weight: 500;
    line-height: 1.2;
}
.small-zitat p {
    font-family:Montserrat;
    color:#ECECF4;
    font-size: 1.6em;
    font-weight: 500;
    line-height: 1.5;
    padding-right:30%;
}
.pad-sm {
    padding-top: 80px;
    padding-bottom: 80px;
}
h2 {
    font-size: 4em;
    margin-top: 0px;
    margin-bottom: 0px;
}
.afterfooter {
    padding-bottom:150px;
    display: grid;
    font-size: 0.9em;
    grid-template-columns: 2.5fr 2fr;
}
.afterfooter,
.afterfooter a {
    text-decoration:none;
    color:#9B9B9B;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.afterfooter a:hover {
    color:#ECECF4;
}
#footer {
    margin-top:100px;
    margin-bottom: 100px;
}
.stand1,
.stand2 {
    color:#9B9B9B;
}
.foot {
    display: grid;
    grid-template-columns: 2.5fr 1fr 1fr;
    padding-top: 40px;
    padding-bottom: 180px;
    line-height: 2;
}
#footer .inside {
    padding-left: 5%;
    padding-right: 5%;
}
h4 {
    font-family:Noto Sans;
    text-transform:uppercase;
    letter-spacing:2px;
    font-weight: 500;
    font-size: 0.9em;
    line-height: 1.8em;
}
.container,
#container {
    width: 90%;
    max-width: 1600px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0px;
    padding-right: 0px;
}
.head-text {
    height: 800px;
    display: flex;
    align-items: start;
      padding-bottom: 16vh;
      position: relative;
      flex-direction: column;
      -webkit-justify-content: flex-end;
         -moz-justify-content: flex-end;
          -ms-justify-content: flex-end;
              justify-content: flex-end;
}
.lines-button {
    position: relative!important;
    background: unset!important;
    border: unset!important;
    padding: 3rem 0rem!important;
}
.hlogo a {
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.hlogo a:hover {
    opacity: 0.6;
}
.hlogo {
    width: 120px;
}

h3 strong {
    font-weight: 500 !important;
}


/* cover-crop image inside a grid cell (apply via cssID "img-filler") */
.img-filler figure {
    height: 100%;
    img { object-fit: cover; width: 100%; height: 100%; }
}

/* img-filler next to a video: match .videores bottom margin so they align */
.img-filler:has(~ .videores), .videores ~ .img-filler { margin-bottom: 50px; }

/* img-filler paired with a video in a grid: the video sets the row height, image cover-crops down to it */
:is(.grid1, .grid2, .grid2-tausch, .grid3, .grid-zwei):has(> .videores) {
    align-items: stretch;
}
:is(.grid1, .grid2, .grid2-tausch, .grid3, .grid-zwei):has(> .videores) > .img-filler {
    min-height: 0;
    figure {
        position: relative;
        img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
    }
}

@media (min-width: 992px) and (max-width: 1449px) {
.reel video {
    height: auto;
}
.referenzen.new h3 {
    margin-top: 20px;
}
.referenzen.new .layout_latest,
.referenzen.new .ctlg_teaser {
    margin-bottom: 40px;
    margin-top: 40px;
}
.videores video {
    width:100%!important;
    height:auto!important;
}
.svg-in {
    margin-top:-180px;
}
.katalog-logo {
    width:350px;
}

.katalog-logo img {
    max-height: 250px;
}
.teammember h3 {
    font-size:1.8em;
}
.teammember {
    margin-top:15px;
    margin-bottom:15px;
}
.impr h2 {
    margin-top:80px;
    margin-bottom:20px;
    font-size:2.0em!important;
}
.impr h3 {
    font-size:1.7em!important;
}
.impr h3,
.impr h4 {
    margin-top:50px;
    margin-bottom:20px;
}
.coffeeimage {
    height:1060px!important;
}
#article-5 .pad {
    padding-top:0;
}
.big-font h2 {
    font-size:4.5em!important;
}
.logo-animation-el1 h2,
.logo-animation-el2 h2,
.logo-animation-el3 h2,
.logo-animation-el4 h2,
.logo-animation-el5 h2,
.logo-animation-el6 h2 {
    font-size:5vw!Important;
    line-height:5vw!important;
}
.giphy {
    width:110px!important;
}
.logo-animation-el1 h2 span,
.logo-animation-el2 h2 span,
.logo-animation-el3 h2 span,
.logo-animation-el4 h2 span,
.logo-animation-el5 h2 span,
.logo-animation-el6 h2 span {
    font-size:.4em!Important;
}
section {
    margin-top:200px;
}
.head-text {
    height:550px!important;
}
.white-box {
    padding-right:60px;
    padding-left:60px;
    grid-gap:60px;
}
.img1,
.img2 {
    height:600px!important;
}
.img3,
.img4 {
    height:600px!important;
}
.leistu {
    grid-template-columns: 1fr 1fr;
}
h2.hbig {
    font-size: 4.5em;
}
h2 {
    font-size: 3.2em;
}
h3 {
    font-size: 2.0em;
    line-height:1.5em;
}
.leistu li {
    padding: 9px 0px;
    font-size: 1.4em;
}
.referenzen h4 {
    margin-top: 40px;
    opacity:0.6!Important;
}
.border-bot2 {
    padding-bottom: 0px;
        margin-bottom: 100px;
}
.border-bot {
    padding-bottom: 60px;
      padding-top: 10px;
}
.head-text .text-small span {
    font-size: 1.3em;
      line-height: 1.5em;
}
.level_1 li a,
.level_1 li strong {
    font-size: 2.5em;
    padding: 8px 0px;
}
.marg-top h4 {
    margin-bottom: 40px;
}
.link-big a::after {
    width: 40px;
}
.column-1 {
    display: grid;
    grid-template-columns: 1.8fr 1fr;
    column-gap: 80px;
}
.project-start a::after {
    width: 58px;
}
.fkontr img {
    width: 21px;
    padding-right: 22px;
}
.afterfooter {
    font-size: 0.85em;
}
#footer {
    margin-bottom: 80px;
}
.foot {
    padding-top: 30px;
    padding-bottom: 130px;
}
.link-big a {
    padding-bottom: 25px;
    padding-top: 25px;
    font-size: 2em;
}
.buttn a {
    margin-top: 50px;
}
p {
    line-height: 1.8;
}
.marg-top {
    margin-top: 120px;
}
.zitat p {
    font-size: 2.4em;
}
.pad {
    padding-top: 120px;
    padding-bottom: 120px;
}
.pad-top {
    padding-top: 120px;
}
.pad-bot {
    padding-bottom: 120px;
}

.pad-text {
    padding-top: 60px;
  padding-bottom: 120px;
}

.mod_rocksolid_slider {
    margin-bottom: 50px;
}
h1 {
    font-size: 3em;
}
.header {
    height: 200px;
}

.referenzen .layout_latest, .referenzen .ctlg_teaser {
    margin-bottom: 60px;
  margin-top: 60px;
}

section {
    margin-top: 100px !important;
}

.pad.small-zitat {
    padding-bottom: 0px;
}

.ctlg_master .data-infos {
    grid-template-columns: 1.4fr 1fr 1fr;
}

.column-1-ref {
    grid-template-columns: 12fr 1fr;
}

.ctlg_master .data-full {
    margin-bottom: 80px;
}

.ctlg_master .zitat h3 {
padding-right: 10%;
  padding-left: 10%;
  font-size: 1.7em;
}

.column-1-ref .zitat p {
    font-size: 1.7em;
  line-height: 1.45em;
}
.column-1-ref h2 {
    margin-bottom: 35px;
}

.single.delayfour, .grid1 .delayfour, .grid2 .delayfour, .grid3 .delayfour, .dreier-grid .delayfour, .grid2-tausch .delayfour {
    height: 550px !important;
}


.taxo li {
    font-size:1.5em;
}

.ctlg_master .data-infos h5 {
    font-size: 1.8em;
}

.mod_catalogMasterView {
    margin-bottom:0px;
}

.grid1, .grid2, .grid2-tausch, .grid3 {
    grid-gap: 50px;
}

.grid1 {
    margin-top:120px;
}

.video-game {
    height: auto;
}

}

@media (min-width: 768px) and (max-width: 991px) {
    .reel video {
        height: auto;
    }

    .referenzen.new .layout_latest:nth-child(2),
    .referenzen.new .ctlg_teaser:nth-child(2),
    .referenzen.new .layout_latest:nth-child(5),
    .referenzen.new .ctlg_teaser:nth-child(5),
    .referenzen.new .layout_latest:nth-child(8),
    .referenzen.new .ctlg_teaser:nth-child(8),
    .referenzen.new .layout_latest:nth-child(11),
    .referenzen.new .ctlg_teaser:nth-child(11),
    .referenzen.new .layout_latest:nth-child(14),
    .referenzen.new .ctlg_teaser:nth-child(14),
    .referenzen.new .layout_latest:nth-child(17),
    .referenzen.new .ctlg_teaser:nth-child(17),
    .referenzen.new .layout_latest:nth-child(3),
    .referenzen.new .ctlg_teaser:nth-child(3),
    .referenzen.new .layout_latest:nth-child(6),
    .referenzen.new .ctlg_teaser:nth-child(6),
    .referenzen.new .layout_latest:nth-child(9),
    .referenzen.new .ctlg_teaser:nth-child(9),
    .referenzen.new .layout_latest:nth-child(12),
    .referenzen.new .ctlg_teaser:nth-child(12),
    .referenzen.new .layout_latest:nth-child(15),
    .referenzen.new .ctlg_teaser:nth-child(15),
    .referenzen.new .layout_latest:nth-child(18) {
        width: 100%;
    }

    .referenzen.new h3 {
        margin-top: 16px;
    }

    h3 {
        font-size: 2.0em;
        line-height: 1.5em;
    }

    .referenzen.new .layout_latest,
    .referenzen.new .ctlg_teaser {
        margin-bottom: 25px;
        margin-top: 25px;
    }

    .svg-in {
        margin-top: -180px;
    }

    .ctlg_master .data-infos h5 {
        word-wrap: anywhere !important;
    }

    .pantone-box-jkl {
        margin-bottom: 80px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 30px;
    }

    .katalog-logo {
        width: 300px;
    }

    .katalog-logo img {
        max-height: 250px;
    }

    .-lg.trophy-icon:before {
        content: "🏆";
        background: none;
        font-size: 2em;
    }

    .awards .link-big {
        font-size: 1.5em;
    }

    .team-column {
        border: 0px;
    }

    .teammember {
        margin-top: 15px;
        margin-bottom: 15px;
        display: block;
        width: fit-content;
    }

    .teammember h3 {
        font-size: 2.2em;
    }

    .impr h2 {
        margin-top: 80px;
        margin-bottom: 20px;
        font-size: 1.6em !important;
    }

    .impr h3 {
        font-size: 1.3em !important;
    }

    .impr h3,
    .impr h4 {
        margin-top: 50px;
        margin-bottom: 20px;
    }

    #article-5 .pad {
        padding-top: 0;
    }

    .gallery .grid2 .rs2,
    .gallery .grid2 .rs3,
    .gallery .grid2-tausch .rs2,
    .gallery .grid2-tausch .rs3,
    .gallery .grid1 .rs2,
    .gallery .grid1 .rs3,
    .gallery .grid3 .rs2,
    .gallery .grid3 .rs3 {
        height: initial !important;
        margin-bottom: 0px;
    }

    .gallery .grid2 .rs2,
    .gallery .grid2 .rs3,
    .gallery .grid2-tausch .rs2,
    .gallery .grid2-tausch .rs3,
    .gallery .grid1 .rs2,
    .gallery .grid1 .rs3,
    .gallery .grid3 .rs2,
    .gallery .grid3 .rs3 {
        height: initial !important;
        margin-bottom: 0px;
    }

    .gallery .grid1 .delayfour,
    .gallery .grid2 .delayfour,
    .gallery .grid2-tausch .delayfour,
    .gallery .grid3 .delayfour {
        height: initial !important;
        margin-bottom: 30px !important;
    }

    .big-font h2 {
        font-size: 3.5em !important;
    }

    .-lg.idea-icon:before {
        content: "💡";
        background: none;
        font-size: 2em;
    }

    .-lg.coffee-icon:before {
        content: "☕";
        background: none;
        font-size: 2em;
    }

    .-lg.love-icon:before {
        content: "🤍";
        background: none;
        font-size: 2em;
    }

    .-lg.perform-icon:before {
        content: "🚀";
        background: none;
        font-size: 2em;
    }

    .logo-animation-el1 h2,
    .logo-animation-el2 h2,
    .logo-animation-el3 h2,
    .logo-animation-el4 h2,
    .logo-animation-el5 h2,
    .logo-animation-el6 h2 {
        font-size: 5vw !Important;
        line-height: 5vw !important;
    }

    .giphy {
        width: 80px !important;
    }

    .logo-animation-el1 h2 span,
    .logo-animation-el2 h2 span,
    .logo-animation-el3 h2 span,
    .logo-animation-el4 h2 span,
    .logo-animation-el5 h2 span,
    .logo-animation-el6 h2 span {
        font-size: .5em !Important;
    }

    .head-text .text-small span {
        font-size: 1.2em;
        line-height: 1.7em;
    }

    .afterfooter {
        padding-bottom: 20px;
    }

    section {
        margin-top: 150px;
    }

    .head-text {
        height: auto !important;
        padding-top: 200px;
    }

    h2.hbig {
        font-size: 3em !important;
    }

    .delayfour.startvideo {
        height: 400px !important;
    }

    .right-graphic-box h4 {
        margin-bottom: 30px;
    }

    .white-box {
        padding: 50px;
        display: block;
    }

    .grid1 .delayfour,
    .grid2 .delayfour,
    .grid2-tausch .delayfour,
    .grid3 .delayfour,
    .dreier-grid .delayfour,
    .single.delayfour {
        height: 80vh !important;
    }

    .grid1,
    .grid2,
    .grid2-tausch,
    .grid3,
    .dreier-grid {
        display: block;
        margin-top: 0px;
    }

    .column-1-ref {
        display: block;
    }

    .leistu {
        grid-template-columns: 1fr 1fr;
    }

    .mod_catalogMasterView {
        margin-bottom: 70px;
    }

    .marg-top h4 {
        margin-top: 0px;
        margin-bottom: 30px;
    }

    .mod_rocksolid_slider {
        margin-bottom: 40px;
    }

    h2 {
        font-size: 3em;
    }

    .referenzen h4 {
        margin-top: 30px;
    }

    .buttn a::after {
        width: 18px;
    }

    .marg-top {
        margin-top: 120px;
    }

    .level_1 li a,
    .level_1 li strong {
        font-size: 2.2em;
        padding: 5px 0px;
    }

    .lines-button.x.close .lines::before,
    .lines-button.x.close .lines::after {
        width: 29px;
    }

    .sidePanelOpen .navscroll .header,
    .sidePanelOpen .header {
        height: 120px;
    }

    #footer {
        margin-bottom: 50px;
    }

    .fkontr img {
        width: 20px;
        padding-right: 20px;
    }

    .foot {
        padding-top: 20px;
        padding-bottom: 120px;
    }

    .project-start a::after {
        width: 48px;
        height: 100%;
        position: absolute;
        right: -140px;
        top: 0px;
    }

    .link-big a::after {
        width: 30px;
    }

    .link-big a {
        padding-bottom: 25px;
        padding-top: 25px;
        font-size: 2em;
        text-align: left;
        font-size: 2em;
    }

    .referenzen .layout_latest,
    .referenzen .ctlg_teaser {
        margin-bottom: 60px;
        margin-top: 40px;
    }

    .border-bot2 {
        padding-bottom: 80px;
        margin-bottom: 80px;
    }

    .buttn a {
        margin-top: 40px;
    }

    .marg-top {
        margin-top: 100px;
    }

    .column-1 {
        display: grid;
        grid-template-columns: 1.8fr 1.4fr;
        column-gap: 60px;
    }

    .zitat p {
        font-size: 2.4em;
    }

    .pad-top {
        padding-top: 120px;
    }

    .pad-bot {
        padding-bottom: 120px;
    }

    .pad {
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .navname::before,
    .sidePanelOpen .navname::before {
        padding-right: 35px;
    }

    .lines::before,
    .lines::after {
        height: 5px;
        width: 38px;
    }

    .lines-button {
        padding: 3rem 0.5rem;
    }

    .navscroll .header {
        height: 120px;
    }

    .header {
        height: 150px;
    }

    body {
        font-size: 14px;
    }

    h1 {
        font-size: 3.2em;
    }

    section {
        margin-top: 100px !important;
    }

    .pad.small-zitat {
        padding-bottom: 0px;
    }

    .ctlg_master .data-infos {
        grid-template-columns: 1fr;
        grid-gap: 0px;
    }

    .column-1-ref {
        grid-template-columns: 12fr 1fr;
    }

    .ctlg_master .data-full {
        margin-bottom: 0px;
    }

    .ctlg_master .zitat h3 {
        padding-right: 5%;
        padding-left: 5%;
        font-size: 1.5em;
    }

    .column-1-ref .zitat p {
        font-size: 1.7em;
        line-height: 1.45em;
    }

    .column-1-ref h2 {
        margin-bottom: 35px;
    }

    .taxo li {
        font-size: 1.5em;
    }

    .ctlg_master .data-infos h5 {
        font-size: 1.8em;
    }

    .mod_catalogMasterView {
        margin-bottom: 0px;
    }

    .pad-text {
        padding-top: 70px;
        padding-bottom: 120px;
    }

    .grid1 {
        margin-top: 120px;
    }

    .video-game {
        height: auto;
    }

    .head-text>* {
        width: 100%;
    }

    .mod_rocksolid_slider.img3.lastslider {
        margin-bottom: 40px !important;
    }

    .videores {
        margin-bottom: 40px;
    }

    .titleimage {
        margin-top: 250px;
    }

    .ctlg_master h4 {
        margin-top: 25px;
        margin-bottom: 10px;
    }

    .catalog_master_content .right .buttn {
        margin-top: 50px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .img-filler:has(~ .videores), .videores ~ .img-filler { margin-bottom: 40px; }
}

@media (max-width: 767px) {

    .reel video {
        height: auto !important;
    }

    .referenzen .layout_latest,
    .referenzen .ctlg_teaser {
        width: 100% !important;
        margin-bottom: 0px !important;
    }

    .referenzen.new .layout_latest,
    .referenzen.new .ctlg_teaser {
        margin-bottom: 16px;
        margin-top: 16px;
    }

    .referenzen.new h3 {
        margin-top: 15px;
    }

    .svg-in {
        margin-top: -100px;
    }

    .goodies h2 {
        font-size: 1.4em;
    }

    .goodies {
        padding: 45px;
        min-height: auto;
    }

    .grid2-tausch {
        grid-template-columns: 1fr;
    }

    .widget-checkbox span {
        display: ruby-text !important;
    }

    .pantone-box-jkl {
        grid-template-columns: 1fr 1fr;
        margin-bottom: 40px;
    }

    .ref-bot {
        margin-top: 50px;
    }

    .header.navscroll {
        background-color: #191818;
        height: 70px;
    }

    .ctlg_master .data-infos h5 {
        word-wrap: anywhere !important;
    }

    .column-1-ref .zitat h2 {
        font-size: 2em;
    }

    .contao-cookiebar .cc-inner {
        padding: 10px;
    }

    .logo-animation-el1 h2 span,
    .logo-animation-el2 h2 span,
    .logo-animation-el3 h2 span,
    .logo-animation-el4 h2 span,
    .logo-animation-el5 h2 span,
    .logo-animation-el6 h2 span {
        padding: 0px !important;
    }

    .logo-animation-el2 h2::before,
    .logo-animation-el3 h2::before,
    .logo-animation-el4 h2::before,
    .logo-animation-el5 h2::before,
    .logo-animation-el6 h2::before,
    .logo-animation-el7 h2::before {
        display: inline-block;
        position: initial !important;
    }

    h3 {
        font-size: 1.6em;
    }

    .awards .link-big {
        font-size: 0.9em;
        letter-spacing: 1px;
    }

    .small-zitat.pad {
        padding-bottom: 0px !Important;
    }

    .small-zitat p {
        font-size: 1.2em;
    }

    .gallery .grid1,
    .gallery .grid2,
    .gallery .grid2-tausch,
    .gallery .grid3 {
        margin-bottom: 30px;
    }

    .impr h2 {
        margin-top: 80px;
        margin-bottom: 20px;
        font-size: 1.6em !important;
    }

    .impr h3 {
        font-size: 1.3em !important;
    }

    .impr h3,
    .impr h4 {
        margin-top: 50px;
        margin-bottom: 20px;
    }

    .ce_form input.text,
    .ce_form textarea,
    .ce_form .widget-select select {
        padding: 20px 0;
        background-color: #191818;
        border-top: 0px solid #ECECF4;
        border-right: 0px solid #ECECF4;
        border-bottom: 1px solid #ECECF4;
        border-left: 0px solid #ECECF4;
        border-radius: 0;
        color: #ECECF4;
        box-shadow: none;
        font-size: 1em;
        font-family: Montserrat !important;
        letter-spacing: 1px !important;
        width: 100%;
        border-radius: 0px !important;
        -webkit-appearance: none;
        outline: none !important;
    }

    .submit {
        max-width: 250px !important;
    }

    .grid1.nonpad {
        margin-bottom: 0px !important;
    }

    .grid-zwei .widget {
        margin-bottom: 0px !important;
    }

    #article-5 .pad {
        padding-top: 0;
        padding-bottom: 0;
    }

    .-lg.submit-icon:before {
        display: none !important;
    }

    /* Team hover portraits: generic mobile size for ALL members (covers future additions).
       .cb-cursor.-opaque outranks the desktop base .-opaque:before (01style.css) by specificity. */
    .cb-cursor.-opaque:before {
        width: 150px !important;
        height: 200px !important;
        left: 0px !important;
        top: 100px !important;
    }

    /* Landscape photos (desktop rule sets 400x250 per person, so this needs one extra class) */
    .cb-cursor.-opaque.max-icon:before,
    .cb-cursor.-opaque.kathi-icon:before {
        width: 180px !important;
        height: 120px !important;
        left: 0px !important;
        top: 50px !important;
    }

    .gallery .grid2 .rs2,
    .gallery .grid2 .rs3,
    .gallery .grid2-tausch .rs2,
    .gallery .grid2-tausch .rs3,
    .gallery .grid1 .rs2,
    .gallery .grid1 .rs3,
    .gallery .grid3 .rs2,
    .gallery .grid3 .rs3 {
        height: initial !important;
        margin-bottom: 0px;
    }

    .gallery .grid1 .delayfour,
    .gallery .grid2 .delayfour,
    .gallery .grid2-tausch .delayfour,
    .gallery .grid3 .delayfour,
    .dreier-grid .delayfour {
        height: initial !important;
        margin-bottom: 30px !important;
    }

    .pad-left {
        padding-left: 0px;
    }

    .become .rs2,
    .become .rs3 {
        height: 250px !important;
    }

    .team-column {
        border: 0px;
    }

    .-lg.trophy-icon:before {
        content: "🏆";
        background: none;
        font-size: 2em;
    }

    .-lg.idea-icon:before {
        content: "💡";
        background: none;
        font-size: 2em;
    }

    .-lg.coffee-icon:before {
        content: "☕";
        background: none;
        font-size: 2em;
    }

    .-lg.love-icon:before {
        content: "🤍";
        background: none;
        font-size: 2em;
    }

    .-lg.perform-icon:before {
        content: "🚀";
        background: none;
        font-size: 2em;
    }

    .abs-bottom {
        bottom: 0px;
    }

    .teammember {
        margin-top: 10px;
        margin-bottom: 10px;
        display: block;
        width: fit-content;
    }

    .teammember h3 {
        font-size: 1.4em;
    }

    .coffee .rs2,
    .coffee .rs3 {
        height: 500px !important;
    }

    .taxo li {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .mvhigh {
        height: 300px !important;
    }

    .mhhigh {
        height: 500px !important;
    }

    .leistu p strong {
        padding-top: 20px;
        padding-bottom: 30px;
        text-transform: uppercase;
        display: block;
        width: 100%;
    }

    .big-font h2 {
        font-size: 3em !important;
    }

    .giphy {
        width: 50px !important;
        height: 80px !important;
    }

    .project-start.pad-bot {
        padding-bottom: 0px !important;
    }

    .logo-animation-el1 h2 span,
    .logo-animation-el2 h2 span,
    .logo-animation-el3 h2 span,
    .logo-animation-el4 h2 span,
    .logo-animation-el5 h2 span,
    .logo-animation-el6 h2 span {
        font-size: 0.7em !important;
        padding-left: 0%;
        padding-right: 0%;
        width: 100%;
    }

    #animation-cont {
        display: block !important;
    }

    .logo-animation-el1 h2,
    .logo-animation-el2 h2,
    .logo-animation-el3 h2,
    .logo-animation-el4 h2,
    .logo-animation-el5 h2,
    .logo-animation-el6 h2 {
        opacity: 1;
        font-size: 1.6em !important;
        line-height: 1.3em;
        display: block;
        height: auto !Important;
        margin-top: 40px;
        margin-bottom: 40px;
        text-align: left;
        width: 90%;
        padding-left: 5%;
        padding-right: 5%;
    }

    .logo-animation-el2 h2::before,
    .logo-animation-el3 h2::before,
    .logo-animation-el4 h2::before,
    .logo-animation-el5 h2::before,
    .logo-animation-el6 h2::before,
    .logo-animation-el7 h2::before {
        position: initial;
        font-size: 1em !important;
        opacity: 1 !important;
        margin-right: 10px;
    }

    #animation-cont,
    #animation-cont2,
    #animation-cont3,
    #animation-cont4,
    #animation-cont5,
    #animation-cont6 {
        height: auto !Important;
    }

    .head-text h1 {
        margin-bottom: 40px;
    }

    #animation-cont {
        height: auto !Important;
        display: none;
    }

    .leistu h3 {
        font-size: 1.6em;
    }

    .head-text .text-small span,
    .mod_newsreader p {
        font-size: 1.1em;
        line-height: 1.6em;
    }

    .o-kont div {
        padding-top: 20px;
        padding-bottom: 20px;
        display: block !Important;
    }

    .o-kont a,
    .o-kont a {
        margin-left: 20px !important;
        margin-right: 20px !Important;
    }

    .o-kont {
        display: block !Important;
        text-align: center !important;
        width: 100% !important;
    }

    .overl-left nav {
        width: 100% !Important;
    }

    .overl-left {
        margin-right: 5vw !Important;
        text-align: center;
    }

    .sidePanelOpen .sidebar-panel {
        display: block !important;
    }

    .head-text {
        padding-top: 200px;
        height: auto !important;
        padding-bottom: 80px !Important;
    }

    .marquee__content>* {
        font-size: 7.5vw !Important;
    }

    section {
        margin-top: 100px;
    }

    .referenzen h3 {
        font-size: 1.6em !important;
    }

    .referenzen .layout_latest:nth-child(1),
    .referenzen .ctlg_teaser:nth-child(1),
    .referenzen .layout_latest:nth-child(2),
    .referenzen .ctlg_teaser:nth-child(2),
    .referenzen .layout_latest:nth-child(3),
    .referenzen .ctlg_teaser:nth-child(3),
    .referenzen .layout_latest:nth-child(4),
    .referenzen .ctlg_teaser:nth-child(4),
    .referenzen .layout_latest:nth-child(5),
    .referenzen .ctlg_teaser:nth-child(5),
    .referenzen .layout_latest:nth-child(6),
    .referenzen .ctlg_teaser:nth-child(6),
    .referenzen .layout_latest:nth-child(7),
    .referenzen .ctlg_teaser:nth-child(7),
    .referenzen .layout_latest:nth-child(8),
    .referenzen .ctlg_teaser:nth-child(8),
    .referenzen .layout_latest:nth-child(9),
    .referenzen .ctlg_teaser:nth-child(9),
    .referenzen .layout_latest:nth-child(10),
    .referenzen .ctlg_teaser:nth-child(10) {
        width: 100% !Important;
    }

    .delayfour.startvideo {
        height: 200px !important;
    }

    .videores {
        padding-bottom: 0;
    }

    .link-big a {
        display: block;
    }

    .ctlg_master .zitat-kunde {
        padding-right: 0px;
    }

    .ctlg_master .zitat-kunde h3 {
        font-size: 1.5em;
    }

    .edel-banner .ref-text,
    .edel-banner .ce_image {
        padding: 50px;
    }

    .edel-banner .ref-text {
        margin-bottom: 50px;
    }

    .taxo ul {
        margin-top: 20px !important;
    }

    .taxo,
    .taxo ul {
        display: block;
    }

    .right-graphic-box h2 {
        font-size: 6em !important;
        line-height: 1em;
    }

    .right-graphic-box h4 {
        margin-bottom: 60px !important;
    }

    .white-box {
        padding: 50px;
        display: block;
    }

    .ctlg_master .zitat h3 {
        font-size: 1.4em;
        line-height: 1.6em;
        padding: 0px;
        margin-left: auto;
        margin-right: auto;
    }

    .grid1 .delayfour,
    .grid2 .delayfour,
    .grid2-tausch .delayfour,
    .grid3 .delayfour,
    .dreier-grid .delayfour,
    .single.delayfour {
        height: 450px !important;
    }

    .grid2 .delayfour.student-symbol {
        height: 600px !important;
    }

    .grid2 .delayfour.moser-phone {
        height: 580px !important;
    }

    .delayfour.stolz-last {
        height: 350px !important;
    }


    .grid1.vertical .delayfour,
    .grid2.vertical .delayfour,
    .grid2-tausch.vertical .delayfour,
    .grid3.vertical .delayfour {
        height: auto !important;
    }

    .grid1,
    .dreier-grid {
        display: block;
        margin-top: 50px;
    }

    .grid2,
    .grid2-tausch,
    .grid3 {
        display: block;
    }

    .grid-zwei {
        display: block;
        margin-top: 0px !important;
    }

    .column-1-ref h2 {
        margin-bottom: 40px;
    }

    .ctlg_master .data-full::after {
        margin: 0px;
    }

    .ctlg_master h4 {
        margin-top: 20px;
    }

    .ctlg_master .data-full {
        margin-bottom: 60px;
    }

    .column-1-ref .zitat p {
        font-size: 1.2em;
    }

    .column-1-ref {
        display: block;
    }

    .ctlg_master .data-infos {
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 10px;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .ctlg_master .data-infos h5 {
        font-size: 1em;
    }

    .titleimage {
        margin-top: 200px;
    }

    .katalog-logo {
        text-align: center;
        width: 170px;
    }

    .katalog-logo img {
        width: 150px;
        height: auto;
        max-height: 130px;
    }

    .leistu {
        display: block;
    }

    h2.hbig {
        font-size: 2.3em;
    }

    .head-text>* {
        width: 90vw;
    }

    .mod_catalogMasterView {
        margin-bottom: 40px;
    }

    .referenzen h4 {
        margin-top: 25px;
        font-size: 0.8em !Important;
        letter-spacing: 1px !Important;
        line-height: 1.8em !Important;
        opacity: 0.6 !important;
    }

    h4 {
        margin-top: 5px;
        margin-bottom: 15px;
    }

    .buttn a::after {
        width: 16px;
    }

    .impr h1 {
        margin-top: 140px;
        margin-bottom: 50px;
        font-size: 2em;
    }

    .stand1 {
        margin-bottom: 20px;
    }

    #footer {
        margin-bottom: 30px;
    }

    .aftext {
        margin-bottom: 20px;
    }

    .afterfooter {
        text-align: left;
        display: inline-block;
        padding-bottom: 50px;
    }

    .fkontakt {
        display: inline-block;
    }

    .fkontr {
        margin-top: 20px;
        margin-bottom: 5px;
    }

    .marg-top h4 {
        margin-top: 0px;
        margin-bottom: 30px;
    }

    .fkontr img {
        width: 20px;
        padding-right: 10px;
        padding-bottom: 10px;
    }

    .foot {
        padding-top: 20px;
        padding-bottom: 60px;
        line-height: 2;
        display: flex;
        flex-direction: column;
    }

    .project-start a::after {
        width: 34px;
        height: 100%;
        position: absolute;
        right: -65px;
        top: 0px;
    }

    .project-start a:hover::after {
        right: -55px;
    }

    .link-big a::after {
        width: 26px;
    }

    .link-big a {
        font-size: 1.4em;
        padding-bottom: 18px;
        padding-top: 18px;
        line-height: 1.2;
        padding-right: 30px;
        width: auto;
    }

    .referenzen .layout_latest,
    .referenzen .ctlg_teaser {
        margin-bottom: 50px;
        margin-top: 40px;
    }

    .referenzen .layout_latest:nth-child(3),
    .referenzen .ctlg_teaser:nth-child(3) {
        width: 90%;
    }

    .referenzen .layout_latest:nth-child(2),
    .referenzen .ctlg_teaser:nth-child(2) {
        width: 80%;
    }

    .referenzen .layout_latest:nth-child(1),
    .referenzen .ctlg_teaser:nth-child(1) {
        width: 90%;
        float: right;
    }

    .border-bot2 {
        padding-bottom: 50px;
        margin-bottom: 40px;
    }

    h2 {
        font-size: 1.6em;
    }

    .buttn a {
        margin-top: 40px;
        max-width: 280px !Important;
    }

    p {
        line-height: 1.8;
        margin-bottom: 15px;
    }

    .level_1 li a,
    .level_1 li strong {
        padding: 5px 0px;
        font-size: 1.8em;
    }

    .hlogo {
        width: 80px;
    }

    .lines {
        width: 1.8rem;
    }

    .sidePanelOpen .header {
        height: 100px;
    }

    .sidePanelOpen .navscroll.header {
        height: 70px;
    }

    .marg-top {
        margin-top: 60px;
    }

    .zitat p {
        font-size: 1.8em;
    }

    .column-1 {
        display: flex;
        flex-direction: column;
    }

    .pad {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .pad-top {
        padding-top: 100px;
    }

    .pad-bot {
        padding-bottom: 100px;
    }

    .border-bot {
        padding-bottom: 60px;
    }

    .mod_rocksolid_slider {
        margin-bottom: 30px;
    }

    .lines-button.x.close .lines::before,
    .lines-button.x.close .lines::after {
        width: 30px;
    }

    .lines::after {
        top: -6px;
    }

    .lines::before,
    .lines::after {
        height: 4px;
        width: 35px;
    }

    .navname::before {
        padding-right: 20px;
        letter-spacing: 1px;
    }

    .navname::before,
    .sidePanelOpen .navname::before {
        padding-right: 20px;
    }

    .lines-button {
        padding: 3rem 0.5rem;
    }

    h1 {
        font-size: 1.8em;
    }

    .header {
        height: 100px;
    }

    .navscroll .header {
        height: 80px;
    }

    body {
        font-size: 14px;
    }

    section {
        margin-top: 100px !important;
    }

    .pad.small-zitat {
        padding-bottom: 0px;
    }

    .ctlg_master .data-infos {
        grid-template-columns: 1fr;
        grid-gap: 0px;
    }

    .column-1-ref {
        grid-template-columns: 12fr 1fr;
    }

    .ctlg_master .data-full {
        margin-bottom: 0px;
    }

    .ctlg_master .zitat h3 {
        padding-right: 0%;
        padding-left: 0%;
        font-size: 1.3em;
        width: 90%;
    }


    .column-1-ref h2 {
        margin-bottom: 35px;
    }

    .taxo li {
        font-size: 1.5em;
    }

    .ctlg_master .data-infos h5 {
        font-size: 1.5em;
    }

    .mod_catalogMasterView {
        margin-bottom: 0px;
    }

    .pad-text {
        padding-top: 50px;
        padding-bottom: 100px;
    }

    .grid1 {
        margin-top: 120px;
    }

    .video-game {
        height: auto;
    }

    .head-text>* {
        width: 100%;
    }

    .mod_rocksolid_slider.img3.lastslider {
        margin-bottom: 40px !important;
    }

    .videores {
        margin-bottom: 40px;
    }

    .ctlg_master h4 {
        margin-top: 15px;
        margin-bottom: 7px;
    }

    .catalog_master_content .right .buttn {
        margin-top: 20px;
    }

    .credits {
        margin-top: 50px;
    }

    .details #main {
        margin-top: 70px;
    }

    .griff-web {
        margin-bottom: 40px;
    }
}
@media (max-width: 767px) {
    .img-filler:has(~ .videores), .videores ~ .img-filler { margin-bottom: 40px; }
}

@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}40%{-webkit-transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px)}}@-moz-keyframes bounce{0%,20%,50%,80%,100%{-moz-transform:translateY(0)}40%{-moz-transform:translateY(-30px)}60%{-moz-transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px);-ms-transform:translateY(-15px);-o-transform:translateY(-15px);transform:translateY(-15px)}}.lines{background-color:unset !important}.lines::before,.lines::after{height:5px !important;width:45px !important}.lines-button{padding:3rem 1.5rem;transition:0.3s;cursor:pointer;user-select:none;border-radius:0}.lines-button:hover{opacity:1}.lines-button:active{transition:0}.lines{display:inline-block;width:3rem;height:0.6rem;background:#ecf0f1;transition:0.3s;position:relative}.lines:before,.lines:after{display:inline-block;width:3rem;height:0.6rem;background:#ecf0f1;transition:0.3s;position:absolute;left:0px;content:"";-webkit-transform-origin:0.2142857143rem center;transform-origin:0.2142857143rem center}.lines:before{top:1rem}.lines:after{top:-1rem}.lines-button:hover .lines{opacity:0.5}.lines-button:hover .lines:before{opacity:0.5}.lines-button.close{z-index:1000}.lines-button.arrow.close .lines:before,.lines-button.arrow.close .lines:after{top:0;width:2rem}.lines-button.arrow.close .lines:before{-webkit-transform:rotate3d(0, 0, 1, 40deg);transform:rotate3d(0, 0, 1, 40deg)}.lines-button.arrow.close .lines:after{display:block;-webkit-transform:rotate3d(0, 0, 1, -40deg);transform:rotate3d(0, 0, 1, -40deg)}.lines-button.arrow-up.close{-webkit-transform:scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg);transform:scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, 90deg)}.lines-button.minus.close .lines:before,.lines-button.minus.close .lines:after{-webkit-transform:none;transform:none;top:0;width:3rem}.lines-button.x.close .lines{background:transparent}.lines-button.x.close .lines:before,.lines-button.x.close .lines:after{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;top:0px;left:0px;width:3rem;display:block}.lines-button.x.close .lines:before{-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);display:block}.lines-button.x.close .lines:after{-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);display:block}.marquee{--gap: 2rem;position:relative;display:flex;overflow:hidden;user-select:none;gap:var(--gap)}.marquee__content{flex-shrink:0;display:flex;justify-content:space-around;gap:var(--gap);min-width:100%}@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(calc(-100% - var(--gap)))}}@media (prefers-reduced-motion:reduce){.marquee__content{animation-play-state:paused !important}}.enable-animation .marquee__content{animation:scroll 18s linear infinite}.marquee--reverse .marquee__content{animation-direction:reverse}.marquee--hover-pause:hover .marquee__content{animation-play-state:paused}.marquee--fit-content{max-width:fit-content}.marquee--pos-absolute .marquee__content:last-child{position:absolute;top:0;left:0}.enable-animation .marquee--pos-absolute .marquee__content:last-child{animation-name:scroll-abs}@keyframes scroll-abs{from{transform:translateX(calc(100% + var(--gap)))}to{transform:translateX(0)}}.marquee__content>*{flex:0 0 auto;color:black;list-style:none;margin:2px;padding:1rem 1rem;border-radius:0.25rem;text-align:center;letter-spacing:0.1vw;font-size:4.5vw;font-weight:600}.marquee__content li a{color:#9B9B9B;text-decoration:none}.marquee__content li a:hover{color:#FFF}section{background:#191818;padding:1rem 0;margin-top:250px}section>*+*{margin-block-start:0.5rem;background:transparent}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;padding:0.5rem 1rem;background:#fff;color:#000;outline:2px solid #000;outline-offset:2px;z-index:1000}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}

html.has-scroll-smooth {
  overflow: hidden; }

html.has-scroll-dragging {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.has-scroll-smooth body {
  overflow: hidden; }

.has-scroll-smooth [data-scroll-container] {
  min-height: 100vh; }

[data-scroll-direction="horizontal"] [data-scroll-container] {
  height: 100vh;
  display: inline-block;
  white-space: nowrap; }

[data-scroll-direction="horizontal"] [data-scroll-section] {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  height: 100%; }

.c-scrollbar {
  position: absolute;
  right: 0;
  top: 0;
  width: 11px;
  height: 100%;
  transform-origin: center right;
  transition: transform 0.3s, opacity 0.3s;
  opacity: 0; }
  .c-scrollbar:hover {
    transform: scaleX(1.45); }
  .c-scrollbar:hover, .has-scroll-scrolling .c-scrollbar, .has-scroll-dragging .c-scrollbar {
    opacity: 1; }
  [data-scroll-direction="horizontal"] .c-scrollbar {
    width: 100%;
    height: 10px;
    top: auto;
    bottom: 0;
    transform: scaleY(1); }
    [data-scroll-direction="horizontal"] .c-scrollbar:hover {
      transform: scaleY(1.3); }

.c-scrollbar_thumb {
  position: absolute;
  top: 0;
  right: 0;
  background-color: white;
  opacity: 0.5;
  width: 7px;
  border-radius: 10px;
  margin: 2px;
  cursor: -webkit-grab;
  cursor: grab; }
  .has-scroll-dragging .c-scrollbar_thumb {
    cursor: -webkit-grabbing;
    cursor: grabbing; }
  [data-scroll-direction="horizontal"] .c-scrollbar_thumb {
    right: auto;
    bottom: 0; }
.cb-cursor {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 150;
  background-color:#000!important;
  background:none!important;
  contain: layout style size;
  pointer-events: none;
  will-change: transform;
  -webkit-transition: opacity 0.3s, color 0.4s;
  -o-transition: opacity 0.3s, color 0.4s;
  -moz-transition: opacity 0.3s, color 0.4s;
  transition: opacity 0.3s, color 0.4s; }
  .cb-cursor:before {
    content: "";
    position: absolute;
z-index:-100!important;
    top: -24px;
   /* opacity:0; */
    left: -24px;
    display: block;
    width: 48px;
    height: 48px;
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);
   /* background: currentColor; */
    /*  border:3px solid currentColor; */
    -webkit-border-radius: 0%;
       -moz-border-radius: 0%;
            border-radius: 0%;
    -webkit-transition: opacity 0.1s, -webkit-transform 0.3s ease-in-out;
    transition: opacity 0.1s, -webkit-transform 0.3s ease-in-out;
    -o-transition: opacity 0.1s, -o-transform 0.3s ease-in-out;
    -moz-transition: transform 0.3s ease-in-out, opacity 0.1s, -moz-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, opacity 0.1s;
    transition: transform 0.3s ease-in-out, opacity 0.1s, -webkit-transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out; }
  .cb-cursor-text {
    position: absolute;
    top: -18px;
    left: -18px;
    width: 36px;
    height: 36px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-transform: scale(0) rotate(10deg);
       -moz-transform: scale(0) rotate(10deg);
        -ms-transform: scale(0) rotate(10deg);
         -o-transform: scale(0) rotate(10deg);
            transform: scale(0) rotate(10deg);
    opacity: 0;
    color: white;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    letter-spacing: -0.01em;
    -webkit-transition: opacity 0.4s, -webkit-transform 0.3s;
    transition: opacity 0.4s, -webkit-transform 0.3s;
    -o-transition: opacity 0.4s, -o-transform 0.3s;
    -moz-transition: opacity 0.4s, transform 0.3s, -moz-transform 0.3s;
    transition: opacity 0.4s, transform 0.3s;
    transition: opacity 0.4s, transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s; }
  @supports (mix-blend-mode: normal) {
    .cb-cursor.-exclusion, .cb-cursor.-opaque {
      mix-blend-mode: normal;  } }
  @supports (mix-blend-mode: exclusion) {
    .cb-cursor.-exclusion:before, .cb-cursor.-opaque:before {
      background: transparent; } }
  .cb-cursor.-normal, .cb-cursor.-text {
    mix-blend-mode: normal; }
    .cb-cursor.-normal:before, .cb-cursor.-text:before {
      background: transparent; }
  .cb-cursor.-inverse {
    color: white; }
  .cb-cursor.-visible:before {
    -webkit-transform: scale(0.2);
       -moz-transform: scale(0.2);
        -ms-transform: scale(0.2);
         -o-transform: scale(0.2);
            transform: scale(0.2); }
  .cb-cursor.-visible.-active:before {
    -webkit-transform: scale(0.23);
       -moz-transform: scale(0.23);
        -ms-transform: scale(0.23);
         -o-transform: scale(0.23);
            transform: scale(0.23);
    -webkit-transition-duration: 0.2s;
       -moz-transition-duration: 0.2s;
         -o-transition-duration: 0.2s;
            transition-duration: 0.2s; }
  .cb-cursor.-pointer:before {
    -webkit-transform: scale(0.15);
       -moz-transform: scale(0.15);
        -ms-transform: scale(0.15);
         -o-transform: scale(0.15);
            transform: scale(0.15); }
  .cb-cursor.-text:before {
    opacity: 0.85;
    color:black;
    -webkit-transform: scale(1.7);
       -moz-transform: scale(1.7);
        -ms-transform: scale(1.7);
         -o-transform: scale(1.7);
            transform: scale(1.7); }
  .cb-cursor.-text .cb-cursor-text {
    opacity: 1;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1); }
  .cb-cursor.-text.-active:before {
    -webkit-transform: scale(1.6);
       -moz-transform: scale(1.6);
        -ms-transform: scale(1.6);
         -o-transform: scale(1.6);
            transform: scale(1.6);
    -webkit-transition-duration: 0.2s;
       -moz-transition-duration: 0.2s;
         -o-transition-duration: 0.2s;
            transition-duration: 0.2s; }
  .cb-cursor.-opaque:before {
    -webkit-transform: scale(1.32);
       -moz-transform: scale(1.32);
        -ms-transform: scale(1.32);
         -o-transform: scale(1.32);
            transform: scale(1.32); }
  .cb-cursor.-opaque.-active:before {
    -webkit-transform: scale(1.2);
       -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
         -o-transform: scale(1.2);
            transform: scale(1.2); }
  .cb-cursor.-lg:before {
    -webkit-transform: scale(2);
       -moz-transform: scale(2);
        -ms-transform: scale(2);
         -o-transform: scale(2);
            transform: scale(2);
  }
  .cb-cursor.-hidden:before {
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0); }

.-color-red {
  color: red; }

.-color-white {
  color: white; }

.-color-green {
  color: #51c67d; }

.cb-demo {
  background: #000; }
  .cb-demo-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100vh; }
  .cb-demo-container {
    padding: 0 20px; }
    @media (min-width: 1600px) {
      .cb-demo-container {
        padding: 0 120px; } }
  .cb-demo-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    margin: 30px 0; }
    @media (min-width: 1600px) {
      .cb-demo-row {
        margin: 60px 0; } }
  .cb-demo-item {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 50px 30px;
    margin: 0 20px;
    color: #000; }
    @media (min-width: 1600px) {
      .cb-demo-item {
        padding: 90px 30px;
        margin: 0 30px; } }
    .cb-demo-item-title {
      position: relative;
      margin: 0 0 25px 0;
      font-size: 30px;
      font-weight: bold; }
    .cb-demo-item-text {
      position: relative;
      max-width: 70%;
      margin: 0 auto;
      color: rgba(0, 0, 0, 0.5);
      font-size: 16px;
      font-weight: 300;
      line-height: 150%; }
    .cb-demo-item:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      -webkit-border-radius: 30px;
         -moz-border-radius: 30px;
              border-radius: 30px;
      background: #000;

      -webkit-transition: -webkit-box-shadow 0.2s;
      transition: -webkit-box-shadow 0.2s;
      -o-transition: box-shadow 0.2s;
      -moz-transition: box-shadow 0.2s, -moz-box-shadow 0.2s;
      transition: box-shadow 0.2s;
      transition: box-shadow 0.2s, -webkit-box-shadow 0.2s, -moz-box-shadow 0.2s; }

.masonry .image_container img {
    width:100%;
    height:auto;
}
.bilder-gap {
    width:4%!Important;
}
.masonry_gallery {
    width: 24%!important;
    box-sizing: border-box;
}
.ce_masonry_gallery {
    margin:0px!important;
}
.masonry {
    width:100%!important;
}
.masonry_gallery {
    width:30.67%!important;
}
.masonry_gallery {
    margin-bottom:4%!important;
}

@media (min-width: 768px) and (max-width: 1200px) {
.masonry_gallery {
    width: 48%!important;
    box-sizing: border-box;
}
}

@media (max-width: 767px) {
.masonry_gallery,
.bilder-breite,
.masonry {
    width: 100%!important;
    box-sizing: border-box;
    display:block;
}
}
.tabcontrol .nav-tabs {
    display: block;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:100px;
    max-width:1600px;
    width:90%;
}
.tabcontrol .nav-tabs .nav-item {
    display: inline-block!important;
    margin-right:50px!important;
}
.tabcontrol .nav-tabs .nav-link {
    color:#FFFFFF!important;
    font-size:1.5em;
    padding:0px!important;
    border-bottom:1px solid transparent;
}
.tabcontrol .nav-tabs .nav-link.active,
.tabcontrol .nav-tabs .nav-link:hover {
    color:#FFFFFF!important;
    background:transparent!important;
    border-bottom:1px solid #FFFFFF;
}

@media (min-width: 768px) and (max-width: 1200px) {


    .tabcontrol .nav-tabs .nav-item {
        margin-right:20px!important;
    }
    .tabcontrol .nav-tabs .nav-link {
        color:#FFFFFF!important;
        font-size:1.2em;
    }

}

@media (max-width: 767px) {

    .tabcontrol .nav-tabs {
        display: grid;
        grid-template-columns: 1fr 1fr!important;
        column-gap: 20px;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:50px;
        max-width:1600px;
        width:90%;
    }
    .tabcontrol .nav-tabs .nav-item {
        margin-right:0px!important;
        display: inline-block;
    }
    .tabcontrol .nav-tabs .nav-link {
        color:#FFFFFF!important;
        font-size:1.1em;
        text-align:left!important;
        padding:2px 0px!important;
    }

}
#snow-container {
  position: fixed; 
  top: 0;
  left: 0;
  /* important */
  width: 100%;
  height: 100%;
  overflow: hidden;
  /* keeps flakes inside */
  pointer-events: none;
  /* snow shouldn't block clicks */
}

.snowflake {
  position: absolute;
  pointer-events: none;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: inherit;
}

@media (prefers-reduced-motion: reduce) {
  #snow-container {
    display: none !important;
  }
}