@charset "UTF-8";.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:#fff0;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:#fff0;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:#fff;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700;height:26px;margin-right:20px;padding-right:0}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 #fff0 #fff0 #fff0;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:#fff0 #fff0 #888 #fff0;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:700;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:#fff0;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:700;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid #000 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:#fff0;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:#fff}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top,#fff 50%,#eee 100%);background-image:-o-linear-gradient(top,#fff 50%,#eee 100%);background-image:linear-gradient(to bottom,#fff 50%,#eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top,#eee 50%,#ccc 100%);background-image:-o-linear-gradient(top,#eee 50%,#ccc 100%);background-image:linear-gradient(to bottom,#eee 50%,#ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFCCCCCC',GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 #fff0 #fff0 #fff0;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:#fff0;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:#fff0 #fff0 #888 #fff0;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top,#fff 0%,#eee 50%);background-image:-o-linear-gradient(top,#fff 0%,#eee 50%);background-image:linear-gradient(to bottom,#fff 0%,#eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',endColorstr='#FFEEEEEE',GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top,#eee 50%,#fff 100%);background-image:-o-linear-gradient(top,#eee 50%,#fff 100%);background-image:linear-gradient(to bottom,#eee 50%,#fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE',endColorstr='#FFFFFFFF',GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:#fff0;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:700;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid #fff0}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}.picker{font-size:16px;text-align:left;line-height:1.2;color:#000;position:absolute;z-index:10000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none}.picker__input{cursor:default;text-transform:uppercase}.picker__input.picker__input--active{border-color:#dcd500}.picker__holder{width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:100}.picker__holder:focus{outline:none}
.picker{width:100%}.picker__holder{position:absolute;background:#fff;border:1px solid #dcd500;border-top-width:0;border-bottom-width:0;border-radius:0 0 5px 5px;box-sizing:border-box;min-width:176px;max-width:466px;max-height:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;opacity:0;transform:translateY(-1em) perspective(600px) rotateX(10deg);transition:transform 0.15s ease-out,opacity 0.15s ease-out,max-height 0s 0.15s,border-width 0s 0.15s}.picker__frame{padding:1px}.picker__wrap{margin:-1px}.picker--opened .picker__holder{max-height:25em;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;opacity:1;border-top-width:1px;border-bottom-width:1px;transform:translateY(0) perspective(600px) rotateX(0);transition:transform 0.15s ease-out,opacity 0.15s ease-out,max-height 0s,border-width 0s;box-shadow:0 6px 18px 1px rgb(0 0 0 / .12)}.picker__box{padding:0 1em}.picker__header{text-align:center;position:relative;margin-top:.75em}.picker__month,.picker__year{font-weight:500;display:inline-block;margin-left:.25em;margin-right:.25em}.picker__year{color:#999;font-size:.8em;font-style:italic}.picker__select--month,.picker__select--year{border:1px solid #b7b7b7;height:2em;padding:.5em;margin-left:.25em;margin-right:.25em}@media (min-width:24.5em){.picker__select--month,.picker__select--year{margin-top:-.5em}}.picker__select--month{width:35%}.picker__select--year{width:22.5%}.picker__select--month:focus,.picker__select--year:focus{border-color:#dcd500}.picker__nav--prev,.picker__nav--next{position:absolute;padding:.5em 1.25em;width:1em;height:1em;box-sizing:content-box;top:-.25em}@media (min-width:24.5em){.picker__nav--prev,.picker__nav--next{top:-.33em}}.picker__nav--prev{left:-1em;padding-right:1.25em}@media (min-width:24.5em){.picker__nav--prev{padding-right:1.5em}}.picker__nav--next{right:-1em;padding-left:1.25em}@media (min-width:24.5em){.picker__nav--next{padding-left:1.5em}}.picker__nav--prev:before,.picker__nav--next:before{content:" ";border-top:.5em solid #fff0;border-bottom:.5em solid #fff0;border-right:.75em solid #000;width:0;height:0;display:block;margin:0 auto}.picker__nav--next:before{border-right:0;border-left:.75em solid #000}.picker__nav--prev:hover,.picker__nav--next:hover{cursor:pointer;color:#000;background:#dcd500}.picker__nav--disabled,.picker__nav--disabled:hover,.picker__nav--disabled:before,.picker__nav--disabled:before:hover{cursor:default;background:none;border-right-color:#f5f5f5;border-left-color:#f5f5f5}.picker__table{text-align:center;border-collapse:collapse;border-spacing:0;table-layout:fixed;font-size:inherit;width:100%;margin-top:.75em;margin-bottom:.5em}@media (min-height:33.875em){.picker__table{margin-bottom:.75em}}.picker__table td{margin:0;padding:0}.picker__weekday{width:14.285714286%;font-size:.75em;padding-bottom:.25em;color:#999;font-weight:500}@media (min-height:33.875em){.picker__weekday{padding-bottom:.5em}}.picker__day{padding:.3125em 0;font-weight:200;border:1px solid #fff0}.picker__day--today{position:relative}.picker__day--today:before{content:" ";position:absolute;top:2px;right:2px;width:0;height:0;border-top:.5em solid #fff;border-left:.5em solid #fff0}.picker__day--disabled:before{border-top-color:#aaa}.picker__day--outfocus{color:#ddd}.picker__day--infocus:hover,.picker__day--outfocus:hover{cursor:pointer;color:#fff;background:#dcd500}.picker__day--highlighted{border-color:#dcd500}.picker__day--highlighted:hover,.picker--focused .picker__day--highlighted{cursor:pointer;color:#000;background:#dcd500}.picker__day--selected,.picker__day--selected:hover,.picker--focused .picker__day--selected{background:#dcd500;color:#fff}.picker__day--disabled,.picker__day--disabled:hover,.picker--focused .picker__day--disabled{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default}.picker__day--highlighted.picker__day--disabled,.picker__day--highlighted.picker__day--disabled:hover{background:#bbb}.picker__footer{text-align:center}.picker__button--today,.picker__button--clear,.picker__button--close{border:1px solid #dcd500;border-radius:4px;background:#fff;font-size:15px;padding:5px 20px;font-family:"Avenir Next LT W05 Light Cond";width:36%;text-transform:uppercase;display:inline-block;vertical-align:bottom;margin:0 0 10px;color:#dcd500}.picker__button--today:hover,.picker__button--clear:hover,.picker__button--close:hover{cursor:pointer;color:#fff;background:#dcd500;border-bottom-color:#dcd500}.picker__button--today:focus,.picker__button--clear:focus,.picker__button--close:focus{background:#dcd500;border-color:#dcd500;outline:none}.picker__button--today:before,.picker__button--clear:before,.picker__button--close:before{position:relative;display:inline-block;height:0}.picker__button--today:before,.picker__button--clear:before{content:" ";margin-right:.45em}.picker__button--today:before{top:-.05em;width:0;border-top:.66em solid #0059bc;border-left:.66em solid #fff0}.picker__button--clear:before{top:-.25em;width:.66em;border-top:3px solid #e20}.picker__button--today[disabled],.picker__button--today[disabled]:hover{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default}.picker__button--today[disabled]:before{border-top-color:#aaa}.picker__list{list-style:none;padding:2em 0 2em;margin:0;display:block;text-align:center}.picker__list-item{border-bottom:1px solid #dcd500;border-top:1px solid #dcd500;margin-bottom:-1px;position:relative;background:#fff;padding:.75em 1.25em}@media (min-height:46.75em){.picker__list-item{padding:.5em 1em}}.picker__list-item:hover{cursor:pointer;color:#fff;background:#dcd500;border-color:#dcd500;z-index:10}.picker__list-item--highlighted{border-color:#dcd500;z-index:10}.picker__list-item--highlighted:hover,.picker--focused .picker__list-item--highlighted{cursor:pointer;color:#000;background:#dcd500}.picker__list-item--selected,.picker__list-item--selected:hover,.picker--focused .picker__list-item--selected{background:#dcd500;color:#fff;z-index:10}.picker__list-item--disabled,.picker__list-item--disabled:hover,.picker--focused .picker__list-item--disabled{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default;border-color:#ddd;z-index:auto}.picker--time .picker__button--clear{display:block;width:80%;margin:1em auto 0;padding:1em 1.25em;background:none;border:0;font-weight:500;font-size:.67em;text-align:center;text-transform:uppercase;color:#666}.picker--time .picker__button--clear:hover,.picker--time .picker__button--clear:focus{color:#000;background:#dcd500;background:#e20;border-color:#e20;cursor:pointer;color:#fff;outline:none}.picker--time .picker__button--clear:before{top:-.25em;color:#666;font-size:1.25em;font-weight:700}.picker--time .picker__button--clear:hover:before,.picker--time .picker__button--clear:focus:before{color:#fff;border-color:#fff}.picker--time{min-width:256px}.picker--time .picker__holder{background:#f2f2f2}@media (min-height:40.125em){.picker--time .picker__holder{font-size:.875em}}.picker--time .picker__box{padding:0;position:relative}textarea.f3-form-error{background-color:#FF9F9F;border:1px red solid}input.f3-form-error{background-color:#FF9F9F;border:1px red solid}.tx-hig-jobs table{border-collapse:separate;border-spacing:10px}.tx-hig-jobs table th{font-weight:700}.tx-hig-jobs table td{vertical-align:top}.typo3-messages .message-error{color:red}.typo3-messages .message-ok{color:green}textarea.f3-form-error{background-color:#FF9F9F;border:1px red solid}input.f3-form-error{background-color:#FF9F9F;border:1px red solid}.tx-hig-speisekarte table{border-collapse:separate;border-spacing:10px}.tx-hig-speisekarte table th{font-weight:700}.tx-hig-speisekarte table td{vertical-align:top}.typo3-messages .message-error{color:red}.typo3-messages .message-ok{color:green}textarea.f3-form-error{background-color:#FF9F9F;border:1px red solid}input.f3-form-error{background-color:#FF9F9F;border:1px red solid}.tx-hig-standorte table{border-collapse:separate;border-spacing:10px}.tx-hig-standorte table th{font-weight:700}.tx-hig-standorte table td{vertical-align:top}.typo3-messages .message-error{color:red}.typo3-messages .message-ok{color:green}
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:#fff0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}:root{--little-cross:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.412' height='6.412' viewBox='0 0 6.412 6.412'%3E%3Cline id='Linie_61' data-name='Linie 61' x2='4.952' y2='4.998' transform='translate(0.707 5.705) rotate(-90)' fill='none' stroke='%23d6cb00' stroke-linecap='square' stroke-width='1'/%3E%3Cline id='Linie_62' data-name='Linie 62' x1='4.952' y2='4.998' transform='translate(0.707 5.66) rotate(-90)' fill='none' stroke='%23d6cb00' stroke-linecap='square' stroke-width='1'/%3E%3C/svg%3E");--green-circle-right:url("data:image/svg+xml,%3Csvg id='Gruppe_1439' data-name='Gruppe 1439' xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Ccircle id='Ellipse_115' data-name='Ellipse 115' cx='9' cy='9' r='9' fill='%23d6cb00'/%3E%3Cg id='Gruppe_970' data-name='Gruppe 970' transform='translate(7.402 5.131)'%3E%3Cline id='Linie_77' data-name='Linie 77' x2='3.869' y2='3.869' transform='translate(0 7.737) rotate(-90)' fill='none' stroke='%23fff' stroke-linecap='square' stroke-width='1.5'/%3E%3Cline id='Linie_78' data-name='Linie 78' x1='3.869' y2='3.869' transform='translate(0 3.869) rotate(-90)' fill='none' stroke='%23fff' stroke-linecap='square' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");--arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.828' height='8.828' viewBox='0 0 14.828 8.828'%3E%3Cg id='Gruppe_1408' data-name='Gruppe 1408' transform='translate(361.915 -155.586) rotate(90)'%3E%3Cline id='Linie_77' data-name='Linie 77' x2='6' y2='6' transform='translate(163 348.5) rotate(90)' fill='none' stroke='%23535353' stroke-linecap='square' stroke-width='2'/%3E%3Cline id='Linie_78' data-name='Linie 78' x1='6' y2='6' transform='translate(163 354.5) rotate(90)' fill='none' stroke='%23535353' stroke-linecap='square' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");--small-star-empty:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.727' height='13.032' viewBox='0 0 13.727 13.032'%3E%3Cpath id='Pfad_161' data-name='Pfad 161' d='M5.789,0,7.6,3.618l3.98.579L8.684,7.02,9.336,11,5.789,9.118,2.243,11l.651-3.98L0,4.2l3.98-.579Z' transform='translate(1.074 1.118)' fill='none' stroke='%23d6cb00' stroke-width='1' opacity='0.995'/%3E%3C/svg%3E%0A");--small-star-full:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.579' height='11' viewBox='0 0 11.579 11'%3E%3Cpath id='Pfad_160' data-name='Pfad 160' d='M5.789,0,7.6,3.618l3.98.579L8.684,7.02,9.336,11,5.789,9.118,2.243,11l.651-3.98L0,4.2l3.98-.579Z' fill='%23d6cb00'/%3E%3C/svg%3E");--big-star-empty:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36.832' height='34.981' viewBox='0 0 36.832 34.981'%3E%3Cpath id='Pfad_157' data-name='Pfad 157' d='M17.342,0l5.419,10.839,11.922,1.734-8.671,8.454,1.951,11.922L17.342,27.313,6.72,32.949,8.671,21.027,0,12.573l11.922-1.734Z' transform='translate(1.074 1.118)' fill='none' stroke='%23d6cb00' stroke-width='1'/%3E%3C/svg%3E%0A");--search:url("data:image/svg+xml,%3Csvg id='Gruppe_640' data-name='Gruppe 640' xmlns='http://www.w3.org/2000/svg' width='16.186' height='16.246' viewBox='0 0 16.186 16.246'%3E%3Cg id='Ellipse_61' data-name='Ellipse 61' fill='none' stroke='%23d9cf01' stroke-width='2'%3E%3Cellipse cx='6.945' cy='6.945' rx='6.945' ry='6.945' stroke='none'/%3E%3Cellipse cx='6.945' cy='6.945' rx='5.945' ry='5.945' fill='none'/%3E%3C/g%3E%3Cline id='Linie_64' data-name='Linie 64' x2='4.064' y2='4.126' transform='translate(11.41 11.418)' fill='none' stroke='%23d9cf01' stroke-width='2'/%3E%3C/svg%3E%0A");--link-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cg id='Gruppe_1601' data-name='Gruppe 1601' transform='translate(-154)'%3E%3Ccircle id='Ellipse_115' data-name='Ellipse 115' cx='14' cy='14' r='14' transform='translate(154)' fill='%23d6cb00'/%3E%3Cg id='Gruppe_970' data-name='Gruppe 970' transform='translate(165.524 8)'%3E%3Cline id='Linie_77' data-name='Linie 77' x2='6' y2='6' transform='translate(0 12) rotate(-90)' fill='none' stroke='%23fff' stroke-linecap='square' stroke-width='2'/%3E%3Cline id='Linie_78' data-name='Linie 78' x1='6' y2='6' transform='translate(0 6) rotate(-90)' fill='none' stroke='%23fff' stroke-linecap='square' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");--arrow-toleft:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29.469' height='10.908' viewBox='0 0 29.469 10.908'%3E%3Cpath id='Pfad_464' data-name='Pfad 464' d='M200.454,387.716l-.081-.149-.006.075C200.383,387.685,200.445,387.757,200.454,387.716Zm1.167-20.736,0,.016a.156.156,0,0,0,.044.014C201.639,367,201.626,366.988,201.621,366.98Zm-1,20.643a.26.26,0,0,1,.063.089.72.72,0,0,0-.182-.339c.069.155.025.11.11.291-.01.041-.067,0-.1-.049.018.042-.053.011,0,.107C200.609,387.789,200.646,387.749,200.62,387.622Zm.983-20.635a.108.108,0,0,0,.032.033.125.125,0,0,1-.01-.024Zm-1.06,20.325c-.008.009-.02.018,0,.056Zm3.066-25.515c.011-.006.028,0,.017-.023l-.015,0C203.624,361.784,203.629,361.793,203.608,361.8Zm-1.047,4.071,0,.011.053.029Zm3.449-4.694-.01-.021-.042.032Zm-3.436,4.042a.08.08,0,0,1-.018,0l.014,0Zm-.813,1.486c.058.117.191.18.24.286-.071.006-.142-.073-.142-.073-.07.025-.066.063-.029.121a.221.221,0,0,0-.114-.024c0,.039.142.073.073.1a1.317,1.317,0,0,1-.156-.09c.029.054.1.119.123.173-.073-.013-.1-.061-.144-.092a.279.279,0,0,0,.146.2l.046-.017c0,.019-.1-.024-.116-.043-.079-.07.052-.045.093-.034l.02.039c.244.049-.012-.133.015-.188l.167.083-.13-.11c.048,0,.146.026.166.064.095-.014-.053-.059.05-.064a.043.043,0,0,1,.03.011l-.042-.059c.034.021.123.034.093.052.116-.041-.1-.166.034-.15l.009.01c-.035-.124-.125-.054-.256-.183l.324.055-.125-.054c.007-.009.021-.027.071-.006-.078-.07-.057-.012-.133-.064.127-.012-.022-.162.182-.1-.092-.052-.086.024-.14-.055.22.059-.023-.077.087-.09.109.054.04.078.15.065-.182-.094.063-.077.035-.13a.121.121,0,0,1-.073-.051.175.175,0,0,1,.073.051l.084.024c.007-.009-.106-.053-.157-.075-.021-.04.02-.084,0-.143.049.022.111-.1.18-.14l.025.011c-.15-.065-.106-.119-.127-.177a.334.334,0,0,1,.16.1l.009-.044a.153.153,0,0,1-.08-.085l.111.051c.007-.06-.107-.165-.014-.213-.105-.042-.309-.046-.361-.151a.469.469,0,0,1,.175.079c-.006-.009-.042-.041-.014-.046l.089.066c.051-.019-.076-.046-.061-.071.081.03.063,0,.127.028.006.01-.039.011-.01.034a.168.168,0,0,1,.144-.036c-.047-.014-.11-.039-.115-.066.007-.061.1.015.153,0-.053-.035.014-.051-.108-.1,0-.017.063,0,.1.006-.047-.049.017-.146-.121-.159l-.01,0,0-.006c-.1-.144.116-.181.088-.3l.041.015c-.033-.076,0-.141-.074-.215,0-.017.084-.013.131.012-.02-.056-.065-.078.018-.118.061.071.067.008.041.065.049-.045.117-.033.021-.137.1.059.142,0,.118-.034l-.084.013a.1.1,0,0,1,.023-.085l.134.066c.2-.056-.232-.32.069-.306-.088-.067-.083.039-.189-.031.032-.048.242-.03.247-.047.094-.046-.183-.145-.112-.2-.051-.009-.184-.049-.216-.125.032-.048.221.011.252.061,0,.014-.016.015-.033.008a.084.084,0,0,0,.087.054l-.047-.026c.056-.009.069-.085.145-.037a.068.068,0,0,0-.108-.027c.088-.043.029-.108.095-.161-.03,0-.09-.011-.086-.022.087-.081-.081-.082-.084-.161.084-.012.173.083.129-.013.061-.024.132.041.167.073-.077-.1.092-.1.119-.128l.03.05a.067.067,0,0,1-.009-.064l-.1-.019c.022-.013.026-.031.067-.014-.059-.046-.166-.048-.243-.123.056-.008-.032-.1.1-.061-.065.067.132.041.135.121-.012-.02-.007-.036.015-.05a.051.051,0,0,1,.032.022c.136-.036-.137-.1-.112-.178.07.04.143.036.131.016-.01.033-.126-.032-.173-.085.071-.031-.027-.075-.013-.1l-.035.021c-.07-.04-.053-.063-.067-.11.057.02.03.05.059.046-.117-.093.157-.041.086-.133.056-.007.137.052.177.042-.077-.1.118-.029.057-.129-.1-.021-.079-.007-.162-.094l.039.14-.123-.13c-.01.034.042.1.021.11-.071-.066-.047-.053-.133-.07.158.014-.061-.126.052-.14l.241.1c.128-.036-.086-.193,0-.272l-.051.016c-.092-.053,0-.069-.026-.119a.4.4,0,0,0,.169.035c-.06-.024.026-.074-.132-.151h.118c.067-.065-.2-.193-.153-.263.08.062.147.05.2.131.008-.026.029-.044-.026-.068.054.006-.087-.121,0-.113-.032-.026-.115-.067-.1-.094a.179.179,0,0,1,.04.018c-.04-.017-.04-.071-.137-.084.274.028.049-.239.283-.214a.707.707,0,0,1-.005-.207c.023.014.04.019.028.024.1-.037-.214-.151-.106-.195.141.019.056.076.112.074.265.113-.005-.116.164-.1l.011.021c.1,0-.067-.15-.027-.21a.171.171,0,0,0,.039.02.476.476,0,0,1-.146-.307c.094.073.044.057.15.1,0-.036-.168-.077-.176-.151a.565.565,0,0,1,.235.046l-.013.057c.151.047.02-.072.053-.088l.06.037c.009-.092-.146-.18-.1-.263l-.05-.018c-.133-.135.1.01.007-.1l.159.078a1.576,1.576,0,0,1-.117-.258,1.844,1.844,0,0,1,.189.269c.017-.041.016-.076-.051-.143.011.019.044.054.018.044-.108-.1-.145-.195-.121-.244.252.285.125-.037.306.223-.037-.169.088.024.1,0-.063-.321.01-.011-.03-.343.016-.019.024-.013.026.008h0a1.258,1.258,0,0,1,.049.2c0,.1-.012.071-.011.146a.909.909,0,0,1,0,.227c.007-.118.017-.167.021-.119,0-.051,0-.1,0-.154.056-.162-.015.278.065.122l-.036.1c.034-.058.1.043.2-.2a.337.337,0,0,1-.041.142c.061.07.265-.173.279.015l-.033.069c.023-.012.078-.12.071-.036-.013.029-.034.069-.028.077.017-.02.09-.1.095-.047l-.05.07c.042.138.205-.114.3-.116a.484.484,0,0,0-.04.373l-.015.029c.081.095.24-.054.368-.061-.055.26.139.236.162.43a.319.319,0,0,1,.111-.158c0,.057.13-.088.029.089l-.005-.009c-.08.188-.014.175.016.209l.135-.228c-.105.411.3.073.168.415.054-.039.079-.015.133-.054l-.073.121a.241.241,0,0,0,.143.159l-.067.073c.034.044.261-.3.3-.275l-.1.191c.071.061.041.283.208.187-.017.025-.052.074-.067.071.029.036.046.239.189-.016-.1.159.06.084.141.051l-.08.111c.126-.118.153-.158.223-.156a.134.134,0,0,1-.04.071c.013.039.092-.084.093.008l-.064.059c.029.044.052,0,.128-.066.052-.024.046.1-.017.206.047-.059.122-.125.122-.074a.174.174,0,0,1-.059.067c.006.137.175-.046.139.108a.359.359,0,0,0-.039.076c-.044-.05-.076-.094-.068-.1-.07.106-.046.163-.173.279.083-.05.25-.171.252-.083l-.02.041-.011.008c0,.019.015.017.034.006,0,.029,0,.05.008.063-.055.091.01.091.026.114.076-.117.088-.073.13-.191,0,.011-.013.01-.028,0a.019.019,0,0,0-.016,0l.008-.009a.489.489,0,0,1-.051-.04c.054-.044.1-.077.08.008l.151-.158c-.084.187-.095.324-.156.43.1,0,.16.1.343-.08.035-.011-.025.081-.042.121-.024.011-.033,0-.059.022.07-.021.108.08.22-.061-.007.111-.118.113-.047.148l-.04.038c-.061.352.442-.188.344.245a.161.161,0,0,1,.023-.067c.038.282.367.184.344.543.006.084.079,0,.153-.048l-.08.128.14-.093c.13-.036-.122.4.088.291l.051-.09c.013.044.114.046.04.131.014-.011.071-.073.049-.02l-.046.062.141-.034c.013.1-.193.235-.135.327a.426.426,0,0,0,.231-.145.18.18,0,0,1,.05-.131l.048,0a1.324,1.324,0,0,0,.343-.531l-.126.061.055-.1.038.036c.044-.106-.025-.048-.077-.014a.376.376,0,0,0,.057-.116l-.172.125c.049-.077.125-.119.128-.19-.08.058-.1.18-.174.2.043-.1.1-.166.024-.122a.2.2,0,0,1,.084-.085c-.063.032-.072-.039-.156.045.056-.126-.089-.054.042-.223-.037.034-.138.094-.162.079.189-.167-.061-.094.113-.3-.164.157-.154-.024-.276.029.014-.012.041-.036.038-.022-.014-.045.02-.11.029-.164-.117.151-.182.142-.274.213.078-.186.153-.161.248-.316-.091.127-.146.064-.212.181a.7.7,0,0,1,.094-.211c-.146.19-.046.008-.153.1.034-.135.123-.193.042-.176a.191.191,0,0,1,.109-.111c-.037-.047-.122.123-.192.2-.077-.011.056-.133.095-.226-.057.006-.177.117-.195.087a.21.21,0,0,1,.045-.064c-.115.083-.1-.1-.238.012a.46.46,0,0,1,.021-.042,2.183,2.183,0,0,1-.139.21c-.019-.017-.1.058-.037-.046.009.015.037-.024.064-.049l-.048.022c.082-.158.06-.021.133-.124-.068.005-.192.076-.192.006.091-.143.1.024.146-.138l.006.1c.119-.251.016.044.148-.22-.029-.1-.112,0-.141-.1-.066.063-.075.118-.141.18-.176.051.177-.414-.01-.295-.079.076-.205.243-.184.106l.122-.141c-.045-.074-.186.191-.172.024.053-.051.079-.006.084-.034.047-.164-.088.061-.116.03l.089-.145c-.074-.041-.208-.009-.29-.051a.3.3,0,0,0,.086-.128c-.13-.017-.167-.2-.193-.368l-.111.091c-.006-.009.022-.069.046-.084,0-.079-.052.076-.1.108-.024-.009.022-.094.057-.119-.124.047-.3.064-.279-.127l.035-.025c-.015-.1-.213.2-.183.044l.022-.014c-.067-.153-.249-.146-.212-.408-.125.166-.053-.177-.212.069.016-.179.06-.209.026-.371-.015-.032-.127.128-.17.13l.077-.134-.119.106.073-.179-.046.011a.215.215,0,0,1-.036.117c-.076.025-.047-.182-.009-.252l-.162.029a.228.228,0,0,1,.092-.081c-.13.092.071-.151-.049-.066a.5.5,0,0,1-.065.1c.022-.1-.034-.151-.094-.151l.059-.087c-.063-.087-.181-.088-.268-.157.008.069-.085.229-.118.226l.065-.156c-.063.079,0,.076-.092.162-.023-.042.064-.185.107-.218l-.065.02a1.181,1.181,0,0,1,.072-.116c-.063.079.006-.2-.1-.061l.02-.046c-.088-.069-.155-.046-.231-.092-.062.129-.077.079-.147.169-.034-.078-.05-.223-.122-.257-.075.036-.061.1-.115.17.048-.125-.025-.156.047-.221a.328.328,0,0,0-.26,0,.313.313,0,0,1-.025.126c-.026.009-.023-.078,0-.136l.01-.01c-.177.128-.178-.522-.371-.293l.01-.011-.149.1c-.052-.039.054-.091.027-.185-.166.183-.268-.1-.413.057-.068-.208-.187-.179-.291-.128s-.191.151-.316.086l.046.076c0,.109-.063-.012-.1-.006.037.058.074.039.076.1-.059.083-.121.149-.174.231s-.135.136-.2.223c-.135.207-.231.246-.312.371-.05.082.345.251.138.273l-.119-.1c.092.266-.133.373-.052.616-.027-.026-.067-.045-.061-.062-.108-.009-.048.136.031.174-.018.024-.073-.027-.119-.029-.069.011.094.152-.008.127-.017,0-.028-.025-.034-.036.039.046-.045.109.073.137-.072.041.014.149-.068.172.115.091-.093.086.081.176-.182-.086-.181.051-.107.13-.051-.038-.068.011-.14-.039-.011.049.01.108.107.14-.244-.006.129.253-.166.182a1.96,1.96,0,0,1,.1.488c-.184-.08.02-.148-.175-.223.042.153.182.287.107.389-.033.021-.075-.05-.1-.073.044.151-.078.227-.005.375a.111.111,0,0,1-.044-.043c0,.024-.04.039.045.07l-.018-.03c.131.015.233.186.3.215-.232-.131-.088.082-.378-.1a.2.2,0,0,0,.1.072c-.022.014-.056.008-.115-.038.026.094.123.1.1.17a.886.886,0,0,1-.1-.062c.071.066.141.132.092.177-.024-.014-.057-.019-.052-.036-.013.1.169.253.064.332-.169-.1-.068.015-.223-.039l.031.076.08,0c-.016.051.085.139.024.164l-.054-.062.006.108.071-.033c.067.083.2.069.137.121-.013-.019-.014.051-.112.044h0c.042.044.088.089.04.114-.052-.009-.168-.073-.2-.079.122.074.006.134.135.218a.481.481,0,0,0-.127-.056l.1.061c-.039.011-.056.009-.119-.019-.037.064.2.05.1.1-.007-.01-.024-.013-.036-.033-.065.069.026.191-.044.25-.161-.034-.022-.083-.159-.1,0,.125.13.3.067.4l.022-.014c.215.1-.128.042-.038.136a.3.3,0,0,0-.094-.049c-.053.062.017.174.06.313l-.053-.034c-.06.026-.056.106-.093.146.053.034.037.059.123.071-.355.033.106.343-.191.38,0-.016-.041-.055-.044-.043l.026.131c.1.025.061.006.141.009.053.034.09.081.084.109-.052-.073-.154-.053-.212-.051.03.006.061.026.091.034-.183,0,.191.078.057.117l-.049-.022c.018.039.079.09.057.117-.114-.026-.044-.05-.135-.084,0,.048.189.163.069.166-.026-.03-.021-.058-.046-.088-.141,0-.108.016-.137.041l0,0-.076.056.04-.007c.276.157.026.133.2.276-.162-.136-.1-.049-.225-.1-.04.007-.085.024-.119,0,.094.071-.093.033.044.135-.041-.011-.013.038-.112-.006.021.058.073.013.123.035C201.922,366.539,201.6,366.531,201.762,366.7Zm6.16-5.05.024.014-.026-.011Zm-.081-.078a.127.127,0,0,0,.031.04c-.024.043-.055.081-.061.071C207.832,361.662,207.829,361.62,207.84,361.573Zm-.33.919-.044.053c-.024,0-.012-.024,0-.049a.071.071,0,0,0,.03.009ZM205.9,367.9a.58.58,0,0,1,.1-.051C205.917,367.874,205.874,367.79,205.9,367.9Zm2.787-5.733a1.1,1.1,0,0,1-.06.115C208.678,362.194,208.737,362.208,208.685,362.164Zm-5.807,23.111c-.034-.04-.042,0-.065.011Zm-2.334,1.985-.013.007a.143.143,0,0,1,.012.019Zm7.047-24.843s.008-.005.011,0l.01-.034-.029.032Zm-.414,10.281.042.043-.033-.077Zm-5.552,14.245-.092.054c.045.026.105.061.083.11C201.8,387.121,201.522,387.037,201.623,386.943Zm4.452-8.549c.07.008.127-.027.073-.085C206.127,378.347,206.065,378.367,206.075,378.394Zm-3.757-14.19-.073.006.094.051Zm3.321,16.075-.129-.055C205.52,380.266,205.656,380.35,205.638,380.279Zm-1.777,3.988,0-.1-.007.069Zm-2.045-18.037.049.021h0Zm.065,20.511c-.021.064.049.058.067.083C201.941,386.758,201.938,386.742,201.882,386.741Zm2.53-26.968a1.783,1.783,0,0,0,.02.326C204.4,359.961,204.451,359.927,204.412,359.773Zm-1.132,24.946.084.089C203.376,384.757,203.33,384.775,203.279,384.719Zm-.744-20.932a.4.4,0,0,1-.046-.055C202.475,363.748,202.469,363.761,202.535,363.787Zm6.9.148h-.009l-.048.059Zm-6.647-2.807a.216.216,0,0,0,.089,0l-.027-.021Zm4.064-.882-.018.031.023-.02Zm-4.349,3.438c-.028.01-.026.027-.014.048C202.5,363.72,202.516,363.706,202.5,363.684Zm.028-1.055a.033.033,0,0,0,0-.011C202.51,362.59,202.515,362.607,202.53,362.629Zm.178-1.235h0l0-.007Zm1.013.006-.025,0,0,.015Zm2.92,15.385c-.12.039-.11-.157-.25-.086C206.44,376.7,206.554,376.853,206.641,376.786Zm-2.153,3.4h0l0-.01Zm.147-.356a.184.184,0,0,0,.1-.007.146.146,0,0,0-.024-.026Zm-3.21,6.429.034.049h0Zm2.678-25.985c-.018.019-.075.014-.064.036C204.105,360.33,204.156,360.325,204.1,360.271Zm-.613,23.13a.508.508,0,0,1-.024-.084C203.446,383.335,203.434,383.352,203.491,383.4Zm.467-1.55a.032.032,0,0,0,0-.015C203.951,381.8,203.95,381.819,203.957,381.851Zm-.456,1.4c-.033.007-.039.031-.034.062C203.483,383.3,203.505,383.287,203.5,383.255Zm2.375-18.209.01.009.064-.028Zm-5.158,22.468c-.011.024-.076-.081-.079-.114-.027-.126.078-.027.109.009l-.008.057c.2.189.079-.168.141-.22l.1.189-.049-.2c.044.027.122.107.114.163.1.031-.01-.1.091-.051a.038.038,0,0,1,.02.029v-.094c.019.043.095.1.053.111.14.008.014-.255.135-.166l0,.017c.05-.17-.083-.128-.123-.351l.277.227-.084-.127c.013-.008.039-.023.073.028-.028-.123-.046-.043-.086-.143.131.046.087-.207.247-.039-.055-.107-.1-.011-.1-.134.176.178.029-.1.146-.068.071.116-.014.113.1.15-.116-.2.114-.066.122-.143a.127.127,0,0,1-.038-.095.185.185,0,0,1,.038.095.646.646,0,0,0,.067.068c.014-.008-.069-.114-.105-.164.006-.059.076-.093.091-.176.034.049.176-.068.274-.091l.018.024c-.107-.147-.024-.19-.011-.275a.333.333,0,0,1,.1.187.534.534,0,0,0,.036-.054.2.2,0,0,1-.029-.144l.08.111c.042-.078-.01-.26.11-.288-.08-.094-.279-.177-.272-.333.047.045.127.124.129.169,0-.015-.018-.07.012-.066l.05.121c.061-.006-.049-.09-.02-.116.064.069.062.024.11.083,0,.015-.046,0-.029.041a.156.156,0,0,1,.164.006c-.039-.036-.087-.092-.077-.129.042-.077.094.058.154.051-.033-.065.044-.063-.053-.165.014-.021.063.022.094.041-.019-.082.1-.188-.03-.252l-.013,0v-.011c-.02-.221.22-.2.257-.361l.033.033c.009-.11.081-.183.043-.3.014-.021.094.009.128.056.011-.08-.024-.121.084-.149.023.112.065.031.006.1.076-.045.141-.011.1-.175.07.108.145.048.142-.012l-.1-.006a.2.2,0,0,1,.071-.1l.1.124c.241-.019-.068-.485.229-.4-.06-.114-.1.036-.179-.086.054-.059.262.01.274-.013.118-.046-.123-.243-.024-.31-.049-.022-.168-.106-.168-.217.053-.059.224.059.234.134-.006.021-.024.018-.037.005,0,.036,0,.083.066.093l-.037-.046c.062,0,.11-.106.168-.024-.011-.09-.057-.082-.1-.059.111-.044.079-.146.171-.21-.032,0-.09-.031-.081-.046.127-.1-.049-.128-.018-.24.094,0,.146.145.142,0,.075-.024.121.077.144.129-.037-.155.141-.124.183-.164l.01.074a.13.13,0,0,1,.02-.091l-.1-.04c.029-.016.042-.039.078-.011-.042-.072-.156-.089-.2-.2.063,0,.01-.147.133-.072-.1.086.123.074.091.187a.064.064,0,0,1,.038-.069.047.047,0,0,1,.025.035c.161-.034-.105-.15-.043-.263.059.063.138.065.134.036-.025.046-.121-.059-.15-.138.09-.036,0-.108.029-.142l-.047.026c-.058-.063-.031-.093-.025-.158.054.033.011.071.044.07-.089-.141.191-.039.143-.181.061-.007.126.084.171.071-.048-.156.133-.04.1-.189-.1-.033-.081-.014-.141-.143l0,.206-.088-.194c-.021.048.015.142-.013.161-.053-.1-.033-.08-.117-.109.162.026-.025-.186.1-.2l.223.154c.147-.051-.03-.286.087-.4l-.059.024c-.081-.079.025-.1.009-.174a.278.278,0,0,0,.169.049c-.057-.033.051-.108-.1-.217l.127-.006c.091-.1-.161-.273-.087-.374.069.086.145.064.172.18.017-.039.045-.066-.008-.1.057.006-.059-.17.029-.163-.028-.036-.106-.089-.081-.129a.119.119,0,0,1,.038.022c-.038-.022-.024-.1-.125-.11.289.018.118-.343.367-.334a1.643,1.643,0,0,1,.029-.309c.022.017.038.021.026.031.107-.074-.2-.186-.084-.27.147,0,.048.1.108.087.264.114.011-.172.189-.182l.009.029c.108-.023-.049-.21,0-.308a.114.114,0,0,0,.04.019.659.659,0,0,1-.119-.414c.093.078.04.071.15.1,0-.053-.172-.064-.173-.168a.447.447,0,0,1,.25-.008l-.021.09c.158.02.029-.116.069-.15l.061.034c.02-.143-.139-.214-.084-.352l-.053-.005c-.135-.144.109-.029.015-.155l.168.042a2.161,2.161,0,0,1-.118-.353,1.06,1.06,0,0,1,.2.334.277.277,0,0,0-.021-.193c0,.014.006.026-.007.031a.353.353,0,0,1-.131-.327c.311.137.139-.244.4-.233-.076-.229.131-.356.161-.584-.265,0,.007-.066-.251-.133,0-.052,0-.07.019-.071h0l.186-.108c.082-.014.046.066.1.079.044-.106.119-.015.2-.07-.095-.011-.123-.078-.073-.131l-.138.056c-.1-.2.246-.074.142-.272l.072.073c-.032-.1.046-.308-.148-.441.032-.007.1-.009.119.033.059-.193-.159-.493-.009-.616l.061.029c-.013-.041-.11-.09-.04-.122.026.008.061.028.067.011-.019-.024-.1-.121-.053-.162l.065.056c.111-.177-.132-.331-.154-.5a.286.286,0,0,0,.311-.178l.026.006c.044-.224-.127-.411-.185-.629.214-.1.118-.43.248-.63-.037.029-.147-.019-.164-.057.042-.046-.121-.146.052-.124l0,.017c.173-.023.135-.128.145-.208l-.226-.029c.352-.186-.11-.545.191-.645-.056-.052-.055-.114-.111-.165l.122.006a.786.786,0,0,0,.021-.38l.087.036c.009-.1-.35-.123-.356-.211l.182-.028c0-.167.166-.343-.009-.5.026,0,.079,0,.088.032,0-.079.109-.313-.139-.272.162-.01.008-.175-.068-.26l.12.006c-.156-.067-.2-.066-.246-.169a.059.059,0,0,1,.069-.014c.013-.059-.113-.047-.06-.142l.078.031c.005-.087-.036-.077-.127-.116-.051-.05.023-.166.13-.189-.067-.006-.157-.044-.128-.1a.1.1,0,0,1,.08.013c.075-.153-.149-.2-.042-.31a.152.152,0,0,0,.07-.025.511.511,0,0,1,0,.2c.11-.012.125-.108.281-.051-.086-.066-.282-.171-.238-.268a.206.206,0,0,1,.037-.017l.013.008c.009-.022,0-.039-.023-.055a.17.17,0,0,0,.026-.079c.09-.023.038-.113.038-.16-.12.021-.106-.042-.2.029.008-.009.016.006.024.036,0,.006.006.014.014.018h-.011l.019.113c-.065-.028-.12-.059-.058-.119l-.2-.036c.162-.086.24-.221.342-.254-.081-.131-.077-.326-.31-.373-.033-.034.06-.058.094-.079.025.019.024.047.057.054-.063-.069-.048-.231-.209-.219.056-.113.152.027.107-.1l.051.009c.211-.325-.461-.348-.184-.718-.017.025-.024.038-.05.049.1-.378-.254-.654-.09-1.052.026-.108-.072-.088-.16-.121l.121-.061-.167-.05c-.136-.1.254-.346.014-.451l-.079.054c0-.069-.095-.179,0-.206-.017,0-.092.014-.055-.028l.064-.027-.15-.109c.016-.138.261-.087.227-.269-.044-.059-.242-.109-.277-.062a.134.134,0,0,1-.083.117l-.05-.042a.842.842,0,0,0-.488.316,1.284,1.284,0,0,1,.14.039l-.084.069-.026-.076c-.075.081.009.076.07.086a.243.243,0,0,0-.092.081l.206.018c-.072.041-.159.018-.184.1.1.009.157-.109.231-.059-.075.079-.15.094-.061.117a.118.118,0,0,1-.109.015c.072.023.055.116.162.1-.1.087.065.153-.119.213.047,0,.162.034.18.076-.237-.005.024.17-.216.226.212-.006.133.187.262.261-.017,0-.051,0-.042-.016-.005.066-.062.1-.092.151.165-.041.22.042.332.064-.145.12-.2.011-.349.078.133-.042.157.09.263.034-.088.084-.038.063-.17.129.208-.046.045.043.18.056-.087.109-.189.072-.11.146-.056.059-.143,0-.143,0,.013.091.16,0,.253,0,.061.1-.107.081-.181.138.051.059.2.076.2.129-.025.01-.033.023-.067.019.134.044.037.215.205.266a.144.144,0,0,1-.037.02,1.033,1.033,0,0,1,.213-.061c.009.041.11.057.01.095,0-.026-.042-.019-.076-.025l.051.035c-.141.071-.06-.049-.169-.026.06.075.2.15.165.225-.142.043-.071-.143-.186-.03l.041-.113c-.216.126.007-.064-.226.058-.023.141.095.133.072.273.084.014.118-.033.2-.019.17.164-.347.217-.139.321.1.019.285,0,.2.119l-.167-.006c0,.132.243.036.146.19-.067-.014-.064-.094-.082-.071-.121.109.1.047.106.116l-.144.036c.036.134.156.271.2.423-.044,0-.092-.024-.133.018a.76.76,0,0,1-.066.609l.129.06c0,.017-.055.036-.08.02-.045.076.08,0,.131.028.011.041-.069.061-.109.038.113.118.248.352.119.5l-.038-.025c-.046.108.264.108.151.212l-.024-.019c-.037.232.064.487-.125.663.182.034-.083.226.17.243-.127.131-.172.092-.259.274-.012.048.158.078.184.14l-.133,0,.138.088-.159.038.034.059a.106.106,0,0,1,.1-.041c.059.093-.095.214-.162.211.038.073.069.145.1.218-.053-.009-.068-.045-.1-.075.127.121-.141.011-.025.121.031-.011.079.014.105.018a.209.209,0,0,0-.065.25L206,373a4.166,4.166,0,0,0,.006.5c.046-.057.2-.025.215.029l-.141,0c.084.044.056-.047.157.034-.021.064-.162.025-.2-.018l.043.085c-.042,0-.063-.021-.115-.033.084.044-.15.117,0,.184h-.042c-.013.173.029.259.026.4.121.022.088.073.178.131-.053.1-.164.2-.171.322.047.1.1.045.163.1-.11-.014-.117.112-.186.032a.967.967,0,0,0,.056.4c.048-.011.07-.03.106-.01.013.039-.057.069-.108.052l-.01-.011c.132.254-.384.414-.182.639l-.01-.013.091.207c-.036.074-.071-.07-.15-.029.138.236-.09.284,0,.472-.341.019-.069.426-.3.518l.076.016c.064.066-.053.035-.076.059.058.016.076-.021.111.019a1.952,1.952,0,0,1-.434.993c-.057.116.352.233.131.318l-.12-.1c.082.327-.164.516-.106.832-.026-.03-.065-.05-.057-.074-.112,0-.064.192.014.233-.021.034-.073-.027-.121-.024-.072.023.081.2-.022.174-.017,0-.026-.031-.031-.044.036.059-.06.154.059.179-.078.067-.007.206-.1.241.1.115-.121.121.045.233-.174-.107-.206.075-.146.181-.046-.05-.075.017-.14-.049a.139.139,0,0,0,.08.187c-.258-.008.071.344-.224.246a3.127,3.127,0,0,1-.024.672c-.169-.121.061-.2-.123-.315.005.21.113.4.005.541-.04.026-.064-.075-.087-.109.008.216-.146.3-.13.506a.116.116,0,0,1-.03-.062c-.009.031-.057.045.02.1l-.007-.041c.133.036.174.278.23.326-.193-.208-.126.1-.362-.181a.182.182,0,0,0,.082.111c-.029.016-.063,0-.106-.068-.009.128.089.154.041.242-.036-.029-.041-.057-.079-.1.048.1.1.2.025.25-.02-.021-.052-.035-.04-.056-.055.136.073.368-.068.456-.134-.168-.076.007-.215-.095v.109l.081.023c-.037.065.03.2-.044.226l-.029-.095-.04.146.087-.029c.034.125.173.134.089.193,0-.03-.037.066-.133.034h0c.025.069.052.142-.007.163-.049-.024-.14-.137-.173-.153.094.129-.05.183.045.328a.41.41,0,0,0-.1-.107l.075.106c-.045.006-.061,0-.113-.055-.065.078.183.12.05.164,0-.014-.017-.023-.02-.051-.1.069-.073.251-.178.306-.147-.092.022-.112-.108-.181-.064.156-.028.427-.145.53l.03-.011c.168.193-.153.013-.112.162a.268.268,0,0,0-.068-.1c-.087.062-.076.228-.109.423l-.034-.064c-.075.012-.115.116-.172.153.034.064,0,.089.083.137-.37-.091-.085.486-.4.418.012-.019-.009-.087-.02-.072l-.046.178c.081.072.056.033.133.068a.212.212,0,0,1,.02.176c-.01-.117-.118-.13-.18-.154.026.021.045.057.069.081-.183-.084.14.177-.02.166l-.034-.048c-.007.055.02.144-.02.166-.1-.082-.011-.08-.08-.162-.035.055.081.282-.039.231-.006-.048.018-.079.011-.127-.138-.065-.118-.031-.162-.013h.005l-.112.031.044.01c.169.318-.061.173.014.425-.069-.242-.067-.106-.156-.224-.044-.01-.1-.013-.118-.054.044.13-.112-.006-.046.182-.032-.034-.037.039-.105-.062-.017.08.062.051.1.1.038.2-.272.033-.223.319-.022.169.063.313.038.468-.072-.029-.087-.161-.087-.161-.083-.006-.1.041-.109.132a.19.19,0,0,0-.091-.089c-.022.047.085.162,0,.156a1.3,1.3,0,0,1-.087-.189c-.009.079.01.193,0,.273-.06-.054-.055-.128-.074-.187a.405.405,0,0,0,.005.314Zm6.35-18.457c.02.029,0,.042-.027.05a.258.258,0,0,0-.02-.052h-.016A.32.32,0,0,1,207.067,369.057Zm-.818.323-.011-.044.013.044Zm.022.186a.364.364,0,0,0,0-.081c.041-.011.084-.009.084.01C206.324,369.486,206.3,369.533,206.272,369.565Zm.632-.541s-.009-.006-.01-.012l-.025.022.039.006Zm-4.5,17.125-.009.014.036.06Zm2.294-3.3h0C204.7,382.87,204.7,382.859,204.7,382.844Zm.651-2.138c.014-.009.032-.006.025-.034h-.015C205.369,380.686,205.372,380.7,205.347,380.706Zm.234-.586h-.026v.022Zm-2.793,5.171a.036.036,0,0,1-.017-.007l.013.009Zm3.31-13.154h.03l-.026-.017Zm-3.868-5.459c.048,0,.112.006.115.044.156-.049-.1-.016-.065-.108Zm.168-.273c.012.048.065.022.091.034C202.454,366.4,202.444,366.388,202.4,366.4Zm.493-1.635c-.008-.036-.041-.015-.105-.043Zm-.3.436.052-.022C202.6,365.165,202.608,365.191,202.594,365.206Zm1.208-3.69-.13-.049C203.689,361.5,203.831,361.567,203.8,361.516Zm-.675,2.8-.026-.065.014.046Zm-.057,19.665.009-.078-.079-.014Zm-2.16,2.9c-.026.015-.112-.025-.119.032l.022.034C200.779,386.872,200.943,386.968,200.909,386.879Zm.639-19.7-.007.009.018.007Zm-.8,19.87-.007.021a.133.133,0,0,0,.033.039A.113.113,0,0,1,200.746,387.054Zm-.022,0a.143.143,0,0,0,.008.056l.006-.035Zm.852-19.564c.034.02.117.042.106.014l-.134-.063Zm-.005-.272c0,.009-.009.018.024.035Zm.1-.407c-.014.018-.1.023-.083.062l.033.014C201.566,366.851,201.741,366.855,201.675,366.811Zm.007.607c.033.02-.038.026.045.068.113.005.126-.032.046-.1a.3.3,0,0,1,.091.032.708.708,0,0,0-.3-.145c.126.071.07.06.221.142C201.8,367.441,201.732,367.438,201.682,367.417Z' transform='translate(-368.732 190.706) rotate(-87)' fill='%23d6cb00'/%3E%3C/svg%3E%0A");--close-green-circle:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg id='Gruppe_1613' data-name='Gruppe 1613' transform='translate(-1427 -1998)'%3E%3Ccircle id='Ellipse_115' data-name='Ellipse 115' cx='9' cy='9' r='9' transform='translate(1427 1998)' fill='%23d6cb00'/%3E%3Cg id='Gruppe_1438' data-name='Gruppe 1438' transform='translate(1432.719 2003.623)'%3E%3Cline id='Linie_61' data-name='Linie 61' x2='6.947' y2='7' transform='translate(0 7) rotate(-90)' fill='none' stroke='%23fff' stroke-linecap='square' stroke-width='1'/%3E%3Cline id='Linie_62' data-name='Linie 62' x1='6.947' y2='7' transform='translate(0 6.947) rotate(-90)' fill='none' stroke='%23fff' stroke-linecap='square' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");--arrow-wide-green:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40.227' height='8.464' viewBox='0 0 40.227 8.464'%3E%3Cpath id='Pfad_435' data-name='Pfad 435' d='M1578.121-6736.073l19.67,7.461,20.206-7.461' transform='translate(-1577.944 6736.542)' fill='none' stroke='%23d6cb00' stroke-width='1'/%3E%3C/svg%3E%0A");--spotify--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.68' height='25.68' viewBox='0 0 25.68 25.68'%3E%3Cpath id='Pfad_444' data-name='Pfad 444' d='M87.939,128.868a12.84,12.84,0,1,0,12.84,12.84A12.84,12.84,0,0,0,87.939,128.868Zm5.878,18.54a.843.843,0,0,1-1.157.288c-5.057-3.042-11.05-1.282-11.11-1.264a.843.843,0,0,1-.492-1.614c.274-.083,6.758-2,12.471,1.432A.843.843,0,0,1,93.818,147.408Zm1.595-3.554a1,1,0,0,1-1.361.367,16.9,16.9,0,0,0-12.815-1.5,1,1,0,1,1-.646-1.886,18.719,18.719,0,0,1,14.455,1.662A1,1,0,0,1,95.412,143.854Zm.713-3.429a1.222,1.222,0,0,1-.569-.141,21.356,21.356,0,0,0-14.918-1.52,1.227,1.227,0,0,1-.739-2.34,23.6,23.6,0,0,1,16.8,1.687,1.227,1.227,0,0,1-.571,2.313Z' transform='translate(-75.099 -128.868)' fill='%23d6cb00'/%3E%3C/svg%3E");--applemusic-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26.68' height='26.68' viewBox='0 0 26.68 26.68'%3E%3Cg id='Gruppe_1345' data-name='Gruppe 1345' transform='translate(0.5 0.5)'%3E%3Cpath id='Vereinigungsmenge_7' data-name='Vereinigungsmenge 7' d='M5.587,25.68A5.606,5.606,0,0,1,0,20.055V5.626A5.606,5.606,0,0,1,5.587,0H20.093A5.606,5.606,0,0,1,25.68,5.626V20.055a5.606,5.606,0,0,1-5.587,5.626Z' transform='translate(0 0)' fill='%23d6cb00' stroke='rgba(0,0,0,0)' stroke-width='1'/%3E%3Cg id='Gruppe_773' data-name='Gruppe 773' transform='translate(5.136 3.424)'%3E%3Cpath id='Pfad_323' data-name='Pfad 323' d='M651.848,511.15l-10.091,2.729h-.012v4.1h.012v7.339a3.04,3.04,0,0,0-1.564-.423,2.34,2.34,0,1,0,0,4.622,2.5,2.5,0,0,0,2.717-2.305l-.028-.655-.067-8.872,7.974-2.153v8.1a3.01,3.01,0,0,0-1.705-.518,2.34,2.34,0,1,0,0,4.622,2.575,2.575,0,0,0,2.757-2.305c0-.012,0-.023,0-.035l.007-10.151v-4.1Z' transform='translate(-637.487 -511.15)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");--instagram-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25.68' height='25.68' viewBox='0 0 25.68 25.68'%3E%3Cpath id='Pfad_445' data-name='Pfad 445' d='M52.011,49.326A3.373,3.373,0,1,0,55.377,52.7,3.37,3.37,0,0,0,52.011,49.326Zm3.9-4.729H48.1a4.016,4.016,0,0,0-4,4v8.336a4.016,4.016,0,0,0,4,4H55.91a4.016,4.016,0,0,0,4-4V48.6a4.016,4.016,0,0,0-4-4Zm-3.875,13.25A5.152,5.152,0,1,1,57.177,52.7,5.146,5.146,0,0,1,52.036,57.847Zm5.224-9.164a1.22,1.22,0,1,1,1.217-1.22A1.219,1.219,0,0,1,57.259,48.684ZM59.3,39.869H44.792a5.607,5.607,0,0,0-5.587,5.626V59.924a5.607,5.607,0,0,0,5.587,5.626H59.3a5.607,5.607,0,0,0,5.587-5.626V45.495A5.607,5.607,0,0,0,59.3,39.869Zm2.043,17.069A5.453,5.453,0,0,1,55.91,62.38H48.1a5.453,5.453,0,0,1-5.431-5.443V48.6A5.453,5.453,0,0,1,48.1,43.159H55.91A5.453,5.453,0,0,1,61.342,48.6Z' transform='translate(-39.205 -39.869)' fill='%23d6cb00'/%3E%3C/svg%3E");--facebook-icon:url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='26.68' height='26.68' viewBox='0 0 26.68 26.68'%3E%3Cg id='Gruppe_1346' data-name='Gruppe 1346' transform='translate(0.5 0.5)'%3E%3Cpath id='Vereinigungsmenge_8' data-name='Vereinigungsmenge 8' d='M5.587,25.68A5.606,5.606,0,0,1,0,20.055V5.626A5.606,5.606,0,0,1,5.587,0H20.093A5.606,5.606,0,0,1,25.68,5.626V20.055a5.606,5.606,0,0,1-5.587,5.626Z' transform='translate(0 0)' fill='%23d6cb00' stroke='rgba(0,0,0,0)' stroke-width='1'/%3E%3Cg id='Gruppe_775' data-name='Gruppe 775' transform='translate(9.718 3.479)'%3E%3Cpath id='Pfad_326' data-name='Pfad 326' d='M119.254,65.846c0-.053,0-.941,0-.993q0-4.776,0-9.551V55.18h-3.183c-.141,0-.141,0-.142-.136,0-1.192,0-2.383,0-3.575,0-.109.033-.136.138-.136,1.015,0,2.031,0,3.046,0h.142c0-.041,0-.078,0-.115,0-.991-.006-1.982.008-2.972a5.407,5.407,0,0,1,.513-2.292,4.155,4.155,0,0,1,2.22-2.1,5.231,5.231,0,0,1,2.1-.4c.832.013,1.663.05,2.494.08.155.006.308.032.463.04.086,0,.115.036.115.122,0,.494,0,.987,0,1.481,0,.582,0,1.163,0,1.745,0,.1-.028.132-.131.131-.631,0-1.262-.012-1.893,0a4.5,4.5,0,0,0-.857.1,1.2,1.2,0,0,0-.967,1.012,3.565,3.565,0,0,0-.07.659c-.008.807,0,1.615,0,2.422,0,.024,0,.048.005.085h3.628c.152,0,.155,0,.136.145-.082.635-.168,1.269-.249,1.9q-.1.8-.2,1.592c-.024.2-.019.2-.223.2h-3.1v.153q0,4.723,0,9.446c0,.077,0,.99,0,1.068Z' transform='translate(-115.928 -43.455)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");--flag-at:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='36' viewBox='0 0 600 360'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23d00;%7D .cls-2 %7B fill:%23fff;%7D %3C/style%3E%3C/defs%3E%3Cg id='hig_fahne_a'%3E%3Crect id='Rechteck_1' data-name='Rechteck 1' class='cls-1' width='600' height='360'/%3E%3Crect id='Rechteck_2' data-name='Rechteck 2' class='cls-2' y='120' width='600' height='120'/%3E%3C/g%3E%3C/svg%3E%0A");
--flag-ch: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='36' viewBox='0 0 600 360'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill:%23d00;%7D .cls-2 %7B fill:%23fff;%7D %3C/style%3E%3C/defs%3E%3Cg id='hig_fahne_ch'%3E%3Crect id='Rechteck_1' data-name='Rechteck 1' class='cls-1' width='600' height='360'/%3E%3Crect id='Rechteck_2' data-name='Rechteck 2' class='cls-2' x='171' y='142' width='240' height='76'/%3E%3Crect id='Rechteck_2-2' data-name='Rechteck 2' class='cls-2' x='253' y='60' width='76' height='240'/%3E%3C/g%3E%3C/svg%3E%0A");
--flag-nl: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='36' viewBox='0 0 600 360'%3E%3Cdefs%3E%3Cstyle%3E .cls-1%7B fill:%23BF3922;%7D .cls-2%7B fill:%23fff;%7D .cls-3%7B fill:%23193153;%7D%3C/style%3E%3C/defs%3E%3Cg id='hig_fahne_nl'%3E%3Crect id='Rechteck_1' data-name='Rechteck 1' class='cls-1' width='600' height='360'/%3E%3Crect id='Rechteck_2' data-name='Rechteck 2' class='cls-2' y='120' width='600' height='120'/%3E%3Crect id='Rechteck_3' data-name='Rechteck 3' class='cls-3' y='240' width='600' height='120'/%3E%3C/g%3E%3C/svg%3E");
--check-green: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg clip-rule='evenodd' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' width='512' height='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M173.9 439.4L7.5 273c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0l112.1 112.09 240.1-240.09c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.4c-9.998 9.997-26.207 9.997-36.204-.001z' fill='%23d6cb00' fill-rule='nonzero'/%3E%3C/svg%3E");
--times-red: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg clip-rule='evenodd' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' version='1.1' width='352' height='512' viewBox='0 0 352 512' xml%3Aspace='preserve' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='m242.72 256 100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0l-100.07 100.07-100.07-100.07c-12.28-12.28-32.19-12.28-44.48 0l-22.24 22.24c-12.28 12.28-12.28 32.19 0 44.48l100.07 100.07-100.07 100.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0l100.07-100.07 100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48l-100.07-100.07z' fill='%23be0000' fill-rule='nonzero'%2F%3E%3C%2Fsvg%3E");
--upload: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 5 5' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:1.5;'%3E%3Cpath d='M1.383,2.439l1.017,-1.016' style='fill:none;stroke:%23ddcd00;stroke-width:0.35px;'/%3E%3Cpath d='M3.417,2.439l-1.017,-1.016' style='fill:none;stroke:%23ddcd00;stroke-width:0.35px;'/%3E%3Cpath d='M0.503,3.503l3.794,0l-3.794,0Z' style='fill:none;stroke:%23ddcd00;stroke-width:0.35px;'/%3E%3Cpath d='M4.297,3.503l0,-1.189' style='fill:none;stroke:%23ddcd00;stroke-width:0.35px;'/%3E%3Cpath d='M0.503,3.503l0,-1.189' style='fill:none;stroke:%23ddcd00;stroke-width:0.35px;'/%3E%3C/svg%3E");
--linkedin-icon: url("data:image/svg+xml,%3Csvg height='2500' width='2490' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cg fill='none'%3E%3Cpath d='M0 18.338C0 8.216 8.474 0 18.92 0h218.16C247.53 0 256 8.216 256 18.338v219.327C256 247.79 247.53 256 237.08 256H18.92C8.475 256 0 247.791 0 237.668V18.335z' fill='%23D9CF01'/%3E%3Cpath d='M77.796 214.238V98.986H39.488v115.252H77.8zM58.65 83.253c13.356 0 21.671-8.85 21.671-19.91-.25-11.312-8.315-19.915-21.417-19.915-13.111 0-21.674 8.603-21.674 19.914 0 11.06 8.312 19.91 21.169 19.91h.248zM99 214.238h38.305v-64.355c0-3.44.25-6.889 1.262-9.346 2.768-6.885 9.071-14.012 19.656-14.012 13.858 0 19.405 10.568 19.405 26.063v61.65h38.304v-66.082c0-35.399-18.896-51.872-44.099-51.872-20.663 0-29.738 11.549-34.78 19.415h.255V98.99H99.002c.5 10.812-.003 115.252-.003 115.252z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
--yt-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg class='color1'%3E%3Crect x='4' y='4' width='32' height='32' rx='5' fill='%23D9CF01'%3E%3C/rect%3E%3C/g%3E%3Cg class='color2'%3E%3Cpath d='M30.06,14.91A2.64,2.64,0,0,0,28.2,13c-1.63-.44-8.2-.44-8.2-.44s-6.57,0-8.2.44a2.64,2.64,0,0,0-1.86,1.87A27.64,27.64,0,0,0,9.5,20a27.64,27.64,0,0,0,.44,5.09A2.64,2.64,0,0,0,11.8,27c1.63.44,8.2.44,8.2.44s6.57,0,8.2-.44a2.64,2.64,0,0,0,1.86-1.87A27.64,27.64,0,0,0,30.5,20,27.64,27.64,0,0,0,30.06,14.91ZM17.85,23.12V16.88L23.34,20Z' fill='%23fff'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
--tiktok-icon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><g class="color1"><rect x="4" y="4" width="32" height="32" rx="6" fill="%23d6cb00"></rect></g><g class="color2"><path d="M20.46,9.52c1.15,0,2.28,0,3.42,0a5.46,5.46,0,0,0,1.53,3.65,6.21,6.21,0,0,0,3.71,1.57v3.52a9.13,9.13,0,0,1-3.67-.85A9.47,9.47,0,0,1,24,16.58c0,2.56,0,5.11,0,7.66a6.64,6.64,0,0,1-1.18,3.44,6.49,6.49,0,0,1-5.17,2.81,6.39,6.39,0,0,1-3.57-.9,6.58,6.58,0,0,1-3.19-5c0-.43,0-.87,0-1.3a6.6,6.6,0,0,1,7.64-5.85c0,1.3,0,2.59,0,3.89a3,3,0,0,0-2.64.33,3,3,0,0,0-1.19,1.53,3.47,3.47,0,0,0-.12,1.4,3,3,0,0,0,3.06,2.52A2.94,2.94,0,0,0,20,25.7a2,2,0,0,0,.36-.93c.09-1.57.05-3.12.07-4.69,0-3.53,0-7,0-10.56Z" fill="%23fff"></path></g></svg>');
}
.niceselect-prepare .select-wrapper,
.niceselect .select-wrapper {
margin-bottom: 0; }
@media only screen and (min-width: 768px) {
.niceselect-prepare .select-wrapper:after,
.niceselect .select-wrapper:after {
content: none;
border: none; } }
.nice-select {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
background-color: #fff;
border-radius: 0;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
font-family: inherit;
font-size: 16px;
font-weight: normal;
height: 34px;
line-height: 32px;
outline: none;
padding-left: 16px;
padding-right: 28px;
position: relative;
text-align: left !important;
transition: all 0.2s ease-in-out;
user-select: none;
white-space: nowrap;
width: 100%;
text-transform: uppercase;
margin-bottom: 10px;
border: none;
border-bottom: solid 1px #dcd500;
padding-left: 10px; }
.nice-select:after {
border-bottom: 2px solid #dcd500;
border-right: 2px solid #dcd500;
content: '';
display: block;
height: 9px;
margin-top: -6px;
pointer-events: none;
position: absolute;
right: 16px;
top: 50%;
transform-origin: 66% 66%;
transform: rotate(45deg);
transition: all 0.15s ease-in-out;
width: 9px; }
.nice-select.open:after {
transform: rotate(-135deg); }
.nice-select.open .list {
opacity: 1;
pointer-events: auto;
transform: scale(1) translateY(0);
display: block; }
.nice-select.disabled {
border-color: #e6df00;
color: #dcd500;
pointer-events: none; }
.nice-select.disabled:after {
border-color: #fff943; }
.nice-select.wide {
width: 100%; }
.nice-select.wide .list {
left: 0 !important;
right: 0 !important; }
.nice-select.right {
float: right; }
.nice-select.right .list {
left: auto;
right: 0; }
.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 34px; }
.nice-select.small:after {
}
.nice-select.small .option {
line-height: 34px;
min-height: 34px; }
.nice-select .list {
background-color: #fff;
border-radius: 0 0 4px 4px;
box-shadow: 0 0 0 1px #dcd500;
box-sizing: border-box;
margin-top: 0px;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
transform-origin: 50% 0;
transform: scale(0.75) translateY(-17px);
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
z-index: 9;
width: 100%;
display: none;
max-height: 40vh;
overflow-y: auto; }
.nice-select .option {
cursor: pointer;
font-weight: 400;
text-transform: uppercase;
line-height: 32px;
list-style: none;
min-height: 32px;
outline: none;
padding-left: 5px;
padding-right: 27px;
margin: 0 16px;
text-align: left;
transition: all 0.2s;
border-bottom: 1px solid #dcd500;
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
background-color: #dcd500;
color: #fff; }
.nice-select .option.selected {
color: #fff; }
.nice-select .option.disabled {
background-color: transparent;
color: #dcd500;
cursor: default; }
.nice-select .option:last-child {
border: 0; }
.no-csspointerevents .nice-select .list {
display: none; }
.no-csspointerevents .nice-select.open .list {
display: block; }
@font-face {
font-family: "Avenir Next LT W05 Thin Cond";
src: url(/typo3conf/ext/hig_site/Resources/Public/fonts/lino/AvenirNextLTW05-ThinCond.woff2) format("woff2"), url(/typo3conf/ext/hig_site/Resources/Public/fonts/lino/AvenirNextLTW05-ThinCond.woff) format("woff");
font-display: swap; }
@font-face {
font-family: "Avenir Next LT W05 Light Cond";
src: url(/typo3conf/ext/hig_site/Resources/Public/fonts/lino/AvenirNextLTW05-LightCond.woff2) format("woff2"), url(/typo3conf/ext/hig_site/Resources/Public/fonts/lino/AvenirNextLTW05-LightCond.woff) format("woff");
font-display: swap; }
@font-face {
font-family: "Avenir Next LT W05 Demi Cond";
src: url(/typo3conf/ext/hig_site/Resources/Public/fonts/lino/AvenirNextLTW05-DemiCond.woff2) format("woff2"), url(/typo3conf/ext/hig_site/Resources/Public/fonts/lino/AvenirNextLTW05-DemiCond.woff) format("woff");
font-display: swap; }
@font-face {
font-family: "Avenir Next LT W05 Medium Cond";
src: url(/typo3conf/ext/hig_site/Resources/Public/fonts/lino/AvenirNextLTW05-MediumCond.woff2) format("woff2"), url(/typo3conf/ext/hig_site/Resources/Public/fonts/lino/AvenirNextLTW05-MediumCond.woff) format("woff");
font-display: swap; }
@font-face {
font-family: "AvenirNext LT Pro HeavyCn";
src: url(/typo3conf/ext/hig_site/Resources/Public/fonts/avenir/AvenirNextLTPro-HeavyCn.woff2) format("woff2"), url(/typo3conf/ext/hig_site/Resources/Public/fonts/avenir/AvenirNextLTPro-HeavyCn.woff) format("woff");
font-weight: 900;
font-style: normal;
font-display: swap; }
html, body {
box-sizing: border-box;
padding: 0;
margin: 0; }
*, *:before, *:after {
box-sizing: inherit;
}
::selection {
background: rgba(214, 203, 0, 0.1);
}
::-moz-selection {
background: rgba(214, 203, 0, 0.1);
}
body {
font-family: "Avenir Next LT W05 Thin Cond";
font-size: 20px;
color: #40403F;
background-color: white;
line-height: 1.6; }
body {
overflow-x: hidden; }
#page {
float: left;
width: 100%; }
.pw-wrapper {
width: 100%;
position: relative; }
.cw-wrapper {
max-width: 1280px;
margin: auto;
position: relative; }
.cb-wrapper {
width: 100%;
display: flex;
padding: 0;
flex-wrap: wrap;
justify-content: space-between; }
.footer-wrapper .cw-wrapper {
border: none; }
body a {
text-decoration: none;
position: relative; }
body a:hover {
text-decoration: underline; }
body a[href="#"]:hover,
body .link-wrapper > a:hover {
text-decoration: none; }
#mobilemenubutton {
border: none; }
article {
padding: 0;
padding-bottom: 140px;
min-height: 200px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
z-index: 3;
line-height: 1.48; }
h1, h2, h3, h4 {
margin-top: 43px;
margin-bottom: 25px;
text-align: center;
text-transform: uppercase;
font-family: "Avenir Next LT W05 Thin Cond";
font-size: 46px;
line-height: 1.2;
width: 100%;
font-weight: 400; }
h1, .h1 {
font-size: 52px; }
@media only screen and (min-width: 768px) and (max-width: 1178px) {
h1, .h1 {
font-size: 42px; } }
@media only screen and (max-width: 768px) {
h1, .h1 {
font-size: 34px; } }
h2, .h2 {
font-size: 36px; }
@media only screen and (min-width: 768px) and (max-width: 1178px) {
h2, .h2 {
font-size: 30px; } }
@media only screen and (max-width: 768px) {
h2, .h2 {
font-size: 26px; } }
h3, .h3 {
font-size: 28px; }
@media only screen and (min-width: 768px) and (max-width: 1178px) {
h3, .h3 {
font-size: 24px; } }
@media only screen and (max-width: 768px) {
h3, .h3 {
font-size: 20px; } }
h4, .h4 {
font-size: 20px;
margin-top: 0.5rem; }
@media only screen and (min-width: 768px) and (max-width: 1178px) {
h4, .h4 {
font-size: 18px; } }
@media only screen and (max-width: 768px) {
h4, .h4 {
font-size: 16px; } }
#page.heavy-h1 h1,
#page.heavy-h1 .h1,
h1.heavy {
font-family: "AvenirNext LT Pro HeavyCn";
font-weight: 900;
font-size: 50px; }
@media only screen and (min-width: 768px) and (max-width: 1178px) {
#page.heavy-h1 h1,
#page.heavy-h1 .h1,
h1.heavy {
font-size: 42px; } }
@media only screen and (max-width: 768px) {
#page.heavy-h1 h1,
#page.heavy-h1 .h1,
h1.heavy {
font-size: 34px; } }
#page.heavy-h2 h2,
#page.heavy-h2 .h2,
h2.heavy {
font-family: "AvenirNext LT Pro HeavyCn";
font-weight: 900; }
#page.heavy-h3 h3,
#page.heavy-h3 .h3,
h3.heavy {
font-family: "AvenirNext LT Pro HeavyCn";
font-weight: 900; }
#page.heavy-headlines h1,
#page.heavy-headlines .h1,
#page.heavy-headlines h2,
#page.heavy-headlines .h2,
#page.heavy-headlines h3,
#page.heavy-headlines .h3,
#page.heavy-headlines h4,
#page.heavy-headlines .h4 {
font-family: "AvenirNext LT Pro HeavyCn";
font-weight: 900; }
.spacer {
width: 100%;
height: 20px; }
.spacer-20 {
height: 20px; }
.spacer-40 {
height: 40px; }
.spacer-80 {
height: 80px; }
.spacer-160 {
height: 160px; }
.spacer-320 {
height: 320px; }
h1:first-child, h2:first-child, h3:first-child, h4:first-child {
margin-top: 43px; }
.content-block .text h3, .content-block .text h4 {
margin-top: 5px; }
h1.ce-headline-invisible {
font-size: 0;
width: 1px;
height: 1px;
display: inline-block;
overflow: hidden;
position: absolute !important;
border: 0 !important;
padding: 0 !important;
margin: 0 !important;
clip: rect(1px, 1px, 1px, 1px); }
article ul, article ol, .slide-info ul, .slide-info ol {
padding-left: 0px;
margin: 20px 0; }
article ol {
margin: 20px 0;
list-style-type: decimal; }
article p {
margin-bottom: 14px; }
article table {
margin-bottom: 30px; }
a {
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
color: #535353; }
@media only screen and (max-width: 799px) {
a {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none; } }
article .hig-green a {
color: #dcd500; }
.header-pw {
position: fixed;
background: white;
z-index: 300;
box-shadow: 0px 1px 3px #00000029;
-webkit-transition: all 0ms ease-out;
-moz-transition: all 0ms ease-out;
-ms-transition: all 0ms ease-out;
-o-transition: all 0ms ease-out;
transition: all 0ms ease-out;
height: 140px; }
.header-pw.fixed {
height: 131px;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
top: 0px; }
.fixed .header-cw .locationmarker {
top: 75px;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease; }
.header-cw {
border-right: none;
border-left: none; }
.header-cw .logo {
margin: 40px 0 0 40px;
width: 265px;
height: auto;
float: left;
position: relative;
z-index: 3;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease; }
.header-cw .logo a {
height: 100%;
display: block;
width: 100%; }
.header-cw .logo .logo-shape {
margin-right: 0px;
position: absolute;
left: 0;
-webkit-transition: all 0ms ease;
-moz-transition: all 0ms ease;
-ms-transition: all 0ms ease;
-o-transition: all 0ms ease;
transition: all 0ms ease; }
.header-cw .logo .logo-text {
position: absolute;
left: 65px;
top: 0;
opacity: 1;
max-width: 190px;
-webkit-transition: all 0ms ease;
-moz-transition: all 0ms ease;
-ms-transition: all 0ms ease;
-o-transition: all 0ms ease;
transition: all 0ms ease; }
.fixed .header-cw .logo {
-webkit-transition: all 600ms ease-out;
-moz-transition: all 600ms ease-out;
-ms-transition: all 600ms ease-out;
-o-transition: all 600ms ease-out;
transition: all 600ms ease-out; }
.fixed .header-cw .logo .logo-shape {
transform: translateY(40px);
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease; }
.fixed .header-cw .logo .logo-text {
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
opacity: 0;
transform: translateY(30px); }
.header-cw {
height: 140px; }
.languagechooser {
font-size: 20px;
float: right;
margin: 18px 5px 0 0;
font-family: "Avenir Next LT W05 Demi Cond"; }
.languagechooser a {
color: #A3A3A3;
text-transform: uppercase;
text-decoration: none !important; }
.languagechooser .seperator {
color: #dcd500; }
.languagechooser .selected {
color: #dcd500; }
.locationmarker {
position: absolute;
top: 70px;
right: 5px;
z-index: 5;
-webkit-transition: all 0ms ease;
-moz-transition: all 0ms ease;
-ms-transition: all 0ms ease;
-o-transition: all 0ms ease;
transition: all 0ms ease; }
.locationmarker .reserve-now {
display: none; }
nav#main, nav.main {
position: absolute;
top: 78px;
left: 0;
padding: 0 45px 0 310px;
width: 100%; }
nav#main ul, nav.main ul {
margin: 0;
padding: 0;
display: flex;
justify-content: space-between;
width: 100%; }
nav#main ul li, nav.main ul li {
flex: 0 1 auto;
list-style: none;
margin: 0;
padding: 0; }
nav#main ul li a, nav.main ul li a {
font-size: 20px;
text-transform: uppercase;
color: transparent;
font-family: "Avenir Next LT W05 Demi Cond";
position: relative;
white-space: nowrap; }
nav#main ul li a:after, nav.main ul li a:after {
content: attr(title);
height: 100%;
width: 100%;
font-family: "Avenir Next LT W05 Light Cond";
color: #535353;
text-transform: uppercase;
position: absolute;
text-align: center;
left: 0;
top: 0; }
nav#main ul li.active a:after, nav.main ul li.active a:after {
font-family: "Avenir Next LT W05 Demi Cond"; }
nav#main ul li:first-child, nav.main ul li:first-child {
margin-left: 0px; }
:lang(nl-NL) .header-cw .logo {
width: 265px;
margin-left: 0; }
:lang(nl-NL) nav.main {
padding: 0 0px 0 270px; }
@media (hover: hover) {
nav.main ul li a:hover:after {
font-family: "Avenir Next LT W05 Demi Cond"; } }
#mobilemenu {
display: none;
position: fixed;
top: 0;
right: 0;
left: 0;
min-height: 100%;
z-index: 250;
background: white;
padding: 0;
overflow-y: scroll; }
#mobilemenu::-webkit-scrollbar {
display: none; }
#mobilemenu .mobilemenu-content {
padding: 113px 19px 21px 16px;
display: flex;
flex-direction: column;
text-align: right;
width: 100%;
position: absolute; }
#mobilemenu .mobilemenu-content nav.main {
flex: 1 1 auto;
position: relative;
top: auto;
left: auto;
padding: 0; }
#mobilemenu .mobilemenu-content nav.main ul {
display: flex;
flex-direction: column;
justify-content: space-between;
margin-top: 0px;
margin-bottom: 19px; }
#mobilemenu .mobilemenu-content nav.main ul li {
width: 100%;
flex: 0 0 auto;
list-style: none;
margin: 0;
padding: 0; }
#mobilemenu .mobilemenu-content nav.main ul li a {
text-align: right;
font-size: 4.2vmin; }
#mobilemenu .mobilemenu-content nav.main ul li a:after {
text-align: right; }
#mobilemenu .mobilemenu-content .footer-menu {
flex: 0 0 auto; }
#mobilemenu .mobilemenu-content .footer-menu .footer-svg-wrap {
float: left; }
#mobilemenu .mobilemenu-content .footer-menu ul {
margin: 0 0 8px 0;
padding: 0;
position: relative;
}
#mobilemenu .mobilemenu-content .footer-menu ul li {
list-style: none; }
#mobilemenu .mobilemenu-content .footer-menu ul li a {
font: 3.2vmin/1.5 "Avenir Next LT W05 Thin Cond";
color: #A7A4A4;
text-decoration: none; }
#mobilemenu .mobilemenu-content .footer-menu ul li.active a {
font-family: "Avenir Next LT W05 Demi Cond"; }
#mobilemenu .mobilemenu-content .languagechooser {
flex: 0 0 41px;
margin: 0;
font-size: 4.2vmin; }
#mobilemenu .mobilemenu-content .languagechooser a {
text-decoration: none !important; }
#mobilemenu .mobilemenu-content .social {
left: 0;
bottom: 0;
margin-top: 3vmin; }
#mobilemenu .mobilemenu-content .social a {
width: 6vmin;
height: 6vmin;
margin-right: 0;
margin-left: 1.2vmin;
text-decoration: none !important; }
html.showmobilemenu {
overflow: hidden; }
.article-pw {
margin-top: 140px;
z-index: 200; }
article {
}
article a.content-block {
display: block; }
article .content-block {
flex: 1 0 100%;
justify-content: space-between; }
article .content-block .full-width-img {
width: 100%;
height: 0;
padding-bottom: 45%;
background-size: cover;
background-position: center center;
position: relative;
margin-bottom: 10px; }
article .content-block .full-width-img.height-30 {
padding-bottom: 30%; }
article .content-block .full-width-img.height-slim {
padding-bottom: 14%; }
article .content-block .full-width-img.height-45 {
padding-bottom: 45%; }
article .content-block .full-width-img.height-55 {
padding-bottom: 55%; }
article .cb-100 {
flex: 1 0 100%;
justify-content: space-between; }
article .cb-50 {
flex: 0 0 49.6%; }
article .cb-50.twocolumnscontent .cb-100, article .cb-50.twocolumnscontent h1, article .cb-50.twocolumnscontent h2, article .cb-50.twocolumnscontent h3, article .cb-50.twocolumnscontent h4, article .cb-50.twocolumnscontent h5, article .cb-50.twocolumnscontent h6 {
padding: 0 16px; }
article .cb-50.twocolumnscontent .img {
padding: 0;
display: block; }
article .content-block .full-width-img.gradient:before {
content: " ";
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 46%;
background: transparent linear-gradient(180deg, #FFFFFF00 0%, #000000C4 100%) 0% 0% no-repeat padding-box;
z-index: 1; }
article .content-block.preview {
flex: 0 0 100%;
text-align: center; }
article .on-image-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
article .on-image-content .text-center {
padding: 0; }
article .on-image-content-bottom {
position: absolute;
bottom: 28px;
width: 100%;
z-index: 4; }
article .cb-50 .on-image-content-bottom {
bottom: 17px; }
article .cb-50 .on-image-content-bottom .text-center {
display: none; }
article .title {
text-align: center;
font-family: "Avenir Next LT W05 Light Cond";
font-size: 34px;
line-height: 42px;
color: white;
text-transform: uppercase;
margin-bottom: 8.6px;
z-index: 5;
position: relative; }
article .title a {
color: white;
text-decoration: none; }
article .cb-50 .title {
margin-bottom: 0; }
article .on-image-content .text {
text-align: center;
font-family: "Avenir Next LT W05 Light Cond";
font-size: 20px;
line-height: 20px;
text-transform: uppercase;
margin-bottom: 15px;
color: #FFFFFF; }
article .content-text {
padding-top: 45px;
padding-bottom: 24px;
font-size: 16px; }
article .content-text strong {
text-transform: uppercase;
font-family: "Avenir Next LT W05 Medium Cond";
font-weight: normal; }
article .box {
flex: 0 1 500px;
background: #F6F6F6;
font-family: "Avenir Next LT W05 Demi Cond";
font-size: 14px; }
article .box .title {
text-align: center;
font-family: "Avenir Next LT W05 Light Cond";
font-size: 46px;
letter-spacing: 0;
color: #535353;
text-transform: uppercase;
margin-bottom: 11px;
margin-top: 10px; }
article .box .iam {
margin-bottom: 8px; }
article .box .box-content {
padding: 16px;
width: 100%;
color: #535353; }
article .box .box-button {
width: 100%;
background: #dcd500;
height: 25px;
display: block; }
article .box .box-button:after {
content: " ";
border-bottom: 2px solid white;
border-right: 2px solid white;
position: absolute;
right: 50%;
transform: rotate(45deg) translateX(4.5px);
top: 4px;
pointer-events: none;
height: 9px;
width: 9px; }
article .content-block.prev-chooser {
margin-top: 0px;
justify-content: center;
display: flex;
margin-bottom: 0px; }
article .content-block.prev-chooser-home {
margin-top: 50px;
margin-bottom: 40px; }
article .content-block.prev-chooser .filter-head {
margin: 20px 0;
color: #535353; }
article .nice-select.nutrition-prev {
float: none; }
article .content-block.prev-chooser .filter {
display: none; }
article .filter.open button {
background-color: #F6F6F6 !important;
border-color: transparent !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important; }
article .filter.open button:hover {
color: #dcd500 !important; }
article .filter.open button:hover .button-text {
color: #dcd500 !important; }
article .prev-chooser-content {
flex: 0 1 500px;
max-width: 500px; }
article .prev-chooser-content .filter {
margin-right: 16px;
height: 51px;
}
article .prev-chooser-content .filter button {
min-width: 67px; }
article .prev-chooser-content .box {
display: none; }
article .prev-chooser-content .allergene {
padding: 2px 16px 34px;
display: block;
height: 55px;
overflow: hidden;
position: relative; }
article .prev-chooser-content .allergene::after {
content: " ";
position: absolute;
left: 0;
right: 0;
width: 120%;
height: 25px;
z-index: 5;
top: auto;
bottom: 0px;
background: -moz-linear-gradient(top, rgba(246, 246, 246, 0) 0%, #f6f6f6 60%);
background: -webkit-linear-gradient(top, rgba(246, 246, 246, 0) 0%, #f6f6f6 60%);
background: linear-gradient(to bottom, rgba(246, 246, 246, 0) 0%, #f6f6f6 60%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
article .prev-chooser-content .please-without, article .prev-chooser-content button.delete {
font: 14px/1 "Avenir Next LT W05 Demi Cond";
color: #535353;
text-transform: uppercase;
float: left; }
article .prev-chooser-content button.delete {
border: 0;
text-decoration: underline;
float: right;
height: auto;
padding: 0;
line-height: 1; }
article .prev-chooser-content button.delete:active, article .prev-chooser-content button.delete.nice-select.open {
text-decoration: none; }
article .prev-chooser-content .selector-buttons {
float: left;
width: 100%;
clear: both;
margin-top: 9px;
display: block;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 39px;
column-count: 2;
column-gap: 9px; }
article .prev-chooser-content .selector-buttons.invisible {
visibility: hidden;
opacity: 0;
pointer-events: none; }
article .prev-chooser-content .selector-buttons button {
width: 100%;
background-color: white;
margin-right: 0;
height: 26px;
font-size: 16px; }
article .prev-chooser-content .selector-buttons button .button-text {
white-space: nowrap; }
article .prev-chooser-content.already-open .box {
display: block; }
article .content-block.instagram {
justify-content: center;
display: flex; }
article .content-block.instagram .box {
flex: 0 0 768px;
background: transparent; }
article .content-block.instagram .box .box-content {
padding: 0; }
article .content-block.instagram .box .box-content img {
max-width: 100%; }
article .content-block.center {
display: flex;
justify-content: center;
text-align: center; }
article .gluecks-karten {
margin-top: -8px;
flex: 0 1 360px; }
article .gluecks-karten img {
float: left; }
article .gluecks-karten .karten-text {
display: block;
float: left;
font-family: "Avenir Next LT W05 Light Cond";
font-size: 20px;
letter-spacing: 0;
color: #535353;
text-transform: uppercase;
padding: 14px 0 0 12px;
margin-bottom: 27px;
text-align: left; }
article .img {
margin-top: 21px;
display: flex;
max-width: 100%;
padding: 0 16px; }
article .img.leftborder {
padding: 0 16px 0 0; }
article .img img {
max-width: 100%;
height: auto; }
article .page-id-30 .svg-wrap {
margin-top: -35px !important; }
.svg-wrap.svgleftflowing {
width: 100%;
position: relative;
margin-bottom: 73px; }
.svg-wrap.svgleftflowing object {
position: absolute;
left: 0; }
.svg-wrap.svgrightflowing {
width: 100%;
position: relative;
margin-bottom: 73px; }
.svg-wrap.svgrightflowing object {
position: absolute;
right: 0; }
.link-wrapper {
display: inline-block;
text-align: center;
position: relative;
height: 28px;
margin-right: 4px; }
.link-wrapper button {
display: inline-block;
border: none;
margin: 0;
background: none;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.link-wrapper button:focus {
outline: none; }
.link-wrapper a, .link-wrapper button {
display: inline-block;
font-family: "Avenir Next LT W05 Demi Cond";
font-size: 20px;
line-height: 28px;
height: 28px;
color: #dcd500;
text-transform: uppercase;
text-decoration: none;
transition: color 300ms ease;
position: relative;
z-index: 4;
padding-right: 34px;
padding-left: 12px; }
.link-wrapper a:before, .link-wrapper button:before {
display: block;
content: " ";
width: 11px;
height: 11px;
border-left: 2px solid white;
border-bottom: 2px solid white;
transform: translate(0, -50%) rotate(-135deg);
position: absolute;
right: 11px;
top: 50%;
transition: transform 300ms ease;
z-index: 3; }
.link-wrapper a:hover:before, .link-wrapper button:hover:before {
-webkit-animation: slide-left 0.6s ease-out infinite alternate both;
animation: slide-left 0.6s ease-out infinite alternate both; }
.link-wrapper a:hover, .link-wrapper button:hover {
color: white; }
.link-wrapper a:active, .link-wrapper a.nice-select.open, .link-wrapper button:active, .link-wrapper button.nice-select.open {
color: #dcd500;
transition: color 0ms ease; }
.link-wrapper a:active:before, .link-wrapper a.nice-select.open:before, .link-wrapper button:active:before, .link-wrapper button.nice-select.open:before {
border-left-color: #dcd500;
border-bottom-color: #dcd500; }
.link-wrapper::after {
content: " ";
position: absolute;
display: block;
right: 0;
bottom: 0;
top: 50%;
transform: translate(0, -50%);
height: 28px;
width: 28px;
border-radius: 28px;
border: 1px solid #dcd500;
background: #dcd500;
z-index: 2;
transition: width 300ms ease; }
.link-wrapper:hover::after {
width: 100%; }
.link-wrapper:active::after, .link-wrapper.nice-select.open::after {
background: transparent; }
.link-wrapper.disabled a, .link-wrapper.disabled button {
filter: grayscale(1);
pointer-events: none; }
.link-wrapper.disabled::after {
filter: grayscale(1);
pointer-events: none; }
.link-wrapper.disabled:hover::after {
width: 28px; }
.link-wrapper img {
margin-left: 6px; }
.cb-button .text {
margin-bottom: 0 !important;
text-align: center; }
.cb-timebeam {
padding: 49px 60px;
color: #dcd500;
text-transform: uppercase;
font: normal normal normal 22px/22px "Avenir Next LT W05 Light Cond";
width: 100%; }
.cb-timebeam .timebeam {
width: 100%;
min-height: 136px;
position: relative; }
.cb-timebeam .timebeam .line {
background: #dcd500;
height: 2px;
width: 98.8%;
position: absolute;
bottom: 10px;
left: 0.6%; }
.cb-timebeam .timebeam .logo {
background: url(/typo3conf/ext/hig_site/Resources/Public/img/logo-shape.svg) no-repeat;
background-size: contain;
width: 5.69%;
height: 0;
padding-bottom: 5.4278%;
position: absolute;
left: 0.6%;
bottom: 11px; }
.cb-timebeam .timebeam ul {
left: 6.60%;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
position: absolute;
bottom: 0;
width: 92.8%; }
.cb-timebeam .timebeam ul li {
position: relative;
list-style: none;
width: 7.812%; }
.cb-timebeam .timebeam ul li:before {
display: block;
content: " ";
width: 22px;
height: 22px;
background: white;
border: 2px solid #dcd500;
border-radius: 100%;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%); }
.cb-timebeam .timebeam ul li:after {
display: block;
content: " ";
width: 2px;
height: 36px;
background: #dcd500;
position: absolute;
bottom: 22px;
left: 50%;
transform: translateX(-50%); }
.cb-timebeam .timebeam ul li:nth-child(even) span {
bottom: 35px; }
.cb-timebeam .timebeam ul li:nth-child(even):after {
height: 11px; }
.cb-timebeam .timebeam ul li span {
position: absolute;
bottom: 86px;
text-align: center;
display: block;
left: 50%;
transform: translateX(-50%);
width: 150px; }
.cb-timebeam .timebeam ul li.bold-1 {
font-family: "Avenir Next LT W05 Demi Cond"; }
@media only screen and (max-width: 1055px) {
.cb-timebeam {
margin-bottom: 160px; }
.cb-timebeam .timebeam ul li span {
bottom: 66px; }
.cb-timebeam .timebeam ul li:nth-child(even) span {
bottom: auto;
top: 44px; }
.cb-timebeam .timebeam ul li:nth-child(even):after {
bottom: auto;
top: 0;
height: 25px; }
.cb-timebeam .timebeam ul li:after {
height: 25px; } }
@media only screen and (max-width: 800px) {
.cb-timebeam {
padding: 30px 0;
margin-bottom: 40px; }
.cb-timebeam .timebeam .logo {
width: 15.62%;
padding-bottom: 14.89%;
left: 3.6%;
bottom: auto;
position: relative;
background-color: white;
z-index: 5; }
.cb-timebeam .timebeam .line {
z-index: 4;
width: 2px;
height: 98%;
left: 10.41%;
bottom: auto;
top: 0; }
.cb-timebeam .timebeam ul {
width: 100%;
display: block;
position: relative;
left: 0; }
.cb-timebeam .timebeam ul li {
width: 100%;
position: relative;
height: auto;
margin-bottom: 4%;
margin-top: 3%;
padding: 8px 2% 8px 18.39%; }
.cb-timebeam .timebeam ul li:before {
bottom: auto;
left: 10.6%;
z-index: 6; }
.cb-timebeam .timebeam ul li:after {
display: none; }
.cb-timebeam .timebeam ul li span {
position: relative;
bottom: auto;
width: auto;
text-align: left;
height: auto;
left: auto;
transform: none; }
.cb-timebeam .timebeam ul li:nth-child(even) span {
bottom: auto;
top: auto; } }
@-webkit-keyframes slide-left {
0% {
-webkit-transform: translate(0, -50%) rotate(-135deg);
transform: translate(0, -50%) rotate(-135deg); }
100% {
-webkit-transform: translate(-6px, -50%) rotate(-135deg);
transform: translate(-6px, -50%) rotate(-135deg); } }
@keyframes slide-left {
0% {
-webkit-transform: translate(0, -50%) rotate(-135deg);
transform: translate(0, -50%) rotate(-135deg); }
100% {
-webkit-transform: translate(-6px, -50%) rotate(-135deg);
transform: translate(-6px, -50%) rotate(-135deg); } }
.content-block.menu {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 0; }
.content-block.menu .sun-path-wrapper {
width: 100%;
height: 0;
padding-bottom: 10.54%;
padding-top: 7.8%;
position: relative;
overflow: hidden; }
.content-block.menu .sun-path-wrapper .arrow {
display: none;
left: 0;
bottom: 0;
height: 100%;
width: 42px;
position: absolute; }
.content-block.menu .sun-path-wrapper .arrow:before {
position: absolute;
content: '';
width: 10.5px;
height: 10.5px;
border-left: 2px solid #535353;
border-bottom: 2px solid #535353;
left: 50%;
bottom: 50%;
transform: translate(-50%, 50%) rotate(45deg); }
.content-block.menu .sun-path-wrapper .arrow.arrow-right {
left: auto;
right: 0; }
.content-block.menu .sun-path-wrapper .arrow.arrow-right:before {
transform: translate(-50%, 50%) rotate(225deg); }
.menu-tabs {
display: flex;
height: 86px; }
.menu-tabs .menu-tab {
font-family: "Avenir Next LT W05 Light Cond";
font-size: 30px;
color: #535353;
transition: none;
height: 101%;
flex: 0 0 49.6%;
box-shadow: 1px -2px 3px -1px rgba(0, 0, 0, 0.16);
text-align: center;
text-transform: uppercase;
line-height: 0.75;
display: flex;
align-items: center;
justify-content: center;
background: white;
z-index: 3;
text-decoration: none; }
.menu-tabs .menu-tab small {
font-size: 21px; }
.menu-tabs .menu-tab.active {
font-family: "Avenir Next LT W05 Demi Cond";
color: #dcd500; }
.menu-tabs .menu-tab-dinner {
background: #40403F;
color: white;
height: 100%;
box-shadow: -1px -2px 3px -1px rgba(0, 0, 0, 0.16); }
.dark-helper {
padding-bottom: 70px; }
.dark-helper, .menu-images, .article-pw {
transition: all 400ms ease; }
.dark-dinner {
background-color: #535353;
color: white; }
.dark-dinner .dark-helper {
background-color: #40403F; }
.dark-dinner .menu-images, .dark-dinner .menu-footer {
background-color: #40403F; }
.dark-dinner .menu-stepcount .step, .dark-dinner .product-list-title {
background-color: #535353; }
.dark-dinner * {
color: white; }
.dark-dinner .menu-tabs .menu-tab, .dark-dinner .menu-images .menu-col-img-text .menu-col-img-text-name, .dark-dinner article .box .box-content,
.dark-dinner select, .dark-dinner .zutaten-details .details-block-top .line, .dark-dinner .zutaten-details .details-additional .radio-label,
.dark-dinner .iam, .dark-dinner option, .dark-dinner .details-block *, .dark-dinner .allergene .button .button-text:after,
.dark-dinner .nice-select * {
color: #535353; }
.dark-dinner *:before {
border-color: white !important; }
.dark-dinner .menu-tab-lunch {
color: #535353; }
.dark-dinner .menu-tab-lunch .tab-text, .dark-dinner .menu-tab-lunch small {
color: #535353; }
.dark-dinner .menu-tabs .menu-tab.active * {
color: #dcd500; }
.dark-dinner .tabs li a span {
color: transparent; }
.dark-dinner .tabs li a span:after, .dark-dinner .zutaten-details .chart-wrapper .label, .dark-dinner .zutaten-details .title, .dark-dinner .button .button-text:after, .dark-dinner .stock {
color: white; }
.dark-dinner .please-choose {
color: #651A2F; }
.dark-dinner .back-link::after {
filter: invert(1) brightness(2); }
.conten-block-inner {
max-width: 1026px;
margin: auto; }
.menu-images {
background: white;
box-shadow: -1px -2px 3px -1px rgba(0, 0, 0, 0.16);
padding: 22px 16px 20px;
z-index: 2; }
.menu-images .menu-img-table-wrapper {
position: relative;
padding-bottom: 50%; }
.menu-images .menu-img-table {
min-height: 522px;
display: flex;
justify-content: space-between;
flex-direction: column;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
transition: opacity 500ms ease; }
.menu-images .menu-img-table-dinner {
display: none; }
.menu-images .row {
flex: 0 0 49.2%;
display: flex;
flex-direction: row;
justify-content: space-between;
transition: flex-basis 400ms ease;
background-size: cover;
background-position: center 65%; }
.menu-images .menu-img-table-lunch .row {
flex: 1 0 100%; }
.menu-images .col {
flex: 0 1 49.61%;
display: flex;
flex-direction: column;
justify-content: space-between;
transition: flex-basis 400ms ease; }
.menu-images .col1 .burger {
flex: 0 0 49.2%; }
.menu-images .col1 .drink {
flex: 0 0 49.2%; }
.menu-images .col2 .side {
flex: 0 0 49.2%; }
.menu-images .col2 .hot {
flex: 0 0 49.2%; }
.menu-images .menu-col-img {
background-size: cover;
background-position: center 65%;
transition: flex-basis 400ms ease;
background-color: #F6F6F6 !important; }
.menu-images .menu-col-img.flex-full {
flex: 1 0 100%; }
.menu-images .menu-col-img-text {
color: #535353;
padding: 11.9px 0 0 9.1px;
font-family: "Avenir Next LT W05 Demi Cond";
font-size: 21px;
line-height: 26px;
text-transform: uppercase; }
.menu-images .menu-col-img-text .menu-col-img-text-name {
padding: 0 0 0 19.5px;
font-family: "Avenir Next LT W05 Light Cond";
font-size: 17px;
line-height: 20px;
text-transform: uppercase; }
.sun-wrapper {
position: absolute;
left: 8.7%;
top: 8.2%;
width: 12.2%; }
.sun-wrapper span {
position: absolute;
width: 100%;
height: 100%;
transform: scale(0.001);
transform-origin: inherit;
z-index: 100; }
.sun-wrapper span::after {
content: '';
display: block;
width: 10px;
height: 10px;
border-radius: 100%;
background: rgba(255, 128, 128, 0.75);
transform: scale(1000); }
.moon-wrapper {
position: absolute;
right: 8%;
bottom: 11%;
width: 10%;
transform: rotate(135deg); }
.moon-wrapper svg {
width: 100%;
height: 100%; }
#sun {
width: 100%;
height: auto;
-webkit-animation: spin 80s linear infinite;
-moz-animation: spin 80s linear infinite;
animation: spin 80s linear infinite; }
#moon {
width: 100%;
height: auto; }
.sun-path {
position: absolute;
width: 100%;
border-radius: 100%;
border: 8px solid rgba(198, 198, 198, 0.25);
height: 1400px;
width: 1400px;
border-top-color: rgba(255, 216, 0, 0.36);
border-bottom-color: rgba(255, 216, 0, 0.36);
transform: translate(-50%, 0) rotate(0deg);
left: 50%;
transition: transform 2s ease;
}
@keyframes spin {
100% {
transform: rotate(360deg); } }
@keyframes sunrise-spin {
0% {
transform: translate(-50%, 0) rotate(0deg); }
100% {
transform: translate(-50%, 0) rotate(45deg); } }
.filter {
position: relative;
font-family: "Avenir Next LT W05 Thin Cond";
font-size: 16px;
line-height: 16px;
color: #535353;
flex: 0 0 50%;
padding: 5px 106px 0 0; }
.filter .filter-text {
float: right;
position: relative;
padding-right: 55px;
margin-right: 5px; }
.filter #pfeil {
position: absolute;
top: -9px;
right: 0; }
.filter .button {
padding: 0 14px;
height: 46px;
float: right;
top: 0;
right: 0; }
.menu-footer {
padding: 0 16px; }
.menu-footer .menu-footer-content {
display: flex;
justify-content: space-between;
padding-bottom: 0px; }
.menu-footer .refresh {
position: relative;
flex: 0 0 300px;
font-family: "Avenir Next LT W05 Thin Cond";
font-size: 20px;
line-height: 20px;
text-transform: uppercase;
padding: 4px 0 0 0;
max-width: 100%; }
.menu-footer .refresh small {
font-size: 12px;
line-height: 11px;
text-transform: none;
font-family: "Avenir Next LT W05 Light Cond"; }
.menu-footer .refresh .refresh-button {
position: absolute;
top: 0;
right: 0;
transition: all 400ms ease; }
.menu-footer .refresh .refresh-button.hovering {
transform: rotate(-180deg); }
@media (hover: hover) {
.menu-footer .refresh .refresh-button:hover {
transform: rotate(-180deg); } }
.menu-footer .refresh #pfeil-refresh {
position: absolute;
right: 32px;
top: 4px; }
@media only screen and (max-width: 767px) {
.menu-footer .refresh {
padding-top: 100px;
text-align: center; }
.menu-footer .refresh #pfeil-refresh {
left: 55px;
top: 11px;
transform: rotate(-92deg); }
.menu-footer .refresh .refresh-button {
top: 15px;
right: 50%;
margin-right: -30px; }
.menu-footer .refresh .refresh-button svg,
.menu-footer .refresh .refresh-button #refresh {
width: 60px;
height: 60px; } }
.tabs-wrapper {
overflow: hidden;
width: 100%;
max-width: 100vw;
position: relative; }
.tabs-wrapper.scroll-wrapper::before {
content: "";
position: absolute;
width: 7px;
height: 7px;
border-left: 2px solid #D8D8D8;
border-bottom: 2px solid #D8D8D8;
right: 21px;
top: 15px;
transform: rotate(225deg);
z-index: 5; }
.tabs {
height: 43px;
width: 100%;
padding: 0 0 26.5px;
font-size: 18px;
line-height: 19px;
display: flex;
overflow-x: scroll;
overflow-y: hidden;
scrollbar-width: none;
-ms-overflow-style: none;
position: relative;
}
.tabs::-webkit-scrollbar {
display: none; }
.tabs.scroll li:last-child {
padding-right: 25px; }
.tabs li {
flex: 1 0 100px;
list-style: none;
height: 100%;
height: 43px;
position: relative; }
.tabs li:after {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1px;
content: " ";
background: #E5E5E5;
z-index: 1; }
.tabs li a {
z-index: 5;
padding: 0 5px;
height: 100%;
font-family: "Avenir Next LT W05 Demi Cond";
color: transparent;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-bottom: 2px solid transparent;
text-transform: uppercase;
transition: none;
text-decoration: none;
white-space: nowrap; }
.tabs li a span {
position: relative; }
.tabs li a span::after {
content: attr(data-text);
font-family: "Avenir Next LT W05 Light Cond";
color: #535353;
content: attr(data-text);
height: 100%;
position: absolute;
width: 100%;
text-align: center;
left: 0;
top: 0; }
.tabs li a:hover span:after {
font-family: "Avenir Next LT W05 Demi Cond"; }
.tabs li.active a {
border-bottom: 2px solid #dcd500;
}
.tabs li.active a span:after {
font-family: "Avenir Next LT W05 Demi Cond";
color: #dcd500; }
.zutaten {
margin-top: 81px;
opacity: 0;
transition: all 500ms ease; }
.zutaten.show {
opacity: 1; }
.selector-buttons {
margin-bottom: 30px;
margin-top: 26.5px;
width: 68%;
float: left;
}
.selector-buttons button {
margin-right: 6.25px;
margin-bottom: 4px;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
outline: none;
line-height: 2; }
.selector-buttons button.clearbutton {
display: flex;
background: #dcd500;
height: auto;
padding-top: 4px;
padding-bottom: 4px;
margin-top: 8px; }
.selector-buttons button.clearbutton .button-text {
text-transform: none;
line-height: 1.3;
color: #fff !important;
font-family: "Avenir Next LT W05 Light Cond"; }
.selector-buttons button.clearbutton .button-text b {
font-family: "Avenir Next LT W05 Medium Cond";
text-transform: uppercase;
font-weight: normal; }
.selector-buttons button.clearbutton .button-text:after {
color: transparent;
content: none; }
.selector-buttons button.clearbutton .button-text:hover b {
text-decoration: underline; }
.zutaten-grid {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap; }
.zutaten-grid .tab-switcher-content {
flex: 0 1 65.3%;
order: 1; }
strong {
font-family: "Avenir Next LT W05 Medium Cond";
font-weight: normal;
text-transform: uppercase; }
.hidden-allergene, .hidden-nutriprev {
opacity: 0.5 !important;
filter: grayscale(1) !important;
pointer-events: none; }
.zutaten-list {
width: 100%; }
.zutaten-list ul {
margin: 0;
padding: 0 0 0 9px;
display: block; }
.zutaten-list ul li {
padding: 0 0  0 13px;
list-style: none;
width: 100%;
cursor: pointer;
margin-top: -1px;
overflow: hidden;
}
.zutaten-list ul li .line {
padding: 14px 20px 12px 0;
color: #535353;
font-family: "Avenir Next LT W05 Thin Cond";
font-size: 18px;
display: block;
width: 100%;
height: 100%;
text-decoration: none;
min-height: 55px;
border-bottom: 1px solid #d6d5d5;
border-top: 1px solid #d6d5d5; }
.zutaten-list ul li.product-category {
margin-top: 35px;
height: 38px;
margin-bottom: 7px; }
.zutaten-list ul li.product-category div {
color: white;
font-family: "Avenir Next LT W05 Light Cond";
text-align: center;
padding: 5px 20px 5px;
min-height: 0;
border: none;
background: #dcd500;
text-transform: uppercase; }
.zutaten-list ul li.highlight {
border: 2px solid #dcd500; }
.zutaten-list ul li.highlight .mini {
font-size: 10px;
font-family: "Avenir Next LT W05 Demi Cond";
color: #dcd500;
text-transform: uppercase; }
.zutaten-list ul li.highlight .line {
border: none;
padding: 6px 20px 0 0; }
.zutaten-list ul li.highlight .subline {
position: relative; }
.zutaten-list ul li.highlight .more {
font-size: 18px;
color: #dcd500;
text-transform: uppercase;
font-family: "Avenir Next LT W05 Demi Cond";
position: absolute;
right: 0;
bottom: 0;
padding-right: 24px;
background-image: var(--green-circle-right);
background-position: right center;
background-repeat: no-repeat; }
.stock {
margin-top: 9.5px;
margin-left: 23px;
color: #535353;
font-size: 14px;
flex: 0 0 40%;
order: 5; }
.zutaten-details {
flex: 0 1 34%;
order: 2; }
.zutaten-details .chart-outer-wrapper,
.zutaten-details .details-block {
opacity: 0;
transition: all 500ms ease; }
.zutaten-details .selector-hint {
display: inline-block;
font-family: "Avenir Next LT W05 Demi Cond";
color: #dcd500;
text-transform: uppercase;
padding: 30px 20px 0 100px;
text-align: center;
font-size: 18px;
position: relative; }
.zutaten-details .selector-hint #pfeil {
position: absolute;
left: 38px;
transform: rotateZ(-180deg) rotateX(0); }
.zutaten-details.show .chart-outer-wrapper, .zutaten-details.show .details-block {
opacity: 1; }
.zutaten-details.show .selector-hint {
display: none; }
.chart-wrapper {
width: 100%;
position: relative;
margin-top: 86px; }
.chart-wrapper .label {
font-size: 18px;
font-family: "Avenir Next LT W05 Light Cond";
color: #535353;
position: absolute;
right: 2.8%;
top: -1px;
line-height: 1;
text-align: right; }
.chart-wrapper .label .dot {
display: inline-block;
width: 6px;
height: 6px;
background: #651A2F;
opacity: 1;
vertical-align: middle;
border-radius: 100%;
margin-right: 5px; }
.chart-wrapper .label-carbs {
top: auto;
bottom: -60px; }
.chart-wrapper .label-carbs .dot {
opacity: 0.3; }
.chart-wrapper .label-fat {
top: auto;
right: auto;
bottom: -22px;
left: 9.8%;
text-align: left; }
.chart-wrapper .label-fat .dot {
background: #dcd500; }
.chart-wrapper .label-salt {
right: auto;
left: 9.8%;
text-align: left; }
.chart-wrapper .label-salt .dot {
background: #dcd500;
opacity: 0.3; }
.chart-wrapper .label-co2 {
left: 9.8%;
top: 115%;
text-align: left; }
.chart-wrapper .label-co2 .dot {
background: #333;
opacity: 0.3; }
.circle-wrapper {
width: 60%;
margin-left: 22%;
top: 6px;
position: relative; }
.circle-wrapper .energy {
width: 100%;
height: 100%;
position: absolute;
color: #535353;
font-size: 40px;
line-height: 1;
display: flex;
flex-direction: column;
justify-content: center;
top: 0;
left: 0;
text-align: center; }
.add-circle-wrapper {
width: 24%;
margin-left: 82%;
top: 0px;
position: relative;
margin-top: -75px; }
.add-circle-wrapper .co2-label {
width: 100%;
height: 100%;
position: absolute;
color: #535353;
font-size: 13px;
line-height: 1;
display: flex;
flex-direction: column;
justify-content: center;
top: 0;
left: 0;
text-align: center; }
.add-circle-wrapper .co2-label .co2-value {
font-size: 17px; }
.details-title {
margin-top: 70px;
font-size: 14px;
text-align: left;
padding: 0 0 0 35px;
text-transform: uppercase;
font-family: "Avenir Next LT W05 Demi Cond";
margin-bottom: 8px; }
.details-block {
margin-left: 19px;
margin-bottom: 10px; }
.details-block-item {
background: #F6F6F6;
margin-bottom: 5px;
display: none;
border-bottom: 15px solid #dcd500; }
.details-block-item:after {
display: block;
content: " ";
width: 9px;
height: 9px;
border-left: 2px solid white;
border-bottom: 2px solid white;
transform: translate(-50%, -50%) rotate(135deg);
position: relative;
left: 50%;
bottom: -19px;
transition: all 300ms ease;
cursor: pointer; }
.details-block-item.closed:after {
transform: translate(-50%, -50%) rotate(-45deg);
bottom: -14px; }
.details-block-top {
width: 100%;
min-height: 55px;
padding: 17px 19px 15px 19px;
font-size: 18px;
cursor: pointer;
position: relative;
}
.details-block-top .line {
position: relative;
max-width: 88%;
line-height: 1.1; }
.details-block-top .btn-close {
top: 0;
right: 0px;
width: 55px;
height: 55px;
background-image: var(--close-green-circle);
background-repeat: no-repeat;
background-position: center center; }
.details-block-item.closed .details-block-top:after {
transform: rotate(-180deg); }
.details-additional {
padding: 0px 18px 20px 19px;
font-family: "Avenir Next LT W05 Demi Cond";
font-size: 14px;
line-height: 19px; }
.details-additional .radio-label, .details-additional .checkbox-label {
display: block;
padding-left: 20px;
font-family: "Avenir Next LT W05 Demi Cond";
font-size: 14px; }
.details-additional .radio-label span, .details-additional .checkbox-label span {
top: 2px;
height: 14px;
width: 14px;
border-radius: 50%; }
.details-additional .radio-label span:after, .details-additional .checkbox-label span:after {
width: 14px;
height: 14px; }
.details-block-content {
padding: 8px 18px 20px 16px;
font-size: 18px;
color: #535353;
line-height: 17px; }
.details-block-content table {
width: 100%;
border-spacing: 0;
line-height: 22px;
margin-bottom: 12px; }
.details-block-content table td:last-child {
text-align: right;
white-space: nowrap; }
.details-block-content .allergeneList {
font-size: 13px; }
.mobile-page, .page-section, .page-burger-menuHead {
display: none;
width: 100%; }
.mobile-page.page-main, .page-section.page-section-burger {
display: block; }
.page-sub .top-img {
width: 100%;
height: 0;
padding-bottom: 75%;
background-size: cover;
background-position: center center; }
.page-sub .details-block {
margin: 12px 0 8px; }
.page-sub .menu-tabs {
margin-bottom: 26px; }
.page-sub .zutaten-grid {
margin-bottom: 40px; }
.page-sub .zutaten-grid .zutaten-list ul li.product-category {
margin-top: 0px; }
.page-sub .chart-wrapper {
margin-top: 10px; }
.page-sub .circle-wrapper {
width: 60%;
margin: 0 auto; }
.page-sub h3 {
margin: 32px 0 26px;
text-align: center; }
.page-sub .text-calltochoose {
text-align: center;
font: 14px/1.1 "Avenir Next LT W05 Demi Cond";
margin: 10px 0 25px;
text-transform: uppercase; }
.page-section-menu-burger .zutaten-grid {
margin-bottom: 8px; }
.page-chart .details-block {
margin-bottom: 50px; }
.product-list-title {
height: 37px;
text-transform: uppercase;
border-top: 1px solid #dcd500;
border-bottom: 1px solid #dcd500;
padding: 0 19px;
z-index: 10;
position: relative;
background: white; }
.back-link {
font: 12px/1.3 "Avenir Next LT W05 Demi Cond";
position: relative;
padding: 8px 20px 8px 20px;
text-decoration: none;
margin-left: 14px;
margin-bottom: 22px;
text-transform: uppercase;
display: inline-block; }
.back-link::after {
content: " ";
position: absolute;
background-image: var(--arrow);
background-repeat: no-repeat;
background-position: center center;
width: 16px;
height: 16px;
left: 0px;
top: 50%;
transform: translate(0, -50%) rotate(-90deg);
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none; }
.menu-stepcount {
margin: 0 16px 33px;
width: auto;
display: flex;
justify-content: space-between;
position: relative; }
.menu-stepcount::after {
content: "";
position: absolute;
z-index: 3;
width: 100%;
height: 1px;
background: #dcd500;
top: 50%;
transform: translateY(-50%); }
.menu-stepcount .step {
flex: 0 0 28px;
width: 28px;
height: 28px;
text-align: center;
font: 16px/26px "Avenir Next LT W05 Demi Cond";
background: white;
border: 1px solid #dcd500;
position: relative;
z-index: 4;
border-radius: 28px; }
.menu-stepcount .step.active {
background: #dcd500;
color: white; }
.please-choose {
font: 15px/1 "Avenir Next LT W05 Demi Cond";
color: #651A2F;
padding: 0 0 12px 20px;
position: relative; }
.please-choose::before {
display: block;
content: " ";
width: 8px;
height: 8px;
border-left: 2px solid #651A2F;
border-bottom: 2px solid #651A2F;
transform: translate(0, 0) rotate(-45deg);
position: absolute;
left: 3.5px;
top: 3px;
transition: transform 300ms ease;
z-index: 3;
animation: pulse-down 0.6s ease-in infinite alternate both; }
@keyframes pulse-down {
0% {
transform: translate(0, -3px) rotate(-45deg); }
100% {
transform: translate(0, 1px) rotate(-45deg); } }
.invisible-elements {
display: none; }
.voices {
max-width: 768px;
margin: 0 auto 52px; }
.voices .voices-slides-wrapper .voices-slide {
position: relative; }
.voices .voices-slides-wrapper .voices-slide .tab-switcher-content-item-img {
position: relative;
width: 100%;
height: 0;
padding-bottom: 54%;
background-size: cover;
background-position: center center; }
.voices .voices-slides-wrapper .voices-slide .voices-slide-textbox {
position: absolute;
width: 44.27%;
bottom: 41px;
right: -170px;
padding: 2.99% 3.255% 3.18% 3.5%;
background: #F6F6F6;
font-size: 16px;
line-height: 20px;
font-family: "Avenir Next LT W05 Light Cond"; }
.voices .voices-slides-wrapper .voices-slide .voices-slide-textbox .voices-slide-textbox-caption {
font-size: 34px;
line-height: 34px;
margin-bottom: 12px;
font-family: "Avenir Next LT W05 Thin Cond"; }
.voices .voices-slides-wrapper .voices-slide .voices-slide-textbox .name {
font-family: "Avenir Next LT W05 Demi Cond";
text-transform: uppercase;
text-align: right; }
.voices .tabs {
margin-bottom: 8px; }
.jobs {
max-width: 768px;
margin: 41px auto; }
.jobs .jobs-form-filters {
padding: 0rem 0 2rem; }
@media only screen and (max-width: 767px) {
.jobs .jobs-form-filters {
margin: -30px 0 0px !important; } }
.jobs .jobs-form-filters select.hiddenselect {
height: 0;
padding: 0;
display: none; }
.jobs .jobs-form-filters .select-wrapper {
margin: 0 auto; }
.jobs .jobs-form {
max-width: 616px;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.jobs .jobs-form .jobs-form-title {
opacity: 0;
flex: 0 0 30%;
display: none; }
.jobs .jobs-form .select-wrapper {
flex: 0 0 100%;
max-width: 75%;
margin: 0 auto 30px; }
.jobs .jobs-form .select-wrapper .nice-select {
text-align: center !important; }
.jobs .jobs-form .select-wrapper.short {
max-width: 100%; }
.jobs .jobs-form .jobs-form-radioline {
display: none;
font-size: 14px;
font-family: "Avenir Next LT W05 Demi Cond";
text-transform: uppercase;
color: #535353;
text-align: right;
width: 100%;
margin-bottom: 77px; }
.jobs .jobs-form .jobs-form-radioline label {
font-family: "Avenir Next LT W05 Demi Cond";
margin-left: 24px; }
.jobs #jobs-select-city-prompt {
position: relative;
margin: 84px 19px 19px 19px;
text-align: center; }
.jobs #jobs-select-city-prompt::before {
content: " ";
position: absolute;
left: 152px;
top: -78px;
background-image: var(--arrow-toleft);
background-repeat: no-repeat;
background-position: center center;
width: 80px;
height: 40px;
background-size: 100% auto;
background-color: lighseagreen;
transform: rotateX(180deg) rotateZ(-105deg); }
@media only screen and (max-width: 767px) {
.jobs #jobs-select-city-prompt::before {
left: 42px; } }
.jobs #jobs-no-matches-prompt {
margin: 19px;
text-align: center; }
.jobs .jobs-list .languagechooser {
margin-left: 16px;
margin-bottom: 6px;
float: none; }
.jobs .jobs-list .jobs-list-item {
border-top: 2px solid #dcd500;
position: relative;
font: 15px/19px "Avenir Next LT W05 Light Cond"; }
.jobs .jobs-list .jobs-list-item .more-bar {
display: none; }
.jobs .jobs-list .jobs-list-item .form-group-anrede {
max-width: 30%; }
.jobs .jobs-list .jobs-list-item .jobs-list-item-content {
padding: 19px 19px 10px 16px; }
.jobs .jobs-list .jobs-list-item .jobs-list-item-content .item-more .text-center {
display: none;
padding: 28px 0px 8px; }
.jobs .jobs-list .jobs-list-item .link-wrapper.topright {
position: absolute;
top: 23px;
right: 19px;
width: auto;
display: inline-block; }
.jobs .jobs-list .jobs-list-item .jobs-list-item-title {
font-size: 30px;
font-family: "Avenir Next LT W05 Demi Cond";
color: #535353;
line-height: 32px;
max-width: 69%;
margin-bottom: 13px; }
.jobs .jobs-list .jobs-list-item .jobs-list-item-props {
margin-bottom: 10px; }
.jobs .jobs-list .jobs-list-item .jobs-list-item-props .prop {
font: 18px/23px "Avenir Next LT W05 Light Cond";
letter-spacing: 0;
color: #A3A3A3;
min-width: 65px;
display: inline-block;
padding-right: 20px; }
.jobs .jobs-list .jobs-list-item .jobs-list-item-props .prop-position {
}
.jobs .jobs-list .jobs-list-more-items {
display: none; }
.jobs .jobs-list .jobs-list-item form {
margin-top: 0 !important; }
.jobs .jobs-list .jobs-list-item form .select-anrede {
width: 180px;
margin-bottom: 10px; }
.realoverlay .jobs-details .back-link {
display: none; }
.lang-flag-link {
margin-right: 5px; }
.lang-flag-link img {
width: 23px;
height: auto;
outline: 1px solid lightgray; }
.more-bar {
width: 100%;
background: #dcd500;
height: 25px;
position: relative;
cursor: pointer; }
.more-bar:after {
display: block;
content: " ";
width: 12px;
height: 12px;
border-left: 2px solid white;
border-bottom: 2px solid white;
transform: translate(-50%, -50%) rotate(-45deg);
position: absolute;
left: 50%;
top: 40%;
transition: all 300ms ease; }
.more-bar.open:after {
transform: translate(-50%, -50%) rotate(135deg);
top: 60%; }
.more-bar.open-transparent {
background: transparent; }
.more-bar.open-transparent:after {
border-left: 2px solid #dcd500;
border-bottom: 2px solid #dcd500; }
.feedback-list {
display: flex;
max-width: 768px;
margin: 0 auto;
justify-content: space-between;
flex-wrap: wrap;
overflow: hidden;
transition: all 500ms ease; }
.feedback-list .feedback-list-item {
flex: 0 0 48.95%;
border: 2px solid #dcd500;
min-height: 260px;
padding: 61px 50px;
text-align: center;
font: italic 18px/23px "Avenir Next LT W05 Thin Cond";
color: #40403F;
position: relative;
margin-bottom: 17px; }
.feedback-list .feedback-list-item .feedback-list-item-title {
font: italic 18px/23px "Avenir Next LT W05 Demi Cond"; }
.feedback-list .feedback-list-item .feedback-list-item-name {
font-family: "Avenir Next LT W05 Light Cond"; }
.feedback-list .feedback-list-item .feedback-list-item-stars {
position: absolute;
bottom: 25px;
left: 0;
width: 100%;
text-align: center; }
.feedback-list-more {
flex: 0 0 100%;
max-width: 768px;
margin: 0 auto; }
.stars {
width: 100%;
text-align: center;
margin-top: 0;
margin-bottom: -45px; }
.stars .help-block {
width: 100%; }
.star {
display: inline-block;
width: 12px;
height: 11px;
background: var(--small-star-full);
background-position: center center;
background-repeat: no-repeat;
background-size: cover; }
.star-empty {
background-image: var(--small-star-empty); }
.star-big {
width: 35px;
height: 33px;
background-image: var(--big-star-empty); }
.star.hover-on {
background-image: var(--small-star-full); }
.star.select-on {
background-image: var(--small-star-full); }
.star.select-on.hover-off {
background-image: var(--big-star-empty); }
#tab-id-1-freitext > .cb-100,
#tab-id-0-likes-dislikes > .cb-100,
#tab-id-0-lob-tadel > .cb-100 {
display: none; }
#tab-id-1-freitext > .cb-100.cb-form,
#tab-id-0-likes-dislikes > .cb-100.cb-form,
#tab-id-0-lob-tadel > .cb-100.cb-form {
display: block; }
.style-transparent {
margin: 0;
padding: 0; }
@media only screen and (min-width: 768px) {
.style-transparent:after {
content: none !important; } }
#lobundTadel-129 h2 {
margin-bottom: 45px; }
#lobundTadel-129 .nice-select .option:first-child {
display: none; }
#lobundTadel-129 #lobundTadel-129-stars {
opacity: 0;
height: 1px;
padding: 0;
margin: 0;
border: 0; }
#lobundTadel-129 .form-group-lobundTadel-129-stars .select-wrapper:after {
content: none !important; }
#lobundTadel-129 .form-group-lobundTadel-129-anliegen,
#lobundTadel-129 .form-group-lobundTadel-129-datum,
#lobundTadel-129 .form-group-lobundTadel-129-visitdate {
float: left;
width: 49%; }
#lobundTadel-129 .form-group-lobundTadel-129-standort,
#lobundTadel-129 .form-group-lobundTadel-129-time,
#lobundTadel-129 .form-group-lobundTadel-129-visittime {
float: right;
width: 49%; }
#lobundTadel-129 .form-group-lobundTadel-129-terms,
#lobundTadel-129 .form-group-lobundTadel-129-kommentar {
clear: both; }
#lobundTadel-129 .form-group-lobundTadel-129-firstname,
#lobundTadel-129 .form-group-lobundTadel-129-surname,
#lobundTadel-129 .form-group-lobundTadel-129-email {
float: left;
width: 32%; }
#lobundTadel-129 .form-group-lobundTadel-129-firstname {
clear: left; }
#lobundTadel-129 .form-group-lobundTadel-129-surname {
margin: 0 2%;
clear: none; }
#lobundTadel-129 .form-group-lobundTadel-129-email {
clear: none; }
#lobundTadel-129 .form-group-lobundTadel-129-anrede {
width: 32%; }
#lobundTadel-129 .form-group-lobundTadel-129-terms input[type=checkbox] {
padding: 0; }
#lobundTadel-129 .form-group-lobundTadel-129-terms span {
text-transform: none;
font-size: 15px; }
#lobundTadel-129 .clearfix {
display: none;
padding: .5rem 0;
clear: both;
text-align: center; }
#lobundTadel-129 .clearfix h2 {
display: none;
margin: 0;
padding: 0;
visibility: hidden; }
#kontakt-90 .form-group-kontakt-90-terms input[type=checkbox] {
padding: 0; }
#kontakt-90 .form-group-kontakt-90-terms span {
text-transform: none;
font-size: 15px; }
.form-group.lowercase label span {
text-transform: none; }
.form-group-job-terms input[type=checkbox] {
padding: 0; }
.form-group-job-terms span {
text-transform: none;
font-size: 15px;
line-height: 1.7; }
.form-group-kontakt-90-anrede {
width: 150px;
display: inline-block;
margin-right: 9px; }
.msg {
line-height: 1;
text-transform: uppercase; }
.feedback-box {
width: 100%;
padding: 38px 126px 25px;
border: 2px solid #dcd500;
margin-top: 72px; }
.feedback-box .feedback-box-title {
font: 15px/1 "Avenir Next LT W05 Demi Cond";
text-transform: uppercase; }
.feedback-box .feedback-box-comment {
font: 18px/1.44 "Avenir Next LT W05 Thin Cond";
font-style: italic;
margin-top: 10px;
margin-bottom: 10px; }
.feedback-box .rev-img-links a {
margin-right: 8px; }
.feedback-box .rev-img-links a:last-child {
margin-right: 0; }
.max-width-content {
margin: 0 auto;
max-width: 768px; }
.input-search {
height: 32px;
max-width: 384px;
margin: 0 auto 30px !important;
position: relative; }
.input-search input {
padding: 6px 38px 6px 14px !important;
border: 1px solid #dcd500 !important;
width: 384px !important;
max-width: 100%; }
.input-search a {
display: block;
right: 0px;
top: 0px;
width: 38px;
height: 100%;
position: absolute;
background: var(--search);
background-position: center center;
background-repeat: no-repeat;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none; }
.input-search a.delete {
display: none;
background-image: var(--little-cross);
background-size: 28%; }
.input-search.hasText a.delete {
display: block; }
.input-search.hasText a.lupe {
display: none; }
.tab-switcher-content-item.showAnyhow {
display: block !important; }
.accordion {
margin: 18px auto 30px;
max-width: 768px; }
.accordion.search {
margin: 0;
display: block !important; }
.accordion .item {
border-top: 1px solid #d6d5d5;
border-bottom: 1px solid #d6d5d5;
margin-top: -1px;
background: white; }
.accordion .item:first-child {
border-top: 1px solid #d6d5d5; }
.accordion .item .title {
font: 18px/18px "Avenir Next LT W05 Demi Cond";
color: #535353;
cursor: pointer;
min-height: 54px;
padding: 16px 80px 14px 9px;
text-align: left;
position: relative;
margin: 0; }
.accordion .item .title:after {
content: " ";
display: block;
height: 11px;
width: 11px;
position: absolute;
right: 34px;
top: 50%;
transform: translate(0, -100%) rotate(-45deg);
border-left: 1px solid #535353;
border-bottom: 1px solid #535353;
transform-origin: center 75%; }
.accordion .item .content {
display: none;
font: 16px/24px "Avenir Next LT W05 Light Cond";
padding: 16px 80px 40px 9px; }
.slider-and-content {
display: flex;
margin-top: 100px;
margin-bottom: 80px;
}
.slider-and-content .col {
flex: 0 0 50%;
overflow: hidden;
position: relative; }
.slider-and-content .content-wrapper {
display: flex;
flex-direction: column;
justify-content: center; }
.slider-and-content .content-wrapper .content {
width: 75%;
margin: 0 auto;
font: 15px/18px "Avenir Next LT W05 Light Cond";
text-align: center; }
.slider-and-content .content-wrapper .content .link-wrapper {
margin-top: 10px; }
.slider-wrapper {
position: relative;
width: 100%;
overflow: hidden; }
.slider-wrapper .slider-button {
width: 15%;
height: 20%;
position: absolute;
left: 0;
top: 40%;
cursor: pointer; }
.slider-wrapper .slider-button::after {
content: " ";
position: absolute;
width: 10px;
height: 10px;
top: 50%;
left: 16px;
transform: translate(0, -50%) rotate(45deg);
border-left: 2px solid white;
border-bottom: 2px solid white; }
.slider-wrapper .slider-button-right {
left: auto;
right: 0; }
.slider-wrapper .slider-button-right::after {
left: auto;
right: 16px;
transform: translate(0, -50%) rotate(225deg); }
.cb-headerteaser-slider .slider-wrapper {
position: absolute; }
.slider {
color: white;
font-size: 15px;
font-family: "Avenir Next LT W05 Thin Cond";
padding-bottom: 57%;
height: 0;
width: 100%;
transition: all 0ms;
-webkit-transition: all 0ms; }
.slider .slide-text {
position: absolute;
bottom: 7px;
left: 10px;
z-index: 2; }
.slider em {
font-family: "Avenir Next LT W05 Medium Cond";
font-style: normal; }
.slide {
position: absolute;
width: 100%;
min-height: 100%;
left: 0;
top: 0;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-position: center center;
display: none; }
.slide .full-width-img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
background-position: center center; }
.slide:after {
content: " ";
position: absolute;
bottom: 0;
left: 0;
height: 40%;
width: 100%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
z-index: 1; }
.slide:first-child {
display: block; }
.slider.no-gradient .slide:after {
content: none; }
.specials-slider.gradient .slide:after {
content: " "; }
.cb-headerteaser-slider .slider {
padding-bottom: 45%; }
@media only screen and (max-width: 767px) {
.cb-headerteaser-slider .slider {
padding-bottom: 74%; } }
.cb-headerteaser-slider .slide:after {
content: none; }
.cb-headerteaser-slider.gradient .slide:after {
content: " "; }
.location-top {
float: left;
width: 50%; }
.location-top h1,
.location-top h2 {
margin-top: 55px;
margin-bottom: 33px; }
.location-top .location-search-form {
width: 100%;
text-align: center;
margin-bottom: 44px;
}
.location-top .location-search-form .button {
display: none;
visibility: hidden; }
.location-top .button {
height: 35px;
width: 52px;
font-size: 16px;
margin-right: 4.5px;
padding: 0 20px; }
.location-top .input-search {
height: 35px;
display: inline-block;
width: 384px;
margin: 0 !important; }
.location-top .input-search input {
height: 35px;
padding-left: 6px !important;
font: 14px "Avenir Next LT W05 Light Cond";
text-transform: none;
top: -1px;
position: relative;
border: 1px solid #dcd500; }
.pac-container {
border: 1px solid #dcd500;
border-top: none;
width: 384px !important;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
font-family: inherit;
transform: translate(0, -1px); }
.pac-icon {
display: none; }
.pac-item {
font-size: 14px;
padding: 0 7px;
font-family: inherit; }
.pac-item-selected {
background: #dcd500;
color: white; }
.pac-item-selected .pac-item-query {
color: white; }
.pac-item-query {
font-size: 14px; }
.pac-logo:after {
margin: 5px 9px 2px 0; }
.delivery-list,
.location-list {
float: left;
width: 50%;
padding: 0 40px; }
.delivery-list ul,
.location-list ul {
margin: 0;
display: block;
overflow: hidden;
height: 0;
transition: all 300ms ease;
border-bottom: 1px solid #D6D5D5; }
.delivery-list ul li,
.location-list ul li {
list-style: none;
width: 100%;
height: 54px;
position: relative;
border-top: 1px solid #D6D5D5; }
.delivery-list ul li.selected,
.location-list ul li.selected {
background: rgba(0, 0, 0, 0.1); }
.delivery-list ul li a.loc-link,
.location-list ul li a.loc-link {
display: block;
padding: 19px 130px 18px 0;
position: relative;
font: 14px/15px "Avenir Next LT W05 Thin Cond";
color: #535353;
text-decoration: none;
cursor: pointer; }
.delivery-list ul li a.loc-link .name,
.location-list ul li a.loc-link .name {
font-family: "Avenir Next LT W05 Demi Cond";
margin-right: 3px;
text-transform: uppercase; }
.delivery-list ul li a.loc-link .distance,
.location-list ul li a.loc-link .distance {
position: absolute;
right: 0; }
.delivery-list ul li a.loc-link .new,
.location-list ul li a.loc-link .new {
font-family: "Avenir Next LT W05 Demi Cond";
font-size: 10px;
text-transform: uppercase;
position: absolute;
top: 2.6px;
left: 0;
color: #dcd500; }
.delivery-list ul li a.loc-link .new.status-im_bau,
.location-list ul li a.loc-link .new.status-im_bau {
color: #663E7F; }
.delivery-list ul li a.loc-link .new.status-vorübergehend_geschlossen,
.location-list ul li a.loc-link .new.status-vorübergehend_geschlossen {
color: #BE0000; }
.delivery-list ul li .order-link-wrap,
.location-list ul li .order-link-wrap {
float: right;
display: flex;
justify-content: space-evenly;
align-items: center;
flex-direction: row;
height: 100%;
vertical-align: middle; }
@media only screen and (max-width: 390px) {
.delivery-list ul li .order-link-wrap,
.location-list ul li .order-link-wrap {
flex-direction: column;
align-items: flex-end; } }
.delivery-list ul li a.order-link,
.location-list ul li a.order-link {
font-family: "Avenir Next LT W05 Demi Cond";
text-transform: uppercase;
color: #fff;
background: #dcd500;
border-radius: 4px;
margin: 0 0 0 5px;
padding: 4px 5px;
text-decoration: none;
font-size: 14px;
line-height: 15px;
cursor: pointer; }
.delivery-list ul li a.order-link:hover,
.location-list ul li a.order-link:hover {
color: #dcd500;
background: none; }
.delivery-list .more-bar,
.location-list .more-bar {
display: none; }
.delivery-list .location-list-none,
.location-list .location-list-none {
height: 54px;
border-bottom: 1px solid #D6D5D5;
padding: 19px 0 18px 0;
font: 14px/15px "Avenir Next LT W05 Thin Cond";
color: #535353;
text-decoration: none;
font-family: "Avenir Next LT W05 Demi Cond";
text-transform: uppercase;
text-align: center;
display: none; }
.delivery-list ul li a.loc-link {
display: flex;
padding: 0;
justify-content: center;
align-items: self-start;
float: left;
flex-direction: column;
width: auto;
overflow: hidden;
text-overflow: ellipsis;
max-width: 40%;
height: 100%; }
.delivery-list ul li a.loc-link .street {
text-overflow: ellipsis; }
.location-right {
float: right;
width: 50%;
height: 590px;
position: relative; }
.location-right #google-map-holder,
.location-right #google-map-holder-delivery {
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 500ms ease;
background-color: #ccc;
cursor: pointer; }
.location-right #google-map-holder:before {
content: attr(data-text-cookies);
text-decoration: underline;
position: absolute;
top: 52%;
left: 50%;
transform: translate(-50%, -50%);
font: 16px/24px "Avenir Next LT W05 Light Cond";
color: #535353;
text-align: center;
width: 100%;
padding: 0 20px;
z-index: 0; }
.location-right #map {
width: 100%;
height: 100%; }
.location-text-list-navigation {
display: none; }
.location-text-list .text-center {
font: 20px/24px "Avenir Next LT W05 Light Cond";
padding-top: 0;
padding-bottom: 0;
margin-top: 24px;
margin-bottom: 53px; }
.location-text-list ul {
width: 100%;
column-count: 4;
column-gap: 10px;
display: block;
opacity: 0;
transition: opacity 500ms ease; }
.location-text-list ul li {
list-style: none;
font: 14px/35px "Avenir Next LT W05 Light Cond";
color: #535353;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
position: relative;
display: flex; }
.location-text-list ul li .list-item-left {
flex: 0 1 auto;
overflow: hidden;
text-overflow: ellipsis; }
.location-text-list ul li .list-item-left a {
text-decoration: none; }
.location-text-list ul li span {
font: 14px/35px "Avenir Next LT W05 Demi Cond";
text-transform: uppercase; }
.location-text-list ul li.country-at .list-item-right, .location-text-list ul li.country-ch .list-item-right, .location-text-list ul li.country-nl .list-item-right {
flex: 0 0 26px;
z-index: 5; }
.location-text-list ul li.country-at .list-item-right::before, .location-text-list ul li.country-ch .list-item-right::before, .location-text-list ul li.country-nl .list-item-right::before {
margin-left: 6px;
background: var(--flag-at);
background-size: cover;
height: 12px;
width: 20px;
content: " ";
display: inline-block; }
.location-text-list ul li.country-ch .list-item-right::before {
background-image: var(--flag-ch); }
.location-text-list ul li.country-nl .list-item-right::before {
background-image: var(--flag-nl); }
.btn-close {
top: 1.5px;
right: 2.9px;
position: absolute;
display: block;
width: 34px;
height: 34px; }
.btn-close svg {
position: absolute;
top: 10px;
right: 10px; }
.cb-headertwolines {
display: block; }
.cb-headertwolines span {
display: block; }
.cb-headertwolines span.arrow {
width: 40px;
height: 8px;
margin: 10px auto 16px;
background-image: var(--arrow-wide-green); }
.cb-factsslider {
max-width: 766px;
margin: 0 auto;
background: #dcd500; }
.cb-factsslider .slider {
padding-bottom: 0;
height: 220px; }
.cb-factsslider .slider .slide {
padding: 33px; }
.cb-factsslider .slider .slide .facttitle {
font: normal normal normal 57px/34px "Avenir Next LT W05 Demi Cond";
width: 100%;
text-align: center;
margin-top: 0px;
margin-bottom: 30px; }
.cb-factsslider .slider .slide .factdescription {
text-align: center;
font: normal normal 300 20px/20px "Avenir Next LT W05 Light Cond"; }
.cb-factsslider .slider .slide .arrow {
width: 40px;
height: 8px;
margin: 0 auto;
background-image: var(--arrow-wide-green);
filter: grayscale(1) brightness(5);
margin-bottom: 27px; }
.cb-factsslider .slide:after {
display: none; }
.overlay-holder {
position: absolute;
top: 0;
left: 0;
width: 100%;
display: none;
z-index: 10;
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
height: min-content;
min-height: calc(100% + 259px); }
.overlay-holder > div {
margin: 72px auto;
position: relative;
left: 0;
top: 0;
width: 1024px;
background: white;
box-shadow: 3px 6px 12px #00000029;
padding: 37px 34px; }
.location-select-headline {
padding: 1.5rem 0 0 0;
clear: both; }
.location-details .location-details-map {
width: 100%;
height: 343px;
background: #ccc;
position: relative;
cursor: pointer; }
.location-details .location-details-map:before {
content: attr(data-text-cookies);
text-decoration: underline;
position: absolute;
top: 52%;
left: 50%;
transform: translate(-50%, -50%);
font: 16px/24px "Avenir Next LT W05 Light Cond";
color: #535353;
text-align: center;
width: 100%;
padding: 0 20px;
z-index: 0; }
.location-details .location-under-construction {
background: #dcd500;
padding: 1.5rem 2rem;
text-align: center;
color: #fff;
line-height: 1.2; }
.location-details .location-under-construction .construction-title {
text-transform: uppercase;
display: block;
font: 26px/28px "Avenir Next LT W05 Demi Cond";
margin-bottom: 5px; }
.location-details .location-under-construction a {
text-decoration: underline;
color: white;
text-transform: uppercase;
font-family: "Avenir Next LT W05 Demi Cond"; }
.location-details h2 {
margin-bottom: 35px; }
.location-details .tab-switcher-content {
display: flex;
justify-content: space-around;
flex-wrap: wrap; }
.location-details .location-details-reservierung {
flex: 0 0 50%; }
.location-details .location-details-info {
flex: 0 0 45%;
padding: 0 50px 81px 60px;
color: #535353;
font-size: 18px;
line-height: 22px; }
.location-details .location-details-info .address_wrap,
.location-details .location-details-info .address_btn_wrap {
float: left;
width: 50%; }
.location-details .location-details-info .address {
line-height: 18px; }
.location-details .location-details-info .address_name {
font-family: "Avenir Next LT W05 Medium Cond"; }
.location-details .location-details-info .address_name strong {
text-transform: uppercase;
font-family: "Avenir Next LT W05 Medium Cond";
font-weight: normal; }
.location-details .location-details-info .small {
margin-top: 1em;
font-size: 15px; }
.location-details .location-details-info .attributes {
margin-top: 2em;
margin-bottom: 1em;
font-size: 15px;
clear: both;
padding-top: 1rem; }
@media only screen and (max-width: 768px) {
.location-details .location-details-info .attributes {
line-height: 10px; } }
.location-details .location-details-info .padding-area {
clear: both;
padding-top: 10px; }
.location-details .location-details-info .distance {
display: inline-block;
width: 22px;
text-align: center; }
@media only screen and (max-width: 768px) {
.location-details .location-details-info .distance {
width: 100%;
color: transparent;
height: 1px;
line-height: 1px;
padding: 0;
margin: 0; } }
.location-details .location-details-info .optionenInfo {
font-size: 15px;
margin-bottom: 2em; }
.location-details .location-details-info .optionenInfo a {
text-decoration: underline;
font-family: "Avenir Next LT W05 Medium Cond";
color: #dcd500; }
.location-details .location-details-info h2,
.location-details .location-details-info h3 {
text-align: left;
margin-top: 22px;
margin-bottom: 0; }
.location-details .location-details-info td:first-child {
min-width: 100px;
padding-right: 20px; }
.location-details .location-details-info td {
line-height: 22px;
vertical-align: baseline; }
.location-details .location-details-info #kitchen_headlinediffering {
display: none; }
.location-details .location-details-info .kitchen {
color: #dcd500;
font-family: "Avenir Next LT W05 Demi Cond";
white-space: nowrap; }
.location-details .location-details-info .buttons {
text-align: right; }
.location-details .location-details-info .button {
height: 48px;
padding: 0 22px;
margin-bottom: 18px;
width: 125px; }
.location-details .location-details-info #temp_closed {
color: #BE0000; }
.location-details .location-jobs {
flex: 0 0 100%; }
.location-details .location-jobs h3 {
background-color: #F6F6F6;
display: block;
width: 100%;
padding: 22px 20px 18px;
margin-top: 0;
margin-bottom: 13.5px; }
.location-details .location-jobs ul {
padding: 0;
margin: 0 16px 64px;
display: block; }
.location-details .location-jobs ul li {
height: 54px;
border-bottom: 1px solid #D6D5D5;
list-style: none;
width: 100%;
position: relative;
padding: 20.5px 130px 18px 0;
font: 18px/15px "Avenir Next LT W05 Thin Cond";
color: #535353; }
.location-details .location-jobs ul li:first-child {
border-top: 1px solid #D6D5D5; }
.location-details .location-jobs ul li .link-wrapper {
position: absolute;
right: 0;
top: 0;
display: block;
width: auto;
top: 50%;
transform: translate(22px, -50%) scale(0.8);
}
.location-details .location-image {
width: 100%;
height: 0;
padding-bottom: 31%;
background-size: cover;
background-position: center center; }
.location-details #coming_soon {
margin-bottom: 30px; }
.location-details #bookatable-coming-soon {
background: #F6F6F6;
padding: 198px 60px;
text-align: center;
border-radius: 8px;
margin-bottom: 30px; }
#location-joblist {
display: none; }
em.yes, em.no {
width: 16px;
height: 16px;
display: inline-block;
background-repeat: no-repeat;
background-position: 0px 2px;
background-size: contain; }
em.yes {
background-image: var(--check-green); }
em.no {
background-image: var(--times-red); }
#bookatable {
width: 100%;
height: 500px;
border: none;
margin: 0 auto; }
.hig-ig .more-bar {
display: none; }
.hig-ig-feed-wrap {
display: flex;
flex-flow: column wrap;
align-content: center;
height: 500px;
width: 100%; }
.hig-ig-feed-wrap::before,
.hig-ig-feed-wrap::after {
}
.hig-ig-feed-wrap .ig-img {
padding: 0 5px;
margin: 0 0 10px; }
.hig-ig-feed-wrap .ig-id-3 {
margin-top: 60px; }
.hig-ig-feed-wrap .ig-img img {
max-width: 160px !important;
width: 160px;
max-height: 160px;
min-height: 160px; }
.hig-ig-feed-wrap .ig-link {
overflow: hidden;
padding: 10px 0; }
.hig-ig-feed-wrap .ig-link a span {
font-size: 17px;
text-transform: uppercase;
float: left;
width: 60%;
text-align: left;
line-height: 1.1; }
.hig-ig-feed-wrap .ig-link a span.icon-insta {
float: right;
width: 31px;
height: 31px;
background-size: cover;
background-repeat: no-repeat;
display: inline-block;
background-image: var(--instagram-icon); }
.hig-ig-feed-wrap .ig-id-2 .ig-link {
display: none; }
.cb-form form {
max-width: 768px;
margin: 50px auto 50px;
width: 100%; }
.cb-form form .control-label {
display: none; }
.form-confirmation {
margin-top: 40px;
font-size: 20px;
text-align: center; }
.form-confirmation .flashmessage {
margin-top: 28px;
font-size: 28px; }
.help-block {
margin-top: 4px;
display: inline-block;
font-family: "Avenir Next LT W05 Demi Cond";
font-size: 13px;
padding-left: 14px; }
.radio-label, .checkbox-label {
position: relative;
padding-left: 34px; }
.radio-label input, .checkbox-label input {
position: absolute;
opacity: 0;
cursor: pointer; }
.radio-label span, .checkbox-label span {
position: absolute;
top: -5px;
left: 0;
height: 28px;
width: 28px;
border: 1px solid #dcd500;
border-radius: 50%; }
.radio-label:hover input ~ .span {
background-color: #E5E5E5; }
.radio-label span:after {
content: "";
position: absolute;
display: none;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 12px;
height: 12px;
background-color: #dcd500;
border-radius: 50%; }
.radio-label input:checked ~ span:after {
display: block; }
.checkbox-label span {
border-radius: 20% !important; }
.checkbox-label input:checked ~ span {
background-color: #dcd500; }
select {
width: 100%;
box-sizing: border-box;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border: none;
font-family: "Avenir Next LT W05 Light Cond";
font-size: 16px;
text-transform: uppercase;
border: 0;
border-radius: 4px;
padding: 7px 10px 7px;
background: white;
color: #535353;
cursor: pointer; }
select option {
color: #535353; }
.select-wrapper {
position: relative;
margin-bottom: 13px; }
.select-wrapper::after {
content: " ";
border-bottom: 2px solid #dcd500;
border-right: 2px solid #dcd500;
transform: rotate(45deg);
position: absolute;
right: 18px;
top: 14px;
pointer-events: none;
height: 9px !important;
width: 9px !important; }
@media only screen and (min-width: 768px) {
.select-wrapper.niceselect::after {
content: none; } }
.select-wrapper.damn-arrow::after {
content: " " !important; }
.select-wrapper select, .input select {
border: none;
border-radius: 0;
border-bottom: 1px solid #dcd500;
height: 40px;
padding: 7px 10px 7px; }
.prev-chooser .select-wrapper select {
border: none; }
select:focus {
outline: none; }
select option {
padding: 9px 15px 11px;
cursor: pointer; }
select option:focus {
outline: none; }
.input-wrapper, .textarea-wrapper, .input {
position: relative;
clear: both;
margin-bottom: 10px; }
.input-wrapper input,
.textarea-wrapper textarea,
.input input,
.input textarea {
width: 100%;
box-sizing: border-box;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
font-family: "Avenir Next LT W05 Light Cond";
font-size: 16px;
border-radius: 0px;
background: #fff;
padding: 7px 10px 7px;
color: #535353;
border: none;
border-bottom: 1px solid #dcd500; }
.input-wrapper input:focus,
.textarea-wrapper textarea:focus,
.input input:focus,
.input textarea:focus {
outline: none; }
.niceselect select.hiddenselect {
height: 1px;
margin: 0;
padding: 0;
opacity: 0;
border: none; }
.niceselect.shortselect {
display: inline-block; }
.shortselect {
width: 180px; }
.form-group input {
height: 40px; }
.form-group.fileupload .control-label,
.form-group.filesupload .control-label {
display: block;
width: 100%;
font-size: 16px;
background: #fff;
padding: 7px 10px 7px;
border-bottom: 1px solid #dcd500;
position: relative;
min-height: 40px; }
.form-group.fileupload .control-label:before,
.form-group.filesupload .control-label:before {
content: attr(title);
position: absolute;
right: 45px;
top: 0;
padding: 7px 10px 7px;
max-width: 58%;
overflow: hidden;
height: 90%; }
.form-group.fileupload .control-label:after,
.form-group.filesupload .control-label:after {
content: " ";
position: absolute;
width: 30px;
height: 30px;
right: 12px;
top: 5px;
background: var(--upload); }
.form-group.fileupload .input input,
.form-group.filesupload .input input {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1; }
.textarea-wrapper textarea, .input textarea {
padding-left: 11px;
font-family: "Avenir Next LT W05 Medium Cond";
text-transform: none;
min-height: 151px;
resize: vertical; }
.textarea-wrapper textarea::placeholder, .input textarea::placeholder {
color: #D8D8D8; }
.textarea-wrapper .maxchars, .input .maxchars {
position: absolute;
bottom: 12px;
right: 19px;
color: #D8D8D8;
font: 15px/19px "Avenir Next LT W05 Medium Cond"; }
.textarea-wrapper textarea,
.input textarea {
background-color: rgba(0, 0, 0, 0.025); }
.textarea-wrapper textarea::placeholder,
.input textarea::placeholder {
color: #D8D8D8; }
.text-block-center {
width: 100%;
text-align: center;
font: 16px/20px "Avenir Next LT W05 Light Cond";
padding: 25px 20px 39px; }
.text-block-center strong {
text-transform: none; }
.center {
width: 100%;
text-align: center;
padding: 0;
margin: 0; }
.checkbox-wrapper {
padding-left: 15px; }
input[type=checkbox] {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
margin-right: 7px;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 0.75px solid #A3A3A3;
border-radius: 4px;
width: 19px;
height: 19px;
vertical-align: sub;
position: relative;
outline: none !important;
cursor: pointer; }
input[type=checkbox]:checked:before {
content: " ";
position: absolute;
top: 2px;
opacity: 1;
left: 6px;
height: 12px;
border-right: 1px solid #A3A3A3;
border-bottom: 1px solid #A3A3A3;
width: 6px;
transform: rotate(45deg); }
label {
font-family: "Avenir Next LT W05 Thin Cond";
font-size: 14px;
color: #535353;
cursor: pointer;
text-transform: uppercase; }
input[type=date],
input[type=time] {
width: 100%;
box-sizing: border-box;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
text-transform: uppercase;
padding: 3px 10px 3px;
position: relative; }
input[type=date]::before,
input[type=time]::before {
content: attr(placeholder);
position: absolute;
top: 5px;
left: 10px;
background: white;
height: 28px;
line-height: 28px;
width: 80%;
padding-left: 0px; }
input[type=date]:focus::before, input[type=date]:valid::before,
input[type=time]:focus::before,
input[type=time]:valid::before {
content: none; }
input[type=date].jsFocus::before,
input[type=time].jsFocus::before {
display: none; }
input[type=date]::after,
input[type=time]::after {
content: " ";
border-bottom: 2px solid #dcd500;
border-right: 2px solid #dcd500;
transform: rotate(45deg);
position: absolute;
right: 16px;
top: 8px;
pointer-events: none;
height: 9px !important;
width: 9px !important; }
::-webkit-inner-spin-button {
display: block;
background: orange; }
::-webkit-calendar-picker-indicator {
opacity: 0; }
button {
background: transparent;
outline: none !important;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-decoration: none;
cursor: pointer; }
button:hover {
text-decoration: none; }
.button {
border-radius: 4px;
border: 1px solid #D8D8D8;
font-family: "Avenir Next LT W05 Light Cond";
font-size: 15px;
color: #535353;
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 26px;
cursor: pointer;
position: relative;
transition: none;
padding: 0 20px 0 20px;
min-width: 84px;
text-decoration: none; }
.button:hover {
text-decoration: none; }
.button .button-text {
text-transform: uppercase;
color: transparent;
font-family: "Avenir Next LT W05 Demi Cond";
position: relative; }
.button .button-text:after {
content: attr(data-text);
height: 100%;
color: #535353;
font-family: "Avenir Next LT W05 Light Cond";
position: absolute;
width: 100%;
text-align: center;
left: 0;
top: 0; }
.allergene .button-text {
height: inherit;
line-height: 24px; }
.button.green, button.green {
border: 1px solid #dcd500;
font-family: "Avenir Next LT W05 Demi Cond";
transition: all 150ms ease; }
.button.green .button-text, button.green .button-text {
color: #dcd500; }
.button.disabled, button.disabled {
filter: grayscale(1);
pointer-events: none; }
@media (hover: hover) {
.button:hover .button-text:after {
font-family: "Avenir Next LT W05 Demi Cond"; }
.button.green:hover {
background-color: #dcd500;
color: white;
transition: all 300ms ease; }
.button.green:hover .button-text {
color: white; } }
.button.active {
border: 1px solid #dcd500;
}
.button.active .button-text:after {
font-family: "Avenir Next LT W05 Demi Cond";
color: #dcd500; }
.content-block > .text {
max-width: 768px;
margin: 0 auto;
font-family: "Avenir Next LT W05 Light Cond";
line-height: 24px;
margin-bottom: 5px; }
article p, article ul, article ol, article table {
margin: 0 0 0px; }
article .text-left {
text-align: left; }
article .text-center {
text-align: center; }
article .text-right {
text-align: right; }
article .text-justify {
text-align: justify; }
article table {
width: 100%; }
article ul, article ol {
display: table;
margin-left: auto;
margin-right: auto; }
article .text-rte ul {
list-style: none;
}
article .text-rte ul li::before {
content: "\2022";
/*\T1*/
color: #dcd500;
display: inline-block;
width: 1em;
margin-left: -1em;
font-size: 75%; }
article hr {
border: none;
border-top: 2px solid #E5E5E5;
margin: 40px 0 20px; }
article strong, article em {
text-transform: initial;
font-family: "Avenir Next LT W05 Demi Cond";
font-style: normal; }
article .rte-small {
font-size: 16px;
line-height: 20px;
display: inline-block; }
article .rte-small.text-center {
width: 100%;
text-align: center; }
article .rte-big {
font-size: 34px;
line-height: 1; }
article .rte-uppercase {
text-transform: uppercase; }
article .rte-small strong, article .rte-small em {
font-size: 15px; }
article a {
text-decoration: underline; }
.footer-wrapper {
background: #F6F6F6;
z-index: 100; }
footer {
position: relative;
min-height: 259px;
padding: 18px 0 36px 0;
text-align: center; }
footer .footer-more,
footer .footer-more p {
text-align: center;
width: 100%;
font-family: "Avenir Next LT W05 Demi Cond";
font-size: 15px;
line-height: 19px;
margin-bottom: 13px;
color: #535353;
text-transform: uppercase; }
#footer-nav .ul-wrapper {
width: 100%;
text-align: center; }
#footer-nav ul {
list-style: none;
padding: 0;
text-align: center;
display: inline-block;
margin-bottom: 0; }
#footer-nav ul li {
display: inline-block;
padding: 0 25px;
border-left: 1px solid #D8D8D8; }
#footer-nav ul li:first-child {
border: none; }
#footer-nav .ul-wrapper:first-child ul {
padding: 0 68px 12px;
border-bottom: 1px solid #D8D8D8; }
#footer-nav a {
font-family: "Avenir Next LT W05 Thin Cond";
font-size: 20px;
line-height: 25px;
color: #535353;
text-transform: uppercase;
padding: 0 5px; }
#footer-nav li a.active,
#footer-nav li.active a {
font-family: "Avenir Next LT W05 Demi Cond"; }
footer .legal {
text-align: center;
font-family: "Avenir Next LT W05 Thin Cond";
font-size: 15px;
line-height: 19px;
color: #40403F;
margin-top: 15px; }
.social {
position: relative;
left: 304px;
bottom: 27px;
display: inline-block; }
.social a {
margin-right: 9px;
width: 25.68px;
height: 25.68px;
background-size: cover;
background-repeat: no-repeat;
display: inline-block;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none; }
.social a.id-25 {
background-image: var(--spotify--icon); }
.social a.id-26 {
background-image: var(--applemusic-icon); }
.social a.id-27 {
background-image: var(--instagram-icon); }
.social a.id-28 {
background-image: var(--facebook-icon); }
.social a.id-248, .social a.id-95 {
background-image: var(--linkedin-icon); }
.social a.id-716, .social a.id-1126 {
background-image: var(--tiktok-icon);
background-size: 125%;
background-position: -3px -3px; }
.social a.id-309, .social a.id-144 {
background-image: var(--yt-icon);
background-position: -3px -3px;
background-size: 123% auto; }
@media only screen and (max-width: 767px) {
.social a.id-309, .social a.id-144 {
background-position: -1vmin -1vmin; } }
.social a:hover {
transform: scale(1.1); }
.footer-bg {
position: absolute;
bottom: 0;
left: -37px;
background-image: url(/typo3conf/ext/hig_site/Resources/Public/img/footer-bg1.png);
background-size: 245.5px;
width: 245.5px;
height: 69.7px; }
.footer-bg2 {
bottom: auto;
top: 0;
left: auto;
right: 167px;
background-image: url(/typo3conf/ext/hig_site/Resources/Public/img/footer-bg2.png);
background-size: 153px;
width: 153px;
height: 69px; }
.footer-bg3 {
left: auto;
right: 0;
background-image: url(/typo3conf/ext/hig_site/Resources/Public/img/footer-bg3.png);
background-size: 104px;
width: 104px;
height: 71px; }
.hidden {
display: none !important; }
.sr-only {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
width: 1px;
}
.sr-only.focusable:active, .sr-only.focusable.nice-select.open,
.sr-only.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
white-space: inherit;
width: auto; }
.invisible {
visibility: hidden; }
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both; }
.responsive-helper {
height: 1px;
background: transparent;
overflow: hidden; }
.responsive-helper > * {
height: 1px;
width: 100%; }
.r-desktop {
display: none !important; }
.r-tablet {
display: none !important; }
.r-mobile {
display: block !important; }
.t3-frontend-editing__ce {
display: flex;
width: 100%;
max-width: 1280px;
margin: auto;
flex: 1 0 100%;
justify-content: space-between;
flex-wrap: wrap; }
.t3-frontend-editing__dropzone {
height: 0;
background-color: #ff8700;
-webkit-transition: height .2s;
transition: height .2s;
margin: 0;
padding: 0;
flex: 1 0 100%;
justify-content: space-between; }
.footer-more .t3-frontend-editing__ce {
display: block; }
@media only screen and (max-width: 1280px) {
.cw-wrapper {
border-right: none;
border-left: none; } }
@media only screen and (min-width: 768px) {
.r-desktop {
display: block !important; }
.r-tablet {
display: none !important; }
.r-mobile {
display: none !important; }
.location-details .tab-switcher-content-item {
display: block !important; } }
@media only screen and (max-width: 1178px) {
.r-desktop {
display: none !important; }
.r-tablet {
display: block !important; }
.r-mobile {
display: none !important; }
.header-pw {
height: 100px; }
.header-pw.fixed {
transform: translateY(0);
height: 100px; }
.header-pw.fixed .header-cw .logo {
width: 74.64px; }
.header-pw.fixed .header-cw .logo .logo-shape {
transform: translateY(0px); }
.header-pw.fixed .header-cw .logo .logo-text {
opacity: 0;
transform: translateY(0px); }
.header-pw.fixed .header-cw .locationmarker {
top: 32px; }
.header-pw .header-cw {
height: 100px;
text-align: center; }
.header-pw .header-cw .logo {
width: 267.86px;
margin: 20px auto;
display: block;
float: none; }
.header-pw .header-cw .logo .logo-shape {
width: 63.02px;
margin-right: 11.63px; }
.header-pw .header-cw .logo .logo-text {
width: 189.59px;
left: 74.65px; }
.header-pw .header-cw .languagechooser, .header-pw .header-cw nav.main {
display: none; }
.header-pw .header-cw #mobilemenubutton {
display: block;
width: 82px;
height: 82px;
position: absolute;
top: 9px;
right: 0px;
z-index: 6;
background: transparent; }
.header-pw .header-cw #mobilemenubutton:before, .header-pw .header-cw #mobilemenubutton:after {
content: " ";
position: absolute;
background: #dcd500;
height: 2px;
width: 34px;
top: 47.56%;
left: 50%;
transform: translate(-50%, -6.45px);
transition: transform 300ms ease; }
.header-pw .header-cw #mobilemenubutton:after {
transform: translate(-50%, 6.45px); }
.header-pw .locationmarker {
top: 32px;
right: auto;
left: 27px;
width: 24px;
height: 34px; }
.header-pw .locationmarker a {
display: block; }
.header-pw .locationmarker img {
max-width: 100%;
display: block; }
.showmobilemenu .header-pw .header-cw #mobilemenubutton:before {
transform: translate(-50%, 0) rotate(45deg); }
.showmobilemenu .header-pw .header-cw #mobilemenubutton:after {
transform: translate(-50%, 0) rotate(-45deg); }
.article-pw {
margin-top: 100px; }
footer {
min-height: 200px;
padding: 20px 0 18px 0; }
.footer-bg2 {
right: 20px; }
#footer-nav {
margin: 0 20px;
overflow: hidden; }
#footer-nav .ul-wrapper ul {
margin: 0; }
#footer-nav .ul-wrapper:first-child ul {
min-width: 697px;
max-width: 100%;
padding: 0; }
#footer-nav .ul-wrapper:first-child ul li {
display: none; }
footer .social {
display: none; }
article .content-block .full-width-img {
padding-bottom: 55%; }
article .title {
font-size: 30px; }
article .content-block .full-width-img.height-30 {
padding-bottom: 49%; }
article .content-block .full-width-img.height-slim {
padding-bottom: 14%; }
article .content-block .full-width-img.height-45 {
padding-bottom: 65%; }
.content-block > .text {
padding-left: 74px;
padding-right: 74px; }
.cb-50 .content-block > .text {
padding-left: 0 !important;
padding-right: 0 !important; }
.cb-50 {
}
article .content-block .img {
margin-top: 41px; }
.voices .voices-slides-wrapper .voices-slide .voices-slide-textbox {
position: relative;
width: 100%;
bottom: auto;
right: 0;
font-size: 16px;
line-height: 20px; }
article {
padding-bottom: 60px; }
.content-block.menu .sun-path-wrapper {
padding-bottom: 9%; }
.content-block.menu .sun-path-wrapper .sun-path {
height: 128vw;
width: 128vw; }
.menu-tabs {
height: 61px; }
.menu-tabs .menu-tab {
font-size: 21px; }
.menu-tabs .menu-tab small {
font-size: 15px; }
.menu-images {
padding: 16px 16px 14px; }
.menu-images .menu-img-table {
min-height: 374px; }
.menu-images .menu-col-img-text {
font-size: 14px;
line-height: 15px; }
.menu-images .menu-col-img-text .menu-col-img-text-name {
font-size: 12px;
padding: 0 0 0 12.5px;
line-height: 1; }
.zutaten-list ul {
padding: 0; }
.zutaten-grid {
flex-wrap: wrap;
padding: 0 49px; }
.zutaten-grid .tab-switcher-content {
flex: 0 0 100%; }
.zutaten-grid .zutaten-details {
flex: 0 1 100%;
display: flex;
justify-content: space-between;
margin-top: 55px; }
.zutaten-grid .zutaten-details .selector-buttons {
display: none; }
.zutaten-grid .zutaten-details .chart-outer-wrapper {
flex: 0 0 50%;
order: 2; }
.zutaten-grid .zutaten-details .chart-outer-wrapper .chart-wrapper {
margin-top: 0; }
.zutaten-grid .zutaten-details .details-block {
flex: 0 0 47%;
order: 1;
margin: 0; }
.location {
display: flex;
flex-wrap: wrap; }
.location-top {
flex: 0 0 100%;
float: none;
order: 3;
padding: 0 58px; }
.location-right {
flex: 0 0 100%;
float: none;
order: 1;
height: 49vmin; }
.location-list {
flex: 0 0 100%;
float: none;
order: 2;
padding: 0 58px;
margin-top: 17px; }
h1, h2, h3, h4 {
padding: 0 58px; }
.location-text-list {
padding: 0 42px; }
.overlay-holder {
position: relative;
order: 2;
max-width: 100%;
backdrop-filter: none;
height: auto; }
.overlay-holder > div {
margin: 0;
width: 100%;
background: white;
box-shadow: none;
padding: 0 0; }
.overlay-holder > div .btn-close {
display: none; }
.overlay-holder > div .location-details-info h2,
.overlay-holder > div .location-details-info h3 {
padding: 0; }
.overlay-holder > div .location-details-map {
display: none; }
.overlay-holder > div a {
text-decoration: none; }
.overlay-holder > div .location-image {
padding-bottom: 28%; }
.overlay-holder > div .location-jobs ul {
margin: 0 0 64px; }
.overlay-holder > div .location-jobs ul li {
padding-left: 16px; }
.overlay-holder > div .location-jobs ul .link-wrapper {
right: 16px; }
.location-text-list ul {
column-count: 3; }
.svg-wrap.svgleftflowing {
margin-bottom: 16px; }
.svg-wrap.svgleftflowing object {
position: relative;
float: left; }
.svg-wrap.svgrightflowing {
margin-bottom: 16px; }
.svg-wrap.svgrightflowing object {
position: relative;
float: right; } }
@media only screen and (max-width: 799px) {
.max-width-content {
padding: 0 16px; }
.tab-switcher.max-width-content {
padding: 0; }
.jobs .jobs-list .jobs-list-item .jobs-list-item-content {
padding: 19px 45px 10px 45px; }
article .cb-50 {
flex: 1 0 100%; } }
@media only screen and (max-width: 767px) {
.r-desktop {
display: none !important; }
.r-tablet {
display: none !important; }
.r-mobile {
display: block !important; }
.r-mobile-not {
display: none !important; }
.max-width-content {
max-width: 100%;
width: 100%; }
article .prev-chooser-content .allergene {
padding-top: 2px; }
.header-pw {
height: 48px; }
.header-pw.fixed {
height: 48px; }
.header-pw.fixed .header-cw .logo {
width: 39.45px; }
.header-pw.fixed .header-cw .locationmarker {
top: 11px; }
.header-pw.fixed .header-cw .locationmarker .reserve-now {
opacity: 1;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease; }
.header-pw .header-cw {
height: 48px; }
.header-pw .header-cw .logo {
width: 147.56px;
margin: 7px auto; }
.header-pw .header-cw .logo .logo-shape {
width: 35.61px;
margin-right: 3.85px; }
.header-pw .header-cw .logo .logo-text {
width: 104.47px;
left: 39.45px; }
.header-pw .header-cw #mobilemenubutton {
-webkit-tap-highlight-color: transparent;
width: 48px;
height: 48px;
top: 0;
right: 2px; }
.header-pw .header-cw #mobilemenubutton:before, .header-pw .header-cw #mobilemenubutton:after {
height: 1px;
width: 20px;
top: 47.91%;
transform: translate(-50%, -3.5px); }
.header-pw .header-cw #mobilemenubutton:after {
transform: translate(-50%, 3.5px); }
.header-pw .locationmarker {
top: 11px;
right: auto;
left: 16px;
width: 18px;
height: 26px; }
.header-pw .locationmarker a {
display: block; }
.header-pw .locationmarker img {
max-width: 100%;
display: block; }
.header-pw .locationmarker .reserve-now {
display: block;
opacity: 0;
position: absolute;
left: 13px;
top: 1px;
font: 12px/11px "Avenir Next LT W05 Light Cond";
text-align: right;
width: 69px;
color: #40403F;
text-transform: uppercase;
-webkit-transition: all 0ms ease;
-moz-transition: all 0ms ease;
-ms-transition: all 0ms ease;
-o-transition: all 0ms ease;
transition: all 0ms ease; }
.header-pw .locationmarker .reserve-now:before {
content: "";
position: absolute;
left: 15.3px;
top: 0px;
background: var(--arrow-toleft);
width: 29px;
height: 9.4px; }
#mobilemenu .mobilemenu-content {
padding: 61px 19px 21px 16px; }
.article-pw {
margin-top: 48px; }
footer {
overflow: hidden; }
.footer-bg {
top: 18px;
left: 44px;
background-size: cover;
width: 104px;
height: 44px;
transform: rotate(90deg);
transform-origin: left top;
background-position: center center;
background-repeat: no-repeat; }
.footer-bg2 {
top: auto;
left: auto;
width: 86px;
height: 39px;
transform-origin: right top;
right: 0;
bottom: 8px; }
.footer-bg3 {
top: auto;
left: 42px;
width: 51px;
height: 42px;
bottom: 4px; }
footer {
padding: 34px 20px 31px 20px; }
footer .footer-more {
font-size: 14px; }
#footer-nav a {
font-size: 18px; }
#footer-nav ul li {
border: none; }
article .content-block.cb-headerteaser .full-width-img {
padding-bottom: 162%;
margin-bottom: 2px; }
article .cb-50 .full-width-img {
padding-bottom: 75%; }
article .cb-50.cb-headerteaser {
display: none; }
article .title {
font-size: 34px; }
article .cb-headerteaser-slider {
padding-bottom: 75%;
height: 0;
position: relative; }
article .cb-50 .on-image-content-bottom .text-center {
display: block; }
article h1, article h2, article h3 {
padding-left: 10px;
padding-right: 10px;
margin-top: 18px;
margin-bottom: 18px; }
article .gluecks-karten .karten-text {
line-height: 20px; }
article .content-block .full-width-img.height-30 {
padding-bottom: 87%;
margin-bottom: 20px; }
article .content-block .full-width-img.height-45 {
padding-bottom: 104%; }
article .content-block .full-width-img.height-slim {
padding-bottom: 25%; }
.content-block > .text {
font-size: 16px;
padding-left: 16px;
padding-right: 16px; }
.voices .voices-slides-wrapper .voices-slide .voices-slide-textbox {
padding: 3.99% 4.5% 4.18% 4.5%;
font-size: 16px;
line-height: 20px; }
.tabs {
height: 40px; }
.tabs li {
flex: 1 0 89px;
font-size: 16px;
height: 40px; }
.tabs li a {
white-space: nowrap; }
.slider-and-content {
flex-wrap: wrap;
padding: 0; }
.slider-and-content .colleft {
padding-bottom: 68%; }
.slider-and-content .colleft .slider-wrapper {
position: absolute; }
.slider-and-content .colleft .slider-wrapper .slider {
padding-bottom: 68%; }
.slider-and-content .col {
flex: 0 0 100%; }
article {
margin-bottom: 20px; }
.form-navigation .text-center {
padding: 0; }
.input-search {
width: 100% !important;
max-width: 100%;
margin-top: 34px; }
.pac-container {
width: calc(100% - 32px) !important; }
.input-search input {
width: 100% !important; }
.accordion .item .title {
font-size: 14px;
line-height: 18px; }
.feedback-list-default, .feedback-list-more {
display: none !important; }
.cb-feedback {
height: 260px;
position: relative; }
.feedback-slider-wrapper {
border: 2px solid #dcd500;
position: absolute;
height: 100%; }
.feedback-slider-wrapper .slider-button {
width: 10%; }
.feedback-slider-wrapper .slider-button::after {
border-left: 2px solid #535353;
border-bottom: 2px solid #535353; }
.feedback-list-slider {
height: 100% !important;
padding-bottom: 0;
max-width: none; }
.feedback-list-slider .slide {
color: #40403F !important;
border: none;
padding: 10px; }
.feedback-list-slider .slide .texts {
display: flex;
flex-direction: column;
justify-content: center;
top: 5px;
right: 30px;
bottom: 43px;
left: 25px;
position: absolute; }
.feedback-list-slider .slide .texts .feedback-list-item-text {
max-height: 160px;
overflow: hidden;
text-overflow: ellipsis; }
.feedback-list-slider .slide:after {
display: none; }
.jobs .jobs-list .jobs-list-item:first-child {
border-top: 2px solid #dcd500; }
.jobs .jobs-list .jobs-list-item .jobs-list-item-title {
font-size: 22px;
line-height: 1.25;
max-width: 100%; }
.jobs .jobs-list .jobs-list-item .jobs-list-item-content .item-more {
display: none; }
.jobs .jobs-list .jobs-list-item .jobs-list-item-content .item-more .text-center {
display: block; }
.jobs .jobs-list .jobs-list-item .link-line {
text-align: center;
display: block;
margin-top: 16px; }
.jobs .jobs-list .jobs-list-item .link-wrapper.topright {
position: relative;
display: inline-block;
top: auto;
right: auto; }
.jobs .jobs-list .jobs-list-item .jobs-list-item-content {
padding: 15px 20px 15px 17px; }
.jobs .jobs-list .jobs-list-item .more-bar {
display: block;
position: absolute;
bottom: 0;
left: 0;
right: 0; }
.jobs-list-more {
display: none; }
.jobs .jobs-list .jobs-list-more-items {
display: block; }
.jobs .jobs-form .jobs-form-title {
font: 19px/15px "Avenir Next LT W05 Demi Cond";
padding: 6px 0 25px 00px;
text-transform: uppercase;
display: block;
opacity: 1;
flex: 1 1 auto;
text-align: center;
width: 100%; }
.jobs .jobs-form .select-wrapper {
flex: 0 0 100%;
margin-bottom: 25px; }
.jobs .jobs-form .select-wrapper.short {
max-width: 104px; }
.jobs .jobs-form .select-position {
flex: 0 0 100%;
margin-bottom: 30px; }
.jobs .jobs-form .jobs-form-radioline {
text-align: left; }
.jobs .jobs-form .jobs-form-radioline label {
margin-left: 0;
margin-right: 16px; }
.overlay-holder .jobs {
margin: -59px 0  0 0; }
.content-block.menu .sun-path-wrapper {
padding-bottom: 12%; }
.content-block.menu .sun-path-wrapper .arrow {
display: block; }
.content-block.menu .sun-path-wrapper .sun-path {
width: 170vw;
height: 170vw; }
.content-block.menu .sun-path-wrapper .sun-path .sun-wrapper {
left: 8.4%; }
.menu-tabs .menu-tab {
font-size: 17px; }
.menu-tabs .menu-tab small {
font-size: 12px; }
.menu-images .menu-img-table-wrapper {
padding-bottom: 100%; }
.menu-images .menu-img-table {
min-height: 280px; }
.menu-images .menu-col-img-text {
font-size: 13px;
line-height: 13px; }
.menu-images .menu-col-img-text .menu-col-img-text-name {
font-size: 12px;
padding: 3px 0 0 12.5px; }
.menu-footer .filter {
display: none; }
.menu-footer .menu-footer-content {
justify-content: center; }
.zutaten-grid {
padding: 0 16px; }
.zutaten-grid .zutaten-details {
display: none; }
.zutaten-grid .zutaten-list ul li.product-category div.extrastitle {
margin-left: -16px;
margin-right: -16px; }
.zutaten-list ul li {
padding: 0 0 0 0; }
.zutaten-list ul li.product-category {
overflow: visible !important; }
.zutaten-list ul li.highlight {
margin-left: -9px;
width: auto;
padding: 0 0 0 9px; }
.zutaten-list ul li .line {
font-size: 14px;
min-height: 52px; }
.stock {
margin-left: 2px; }
.page-section .product-item.highlight:first-child {
margin-top: 20px; }
.button {
padding: 0 14px 0 14px;
min-width: 60px; }
.button.active {
background-position: right 5.5px center; }
.button.green:active, .button.green.nice-select.open {
background-color: #dcd500;
color: white;
transition: none; }
.button.green:active .button-text, .button.green.nice-select.open .button-text {
color: white; }
article .content-block.prev-chooser {
display: flex;
margin-top: 40px;
margin-bottom: 40px; }
article .content-block.prev-chooser .filter {
width: 90%;
padding-right: 0;
display: block;
flex: 0 0 100%; }
article .content-block.zutaten {
margin-top: 10px; }
.content-block.prev-chooser-home {
margin-top: 90px;
margin-bottom: 40px; }
article .prev-chooser-content {
width: 100%; }
article .prev-chooser-content .selector-buttons button {
flex: 0 0 100%;
height: 40px;
font-size: 14px;
padding: 0 22px 0 22px; }
article .prev-chooser-content .selector-buttons button .button-text {
line-height: 1.2;
white-space: normal;
height: auto; }
#mobilemenu .mobilemenu-content nav.main ul li a {
font-size: 7.8vmin; }
#mobilemenu .mobilemenu-content .footer-menu ul:before {
width: 37vmin;
height: 37vmin; }
#mobilemenu .mobilemenu-content .footer-menu ul li a {
font: 6.2vmin/1.5 "Avenir Next LT W05 Thin Cond"; }
#mobilemenu .mobilemenu-content .languagechooser {
font-size: 7.8vmin; }
#mobilemenu .mobilemenu-content .social {
margin-top: 5vmin; }
#mobilemenu .mobilemenu-content .social a {
width: 9vmin;
height: 9vmin;
margin-left: 3.4vmin; }
.location-top {
order: 1;
padding: 0 16px; }
.location-top h2 {
margin-top: 18px;
margin-bottom: 18px; }
.location-top .location-search-form {
margin-bottom: 16px; }
.location-right {
order: 2;
height: 47vmin; }
.location-list {
order: 3;
padding: 0 16px;
margin-top: 11px; }
h1, h2, h3, h4 {
padding: 0 16px; }
.location-text-list {
padding: 0; }
article .cb-100 {
flex-grow: 0;
max-width: 100%; }
article .content-block .img {
margin-top: 11px; }
.location-text-list .text-center {
margin-bottom: 23px;
font: 16px/1.3 "Avenir Next LT W05 Light Cond";
padding: 0;
margin-top: 15px; }
.location-text-list-navigation {
width: 100%;
padding: 34px 0 22px;
border-bottom: 1px solid #dcd500;
position: relative;
cursor: pointer;
display: flex;
justify-content: space-between; }
.location-text-list-navigation::before {
content: " ";
display: block;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, 0);
background-image: var(--arrow-wide-green);
width: 40px;
height: 8px;
background-size: cover;
background-position: center center;
background-repeat: no-repeat; }
.location-text-list-navigation span {
flex: 1 0 3.7288%;
text-align: center;
font: 16px/1 "Avenir Next LT W05 Light Cond";
text-transform: uppercase;
line-height: 30px; }
.location-text-list-navigation span.selected {
flex: 1 0 6.779%;
font-size: 30px;
color: #dcd500;
font-family: "Avenir Next LT W05 Demi Cond"; }
.location-text-list-wrapper {
height: 241px;
overflow-y: scroll; }
.location-text-list-wrapper::-webkit-scrollbar {
display: none; }
.location-text-list-outer-wrapper {
margin-top: 7px;
position: relative;
overflow: hidden;
height: 241px;
float: left;
padding: 0;
width: 100%;
position: relative; }
.location-text-list-outer-wrapper::after, .location-text-list-outer-wrapper::before {
content: " ";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: 25px;
z-index: 5;
background: -moz-linear-gradient(top, white 40%, rgba(255, 255, 255, 0) 100%);
background: -webkit-linear-gradient(top, white 40%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to bottom, white 40%, rgba(255, 255, 255, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
pointer-events: none; }
.location-text-list-outer-wrapper::after {
top: auto;
bottom: -10px;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 60%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 60%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 60%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.location-text-list ul {
position: relative;
column-count: 1; }
.location-details .location-details-map {
height: 58vmin; }
.location-details .image-slider {
margin: 30px -16px 0 -16px; }
.location-details .back-link {
margin-left: 6px;
margin-top: 6px;
margin-bottom: 0px; }
.location-details h2 {
display: none; }
.location-details .tabs {
margin-top: 0; }
.location-details .location-jobs ul {
margin: 10px 16px 15px;
padding: 0; }
.location-details .location-jobs ul li {
font-size: 14px; }
.location-details .location-jobs ul li .link-wrapper {
transform: translate(15px, -50%) scale(0.95); }
.location-details .location-jobs h3 {
font-size: 34px;
line-height: 1.05;
padding: 14px 16px 11px; }
.location-details .location-details-info {
flex: 0 0 100%;
padding: 16px 16px 20px;
max-width: 100%; }
.location-details .location-details-info .small {
margin-top: 0; }
.location-details .location-details-info .address {
font-size: 15px;
position: relative; }
.location-details .location-details-info .address .address_name {
max-width: 60%; }
.location-details .location-details-info .address .address_address, .location-details .location-details-info .address .address_zip_city {
display: none; }
.location-details .location-details-info .address .address_button {
position: absolute;
right: 0;
top: 0; }
.location-details .location-details-info .address .address_button .button {
margin-right: 0;
padding: 0 10px;
height: 36px;
padding: 0 10px; }
.location-details .padding-area {
padding: 0 16px; }
.location-details .mobile-details-buttons-wrap {
clear: both;
overflow: hidden; }
.location-details .mobile-details {
margin-top: 13px;
margin-bottom: 21px; }
.location-details .mobile-details .mobile-details-buttons {
display: flex;
justify-content: space-between;
margin-top: 32px;
margin-bottom: 0; }
.location-details .mobile-details .mobile-details-buttons .mobile-details-button {
flex: 0 0 50px;
border: none;
padding: 0;
font: 12px/1 "Avenir Next LT W05 Demi Cond";
text-transform: uppercase;
color: #dcd500;
text-align: center;
display: block;
text-decoration: none; }
.location-details .mobile-details .mobile-details-buttons .mobile-details-button .icon {
width: 100%;
height: 50px;
border: 1px solid #dcd500;
border-radius: 8px;
margin-bottom: 9px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; }
.location-details .mobile-details .mobile-details-buttons .mobile-details-button:active .icon, .location-details .mobile-details .mobile-details-buttons .mobile-details-button.nice-select.open .icon, .location-details .mobile-details .mobile-details-buttons .mobile-details-button.active .icon {
background-color: #dcd500; }
.location-details .mobile-details .mobile-details-buttons .mobile-details-button:active .icon svg, .location-details .mobile-details .mobile-details-buttons .mobile-details-button.nice-select.open .icon svg, .location-details .mobile-details .mobile-details-buttons .mobile-details-button.active .icon svg {
filter: grayscale(1) brightness(2); }
.location-details .mobile-details .mobile-details-buttons .mobile-details-button.disabled {
filter: grayscale(1);
pointer-events: none; }
.location-details .mobile-details .address_name {
font-family: "Avenir Next LT W05 Thin Cond"; }
.location-details .buttons {
display: none; }
.location-details .location-details-reservierung {
flex: 0 0 100%; }
.location-details #bookatable-coming-soon {
background: #fff;
padding: 20px;
text-align: center;
border-radius: 8px; }
.location-details .location-image {
display: none; }
.feedback-box {
margin-left: -16px;
margin-right: -16px;
padding-left: 22px;
padding-right: 22px;
width: auto; }
.feedback-box .link-wrapper {
transform: scale(0.9);
transform-origin: center center; }
.feedback-box .link-wrapper a {
white-space: nowrap; }
.cb-headerteaser-slider .on-image-content-bottom {
bottom: 8px; }
#lobundTadel-129 .form-group {
width: 100%;
margin: 0; }
.hig-ig {
margin-bottom: 40px; }
.hig-ig .more-bar {
display: block; }
.hig-ig-blinds {
overflow: hidden;
max-height: 118vw;
transition: max-height 0.4s ease-out; }
.hig-ig-blinds.open {
max-height: 100%; }
.hig-ig-feed-wrap {
height: auto;
display: initial; }
.hig-ig-feed-wrap .ig-id-2 .ig-link {
display: block;
height: 60px; }
.hig-ig-feed-wrap .ig-id-9 .ig-link {
display: none; }
.hig-ig-feed-wrap .ig-img {
float: left;
width: 50%;
margin-top: 0px; }
.hig-ig-feed-wrap .ig-img.ig-id-3, .hig-ig-feed-wrap .ig-img.ig-id-5, .hig-ig-feed-wrap .ig-img.ig-id-7, .hig-ig-feed-wrap .ig-img.ig-id-9, .hig-ig-feed-wrap .ig-img.ig-id-11 {
margin-top: -60px; }
.hig-ig-feed-wrap .ig-img img {
width: 100%;
max-width: 100% !important;
height: auto;
max-height: initial; }
.svg-goose object {
width: 90%; }
.cb-factsslider .slider .slide .facttitle {
font-size: 42px; }
.cb-factsslider .slider .slide .factdescription {
font-size: 16px; }
.cb-50.no-padding {
padding: 0 !important; }
.cb-50.no-padding > .content-block {
padding: 0 !important; }
.mobileinverse *:first-child {
order: 2; }
.mobileinverse *:last-child {
order: 1; } }
.location-text-list .location-list-locale-4,
.location-text-list .location-list-locale-5,
.location-text-list .location-list-locale-6,
.location-text-list .location-list-locale-7,
.location-text-list .location-list-locale-8,
.location-text-list .location-list-locale-9 {
column-count: 2 !important; }
@media only screen and (max-width: 767px) {
.location-text-list .location-list-locale-4,
.location-text-list .location-list-locale-5,
.location-text-list .location-list-locale-6,
.location-text-list .location-list-locale-7,
.location-text-list .location-list-locale-8,
.location-text-list .location-list-locale-9 {
column-count: 1 !important; } }
.location-text-list .location-list-locale-4 li,
.location-text-list .location-list-locale-5 li,
.location-text-list .location-list-locale-6 li,
.location-text-list .location-list-locale-7 li,
.location-text-list .location-list-locale-8 li,
.location-text-list .location-list-locale-9 li {
justify-content: center; }
@media not all and (min-resolution: 0.001dpcm) {
@supports (-webkit-appearance: none) {
.hig-ig-blinds.open {
max-height: 200%; } } }
@media only screen and (max-width: 767px) and (orientation: portrait) {
.headerteaser-top {
height: 100% !important;
height: calc(var(--vh, 1vh) * 100  - 48px) !important;
margin-bottom: 2px; }
.headerteaser-top .full-width-img {
padding-bottom: 0 !important;
height: 100vh !important;
height: 100% !important;
height: calc(var(--vh, 1vh) * 100  - 48px) !important; } }
@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
}
@media print {
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important; }
a,
a:visited {
text-decoration: underline; }
a[href]:after {
content: " (" attr(href) ")"; }
abbr[title]:after {
content: " (" attr(title) ")"; }
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: ""; }
pre {
white-space: pre-wrap !important; }
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid; }
thead {
display: table-header-group; }
tr,
img {
page-break-inside: avoid; }
p,
h2,
h3,
h4 {
orphans: 3;
widows: 3; }
h2,
h3,
h4 {
page-break-after: avoid; } }
.browserupgrade {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0; }
.cb-form .floatinglabel {
box-sizing: border-box;
position: relative; }
.cb-form .floatinglabel .control-label {
display: block;
font-size: 16px;
position: absolute;
transform-origin: top left;
transform: translate(10px, 5px) scale(1);
transition: all .1s ease-in-out;
z-index: 3;
color: #535353;
pointer-events: none; }
.cb-form .floatinglabel.active input {
padding-top: 17px; }
.cb-form .floatinglabel.active .control-label {
transform: translate(10px, 1px);
font-size: 11px; }
#cardform-overlay {
position: fixed; }
#cardform.cardform-wrap {
overflow: hidden;
position: absolute;
left: 50%;
top: 50%;
width: 680px;
margin: -150px 0 0 -340px;
background: white;
box-shadow: 3px 6px 12px #00000029;
padding: 37px 34px; }
#cardform.cardform-wrap .btn-close {
display: block !important; }
#cardform .h4 {
font-size: 34px;
text-transform: uppercase;
text-align: center;
margin: 20px 0 0; }
#cardform .cb-form form {
margin: 20px auto 0; }
#cardform .col-50 {
width: 48%;
float: left; }
#cardform .col-50 .link-wrapper {
text-align: center; }
#cardform .pull-right {
float: right; }
#cardform .text-center {
text-align: center; }
#cardform .input-large {
font-size: 34px;
border: 1px solid #dcd500;
border-radius: 4px;
height: 90px;
text-align: center;
font-family: "Avenir Next LT W05 Thin Cond"; }
#cardform .input-large.disabled {
border-color: #A7A4A4;
color: #A7A4A4; }
#cardform .input-large.loading {
background: url(/typo3conf/ext/hig_site/Resources/Public/img/loader-68px.svg) no-repeat center center;
color: transparent; }
#cardform .form-error {
color: #fff;
text-align: center;
font-size: 14px;
margin: 15px 0px;
padding: 10px;
background: #BE0000;
border-radius: 4px;
font-family: "Avenir Next LT W05 Medium Cond"; }
@media only screen and (max-width: 767px) {
#cardform-overlay {
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(3px);
height: 100%; }
#cardform {
padding: 0 16px; }
#cardform.cardform-wrap {
left: 0;
top: 0;
right: 0;
width: 100%;
margin: 25% 0;
padding: 10px 20px; }
#cardform .col-50 {
width: 100%;
margin: 0 0 20px; }
#cardform .input-large {
height: 70px; } }
@media only screen and (max-width: 767px) {
.specials-header {
position: relative;
background-size: cover; }
.specials-header video {
height: calc(var(--vh, 1vh) * 100 - 48px) !important;
min-height: -webkit-fill-available !important; } }
.specials-video,
.specials-header {
background-repeat: no-repeat;
background-position: center; }
.specials-video video,
.specials-header video {
max-width: 100%;
max-height: 100%;
height: auto;
object-fit: cover;
background-size: cover; }
@media only screen and (max-width: 767px) {
.specials-video video,
.specials-header video {
height: auto; } }
@media only screen and (min-width: 768px) {
.specials-video video,
.specials-header video {
max-width: 420px; } }
.specials-video .video-gradient,
.specials-header .video-gradient {
background: transparent linear-gradient(180deg, #FFFFFF00 0%, #000000C4 100%) 0% 0% no-repeat padding-box;
height: 46%;
position: absolute;
bottom: 0;
width: 100%; }
@media only screen and (max-width: 767px) {
.specials-header video {
height: calc(var(--vh, 1vh) * 100 - 48px) !important; } }
.specialsContainer {
display: flex;
flex-direction: row;
justify-content: space-around;
flex-wrap: wrap;
align-content: space-around;
height: auto;
padding: 0;
width: 100%; }
@media only screen and (min-width: 1280px) {
.specialsContainer {
padding: 2rem 170px;
align-content: space-between; } }
@media only screen and (max-width: 767px) {
.specialsContainer {
display: block;
padding-top: 2rem;
height: auto; } }
.specialsContainer .specialsContent {
width: 50%;
max-width: 420px;
text-align: center; }
.specialsContainer .specialsContent .img {
margin-top: 0 !important; }
.specialsContainer .specialsContent h1, .specialsContainer .specialsContent h2, .specialsContainer .specialsContent h3, .specialsContainer .specialsContent h4,
.specialsContainer .specialsContent .content-block {
margin-top: 1rem;
margin-bottom: 3rem; }
.specialsContainer .specialsContent:nth-child(2n+1) {
order: 1; }
.specialsContainer .specialsContent:nth-child(2n) {
order: 3; }
.specialsContainer .specialsContent .slider-wrapper {
margin-top: 50px;
outline: 2px solid white;
outline-offset: -4px; }
.specialsContainer .specialsContent .slider-wrapper:after {
content: " ";
position: absolute;
border: 2px solid white;
width: calc(100% - 28px);
left: 14px;
height: calc(100% - 28px);
top: 14px;
pointer-events: none; }
.specialsContainer .specialsContent .slider-wrapper .slider {
height: 700px; }
@media only screen and (max-width: 767px) {
.specialsContainer .specialsContent .slider-wrapper .slider {
height: calc(var(--vh, 1vh) * 100 - 48px) !important; } }
.specialsContainer .specialsContent .slider-wrapper .slider-button-right {
right: 10px; }
.specialsContainer .specialsContent .slider-wrapper .slider-button-left {
left: 10px; }
.specialsContainer .specialsContent .slider-wrapper .slider .slide-text {
position: absolute;
bottom: 30px !important;
z-index: 2;
width: 100%;
font-size: 24px;
left: 0px !important; }
.specialsContainer .specialsContent .slider-wrapper .slider .slide:after {
background: transparent; }
@media only screen and (max-width: 767px) {
.specialsContainer .specialsContent {
width: 100%;
max-width: 100%;
order: inherit !important; }
.specialsContainer .specialsContent .specials-video,
.specialsContainer .specialsContent .slider-wrapper {
height: auto;
margin-bottom: 3rem;
margin-top: 0; } }
.specialsContainer::before, .specialsContainer::after {
content: none;
flex-basis: 100%;
width: 0;
order: 2; }
.cookie-layer {
position: fixed;
top: 30%;
max-width: 790px;
padding: 30px 50px;
font-size: 16px;
z-index: 249 !important;
-webkit-transition: all 0ms ease-out;
-moz-transition: all 0ms ease-out;
-ms-transition: all 0ms ease-out;
-o-transition: all 0ms ease-out;
transition: all 0ms ease-out;
border-bottom: none;
left: 50%;
margin-left: -390px;
border-radius: 20px;
box-shadow: 0px 3px 6px #00000029;
text-align: center;
background: #fff url(/typo3conf/ext/hig_site/Resources/Public/img/logo-shape.svg) no-repeat 95% bottom; }
.cookie-layer h2 {
margin-top: 5px; }
.cookie-layer b {
font-family: "Avenir Next LT W05 Medium Cond";
font-weight: normal; }
.header-pw-fixed .cookie-layer {
transform: translateY(-68px);
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease; }
.cookie-layer button,
.cookie-modal-footer button {
cursor: pointer;
margin-right: 5px;
margin-bottom: 12px;
vertical-align: middle;
overflow: visible;
width: 50%;
-moz-box-shadow: none;
-webkit-box-shadow: none;
font-family: "Avenir Next LT W05 Demi Cond";
box-shadow: none;
background: none;
background: none;
filter: none;
background-color: transparent;
-moz-border-radius: none;
-webkit-border-radius: none;
border-radius: 4px;
border: 1px solid #dcd500;
display: inline-block;
color: #535353;
text-decoration: none;
text-shadow: none;
padding: 5px 25px;
font-size: 16px;
line-height: 1;
text-transform: uppercase; }
.cookie-layer button.cookies-accept,
.cookie-modal-footer button.cookies-accept {
background: #dcd500;
color: #fff; }
.cookie-layer button.cookies-accept:hover,
.cookie-modal-footer button.cookies-accept:hover {
border: 1px solid #dcd500;
background: white;
color: #dcd500; }
.cookie-layer button.cookies-settings {
font-family: "Avenir Next LT W05 Light Cond"; }
.cookie-layer button.cookies-settings:hover {
font-family: "Avenir Next LT W05 Medium Cond"; }
#popup-buttons {
padding-top: 35px;
text-align: center; }
.cookie-modal {
content: "";
position: fixed;
background-color: rgba(255, 255, 255, 0.8);
top: 0;
left: 0;
width: 100%;
height: 100vh;
display: flex;
vertical-align: middle;
z-index: 9999999 !important; }
.cookie-modal-content {
font-size: 12px;
position: relative;
max-width: 960px;
width: 80%;
margin: auto;
padding: 20px;
background-color: white;
max-height: 80vh;
overflow: auto;
box-shadow: 0px 3px 6px #00000029;
border-radius: 20px; }
.cookie-modal-content button {
font-family: "Avenir Next LT W05 Light Cond";
width: 30%;
float: right;
margin-top: 10px; }
.cookie-modal-content button:hover {
font-family: "Avenir Next LT W05 Medium Cond"; }
.cookie-modal-content h1 {
margin: 10px 0;
font-size: 25px; }
.cookie-modal-content table {
width: 100%;
margin: 10px; }
.cookie-modal-content table td.name {
width: 20%; }
.cookie-modal-content table td.description {
width: 80%; }
.cookie-modal-content table th {
text-align: left; }
.cookie-modal-content label {
text-transform: none;
font-size: 12px; }
.cookie-modal-content strong {
text-transform: none;
font-family: "Avenir Next LT W05 Medium Cond";
font-weight: normal; }
.width-20 {
width: 20%; }
.cookie-modal-footer {
text-align: right; }
.cookie-modal-content input[type=checkbox]:disabled {
opacity: .5; }
@media (max-width: 767px) {
.cookie-layer-title {
width: 100%;
float: initial;
max-width: 100%; }
#popup-buttons {
text-align: center;
float: initial;
width: 100%;
max-width: 100%; }
.cookie-modal-content {
width: 95%;
margin: 15px auto 0; }
.cookie-layer {
position: absolute;
top: 20%;
padding: 20px 20px 100px;
width: 100%;
left: 0;
margin: 0; }
.cookie-layer h2 {
margin-top: 5px;
font-size: 30px;
line-height: 30px;
padding: 0; }
.cookie-layer button, .cookie-modal-footer button {
width: 100%; }
.cookie-modal-footer {
text-align: center; }
.cookie-modal-content h1 {
font-size: 30px;
line-height: 30px; }
.header-pw-fixed .cookie-layer {
transform: translateY(-8px); } }
.text-column {
padding: 0 5rem; }
@media only screen and (min-width: 768px) and (max-width: 1178px) {
.text-column {
padding: 0; } }
@media only screen and (max-width: 768px) {
.text-column {
flex: 1 0 100% !important;
padding: 0; } }
article .content-block .full-width-video {
overflow: hidden;
position: relative; }
article .content-block .full-width-video video {
width: 100%;
height: auto;
-webkit-transform-style: preserve-3d; }
@media only screen and (min-width: 768px) and (max-width: 1178px) {
article .content-block .full-width-video {
padding-bottom: 49%; } }
article .content-block .full-width-video-mobile {
margin-bottom: 2px; }
article .content-block .full-width-video-mobile-square {
padding-bottom: 0;
height: auto; }
article .content-block .half-width-video,
article .content-block .half-width-video-square {
overflow: hidden;
position: relative; }
article .content-block .half-width-video video,
article .content-block .half-width-video-square video {
width: 100%;
height: auto; }
@media only screen and (max-width: 768px) {
article .cb-headerteaser-slider.slider-square,
article .cb-headerteaser-slider.slider-square .slider {
padding-bottom: 100%; }
.slide .half-width-video-square video {
width: 100%;
height: auto; } }
@media only screen and (max-width: 1178px) {
article .content-block .full-width-video.height-30,
article .content-block .full-width-video.height-45 {
padding-bottom: 0;
height: auto; } }
.video-mutebutton {
position: absolute;
cursor: pointer;
right: 5px;
bottom: 5px;
z-index: 99;
color: #fff;
display: block;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-volume-mute' viewBox='0 0 16 16'%3E%3Cpath d='M6.717 3.55A.5.5 0 0 1 7 4v8a.5.5 0 0 1-.812.39L3.825 10.5H1.5A.5.5 0 0 1 1 10V6a.5.5 0 0 1 .5-.5h2.325l2.363-1.89a.5.5 0 0 1 .529-.06zM6 5.04 4.312 6.39A.5.5 0 0 1 4 6.5H2v3h2a.5.5 0 0 1 .312.11L6 10.96V5.04zm7.854.606a.5.5 0 0 1 0 .708L12.207 8l1.647 1.646a.5.5 0 0 1-.708.708L11.5 8.707l-1.646 1.647a.5.5 0 0 1-.708-.708L10.793 8 9.146 6.354a.5.5 0 1 1 .708-.708L11.5 7.293l1.646-1.647a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
width: 1.5rem;
height: 1.5rem;
background-repeat: no-repeat;
background-position: center;
background-size: 25px; }
.video-mutebutton.unmute {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-volume-up' viewBox='0 0 16 16'%3E%3Cpath d='M11.536 14.01A8.473 8.473 0 0 0 14.026 8a8.473 8.473 0 0 0-2.49-6.01l-.708.707A7.476 7.476 0 0 1 13.025 8c0 2.071-.84 3.946-2.197 5.303l.708.707z'/%3E%3Cpath d='M10.121 12.596A6.48 6.48 0 0 0 12.025 8a6.48 6.48 0 0 0-1.904-4.596l-.707.707A5.483 5.483 0 0 1 11.025 8a5.483 5.483 0 0 1-1.61 3.89l.706.706z'/%3E%3Cpath d='M10.025 8a4.486 4.486 0 0 1-1.318 3.182L8 10.475A3.489 3.489 0 0 0 9.025 8c0-.966-.392-1.841-1.025-2.475l.707-.707A4.486 4.486 0 0 1 10.025 8zM7 4a.5.5 0 0 0-.812-.39L3.825 5.5H1.5A.5.5 0 0 0 1 6v4a.5.5 0 0 0 .5.5h2.325l2.363 1.89A.5.5 0 0 0 7 12V4zM4.312 6.39 6 5.04v5.92L4.312 9.61A.5.5 0 0 0 4 9.5H2v-3h2a.5.5 0 0 0 .312-.11z'/%3E%3C/svg%3E"); }
.zutaten-list .subline em {
color: #dcd500; }
.hig-location {
}
.hig-location .button-large {
height: 48px;
padding: 0 22px;
margin-bottom: 18px;
min-width: 125px; }
.hig-location .location-buttons {
display: flex;
justify-content: space-evenly;
padding-top: 45px;
margin-bottom: -45px;
flex-wrap: wrap; }
.hig-location .location-buttons .button {
margin: 0 9px 20px 9px; }
.hig-location .location-details {
width: 100%; }
.hig-location .location-details .optionenInfo {
margin-bottom: 0 !important; }
.hig-location .location-details .location-under-construction {
margin-top: -10px; }
.hig-location .location-details .location-details-info {
padding: 0 20px 80px 20px; }
.hig-location .location-details .location-details-info h2,
.hig-location .location-details .location-details-info h3 {
margin-top: 0;
text-align: center; }
.hig-location article .cb-50.twocolumnscontent .img {
margin-top: 0; }
.hig-location #opening_table {
margin: 0 auto;
width: 70%; }
.hig-location .location-details .location-details-info td:last-child {
text-align: center; }
.hig-location .location-details .location-details-info .button .button-text {
line-height: 1.1;
text-align: center; }
.hig-location .location-meta {
padding-top: 0px; }
.hig-location .location-meta .location-meta-content {
padding-bottom: 35px; }
.hig-location .location-meta h3, .hig-location .location-meta h4 {
font: 21px/24px "Avenir Next LT W05 Demi Cond";
text-align: center;
text-transform: uppercase;
margin-top: 22px;
margin-bottom: 0; }
.hig-location .location-meta .location-jobs {
padding: 20px 20% 20px; }
.hig-location .location-meta .location-jobs ul {
margin-bottom: 20px;
margin-top: 20px; }
.hig-location .location-meta .location-details-map {
margin: 40px 0 80px; }
@media only screen and (max-width: 1025px) {
.hig-location #opening_table {
width: 100%; } }
@media only screen and (max-width: 767px) {
.hig-location #opening_table {
margin: 0 auto;
width: 60%;
margin-bottom: 32px; }
.hig-location .location-details .location-details-info #opening_table td:first-child {
text-align: left; }
.hig-location .location-details h2 {
display: block;
margin-bottom: 0;
padding: 10px 0 15px;
line-height: 1.1; }
.hig-location .location-buttons {
padding-top: 0; }
.hig-location .location-details .location-under-construction {
padding: 1rem; }
.hig-location .location-details .location-under-construction .construction-title {
font: 18px/22px "Avenir Next LT W05 Demi Cond"; }
.hig-location .location-details .location-under-construction .construction-copy {
font-size: 18px; }
.hig-location .location-details .location-details-info {
text-align: center;
padding-top: 32px; }
.hig-location .location-details .tab-switcher-content .location-details-info {
padding-top: 45px;
padding-bottom: 23px; }
.hig-location .location-details.location-meta .location-details-info .attributes {
text-align: left;
display: inline-block;
margin-top: 0;
padding-top: 0; }
.hig-location .location-meta {
padding-top: 10px; }
.hig-location .location-meta h4 {
margin-top: 10px; }
.hig-location .location-meta .location-meta-content {
padding-bottom: 0; }
.hig-location .location-meta .location-jobs {
padding: 20px 0 10px; }
.hig-location .location-meta .location-details-map {
margin: 25px 0 55px; }
.hig-location .location-details .location-attributes-container {
padding-bottom: 30px; }
.hig-location article .cb-50.twocolumnscontent .img {
margin-bottom: 10px;
margin-top: 10px; } }
@media only screen and (max-width: 480px) {
.hig-location #opening_table {
width: 75%;
margin-bottom: 2rem; }
.hig-location .location-details .location-under-construction {
margin-top: -15px;
padding-top: 20px !important; } }
#booka_no_uc {
display: none;
background: #F6F6F6;
padding: 180px 30px;
text-align: center;
border-radius: 8px;
margin-bottom: 20px;
margin-right: 32px; }
.text.full-width-content {
max-width: 1140px; }
.location-text-list ul {
opacity: 1; }
#fragebogen-9772,
#fragebogen-10340,
#fragebogen-6596,
#fragebogen-7817,
#fragebogen-7526,
#fragebogen-1285,
#fragebogen-9576,
#fragebogen-9386 {
margin-top: 20px; }
#fragebogen-9772 .form-group,
#fragebogen-10340 .form-group,
#fragebogen-6596 .form-group,
#fragebogen-7817 .form-group,
#fragebogen-7526 .form-group,
#fragebogen-1285 .form-group,
#fragebogen-9576 .form-group,
#fragebogen-9386 .form-group {
max-width: 60%;
margin: 0 auto 2rem; }
#fragebogen-9772 .form-group-statictext,
#fragebogen-10340 .form-group-statictext,
#fragebogen-6596 .form-group-statictext,
#fragebogen-7817 .form-group-statictext,
#fragebogen-7526 .form-group-statictext,
#fragebogen-1285 .form-group-statictext,
#fragebogen-9576 .form-group-statictext,
#fragebogen-9386 .form-group-statictext {
text-align: center; }
#fragebogen-9772 .form-headline,
#fragebogen-10340 .form-headline,
#fragebogen-6596 .form-headline,
#fragebogen-7817 .form-headline,
#fragebogen-7526 .form-headline,
#fragebogen-1285 .form-headline,
#fragebogen-9576 .form-headline,
#fragebogen-9386 .form-headline {
margin-top: 3rem;
max-width: 80%;
text-align: center;
padding: 1rem 0; }
#fragebogen-9772 .form-headline .form-group-statictext h2,
#fragebogen-10340 .form-headline .form-group-statictext h2,
#fragebogen-6596 .form-headline .form-group-statictext h2,
#fragebogen-7817 .form-headline .form-group-statictext h2,
#fragebogen-7526 .form-headline .form-group-statictext h2,
#fragebogen-1285 .form-headline .form-group-statictext h2,
#fragebogen-9576 .form-headline .form-group-statictext h2,
#fragebogen-9386 .form-headline .form-group-statictext h2 {
width: 100%;
font-weight: 400;
margin-top: 0; }
#fragebogen-9772 .survey-stepper,
#fragebogen-10340 .survey-stepper,
#fragebogen-6596 .survey-stepper,
#fragebogen-7817 .survey-stepper,
#fragebogen-7526 .survey-stepper,
#fragebogen-1285 .survey-stepper,
#fragebogen-9576 .survey-stepper,
#fragebogen-9386 .survey-stepper {
position: relative;
margin-bottom: 2rem !important; }
#fragebogen-9772 .survey-stepper .form-group-statictext,
#fragebogen-10340 .survey-stepper .form-group-statictext,
#fragebogen-6596 .survey-stepper .form-group-statictext,
#fragebogen-7817 .survey-stepper .form-group-statictext,
#fragebogen-7526 .survey-stepper .form-group-statictext,
#fragebogen-1285 .survey-stepper .form-group-statictext,
#fragebogen-9576 .survey-stepper .form-group-statictext,
#fragebogen-9386 .survey-stepper .form-group-statictext {
float: left;
width: 20%; }
#fragebogen-9772 .survey-stepper p,
#fragebogen-10340 .survey-stepper p,
#fragebogen-6596 .survey-stepper p,
#fragebogen-7817 .survey-stepper p,
#fragebogen-7526 .survey-stepper p,
#fragebogen-1285 .survey-stepper p,
#fragebogen-9576 .survey-stepper p,
#fragebogen-9386 .survey-stepper p {
text-transform: uppercase;
font-size: 14px; }
#fragebogen-9772 .survey-stepper:before, #fragebogen-9772 .survey-stepper:after,
#fragebogen-10340 .survey-stepper:before,
#fragebogen-10340 .survey-stepper:after,
#fragebogen-6596 .survey-stepper:before,
#fragebogen-6596 .survey-stepper:after,
#fragebogen-7817 .survey-stepper:before,
#fragebogen-7817 .survey-stepper:after,
#fragebogen-7526 .survey-stepper:before,
#fragebogen-7526 .survey-stepper:after,
#fragebogen-1285 .survey-stepper:before,
#fragebogen-1285 .survey-stepper:after,
#fragebogen-9576 .survey-stepper:before,
#fragebogen-9576 .survey-stepper:after,
#fragebogen-9386 .survey-stepper:before,
#fragebogen-9386 .survey-stepper:after {
position: absolute;
content: '';
display: block;
width: 80%;
top: 8px;
right: 0;
height: 5px;
background: #dcd500; }
#fragebogen-9772 .survey-stepper:after,
#fragebogen-10340 .survey-stepper:after,
#fragebogen-6596 .survey-stepper:after,
#fragebogen-7817 .survey-stepper:after,
#fragebogen-7526 .survey-stepper:after,
#fragebogen-1285 .survey-stepper:after,
#fragebogen-9576 .survey-stepper:after,
#fragebogen-9386 .survey-stepper:after {
background: #E5E5E5; }
#fragebogen-9772 .survey-stepper.step-1:after,
#fragebogen-10340 .survey-stepper.step-1:after,
#fragebogen-6596 .survey-stepper.step-1:after,
#fragebogen-7817 .survey-stepper.step-1:after,
#fragebogen-7526 .survey-stepper.step-1:after,
#fragebogen-1285 .survey-stepper.step-1:after,
#fragebogen-9576 .survey-stepper.step-1:after,
#fragebogen-9386 .survey-stepper.step-1:after {
width: 70%; }
#fragebogen-9772 .survey-stepper.step-2:after,
#fragebogen-10340 .survey-stepper.step-2:after,
#fragebogen-6596 .survey-stepper.step-2:after,
#fragebogen-7817 .survey-stepper.step-2:after,
#fragebogen-7526 .survey-stepper.step-2:after,
#fragebogen-1285 .survey-stepper.step-2:after,
#fragebogen-9576 .survey-stepper.step-2:after,
#fragebogen-9386 .survey-stepper.step-2:after {
width: 60%; }
#fragebogen-9772 .survey-stepper.step-3:after,
#fragebogen-10340 .survey-stepper.step-3:after,
#fragebogen-6596 .survey-stepper.step-3:after,
#fragebogen-7817 .survey-stepper.step-3:after,
#fragebogen-7526 .survey-stepper.step-3:after,
#fragebogen-1285 .survey-stepper.step-3:after,
#fragebogen-9576 .survey-stepper.step-3:after,
#fragebogen-9386 .survey-stepper.step-3:after {
width: 50%; }
#fragebogen-9772 .survey-stepper.step-4:after,
#fragebogen-10340 .survey-stepper.step-4:after,
#fragebogen-6596 .survey-stepper.step-4:after,
#fragebogen-7817 .survey-stepper.step-4:after,
#fragebogen-7526 .survey-stepper.step-4:after,
#fragebogen-1285 .survey-stepper.step-4:after,
#fragebogen-9576 .survey-stepper.step-4:after,
#fragebogen-9386 .survey-stepper.step-4:after {
width: 40%; }
#fragebogen-9772 .survey-stepper.step-5:after,
#fragebogen-10340 .survey-stepper.step-5:after,
#fragebogen-6596 .survey-stepper.step-5:after,
#fragebogen-7817 .survey-stepper.step-5:after,
#fragebogen-7526 .survey-stepper.step-5:after,
#fragebogen-1285 .survey-stepper.step-5:after,
#fragebogen-9576 .survey-stepper.step-5:after,
#fragebogen-9386 .survey-stepper.step-5:after {
width: 30%; }
#fragebogen-9772 .survey-stepper.step-6:after,
#fragebogen-10340 .survey-stepper.step-6:after,
#fragebogen-6596 .survey-stepper.step-6:after,
#fragebogen-7817 .survey-stepper.step-6:after,
#fragebogen-7526 .survey-stepper.step-6:after,
#fragebogen-1285 .survey-stepper.step-6:after,
#fragebogen-9576 .survey-stepper.step-6:after,
#fragebogen-9386 .survey-stepper.step-6:after {
width: 20%; }
#fragebogen-9772 .survey-stepper.step-7:after,
#fragebogen-10340 .survey-stepper.step-7:after,
#fragebogen-6596 .survey-stepper.step-7:after,
#fragebogen-7817 .survey-stepper.step-7:after,
#fragebogen-7526 .survey-stepper.step-7:after,
#fragebogen-1285 .survey-stepper.step-7:after,
#fragebogen-9576 .survey-stepper.step-7:after,
#fragebogen-9386 .survey-stepper.step-7:after {
width: 10%; }
#fragebogen-9772 .survey-stepper.step-8:after,
#fragebogen-10340 .survey-stepper.step-8:after,
#fragebogen-6596 .survey-stepper.step-8:after,
#fragebogen-7817 .survey-stepper.step-8:after,
#fragebogen-7526 .survey-stepper.step-8:after,
#fragebogen-1285 .survey-stepper.step-8:after,
#fragebogen-9576 .survey-stepper.step-8:after,
#fragebogen-9386 .survey-stepper.step-8:after {
width: 0; }
#fragebogen-9772 .group-label .control-label,
#fragebogen-10340 .group-label .control-label,
#fragebogen-6596 .group-label .control-label,
#fragebogen-7817 .group-label .control-label,
#fragebogen-7526 .group-label .control-label,
#fragebogen-1285 .group-label .control-label,
#fragebogen-9576 .group-label .control-label,
#fragebogen-9386 .group-label .control-label {
display: inline-block;
text-align: center;
font-family: "Avenir Next LT W05 Demi Cond";
font-size: 18px;
width: 100%;
padding-top: 1rem;
padding-bottom: 1rem; }
#fragebogen-9772 .form-group-statictext h2,
#fragebogen-10340 .form-group-statictext h2,
#fragebogen-6596 .form-group-statictext h2,
#fragebogen-7817 .form-group-statictext h2,
#fragebogen-7526 .form-group-statictext h2,
#fragebogen-1285 .form-group-statictext h2,
#fragebogen-9576 .form-group-statictext h2,
#fragebogen-9386 .form-group-statictext h2 {
display: inline-block;
text-align: center;
width: 100%;
padding-top: 0;
margin-top: 1rem;
padding-bottom: 1rem;
margin-bottom: 0; }
#fragebogen-9772 .actions,
#fragebogen-10340 .actions,
#fragebogen-6596 .actions,
#fragebogen-7817 .actions,
#fragebogen-7526 .actions,
#fragebogen-1285 .actions,
#fragebogen-9576 .actions,
#fragebogen-9386 .actions {
padding-top: 2rem;
text-align: center; }
#fragebogen-9772 .actions .btn-group.previous button, #fragebogen-9772 .actions .btn-group.next button,
#fragebogen-10340 .actions .btn-group.previous button,
#fragebogen-10340 .actions .btn-group.next button,
#fragebogen-6596 .actions .btn-group.previous button,
#fragebogen-6596 .actions .btn-group.next button,
#fragebogen-7817 .actions .btn-group.previous button,
#fragebogen-7817 .actions .btn-group.next button,
#fragebogen-7526 .actions .btn-group.previous button,
#fragebogen-7526 .actions .btn-group.next button,
#fragebogen-1285 .actions .btn-group.previous button,
#fragebogen-1285 .actions .btn-group.next button,
#fragebogen-9576 .actions .btn-group.previous button,
#fragebogen-9576 .actions .btn-group.next button,
#fragebogen-9386 .actions .btn-group.previous button,
#fragebogen-9386 .actions .btn-group.next button {
border: none;
text-indent: -10000px;
width: 40px;
height: 18px;
background-size: contain;
margin: 0 10px; }
#fragebogen-9772 .actions .btn-group.previous button.btn,
#fragebogen-10340 .actions .btn-group.previous button.btn,
#fragebogen-6596 .actions .btn-group.previous button.btn,
#fragebogen-7817 .actions .btn-group.previous button.btn,
#fragebogen-7526 .actions .btn-group.previous button.btn,
#fragebogen-1285 .actions .btn-group.previous button.btn,
#fragebogen-9576 .actions .btn-group.previous button.btn,
#fragebogen-9386 .actions .btn-group.previous button.btn {
background-image: url(/typo3conf/ext/hig_site/Resources/Public/img/pfeil-links.png); }
#fragebogen-9772 .actions .btn-group.next button.btn,
#fragebogen-10340 .actions .btn-group.next button.btn,
#fragebogen-6596 .actions .btn-group.next button.btn,
#fragebogen-7817 .actions .btn-group.next button.btn,
#fragebogen-7526 .actions .btn-group.next button.btn,
#fragebogen-1285 .actions .btn-group.next button.btn,
#fragebogen-9576 .actions .btn-group.next button.btn,
#fragebogen-9386 .actions .btn-group.next button.btn {
background-image: url(/typo3conf/ext/hig_site/Resources/Public/img/pfeil-rechts.png); }
#fragebogen-9772 .input .radio,
#fragebogen-10340 .input .radio,
#fragebogen-6596 .input .radio,
#fragebogen-7817 .input .radio,
#fragebogen-7526 .input .radio,
#fragebogen-1285 .input .radio,
#fragebogen-9576 .input .radio,
#fragebogen-9386 .input .radio {
text-align: center; }
#fragebogen-9772 .input .radio input,
#fragebogen-10340 .input .radio input,
#fragebogen-6596 .input .radio input,
#fragebogen-7817 .input .radio input,
#fragebogen-7526 .input .radio input,
#fragebogen-1285 .input .radio input,
#fragebogen-9576 .input .radio input,
#fragebogen-9386 .input .radio input {
border: none;
height: 0;
display: none; }
#fragebogen-9772 .input .radio input:checked + span,
#fragebogen-10340 .input .radio input:checked + span,
#fragebogen-6596 .input .radio input:checked + span,
#fragebogen-7817 .input .radio input:checked + span,
#fragebogen-7526 .input .radio input:checked + span,
#fragebogen-1285 .input .radio input:checked + span,
#fragebogen-9576 .input .radio input:checked + span,
#fragebogen-9386 .input .radio input:checked + span {
background: #dcd500;
color: white; }
#fragebogen-9772 .input .radio span,
#fragebogen-10340 .input .radio span,
#fragebogen-6596 .input .radio span,
#fragebogen-7817 .input .radio span,
#fragebogen-7526 .input .radio span,
#fragebogen-1285 .input .radio span,
#fragebogen-9576 .input .radio span,
#fragebogen-9386 .input .radio span {
border: 1px solid #dcd500;
border-radius: 4px;
font-size: 16px;
text-transform: none;
color: #535353;
padding: 8px 20px;
display: inline-block;
min-width: 240px;
margin-bottom: 1rem; }
#fragebogen-9772 .input .radio span:hover,
#fragebogen-10340 .input .radio span:hover,
#fragebogen-6596 .input .radio span:hover,
#fragebogen-7817 .input .radio span:hover,
#fragebogen-7526 .input .radio span:hover,
#fragebogen-1285 .input .radio span:hover,
#fragebogen-9576 .input .radio span:hover,
#fragebogen-9386 .input .radio span:hover {
background: #dcd500;
color: white; }
#fragebogen-9772 .nps-select .style-transparent,
#fragebogen-10340 .nps-select .style-transparent,
#fragebogen-6596 .nps-select .style-transparent,
#fragebogen-7817 .nps-select .style-transparent,
#fragebogen-7526 .nps-select .style-transparent,
#fragebogen-1285 .nps-select .style-transparent,
#fragebogen-9576 .nps-select .style-transparent,
#fragebogen-9386 .nps-select .style-transparent {
display: none; }
#fragebogen-9772 .form-check,
#fragebogen-10340 .form-check,
#fragebogen-6596 .form-check,
#fragebogen-7817 .form-check,
#fragebogen-7526 .form-check,
#fragebogen-1285 .form-check,
#fragebogen-9576 .form-check,
#fragebogen-9386 .form-check {
background: #F6F6F6;
border-radius: 4px;
display: inline-block;
text-transform: none;
margin: 0 10px 10px 0;
padding: 3px 10px 3px 10px; }
#fragebogen-9772 .form-check label,
#fragebogen-10340 .form-check label,
#fragebogen-6596 .form-check label,
#fragebogen-7817 .form-check label,
#fragebogen-7526 .form-check label,
#fragebogen-1285 .form-check label,
#fragebogen-9576 .form-check label,
#fragebogen-9386 .form-check label {
text-transform: none;
font-size: 18px; }
#fragebogen-9772 .form-check input[type=checkbox]:checked,
#fragebogen-10340 .form-check input[type=checkbox]:checked,
#fragebogen-6596 .form-check input[type=checkbox]:checked,
#fragebogen-7817 .form-check input[type=checkbox]:checked,
#fragebogen-7526 .form-check input[type=checkbox]:checked,
#fragebogen-1285 .form-check input[type=checkbox]:checked,
#fragebogen-9576 .form-check input[type=checkbox]:checked,
#fragebogen-9386 .form-check input[type=checkbox]:checked {
background: #dcd500; }
#fragebogen-9772 .form-check input[type=checkbox]:checked:before,
#fragebogen-10340 .form-check input[type=checkbox]:checked:before,
#fragebogen-6596 .form-check input[type=checkbox]:checked:before,
#fragebogen-7817 .form-check input[type=checkbox]:checked:before,
#fragebogen-7526 .form-check input[type=checkbox]:checked:before,
#fragebogen-1285 .form-check input[type=checkbox]:checked:before,
#fragebogen-9576 .form-check input[type=checkbox]:checked:before,
#fragebogen-9386 .form-check input[type=checkbox]:checked:before {
border-color: #fff; }
#fragebogen-9772 .form-group-fragebogen-1285-multicheckbox-1,
#fragebogen-9772 .form-group-fragebogen-6596-multicheckbox-1,
#fragebogen-9772 .form-group-fragebogen-7817-multicheckbox-1,
#fragebogen-9772 .form-group-fragebogen-9386-multicheckbox-1,
#fragebogen-9772 .form-group-fragebogen-9576-multicheckbox-1,
#fragebogen-9772 .form-group-fragebogen-7526-multicheckbox-1,
#fragebogen-10340 .form-group-fragebogen-1285-multicheckbox-1,
#fragebogen-10340 .form-group-fragebogen-6596-multicheckbox-1,
#fragebogen-10340 .form-group-fragebogen-7817-multicheckbox-1,
#fragebogen-10340 .form-group-fragebogen-9386-multicheckbox-1,
#fragebogen-10340 .form-group-fragebogen-9576-multicheckbox-1,
#fragebogen-10340 .form-group-fragebogen-7526-multicheckbox-1,
#fragebogen-6596 .form-group-fragebogen-1285-multicheckbox-1,
#fragebogen-6596 .form-group-fragebogen-6596-multicheckbox-1,
#fragebogen-6596 .form-group-fragebogen-7817-multicheckbox-1,
#fragebogen-6596 .form-group-fragebogen-9386-multicheckbox-1,
#fragebogen-6596 .form-group-fragebogen-9576-multicheckbox-1,
#fragebogen-6596 .form-group-fragebogen-7526-multicheckbox-1,
#fragebogen-7817 .form-group-fragebogen-1285-multicheckbox-1,
#fragebogen-7817 .form-group-fragebogen-6596-multicheckbox-1,
#fragebogen-7817 .form-group-fragebogen-7817-multicheckbox-1,
#fragebogen-7817 .form-group-fragebogen-9386-multicheckbox-1,
#fragebogen-7817 .form-group-fragebogen-9576-multicheckbox-1,
#fragebogen-7817 .form-group-fragebogen-7526-multicheckbox-1,
#fragebogen-7526 .form-group-fragebogen-1285-multicheckbox-1,
#fragebogen-7526 .form-group-fragebogen-6596-multicheckbox-1,
#fragebogen-7526 .form-group-fragebogen-7817-multicheckbox-1,
#fragebogen-7526 .form-group-fragebogen-9386-multicheckbox-1,
#fragebogen-7526 .form-group-fragebogen-9576-multicheckbox-1,
#fragebogen-7526 .form-group-fragebogen-7526-multicheckbox-1,
#fragebogen-1285 .form-group-fragebogen-1285-multicheckbox-1,
#fragebogen-1285 .form-group-fragebogen-6596-multicheckbox-1,
#fragebogen-1285 .form-group-fragebogen-7817-multicheckbox-1,
#fragebogen-1285 .form-group-fragebogen-9386-multicheckbox-1,
#fragebogen-1285 .form-group-fragebogen-9576-multicheckbox-1,
#fragebogen-1285 .form-group-fragebogen-7526-multicheckbox-1,
#fragebogen-9576 .form-group-fragebogen-1285-multicheckbox-1,
#fragebogen-9576 .form-group-fragebogen-6596-multicheckbox-1,
#fragebogen-9576 .form-group-fragebogen-7817-multicheckbox-1,
#fragebogen-9576 .form-group-fragebogen-9386-multicheckbox-1,
#fragebogen-9576 .form-group-fragebogen-9576-multicheckbox-1,
#fragebogen-9576 .form-group-fragebogen-7526-multicheckbox-1,
#fragebogen-9386 .form-group-fragebogen-1285-multicheckbox-1,
#fragebogen-9386 .form-group-fragebogen-6596-multicheckbox-1,
#fragebogen-9386 .form-group-fragebogen-7817-multicheckbox-1,
#fragebogen-9386 .form-group-fragebogen-9386-multicheckbox-1,
#fragebogen-9386 .form-group-fragebogen-9576-multicheckbox-1,
#fragebogen-9386 .form-group-fragebogen-7526-multicheckbox-1 {
text-align: center; }
#fragebogen-9772 .nps-stars,
#fragebogen-10340 .nps-stars,
#fragebogen-6596 .nps-stars,
#fragebogen-7817 .nps-stars,
#fragebogen-7526 .nps-stars,
#fragebogen-1285 .nps-stars,
#fragebogen-9576 .nps-stars,
#fragebogen-9386 .nps-stars {
margin-bottom: 0; }
#fragebogen-9772 .nps-stars .star-big,
#fragebogen-10340 .nps-stars .star-big,
#fragebogen-6596 .nps-stars .star-big,
#fragebogen-7817 .nps-stars .star-big,
#fragebogen-7526 .nps-stars .star-big,
#fragebogen-1285 .nps-stars .star-big,
#fragebogen-9576 .nps-stars .star-big,
#fragebogen-9386 .nps-stars .star-big {
color: grey;
font-size: 13px;
line-height: 1;
padding-top: 44px;
background-size: 35px;
width: 35px; }
#fragebogen-9772 .nps-stars .help-block,
#fragebogen-10340 .nps-stars .help-block,
#fragebogen-6596 .nps-stars .help-block,
#fragebogen-7817 .nps-stars .help-block,
#fragebogen-7526 .nps-stars .help-block,
#fragebogen-1285 .nps-stars .help-block,
#fragebogen-9576 .nps-stars .help-block,
#fragebogen-9386 .nps-stars .help-block {
display: flex;
justify-content: space-between;
width: 75%;
padding: 0;
margin: 0 auto;
font-family: "Avenir Next LT W05 Thin Cond"; }
#fragebogen-9772 .fieldset-date-group,
#fragebogen-10340 .fieldset-date-group,
#fragebogen-6596 .fieldset-date-group,
#fragebogen-7817 .fieldset-date-group,
#fragebogen-7526 .fieldset-date-group,
#fragebogen-1285 .fieldset-date-group,
#fragebogen-9576 .fieldset-date-group,
#fragebogen-9386 .fieldset-date-group {
clear: both; }
#fragebogen-9772 .fieldset-date-group .form-group,
#fragebogen-10340 .fieldset-date-group .form-group,
#fragebogen-6596 .fieldset-date-group .form-group,
#fragebogen-7817 .fieldset-date-group .form-group,
#fragebogen-7526 .fieldset-date-group .form-group,
#fragebogen-1285 .fieldset-date-group .form-group,
#fragebogen-9576 .fieldset-date-group .form-group,
#fragebogen-9386 .fieldset-date-group .form-group {
margin: 0;
width: 49%;
float: left; }
#fragebogen-9772 .fieldset-date-group .form-group.pickatime,
#fragebogen-10340 .fieldset-date-group .form-group.pickatime,
#fragebogen-6596 .fieldset-date-group .form-group.pickatime,
#fragebogen-7817 .fieldset-date-group .form-group.pickatime,
#fragebogen-7526 .fieldset-date-group .form-group.pickatime,
#fragebogen-1285 .fieldset-date-group .form-group.pickatime,
#fragebogen-9576 .fieldset-date-group .form-group.pickatime,
#fragebogen-9386 .fieldset-date-group .form-group.pickatime {
float: right; }
#fragebogen-9772 .fieldset-date-group .picker__button--close,
#fragebogen-10340 .fieldset-date-group .picker__button--close,
#fragebogen-6596 .fieldset-date-group .picker__button--close,
#fragebogen-7817 .fieldset-date-group .picker__button--close,
#fragebogen-7526 .fieldset-date-group .picker__button--close,
#fragebogen-1285 .fieldset-date-group .picker__button--close,
#fragebogen-9576 .fieldset-date-group .picker__button--close,
#fragebogen-9386 .fieldset-date-group .picker__button--close {
width: 55%; }
@media only screen and (max-width: 767px) {
#fragebogen-9772 .form-group,
#fragebogen-10340 .form-group,
#fragebogen-6596 .form-group,
#fragebogen-7817 .form-group,
#fragebogen-7526 .form-group,
#fragebogen-1285 .form-group,
#fragebogen-9576 .form-group,
#fragebogen-9386 .form-group {
max-width: 100%;
margin: 0; }
#fragebogen-9772 .survey-stepper .form-group-statictext,
#fragebogen-10340 .survey-stepper .form-group-statictext,
#fragebogen-6596 .survey-stepper .form-group-statictext,
#fragebogen-7817 .survey-stepper .form-group-statictext,
#fragebogen-7526 .survey-stepper .form-group-statictext,
#fragebogen-1285 .survey-stepper .form-group-statictext,
#fragebogen-9576 .survey-stepper .form-group-statictext,
#fragebogen-9386 .survey-stepper .form-group-statictext {
width: 25%; }
#fragebogen-9772 .survey-stepper:before,
#fragebogen-10340 .survey-stepper:before,
#fragebogen-6596 .survey-stepper:before,
#fragebogen-7817 .survey-stepper:before,
#fragebogen-7526 .survey-stepper:before,
#fragebogen-1285 .survey-stepper:before,
#fragebogen-9576 .survey-stepper:before,
#fragebogen-9386 .survey-stepper:before {
width: 75%; }
#fragebogen-9772 .nps-stars .star-big,
#fragebogen-10340 .nps-stars .star-big,
#fragebogen-6596 .nps-stars .star-big,
#fragebogen-7817 .nps-stars .star-big,
#fragebogen-7526 .nps-stars .star-big,
#fragebogen-1285 .nps-stars .star-big,
#fragebogen-9576 .nps-stars .star-big,
#fragebogen-9386 .nps-stars .star-big {
background-size: 25px;
width: 25px; }
#fragebogen-9772 .nps-stars .help-block,
#fragebogen-10340 .nps-stars .help-block,
#fragebogen-6596 .nps-stars .help-block,
#fragebogen-7817 .nps-stars .help-block,
#fragebogen-7526 .nps-stars .help-block,
#fragebogen-1285 .nps-stars .help-block,
#fragebogen-9576 .nps-stars .help-block,
#fragebogen-9386 .nps-stars .help-block {
width: 55%; }
#fragebogen-9772 .fieldset-date-group .form-group,
#fragebogen-10340 .fieldset-date-group .form-group,
#fragebogen-6596 .fieldset-date-group .form-group,
#fragebogen-7817 .fieldset-date-group .form-group,
#fragebogen-7526 .fieldset-date-group .form-group,
#fragebogen-1285 .fieldset-date-group .form-group,
#fragebogen-9576 .fieldset-date-group .form-group,
#fragebogen-9386 .fieldset-date-group .form-group {
width: 100%;
float: none; } }
.topshots {
display: flex;
flex-direction: row; }
.topshots .topshotCol {
padding: 0 5px;
flex-basis: 33.33%; }
.topshots .topshotCol .topshot {
text-align: center; }
.topshots .topshotCol .topshot .topshot-image {
max-width: 100%;
height: auto; }
.topshots .topshotCol .topshot .topshot-text {
font-size: 20px;
margin: 20px 0; }
.topshots .topshotCol .topshot .arrow-wrap {
position: relative;
display: inline-block;
padding: 20px 0; }
.topshots .topshotCol .topshot .arrow-wrap::after {
content: " ";
position: absolute;
background-image: var(--arrow-toleft);
background-repeat: no-repeat;
background-position: center center;
width: 80px;
height: 40px;
background-size: 100% auto;
background-color: lighseagreen;
transform: rotate(-120deg); }
.topshots .topshotCol .topshot .arrow-topleft:after {
left: 0;
top: 0;
transform: rotateX(0deg) rotateZ(255deg); }
.topshots .topshotCol .topshot .arrow-topright:after {
right: 0;
top: 0;
transform: rotateX(180deg) rotateZ(80deg); }
.topshots .topshotCol .topshot .arrow-bottomleft:after {
left: 0;
bottom: 15px;
transform: rotateX(180deg) rotateZ(-105deg); }
.topshots .topshotCol .topshot .arrow-bottomright:after {
right: 0;
bottom: 15px;
transform: rotateX(0deg) rotateZ(75deg); }
.topshots.topshots-mobile .topshotCol {
flex-basis: 100%;
padding: 0; }
.topshots.topshots-mobile .topshotCol .topshot-text {
padding-left: 15px;
padding-right: 15px; }
@media only screen and (max-width: 767px) {
.topshots {
overflow-x: hidden; }
.topshots .topshotCol .topshot .topshot-text {
font-size: 16px; } }
.location-meta h2.button-text,
.location-meta h3.button-text {
margin: 0; }
.location-stars {
margin-bottom: 0; }
.location-stars .star-big {
color: #fff;
font-size: 0px;
line-height: 1;
padding-top: 44px;
background-size: 48px;
width: 50px; }
.location-stars .help-block {
display: flex;
justify-content: space-between;
width: 100%;
padding: 0 12px;
margin: 0 auto;
font-family: "Avenir Next LT W05 Thin Cond"; }
.locationrating .button {
height: 48px;
padding: 0 22px; }
.button.green.button-inverted {
background: #dcd500; }
.button.green.button-inverted .button-text {
color: #fff; }
.button.green.button-inverted:hover {
background: #fff;
color: #dcd500; }
.button.green.button-inverted:hover .button-text {
color: #dcd500; }
#page.standalone .article-pw {
margin-top: 0; }
#page.standalone .cw-wrapper > h1,
#page.standalone .cw-wrapper > h2 {
overflow: hidden;
text-align: center;
margin: 40px 15px;
padding-top: 5px; }
#page.standalone .cw-wrapper > h1:before, #page.standalone .cw-wrapper > h1:after,
#page.standalone .cw-wrapper > h2:before,
#page.standalone .cw-wrapper > h2:after {
background-color: #40403F;
content: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 50%; }
#page.standalone .cw-wrapper > h1:before,
#page.standalone .cw-wrapper > h2:before {
right: 0.5em;
margin-left: -50%; }
#page.standalone .cw-wrapper > h1:after,
#page.standalone .cw-wrapper > h2:after {
left: 0.5em;
margin-right: -50%; }
.badge-topleft,
.badge-topright,
.badge-bottomleft,
.badge-bottomright {
position: relative; }
.badge-topleft .img-badge,
.badge-topright .img-badge,
.badge-bottomleft .img-badge,
.badge-bottomright .img-badge {
position: absolute;
max-width: 100px;
max-height: 100px; }
.badge-topleft .img-badge {
top: -30px;
left: -30px; }
.badge-topright .img-badge {
top: -30px;
right: -30px; }
.badge-bottomleft .img-badge {
bottom: -30px;
left: -30px; }
.badge-bottomright .img-badge {
bottom: -30px;
right: -30px; }
@media only screen and (max-width: 767px) {
.badge-topleft .img-badge {
left: 0; }
.badge-topright .img-badge {
right: 0; }
.badge-bottomleft .img-badge {
left: 0; }
.badge-bottomright .img-badge {
right: 0; }
#page.standalone .cw-wrapper > h1:before, #page.standalone .cw-wrapper > h1:after,
#page.standalone .cw-wrapper > h2:before,
#page.standalone .cw-wrapper > h2:after {
content: none; } }
a:target {
display: block;
position: relative;
top: -50px;
visibility: hidden; }
.checkbox-elem input {
padding: 0; }
.checkbox-elem label span {
text-transform: none; }
.food-sort {
min-width: 205px;
max-width: 220px;
float: right; }
.food-sort .option {
margin: 0; }
.sort-wrapper {
float: right;
margin-top: 26.5px; }
@media only screen and (max-width: 767px) {
.sort-wrapper {
margin-top: 0;
border: 1px solid #dcd500;
border-radius: 4px;
margin-bottom: 10px; } }
.sort-help {
display: none; }
@media only screen and (max-width: 767px) {
.selector-buttons {
width: 100%;
margin-bottom: 15px; }
.food-sort {
color: #dcd500;
float: right; }
.sort-wrapper {
position: relative; }
.sort-wrapper:after {
content: " ";
border-bottom: 2px solid #dcd500;
border-right: 2px solid #dcd500;
transform: rotate(45deg);
position: absolute;
right: 13px;
top: 9px;
pointer-events: none;
height: 9px;
width: 9px; }
.sort-help {
display: block;
text-transform: uppercase;
font-family: "Avenir Next LT W05 Demi Cond";
font-style: normal;
color: #dcd500;
font-size: 11px;
position: relative;
width: 120px;
float: right; } }
.cat-desc-holder {
clear: both; }
.detail-block-image {
height: 200px;
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
margin: 0 auto 10px; }
.co2-hint {
font-size: 16px;
width: 136px;
line-height: 21px;
position: absolute;
right: -112px;
top: 61px;
cursor: pointer; }
.co2-hint::before {
content: " ";
position: absolute;
left: 36px;
top: 56px;
background-image: var(--arrow-toleft);
background-repeat: no-repeat;
background-position: center center;
width: 50px;
height: 25px;
background-size: 100% auto;
transform: rotateX(180deg) rotateZ(-311deg); }
@media only screen and (max-width: 767px) {
.co2-hint::before {
left: 35px;
width: 40px;
height: 20px; } }
@media only screen and (max-width: 767px) {
.co2-hint {
font-size: 13px;
right: 6px;
width: 67px;
text-align: center;
top: 34%;
line-height: 18px; } }
#co2-overlay {
position: fixed; }
#co2-overlay > div {
position: fixed;
left: 50%;
top: 30%;
width: 800px;
margin-left: -400px; }
@media only screen and (max-width: 767px) {
.add-circle-wrapper {
margin-left: 75%; }
#co2-overlay {
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(3px); }
#co2-overlay > div {
left: 5%;
width: 90%;
margin-left: 0;
border: 1px solid #ccc;
padding: 25px 15px 0;
line-height: 1.3; }
#co2-overlay > div .btn-close {
display: block; } }
.details-title {
margin-top: 60px; }
.details-title > span {
float: left;
margin-top: 27px; }
.nutri-size-select-wrapper {
float: left;
margin: 0 10px; }
.details-block {
clear: both; }
.nice-select.nutri-size {
font-size: 14px;
text-transform: none; }
@media only screen and (max-width: 767px) {
select.nutri-size {
font-size: 14px;
font-family: "Avenir Next LT W05 Demi Cond";
border: 1px solid #dcd500;
margin-top: 19px;
margin-bottom: 10px;
padding: 7px 31px 7px 20px; }
.nutri-size-select-wrapper {
position: relative; }
.nutri-size-select-wrapper:after {
content: " ";
border-bottom: 2px solid #dcd500;
border-right: 2px solid #dcd500;
transform: rotate(45deg);
position: absolute;
right: 13px;
top: 28px;
pointer-events: none;
height: 9px;
width: 9px; } }
.bg-vid-wrap {
position: fixed;
inset: 0px;
z-index: -1;
background-position: center center;
background-size: cover;
background-repeat: no-repeat; }
.bg-vid {
object-fit: cover;
width: 100vw;
height: 100lvh;
position: fixed;
top: 0px;
left: 0px; }
.linkpage .article-pw {
margin-top: 50px; }
.linkpage .cw-wrapper {
padding-bottom: 100px; }
.linkpage h2 {
color: #fff; }
.linkpage .link-branch-wrapper {
margin-bottom: 20px; }
.linkpage .btn-link {
border: 1px solid #dcd500;
background: #dcd500;
border-radius: 4px;
color: #fff;
font-size: 20px;
text-transform: none;
padding: 8px 20px;
display: flex;
min-width: 240px;
margin-bottom: 1rem;
text-decoration: none;
justify-content: space-between;
align-items: center;
text-align: center; }
.linkpage .btn-link:hover {
background: #fff;
color: #535353; }
.linkpage .link-badge,
.linkpage .link-trail {
border-radius: 4px;
min-width: 50px;
min-height: 50px;
display: inline-block; }
#newsletter-preform-overlay {
position: fixed; }
#newsletter-preform.newsletter-preform-wrap {
overflow: hidden;
position: absolute;
left: 50%;
top: 50%;
width: 800px;
margin: -370px 0 0 -400px;
background-color: #663E7F;
background-image: url('../../../typo3conf/ext/hig_site/Resources/Public/img/nl_topleft.svg'), url('../../../typo3conf/ext/hig_site/Resources/Public/img/nl_btm.svg');
background-position: 5px 6px, 98% 99%;
background-repeat: no-repeat;
border-radius: 36px;
color: #fff;
box-shadow: 3px 6px 12px #00000029;
padding: 40px 55px 40px 55px; }
@media only screen and (max-width: 767px) {
#newsletter-preform.newsletter-preform-wrap {
left: 0;
right: 0;
top: 10%;
width: 90%;
margin: 0 auto;
padding: 10px 20px 40px 20px;
background-size: 60%, 40%; } }
#newsletter-preform.newsletter-preform-wrap .input input {
background: transparent;
border-bottom: 1px solid #dcd500;
font-family: "Avenir Next LT W05 Demi Cond";
font-weight: 700;
font-size: 20px;
color: #fff; }
#newsletter-preform.newsletter-preform-wrap .input input::placeholder {
color: #fff;
font-family: "Avenir Next LT W05 Demi Cond";
font-weight: 700; }
#newsletter-preform.newsletter-preform-wrap .cb-form .floatinglabel .control-label {
font-family: "Avenir Next LT W05 Demi Cond";
font-weight: 700;
font-size: 20px;
color: #fff; }
#newsletter-preform.newsletter-preform-wrap .cb-form .floatinglabel.active .control-label {
transform: translate(10px, -7px);
font-size: 11px; }
#newsletter-preform.newsletter-preform-wrap .btn-close {
display: block !important;
top: 15px;
right: 20px; }
#newsletter-preform .form-group {
margin-bottom: 2rem; }
#newsletter-preform .h3, #newsletter-preform h3 {
font-size: 40px;
line-height: 40px;
font-family: "Avenir Next LT W05 Demi Cond"; }
#newsletter-preform .h3 span, #newsletter-preform h3 span {
color: #dcd500; }
@media only screen and (max-width: 767px) {
#newsletter-preform .h3, #newsletter-preform h3 {
font-size: 18px;
line-height: 18px; } }
.btn-nl {
padding: 11px 70px 11px 25px;
color: #fff;
border-radius: 8px;
font-family: "Avenir Next LT W05 Demi Cond";
text-transform: uppercase;
font-size: 20px;
background: #D9CF01 url('../../../typo3conf/ext/hig_site/Resources/Public/img/nl_btn.svg') no-repeat;
background-position: 93% center;
border: none;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out; }
.btn-nl:hover {
background-color: #ADA400; }
.footer-nl {
margin: .5rem auto 2rem;
max-width: 360px; }
@media only screen and (max-width: 767px) {
.footer-nl {
max-width: 100%; } }
.social {
left: 0;
bottom: -15px; }
.button-append input.form-control {
border-radius: 3px; }
.button-append button.btn {
position: absolute;
right: 10px;
top: 5px;
border: none; }
.button-append button.btn:before {
display: block;
content: " ";
width: 11px;
height: 11px;
border-left: 2px solid white;
border-bottom: 2px solid white;
transform: translate(0, -50%) rotate(-135deg);
position: absolute;
right: 10px;
top: 14px;
transition: transform 300ms ease;
z-index: 3; }
.button-append button.btn:hover:before {
-webkit-animation: slide-left 0.6s ease-out infinite alternate both;
animation: slide-left 0.6s ease-out infinite alternate both; }
.button-append button.btn:hover {
color: white; }
.button-append button.btn:active, .button-append button.btn.nice-select.open {
color: #dcd500;
transition: color 0ms ease; }
.button-append button.btn:active:before, .button-append button.btn.nice-select.open:before {
border-left-color: #dcd500;
border-bottom-color: #dcd500; }
.button-append button.btn:after {
content: " ";
position: absolute;
display: block;
right: 0;
bottom: 0;
top: 14px;
transform: translate(0, -50%);
height: 28px;
width: 28px;
border-radius: 28px;
border: 1px solid #dcd500;
background: #dcd500;
z-index: 2;
transition: width 300ms ease; }
.button-append button.btn span {
display: none; }
.cb-delivery {
margin-bottom: 40px;
margin-top: 80px; }
@media only screen and (max-width: 767px) {
.cb-delivery {
margin-top: 30px; } }
.delivery-top h1, .delivery-top h2 {
margin-top: 0;
padding: 0 1rem; }
.form-group.group-zip {
float: left;
width: 25%; }
.form-group.group-city {
float: right;
width: 70%; }
.form-group.group-taf {
clear: both; }
@media only screen and (max-width: 767px) {
.location-details .location-jobs ul li {
height: 54px;
padding-top: 0;
padding-bottom: 0;
line-height: 1.0;
display: flex;
flex-direction: column;
justify-content: center;
padding-right: 150px; }
.location-details .location-jobs ul li strong {
display: block; } }
.location-jobs li.jobs-loading {
background: url('../../../typo3conf/ext/hig_site/Resources/Public/img/Ripple-1s-200px.svg') no-repeat center center;
padding: 40px 0 !important; }
#search_city,
#search_jobtype,
#search_hiretype {
text-align: center; }
article .ce-doublebannerwrap {
display: flex; }
article .ce-doublebanner .on-image-content-bottom .text-center {
display: block; }
article .ce-doublebanner .full-width-img {
padding-bottom: 45%; }
@media only screen and (max-width: 767px) {
article .cb-50.ce-doublebanner {
display: block; }
article .cb-100.ce-doublebannerwrap {
height: calc(var(--vh, 1vh)* 100 - 48px) !important;
display: flex;
flex-flow: column nowrap;
margin-bottom: 5px; }
article .cb-100.ce-doublebannerwrap .full-width-img {
padding-bottom: 0;
height: 100%; }
.content-block.cb-50.ce-doublebanner {
display: flex;
flex: 1 0 50%;
margin-bottom: 3px; }
article .cb-100.ce-doublebannerwrap.ce-doublevideo {
height: auto !important;
display: block; }
article .cb-100.ce-doublebannerwrap.ce-doublevideo .full-width-img {
padding-bottom: 45%; }
article .cb-100.ce-doublebannerwrap.ce-doublevideo .full-width-img.full-width-video {
padding: 0; } }
.clearFormField {
clear: both;
overflow: hidden; }
.mw-50 {
max-width: 50%; }
@media only screen and (min-width: 767px) {
.raffle-mex-intro .article-pw {
background-color: #FFEA64;
background: #ffea64;
background: linear-gradient(180deg, #ffea64 320px, #ea5297 320px, #ea5297 470px, #ffea64 470px); } }
.raffle-mex .article-pw .max-width-content,
.raffle-mex .article-pw .cb-form form {
max-width: 1120px;
width: 1120px; }
.raffle-mex .article-pw {
background-color: #FFEA64; }
.raffle-mex .form-group-statictext h2,
.raffle-mex h1 {
font-family: "Avenir Next LT W05 Medium Cond";
font-weight: 700;
color: #EA5297;
line-height: 1.1; }
.raffle-mex .form-group-statictext.mb-2 {
margin-bottom: 2rem; }
.raffle-mex h1 {
margin-top: 25px; }
.raffle-mex .form-group-statictext h2,
.raffle-mex .raffle-intro {
text-align: center;
line-height: 1.1; }
.raffle-mex .form-group-statictext h2 {
margin: 5px 0; }
.raffle-mex .raffle-header {
height: 450px;
background: url(/typo3conf/ext/hig_site/Resources/Public/img/mex/Pinata_Party_Headline.svg) no-repeat;
background-size: 30%;
background-position: 5% 35%;
top: 10%; }
.raffle-mex .raffle-header .lamas {
background: url(/typo3conf/ext/hig_site/Resources/Public/img/mex/HiG_Pinatas_Kombi_auf_Magenta_39L.png) no-repeat;
background-size: 100%;
display: block;
width: 580px;
height: 370px;
position: relative;
top: 70px;
left: 50%;
margin-left: -290px; }
.raffle-mex .raffle-header .lamas h2 {
display: none; }
.raffle-mex .raffle-header .badge {
background: url(/typo3conf/ext/hig_site/Resources/Public/img/mex/HiG_PinataParty_Stoerer_DE_Gewinne.png) no-repeat;
background-size: 100%;
display: block;
width: 19%;
height: 19%;
position: absolute;
right: 4%;
top: 1%;
transform: rotate(10deg); }
.raffle-mex .raffle-header .badge h3 {
display: none; }
.raffle-mex .raffle-counter {
display: flex;
justify-content: space-around;
align-items: center;
padding: 3rem 10% 1rem;
margin-bottom: 0rem; }
.raffle-mex .raffle-counter .rc-count {
font-weight: 700;
font-family: 'Avenir Next LT W05 Medium Cond';
display: flex;
flex-direction: column;
align-items: center;
font-size: 25px;
min-width: 120px; }
.raffle-mex .raffle-counter .rc-count div {
color: #EA5297;
border: 4px solid #42B9BD;
border-radius: 100px;
padding: 0;
font-size: 43px;
display: flex;
justify-content: center;
align-items: center;
width: 65px;
height: 65px; }
.raffle-mex .raffle-counter .rc-count span {
text-align: center;
margin-top: 20px; }
.raffle-mex .raffle-counter .rc-count.checked div {
background: #42B9BD url(/typo3conf/ext/hig_site/Resources/Public/img/mex/rc-checkmark.svg) no-repeat center center;
font-size: 0;
color: transparent; }
.raffle-mex .raffle-counter .rc-border {
height: 1px;
width: 20%;
background-image: linear-gradient(to right, #EA5297 70%, transparent 70%);
background-position: left center;
background-size: 30px 1px;
background-repeat: repeat-x;
margin-top: -45px; }
.raffle-mex .rc-steps {
display: flex;
justify-content: space-around;
align-items: center;
padding: 0 0 7rem;
background: url(/typo3conf/ext/hig_site/Resources/Public/img/mex/ZickZack_Linie_kurz.png) no-repeat;
background-position: center bottom;
background-size: 600px; }
.raffle-mex .rc-steps .rc-step {
font-weight: 700;
font-family: 'Avenir Next LT W05 Medium Cond';
display: flex;
flex-direction: column;
align-items: center;
font-size: 25px;
min-width: 120px;
flex-basis: calc(100% / 3); }
.raffle-mex .rc-steps .rc-img {
min-height: 380px;
display: flex;
align-items: center; }
.raffle-mex .rc-steps .rc-img img {
width: 100%; }
.raffle-mex .rc-steps .rc-arw {
background: url(/typo3conf/ext/hig_site/Resources/Public/img/mex/HiG_Illu_Pfeil-Mexico.png) no-repeat;
background-size: 100%;
width: 82px;
height: 56px;
margin-top: 20rem; }
.raffle-mex .rc-steps .rc-hl {
font-weight: 700;
font-family: "Avenir Next LT W05 Demi Cond";
color: #EA5297;
text-transform: uppercase;
font-size: 45px;
margin-bottom: 1rem; }
.raffle-mex .rc-steps .rc-cp {
padding: 0 5rem; }
.raffle-mex .rc-cta {
background: url(/typo3conf/ext/hig_site/Resources/Public/img/mex/HiG_Pinatas_Orange_auf_Gelb_39L.png) 10% center, url(/typo3conf/ext/hig_site/Resources/Public/img/mex/HiG_Pinata_Blau_auf_Gelb_39L.png) center right;
background-repeat: no-repeat;
padding: 1rem 10rem 14rem;
margin: 3rem;
display: flex;
align-items: center;
justify-content: center; }
.raffle-mex .content-block .text-rte p {
font-size: 18px; }
.raffle-mex .rc-cta a,
.raffle-mex .actions .btn-primary {
background: #EA5297;
color: #fff;
padding: 1.3rem 5rem;
border-radius: 100px;
font-size: 40px;
font-family: "Avenir Next LT W05 Demi Cond";
text-transform: uppercase;
text-decoration: none; }
.raffle-mex .rc-cta a span,
.raffle-mex .actions .btn-primary span {
background: url(/typo3conf/ext/hig_site/Resources/Public/img/mex/rc-arrow.svg) right center no-repeat;
padding: 0 2.5rem 0 0; }
.raffle-mex .rc-cta a:hover,
.raffle-mex .actions .btn-primary:hover {
background: #42B9BD;
color: #FFEA64; }
.raffle-mex .rc-cta a:hover span,
.raffle-mex .actions .btn-primary:hover span {
background: url(/typo3conf/ext/hig_site/Resources/Public/img/mex/rc-arrow-y.svg) right center no-repeat; }
.raffle-mex .actions .btn-group {
text-align: center;
margin: 3rem auto 1rem;
background: url(/typo3conf/ext/hig_site/Resources/Public/img/mex/ZickZack_Linie_kurz.png) no-repeat;
padding: 5rem 0 13rem;
background-position: center top;
background-size: 600px; }
.raffle-mex .actions .btn-group.next, .raffle-mex .actions .btn-group.previous {
background: none; }
.raffle-mex .actions .btn-group.previous {
display: none; }
.raffle-mex .actions .btn-group .spacer-40 {
height: 0; }
.raffle-mex .actions .btn-group .btn-primary {
padding: 1rem 7rem 1rem 5rem;
background: #EA5297 url(/typo3conf/ext/hig_site/Resources/Public/img/mex/rc-arrow.svg) 85% center no-repeat;
border: none;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
height: auto; }
.raffle-mex .actions .btn-group .btn-primary:hover {
background-color: #42B9BD;
color: #FFEA64; }
.raffle-mex .actions .link-wrapper button:before,
.raffle-mex .actions .link-wrapper:after {
content: none; }
.raffle-mex .cb-form .floatinglabel,
.raffle-mex .checkbox-elem {
padding: 0 15%; }
.raffle-mex .rc-bb {
padding: 0rem 15% 0rem;
}
.raffle-mex .rc-lama {
padding: 1rem 0rem;
background: url(/typo3conf/ext/hig_site/Resources/Public/img/mex/HiG_Pinatas_Kombi_auf_Gelb_39L.png) no-repeat;
background-position: right bottom;
height: 550px;
background-size: 37%;
display: block;
margin-bottom: -550px; }
.raffle-mex .rc-lama h2 {
display: none;
opacity: 0; }
.raffle-mex .rc-imageupload {
margin-top: 2rem;
margin-bottom: 1rem; }
.raffle-mex .rc-imageupload .control-label {
background-color: #EA5297;
background: #EA5297 url(/typo3conf/ext/hig_site/Resources/Public/img/mex/HiG_Illu_Upload-Wolke.png) 50% 35% no-repeat;
background-size: 45%;
padding: 0;
width: 100%;
font-size: 0;
display: block;
min-height: 430px;
position: relative; }
.raffle-mex .rc-imageupload .control-label:after {
content: attr(title);
font-family: "Avenir Next LT W05 Demi Cond";
color: #fff;
position: absolute;
bottom: 1rem;
font-size: 38px;
width: 100%;
text-align: center; }
.raffle-mex .rc-imageupload .control-label:after:hover {
color: red; }
.raffle-mex .rc-imageupload .control-label:hover:after {
color: #FFEA64; }
.raffle-mex .rc-imageupload .input input {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1; }
.raffle-mex .btn-cancel {
border: none; }
.raffle-mex .article-pw .form-check label {
font-size: 16px;
display: inline-block;
padding-left: 28px; }
.raffle-mex .article-pw .input input.form-control {
background: transparent;
color: #EA5297;
font-family: "Avenir Next LT W05 Demi Cond";
border-bottom: 1px solid #42B9BD;
font-size: 20px;
text-transform: uppercase;
margin-bottom: 10px; }
.raffle-mex .article-pw .input input.form-control::placeholder {
color: #EA5297;
font-family: "Avenir Next LT W05 Demi Cond";
font-weight: 700; }
.raffle-mex .cw-wrapper input[type=checkbox] {
background: transparent;
border: 1px solid #EA5297;
position: absolute;
left: 0;
top: 3px; }
@media only screen and (max-width: 767px) {
.raffle-mex .cb-form .floatinglabel,
.raffle-mex .checkbox-elem,
.raffle-mex .rc-bb {
padding-left: 0;
padding-right: 0; }
.raffle-mex .rc-bb {
padding-bottom: 2rem; }
.raffle-mex .raffle-header {
height: 43vh;
background-size: 60%;
background-position: 5% 90%;
top: 10%;
border-bottom: 66px solid #EA5297; }
.raffle-mex .raffle-header .lamas {
display: block;
height: 42vh;
top: 0;
left: 0;
margin-left: 0;
width: 100%;
background-size: 50%;
background-position: bottom right;
position: relative; }
.raffle-mex .raffle-header .badge {
background-size: 100%;
display: block;
width: 130px;
height: 130px;
position: absolute;
right: 10px;
top: 10px; }
.raffle-mex .raffle-counter .rc-count {
min-width: auto;
font-size: 15px; }
.raffle-mex .raffle-counter .rc-count div {
font-size: 25px;
width: 40px;
height: 40px;
margin: 0 10px; }
.raffle-mex .form-group-statictext h2,
.raffle-mex h1 {
font-size: 7.7vw;
padding-left: 0;
padding-right: 0; }
.raffle-mex .rc-steps {
flex-direction: column;
background-size: 80%; }
.raffle-mex .rc-steps .rc-img {
min-height: 300px; }
.raffle-mex .rc-steps .rc-img img {
width: 70%;
margin: 2rem auto 1rem; }
.raffle-mex .rc-steps .rc-arw {
transform: rotate(90deg);
margin-top: 3rem; }
.raffle-mex .rc-cta {
margin: 0;
padding: 4rem 1rem 15rem;
background: url(/typo3conf/ext/hig_site/Resources/Public/img/mex/HiG_Pinatas_Kombi_auf_Gelb_39L.png) no-repeat;
background-position: center 85%;
background-size: 60%; }
.raffle-mex .rc-cta a {
padding: 1rem 3rem;
font-size: 6vw; }
.raffle-mex .actions .btn-group .btn-primary {
padding: 1rem 5rem 1rem 3rem;
font-size: 6vw; }
.raffle-mex .article-pw .max-width-content,
.raffle-mex .article-pw .cb-form form {
max-width: 100%;
width: 100%; }
.raffle-mex .article-pw .cb-form form {
margin-top: 20px; }
.raffle-mex .raffle-counter .rc-border {
background-size: 10px 1px;
margin-top: -33px; }
.raffle-mex .rc-imageupload .control-label {
min-height: 230px; }
.raffle-mex .rc-imageupload .control-label:after {
font-size: 23px; }
.raffle-mex .actions .btn-group {
margin-bottom: 0;
padding-top: 3rem;
background-size: 100%; }
.raffle-mex .rc-lama {
background-position: center center;
height: 430px;
background-size: 48%;
display: block;
margin-bottom: -490px; }
.raffle-mex .raffle-counter .rc-count.checked div {
background-size: 70%; } }
.raffle-mex-2 h3 {
font-size: 0;
color: transparent; }
.raffle-mex-2 .article-pw .cw-wrapper {
background: url(/typo3conf/ext/hig_site/Resources/Public/img/mex/HiG_Danke_Sprechblase.png) no-repeat, url(/typo3conf/ext/hig_site/Resources/Public/img/mex/HiG_Pinatas_Kombi_auf_Gelb_39L.png) no-repeat;
background-position: 5% 1%, right 90%;
background-size: 40%, 73%;
min-height: 900px;
max-width: 800px;
width: 100%; }
@media only screen and (max-width: 767px) {
.raffle-mex-2 .article-pw .cw-wrapper {
min-height: 100vh;
background-position: 5% 12%, right 78%;
background-size: 63%, 88%; } }
.form_slider .form_slide {
display: none; }
.form_slider .form_slide.active {
display: block; }
.form_slider .form_nav.btn-group {
display: flex;
justify-content: space-around; }
.form_slider .booking_overview {
color: #dcd500;
font-family: "Avenir Next LT W05 Medium Cond";
text-align: center;
width: 100%;
display: inline-block; }
.link-wrapper.previous:after {
left: 0;
right: auto; }
.link-wrapper.previous a {
padding-right: 12px;
padding-left: 34px; }
.link-wrapper.previous a:before {
right: auto;
left: 10px;
transform: translate(0, -50%) rotate(45deg) !important; }
#booking {
max-width: 500px;
padding: 0 3rem 3rem 3rem;
margin: 0 auto; }
@media only screen and (max-width: 767px) {
#booking {
} }
#booking .h3 {
text-align: center;
margin-top: 0px;
margin-bottom: 10px;
text-transform: uppercase; }
#booking h2, #booking h4 {
text-align: center;
margin-top: 0px;
margin-bottom: 10px;
text-transform: uppercase; }
#booking .center-label {
text-align: center;
display: inline-block;
width: 100%; }
#booking .booking_max,
#booking .booking_phone,
#booking .booking_terms {
font-size: 16px; }
#booking .booking_phone {
margin-bottom: 15px; }
#booking .booking_thx,
#booking .booking_wait {
text-align: center; }
#booking .form-check-label span {
}
#booking .form-check-label input {
padding: 0; }
#booking .booking_closed {
color: #BE0000;
font-size: 17px;
padding: 20px 10px;
text-align: center; }
#promotime-overlay-image {
max-width: 100%; }
#promotime-overlay-description {
padding: 10px; }
#newsletter-postform-overlay {
position: fixed; }
.form-group.required .input input,
.form-group .input input.required {
border-color: #BE0000; }
.jobsearch-filter.active_selection,
.nice-select.active_selection {
background-color: #fff9cd; }
.jobsearch-filter.active_selection .current,
.nice-select.active_selection .current {
font-family: "Avenir Next LT W05 Demi Cond"; }
.jobs-form button.delete {
font: 14px/1 "Avenir Next LT W05 Demi Cond";
color: #535353;
text-transform: uppercase;
border: 0;
text-decoration: underline;
float: right;
height: auto;
padding: 0;
line-height: 1;
margin: 0 20px; }
.jobs-form button.delete:active, .jobs-form button.delete.nice-select.open {
text-decoration: none; }
.jobs-form-button {
flex: 0 0 100%; }
.career-body article.cw-wrapper {
max-width: none; }
.career-body article.cw-wrapper .content-block {
max-width: 1280px;
margin: 0 auto;
padding: 0; }
.career-body article.cw-wrapper .content-block.content-career-header {
max-width: none; }
@media only screen and (max-width: 768px) {
.career-body article.cw-wrapper .content-block.content-career-header {
margin-top: 60px; } }
@media only screen and (max-width: 768px) {
.career-body article.cw-wrapper .content-block.content-career-header .full-width-video {
padding-bottom: 45%; } }
.career-body article.cw-wrapper .content-block.content-career-header .full-width-text {
max-width: 1280px;
margin: 0 auto;
padding: 4rem 0; }
@media only screen and (max-width: 768px) {
.career-body article.cw-wrapper .content-block.content-career-header .full-width-text {
padding: 2rem; } }
.content-career .title {
color: #D6CA00;
font-family: "Avenir Next LT W05 Demi Cond";
font-size: 110px;
margin-bottom: 3.8rem;
line-height: 1;
letter-spacing: -0.03em; }
@media only screen and (max-width: 768px) {
.content-career .title {
font-size: 17vw;
margin-bottom: 2.8rem; } }
.content-career .copy {
font-size: 32px;
font-size: 1.8vw;
line-height: 1.2; }
@media only screen and (min-width: 1800px) {
.content-career .copy {
font-size: 32px; } }
@media only screen and (max-width: 768px) {
.content-career .copy {
font-size: 21px; } }
.career-button {
background: url(/typo3conf/ext/hig_site/Resources/Public/img/career-button.png) no-repeat;
background-size: 100% 100%;
width: 230px;
height: 230px;
display: inline-block;
text-align: center;
line-height: 70px;
font-size: 24px;
position: fixed;
right: 20px;
top: 170px;
display: flex;
align-items: center;
justify-content: center;
z-index: 999; }
.career-button a {
font-family: "Avenir Next LT W05 Demi Cond";
color: #fff;
text-decoration: none;
font-size: 63px;
line-height: 0.5;
width: 150px;
display: inline-block; }
.career-button a:hover {
text-decoration: none;
opacity: 0.95; }
.career-button a span {
text-transform: uppercase;
font-size: 31px; }
@media only screen and (max-width: 768px) {
.career-button {
background: #681C7B;
width: 100%;
height: 60px;
top: 48px;
left: 0;
right: 0; }
.career-button a {
font-size: 31px;
width: 100%;
line-height: 1;
text-transform: uppercase; } }
.career-body article.cw-wrapper .content-career-identity {
max-width: 100%; }
.content-career-identity {
background: #f9f1cd;
max-width: 100%;
padding: 4rem 0;
display: flex;
flex-direction: row; }
.content-career-identity .career-center {
flex: 0 0 40%;
max-width: 40%;
padding: 4rem 0 4rem; }
@media only screen and (max-width: 768px) {
.content-career-identity .career-center {
padding: 1rem 5px;
flex: 0 0 64%;
max-width: 64%; } }
.content-career-identity .career-images {
flex: 0 0 30%;
display: grid;
grid-auto-rows: 1fr;
grid-template-columns: 1fr 1fr; }
@media only screen and (max-width: 768px) {
.content-career-identity .career-images {
grid-template-columns: 1fr;
flex: 0 0 18%; } }
@media only screen and (max-width: 768px) {
.content-career-identity .career-images .career-slide-2, .content-career-identity .career-images .career-slide-3 {
display: none !important;
visibility: hidden; } }
.content-career-identity .career-images div {
padding: 2rem 1rem;
display: flex;
justify-content: center; }
@media only screen and (max-width: 768px) {
.content-career-identity .career-images div {
padding: 10px 5px;
display: flex;
align-items: center; } }
.content-career-identity .career-images div img {
border-radius: 10rem;
width: 100%;
height: auto;
max-width: 270px;
max-height: 520px; }
.content-career-identity .title {
font-size: 220px;
font-size: 8vw;
line-height: 0.9;
padding: 0 6%; }
@media only screen and (max-width: 768px) {
.content-career-identity .title {
font-size: 12vw;
margin-bottom: 0;
padding: 0; } }
.career-copy-slider-wrapper .slider {
color: inherit;
font-size: inherit; }
@media only screen and (max-width: 768px) {
.career-copy-slider-wrapper .slider {
font-size: 17px;
padding-bottom: 150%; } }
.career-copy-slider-wrapper .slide {
padding: 0 4vw;
background: #f9f1cd;
display: flex !important;
line-height: 1.3;
flex-direction: column;
justify-content: center; }
@media only screen and (max-width: 768px) {
.career-copy-slider-wrapper .slide {
padding: 0 40px;
line-height: 1.2; } }
.career-copy-slider-wrapper .slide:after {
content: none; }
.career-copy-slider-wrapper .slider-button {
left: -10px; }
.career-copy-slider-wrapper .slider-button-right {
right: -10px;
left: auto; }
.career-copy-slider-wrapper .slider-button::after {
border-color: #D6CA00;
width: 20px;
height: 20px; }
.content-career-jobmenu {
max-width: 100% !important; }
.content-career-jobmenu .text-center {
padding: 4rem 0; }
.content-career-jobmenu .title {
color: #000; }
.career-job-carousel {
max-width: 1800px;
margin: 0 auto;
padding: 2rem 2rem 7rem;
display: grid;
grid-auto-rows: 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
column-gap: 0remm;
row-gap: 7rem; }
.career-job-carousel.opening-food-carousel {
padding-bottom: 2rem; }
.career-job-carousel.carousel-slidecount-3 {
grid-template-columns: 1fr 1fr 1fr; }
.career-job-carousel.carousel-slidecount-2 {
grid-template-columns: 1fr 1fr; }
.career-job-carousel.carousel-slidecount-1 {
grid-template-columns: 1fr; }
@media only screen and (max-width: 1600px) {
.career-job-carousel {
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr; } }
@media only screen and (max-width: 768px) {
.career-job-carousel {
grid-template-columns: 1fr;
row-gap: normal;
column-gap: normal;
display: flex;
flex-direction: column;
padding-bottom: 1rem; } }
.career-job-carousel .jobcat {
max-width: 390px;
max-height: 360px;
aspect-ratio: 1/1;
margin: 0 auto;
-webkit-transition: all 400ms ease-out;
-moz-transition: all 400ms ease-out;
-ms-transition: all 400ms ease-out;
-o-transition: all 400ms ease-out;
transition: all 400ms ease-out;
}
@media only screen and (max-width: 768px) {
.career-job-carousel .jobcat {
max-height: none;
margin-bottom: 4.5rem;
aspect-ratio: auto;
padding: 0 20px; } }
.career-job-carousel .jobcat a {
text-decoration: none; }
.career-job-carousel .jobcat img {
width: 100%;
height: auto;
max-width: 400px;
max-height: 400px; }
@media only screen and (max-width: 768px) {
.career-job-carousel .jobcat .jobcopy {
text-align: center;
padding: 2rem 0; } }
.career-job-carousel .jobcat .jobtitle {
background-color: #000;
text-align: center;
color: #fff;
font-size: 3vw;
text-transform: uppercase;
font-family: "Avenir Next LT W05 Demi Cond";
display: block;
width: 100%;
text-decoration: none; }
@media only screen and (min-width: 1600px) {
.career-job-carousel .jobcat .jobtitle {
font-size: 55px; } }
@media only screen and (max-width: 768px) {
.career-job-carousel .jobcat .jobtitle {
font-size: 9vw; } }
.career-job-carousel .jobcat .r-mobile {
text-align: center; }
.career-job-carousel.slider-wrapper .slider-button {
top: 35%;
left: 15px; }
.career-job-carousel.slider-wrapper .slider-button-right {
left: auto;
right: 15px; }
.content-career .joblink {
background-color: #D6CA00;
color: #000;
text-transform: uppercase;
border-radius: 10vw;
padding: 5px 2rem;
margin: 0 auto;
display: inline-block;
font-family: "Avenir Next LT W05 Demi Cond";
font-size: 1.8vw; }
@media only screen and (max-width: 768px) {
.content-career .joblink {
font-size: 6vw; } }
.career-job-descs {
padding: 0rem 0 4rem;
max-width: 1200px;
margin: 0 auto;
text-align: center; }
.career-job-descs .career-jobdesc {
display: none; }
.career-job-descs .career-jobdesc .jobtitle {
color: #000;
font-size: 90px; }
.career-job-descs #jobdesc-0 {
display: block; }
.career-label {
background: rgba(231, 201, 0, 0.25);
background: #e7c90040;
max-width: 100%;
width: 100%;
color: #D6CA00;
font-family: "Avenir Next LT W05 Demi Cond";
font-size: 90px;
margin-top: 0rem;
line-height: 1;
letter-spacing: -0.04em;
text-transform: uppercase;
text-align: center;
padding: 20px 0; }
@media only screen and (max-width: 768px) {
.career-label {
font-size: 15vw; } }
.career-central {
display: flex;
flex-direction: row;
justify-content: center;
align-items: start;
max-width: 1100px;
margin: 0 auto;
padding: 4rem 0; }
@media only screen and (max-width: 768px) {
.career-central {
padding-top: 2rem;
padding-bottom: 2rem; } }
.career-central a {
margin: 0 2rem 1rem 0;
flex: 0 0 40%; }
.career-central a img {
width: 100%;
height: auto; }
.career-central .link-wrapper {
font-size: 20px; }
.career-central .link-wrapper a {
margin: auto; }
@media only screen and (max-width: 768px) {
.career-central {
flex-direction: column; }
.career-central a {
margin: 0 0 2rem;
width: 100%;
overflow: hidden;
display: block; }
.career-central .copy {
padding: 0 4rem 2rem; } }
.career-central .copy .text {
width: 100%;
text-align: center;
margin-top: 1rem; }
.career-central .r-mobile {
text-align: center;
width: 100%; }
.career-central .slider-wrapper {
width: 460px;
height: 400px; }
@media only screen and (max-width: 768px) {
.career-central .slider-wrapper {
width: 100%; } }
.content-career-benefits {
position: relative;
width: 100%;
max-width: 100% !important;
display: grid;
grid-auto-rows: 1fr;
grid-template-columns: 1fr 1fr; }
@media only screen and (max-width: 1400px) {
.content-career-benefits {
grid-template-columns: 1fr; } }
@media only screen and (max-width: 768px) {
.content-career-benefits {
grid-template-rows: 1fr 2fr; } }
.content-career-benefits .benefits-image {
background-color: #D6CA00;
padding: 0;
position: relative; }
.content-career-benefits .benefits-image img {
width: 100%;
height: auto; }
.content-career-benefits .benefits-copy {
padding: 4rem 3rem 4rem 10rem;
background: rgba(231, 201, 0, 0.25);
background: #e7c90040;
text-align: left; }
@media only screen and (max-width: 1400px) {
.content-career-benefits .benefits-copy {
padding: 10rem 2rem 4rem 2rem; } }
.content-career-benefits .benefits-copy .title {
letter-spacing: normal;
font-size: 100px; }
@media only screen and (max-width: 768px) {
.content-career-benefits .benefits-copy .title {
font-size: 15vw; } }
@media only screen and (min-width: 768px) {
.content-career-benefits .benefits-copy .copy {
font-size: 1.7vw; } }
.content-career-benefits .benefits-copy .title, .content-career-benefits .benefits-copy .copy {
text-align: left; }
.content-career-benefits .benefits-circle {
position: absolute;
left: 50%;
top: 50%;
width: 200px;
height: 200px;
margin: -100px;
animation: rotate 24s infinite linear; }
@media only screen and (max-width: 768px) {
.content-career-benefits .benefits-circle {
top: 33%; } }
@keyframes rotate {
from {
transform: rotate(0deg); }
to {
transform: rotate(360deg); } }
.content-career-locations .title {
padding-top: 4rem;
color: #000; }
.content-career-locations .title, .content-career-locations .copy {
text-align: center; }
@media only screen and (max-width: 1400px) {
.content-career-locations .copy {
padding: 1rem 2rem; } }
.content-career-locations .career-locations {
display: flex;
flex-direction: column;
justify-content: center;
padding: 4rem 0; }
@media only screen and (max-width: 768px) {
.content-career-locations .career-locations {
overflow: hidden;
max-width: 100%;
width: 100%; } }
.marquee {
position: relative;
top: 0;
left: 0;
width: 100%;
height: 70px;
display: block;
transform-origin: 50% 100%;
transition: transform 0.25s; }
@media only screen and (max-width: 768px) {
.marquee {
height: 40px; } }
.marquee .inner {
position: absolute;
top: 0;
left: 0;
display: flex;
align-items: flex-end;
font-size: 2.5rem;
white-space: nowrap; }
@media only screen and (max-width: 768px) {
.marquee .inner {
font-size: 1.5rem; } }
.marquee .inner a {
text-decoration: none; }
.marquee .inner > * {
padding: 0; }
.marquee .inner > *:after {
content: "•";
padding: 0 3rem;
color: #D6CA00; }
@media only screen and (max-width: 768px) {
.marquee .inner > *:after {
padding: 0 1rem; } }
.content-career-contact {
display: grid;
grid-template-columns: 1fr 1fr; }
@media only screen and (max-width: 768px) {
.content-career-contact {
display: flex;
flex-direction: column; } }
.content-career-contact .career-logos {
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: end;
padding-right: 4rem; }
@media only screen and (max-width: 768px) {
.content-career-contact .career-logos {
flex-direction: row;
padding: 2rem 2rem;
justify-content: center; } }
@media only screen and (max-width: 768px) {
.content-career-contact .career-logos img {
width: 90%;
height: auto;
margin: 0 1rem; } }
.content-career-contact .career-contact {
border-left: 4px solid #D6CA00;
padding: 4rem;
}
@media only screen and (max-width: 768px) {
.content-career-contact .career-contact {
border-top: 4px solid #D6CA00;
border-left: none;
padding: 2rem; } }
.content-career-contact .career-contact .title {
padding-bottom: 0rem;
text-align: left; }
@media only screen and (max-width: 768px) {
.content-career-contact .career-contact .title {
margin-bottom: 2rem;
text-align: center; } }
@media only screen and (max-width: 768px) {
.content-career-contact .career-contact .copy {
text-align: center; } }
.content-career-contact .career-contact a {
background-color: #D6CA00;
color: #fff;
font-size: 1.5vw;
padding: 4px 10px;
text-decoration: none; }
@media only screen and (max-width: 768px) {
.content-career-contact .career-contact a {
font-size: 5vw; } }
body.burger-smash .article-pw {
background-color: #33143c; }
@media only screen and (max-width: 768px) {
body.burger-smash .article-pw {
background-color: #000; } }
body.burger-smash .doublesmash {
padding: 4rem 0 4rem; }
@media only screen and (max-width: 768px) {
body.burger-smash .doublesmash {
background-size: contain;
padding-top: 1rem; } }
body.burger-smash .doublesmash .link-wrapper a {
font-size: 30px; }
body.burger-smash .cb-burgerspecial {
background: url(/typo3conf/ext/hig_site/Resources/Public/img/new/HiG_Smashburger_ohneCheddarcreme_lila_LP_Desktop.jpg) no-repeat top center; }
@media only screen and (max-width: 768px) {
body.burger-smash .cb-burgerspecial {
background: url(/typo3conf/ext/hig_site/Resources/Public/img/new/HiG_Smashburger_ohneCheddarcreme_lila_LP_Mobile[65].jpg) no-repeat top center;
background-size: contain; } }
body.burger-smash .cb-burgerspecial .burgerspecial-top {
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between; }
@media only screen and (max-width: 768px) {
body.burger-smash .cb-burgerspecial .burgerspecial-top {
min-height: 80vh; } }
body.burger-smash .cb-burgerspecial .burgerspecial-top .input-search {
max-width: 85%;
width: 100%; }
body.burger-smash .cb-burgerspecial .burgerspecial-top .input-search a {
display: none; }
body.burger-smash .cb-burgerspecial .burgerspecial-top .input-search input {
background-color: transparent;
color: #fff;
border: 3px solid #fff !important;
height: 60px;
padding: 20px !important;
font-size: 20px;
width: 100% !important; }
@media only screen and (max-width: 768px) {
body.burger-smash .cb-burgerspecial .burgerspecial-top .input-search input {
border-width: 1px !important;
font-size: 14px;
height: 36px;
padding: 10px !important; } }
body.burger-smash .cb-burgerspecial h1 {
display: block;
width: 100%;
height: 25vw;
max-height: 400px;
background: url(/typo3conf/ext/hig_site/Resources/Public/img/new/241205_HiG_SmashBurger_neu_HL_TimeToSmash.svg) no-repeat center center;
background-size: contain; }
@media only screen and (max-width: 768px) {
body.burger-smash .cb-burgerspecial h1 {
height: 40vw; } }
body.burger-smash .cb-burgerspecial h1 span {
display: none;
visibility: hidden; }
body.burger-smash .cb-burgerspecial h2 {
color: #fff;
padding: 0 25%;
text-transform: none; }
@media only screen and (max-width: 768px) {
body.burger-smash .cb-burgerspecial h2 {
padding: 0; } }
body.burger-smash .cb-burgerspecial h3 {
color: #fff;
text-transform: none;
font-family: "Avenir Next LT W05 Demi Cond";
font-size: 50px; }
@media only screen and (max-width: 768px) {
body.burger-smash .cb-burgerspecial h3 {
font-size: 15px;
margin: 10px; } }
body.burger-smash .cb-burgerspecial .burgerspecial-search-form {
background: transparent;
padding: 10px 30px 20px 30px;
width: 60%;
margin-left: 20%;
border: 3px solid #fff; }
@media only screen and (max-width: 1000px) {
body.burger-smash .cb-burgerspecial .burgerspecial-search-form {
width: 75%;
margin-left: 12%; } }
@media only screen and (max-width: 768px) {
body.burger-smash .cb-burgerspecial .burgerspecial-search-form {
width: 100%;
margin-left: 0;
padding: 10px 10px 5px 10px;
border-width: 1px;
margin-bottom: 0; } }
body.burger-smash .cb-burgerspecial .burgerspecial-list {
float: none;
width: 100%;
padding: 30px 50px; }
@media only screen and (max-width: 768px) {
body.burger-smash .cb-burgerspecial .burgerspecial-list {
padding: 20px 0px 0px; } }
body.burger-smash .cb-burgerspecial .burgerspecial-list ul {
border: none;
background: #943c92; }
body.burger-smash .cb-burgerspecial .burgerspecial-list li {
height: 80px; }
body.burger-smash .cb-burgerspecial .burgerspecial-list li a.loc-link {
color: #fff;
text-align: left;
padding: 12px 10px 12px 10px;
font-size: 24px;
line-height: 25px; }
@media only screen and (max-width: 768px) {
body.burger-smash .cb-burgerspecial .burgerspecial-list li a.loc-link {
font-size: 15px; } }
body.burger-smash .cb-burgerspecial .burgerspecial-list li a.loc-link:first-child {
border-top: none; }
body.burger-smash .cb-burgerspecial .burgerspecial-list .special-text {
color: #dcd500;
background: #943c92;
display: inline-block;
padding: 4px 7px;
margin-top: 2px; }
body.burger-smash .cb-burgerspecial .burgerspecial-list .special-text b {
font-family: 'Avenir Next LT W05 Medium Cond';
text-transform: uppercase; }
.smashburger-wrap {
display: flex;
flex-direction: column;
clear: both;
align-items: end; }
@media only screen and (max-width: 768px) {
.smashburger-wrap {
flex-direction: column; } }
.smashburger-wrap .smashburger {
flex: 0 0 50%;
color: #fff;
font-family: "Avenir Next LT W05 Thin Cond";
font-size: 33px;
line-height: 45px;
text-align: left;
padding-bottom: 3rem;
padding-top: 2rem;
text-align: center; }
.smashburger-wrap .smashburger p {
margin-bottom: 2rem; }
@media only screen and (max-width: 768px) {
.smashburger-wrap .smashburger {
font-size: 6vw;
line-height: 1.5; } }
.smashburger-wrap .smashburger .rte-big {
font-family: "Avenir Next LT W05 Demi Cond"; }
@media only screen and (max-width: 768px) {
.smashburger-wrap .smashburger .rte-big {
font-size: 25px; } }
.smashburger-wrap .smashburger .rte-uppercase {
font-family: 'Avenir Next LT W05 Medium Cond';
text-transform: uppercase; }
.smashburger-wrap .smashburger img {
width: 100%;
height: auto;
margin-bottom: 3rem; }
@media only screen and (max-width: 768px) {
.smashburger-wrap .smashburger img {
margin: 0; } }
@media only screen and (max-width: 768px) {
.smashburger-wrap .smashburger div {
padding: 0 1rem; } }
.smashburger-wrap .smashburger-1 {
width: 100%; }
.smashburger-wrap .smashburger-2 {
width: 55%;
padding: 10rem 0 10rem 5%;
background: url(/typo3conf/ext/hig_site/Resources/Public/img/new/241211_HiG_SmashBurger_UpgradeHL.svg), url(/typo3conf/ext/hig_site/Resources/Public/img/new/HiG_Pfeil_CMYK_weiß_r.svg);
background-repeat: no-repeat;
background-position: left top, 246px 41px;
background-size: 230px, 130px; }
@media only screen and (max-width: 768px) {
.smashburger-wrap .smashburger-2 {
width: 100%;
padding: 5rem 0 3rem;
background-size: 115px, 50px;
background-position: 15px 0px, 142px 23px; } }
.smashburger-wrap .smashburger-2 img {
margin-top: 2rem;
margin-bottom: 0; }
@media only screen and (max-width: 768px) {
.smashburger-wrap .smashburger-2 img {
margin: 0; } }
article .content-block .full-video-9-16 {
width: 50%;
padding-bottom: 89%;
margin: 4rem 0 4rem 25%; }
@media only screen and (max-width: 768px) {
article .content-block .full-video-9-16 {
width: 80%;
margin-left: 10%;
padding-bottom: 143%; } }
.select2-container {
font-size: 16px; }
.select2-container .select2-selection--single {
border: none;
border-bottom: 1px solid #dcd500;
border-radius: 0;
height: auto; }
.select2-container .select2-selection--single .select2-selection__rendered {
padding: 7px 10px;
text-transform: uppercase; }
.select2-container .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
color: #535353; }
.select2-selection__arrow {
display: none; }
.select2-dropdown {
border: 1px solid #dcd500;
font-size: 16px;
text-align: center; }
.select2-results__option {
border-bottom: 1px solid #ddd; }
.select2-results__option a,
.select2-results__option .promo {
color: #dcd500; }
.select2-results__option--disabled {
background-color: #f5f5f5; }
.select2-container--default .select2-results__option--selected,
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.select2-container--default .select2-results__option--selected .promo,
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable .promo {
background-color: #dcd500;
color: #ffffff; }
#promotime-overlay {
position: fixed; }
#promotime-overlay-wrap {
overflow: hidden;
position: absolute;
left: 50%;
top: 50%;
width: 800px;
margin: -370px 0 0 -400px;
background-color: #663E7F;
background-image: url('../../../typo3conf/ext/hig_site/Resources/Public/img/nl_topleft.svg'), url('../../../typo3conf/ext/hig_site/Resources/Public/img/nl_btm.svg');
background-position: 5px 6px, 98% 99%;
background-repeat: no-repeat;
border-radius: 36px;
color: #fff;
box-shadow: 3px 6px 12px #00000029;
padding: 40px 55px 40px 55px; }
@media only screen and (max-width: 767px) {
#promotime-overlay-wrap {
left: 0;
right: 0;
top: 10%;
width: 90%;
margin: 0 auto;
padding: 10px 20px 40px 20px;
background-size: 60%, 40%; } }
#promotime-overlay-wrap .btn-close {
display: block !important;
top: 15px;
right: 20px; }
#promotime-overlay-image {
width: auto;
max-height: 200px; }
#promotime-overlay-footer {
border-top: 1px solid #dcd500;
margin-bottom: 50px;
padding-top: 2rem; }
.snowflake {
--size: 1vw;
width: var(--size);
height: var(--size);
background: white;
border-radius: 50%;
position: absolute;
top: -20px; }
@keyframes snowfall {
0% {
transform: translate3d(var(--left-ini), 0, 0); }
100% {
transform: translate3d(var(--left-end), 3800px, 0); } }
.snowflake:nth-child(1) {
--size: 0.2vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 34vw;
animation: snowfall 36s linear infinite;
animation-delay: -1s; }
.snowflake:nth-child(2) {
--size: 0.4vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 18vw;
animation: snowfall 32s linear infinite;
animation-delay: -7s; }
.snowflake:nth-child(3) {
--size: 0.6vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 17vw;
animation: snowfall 40s linear infinite;
animation-delay: -12s; }
.snowflake:nth-child(4) {
--size: 0.2vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 35vw;
animation: snowfall 18s linear infinite;
animation-delay: -30s; }
.snowflake:nth-child(5) {
--size: 0.4vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 80vw;
animation: snowfall 20s linear infinite;
animation-delay: -2s; }
.snowflake:nth-child(6) {
--size: 0.3vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 8vw;
animation: snowfall 34s linear infinite;
animation-delay: -15s; }
.snowflake:nth-child(7) {
--size: 0.3vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 12vw;
animation: snowfall 37s linear infinite;
animation-delay: -4s; }
.snowflake:nth-child(8) {
--size: 0.1vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 20vw;
animation: snowfall 33s linear infinite;
animation-delay: -2s; }
.snowflake:nth-child(9) {
--size: 0.1vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 3vw;
animation: snowfall 29s linear infinite;
animation-delay: -19s; }
.snowflake:nth-child(10) {
--size: 0.4vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 35vw;
animation: snowfall 36s linear infinite;
animation-delay: -40s; }
.snowflake:nth-child(11) {
--size: 0.6vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 80vw;
animation: snowfall 33s linear infinite;
animation-delay: -44s; }
.snowflake:nth-child(12) {
--size: 0.2vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 67vw;
animation: snowfall 22s linear infinite;
animation-delay: -31s; }
.snowflake:nth-child(13) {
--size: 0.2vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 69vw;
animation: snowfall 21s linear infinite;
animation-delay: -3s; }
.snowflake:nth-child(14) {
--size: 0.5vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 63vw;
animation: snowfall 28s linear infinite;
animation-delay: -30s; }
.snowflake:nth-child(15) {
--size: 0.5vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 8vw;
animation: snowfall 21s linear infinite;
animation-delay: -40s; }
.snowflake:nth-child(16) {
--size: 0.4vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 10vw;
animation: snowfall 29s linear infinite;
animation-delay: -19s; }
.snowflake:nth-child(17) {
--size: 0.1vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 10vw;
animation: snowfall 21s linear infinite;
animation-delay: -15s; }
.snowflake:nth-child(18) {
--size: 0.1vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 32vw;
animation: snowfall 21s linear infinite;
animation-delay: -29s; }
.snowflake:nth-child(19) {
--size: 0.4vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 21vw;
animation: snowfall 18s linear infinite;
animation-delay: -12s; }
.snowflake:nth-child(20) {
--size: 0.5vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 69vw;
animation: snowfall 24s linear infinite;
animation-delay: -3s; }
.snowflake:nth-child(21) {
--size: 0.2vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 34vw;
animation: snowfall 33s linear infinite;
animation-delay: -45s; }
.snowflake:nth-child(22) {
--size: 0.6vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 12vw;
animation: snowfall 26s linear infinite;
animation-delay: -34s; }
.snowflake:nth-child(23) {
--size: 0.2vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 53vw;
animation: snowfall 31s linear infinite;
animation-delay: -14s; }
.snowflake:nth-child(24) {
--size: 0.2vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 14vw;
animation: snowfall 27s linear infinite;
animation-delay: -16s; }
.snowflake:nth-child(25) {
--size: 0.5vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 49vw;
animation: snowfall 40s linear infinite;
animation-delay: -34s; }
.snowflake:nth-child(26) {
--size: 0.6vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 28vw;
animation: snowfall 31s linear infinite;
animation-delay: -40s; }
.snowflake:nth-child(27) {
--size: 0.4vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 61vw;
animation: snowfall 45s linear infinite;
animation-delay: -14s; }
.snowflake:nth-child(28) {
--size: 0.2vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 54vw;
animation: snowfall 18s linear infinite;
animation-delay: -36s; }
.snowflake:nth-child(29) {
--size: 0.2vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 72vw;
animation: snowfall 36s linear infinite;
animation-delay: -40s; }
.snowflake:nth-child(30) {
--size: 0.1vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 47vw;
animation: snowfall 42s linear infinite;
animation-delay: -27s; }
.snowflake:nth-child(31) {
--size: 0.4vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 20vw;
animation: snowfall 43s linear infinite;
animation-delay: -29s; }
.snowflake:nth-child(32) {
--size: 0.3vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 10vw;
animation: snowfall 37s linear infinite;
animation-delay: -39s; }
.snowflake:nth-child(33) {
--size: 0.6vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 32vw;
animation: snowfall 22s linear infinite;
animation-delay: -13s; }
.snowflake:nth-child(34) {
--size: 0.2vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 57vw;
animation: snowfall 45s linear infinite;
animation-delay: -2s; }
.snowflake:nth-child(35) {
--size: 0.6vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 68vw;
animation: snowfall 45s linear infinite;
animation-delay: -31s; }
.snowflake:nth-child(36) {
--size: 0.6vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 46vw;
animation: snowfall 39s linear infinite;
animation-delay: -15s; }
.snowflake:nth-child(37) {
--size: 0.5vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 18vw;
animation: snowfall 38s linear infinite;
animation-delay: -6s; }
.snowflake:nth-child(38) {
--size: 0.2vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 13vw;
animation: snowfall 40s linear infinite;
animation-delay: -50s; }
.snowflake:nth-child(39) {
--size: 0.6vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 42vw;
animation: snowfall 28s linear infinite;
animation-delay: -20s; }
.snowflake:nth-child(40) {
--size: 0.3vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 44vw;
animation: snowfall 43s linear infinite;
animation-delay: -55s; }
.snowflake:nth-child(41) {
--size: 0.6vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 36vw;
animation: snowfall 36s linear infinite;
animation-delay: -1s; }
.snowflake:nth-child(42) {
--size: 0.2vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 66vw;
animation: snowfall 27s linear infinite;
animation-delay: -45s; }
.snowflake:nth-child(43) {
--size: 0.1vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 6vw;
animation: snowfall 28s linear infinite;
animation-delay: -3s; }
.snowflake:nth-child(44) {
--size: 0.6vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 41vw;
animation: snowfall 23s linear infinite;
animation-delay: -37s; }
.snowflake:nth-child(45) {
--size: 0.4vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 5vw;
animation: snowfall 42s linear infinite;
animation-delay: -33s; }
.snowflake:nth-child(46) {
--size: 0.4vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 64vw;
animation: snowfall 41s linear infinite;
animation-delay: -16s; }
.snowflake:nth-child(47) {
--size: 0.1vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 37vw;
animation: snowfall 27s linear infinite;
animation-delay: -6s; }
.snowflake:nth-child(48) {
--size: 0.5vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 13vw;
animation: snowfall 43s linear infinite;
animation-delay: -51s; }
.snowflake:nth-child(49) {
--size: 0.4vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 8vw;
animation: snowfall 25s linear infinite;
animation-delay: -32s; }
.snowflake:nth-child(50) {
--size: 0.6vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 17vw;
animation: snowfall 18s linear infinite;
animation-delay: -20s; }
.snowflake:nth-child(51) {
--size: 0.5vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 20vw;
animation: snowfall 32s linear infinite;
animation-delay: -37s; }
.snowflake:nth-child(52) {
--size: 0.6vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 44vw;
animation: snowfall 34s linear infinite;
animation-delay: -22s; }
.snowflake:nth-child(53) {
--size: 0.1vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 43vw;
animation: snowfall 32s linear infinite;
animation-delay: -32s; }
.snowflake:nth-child(54) {
--size: 0.6vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 8vw;
animation: snowfall 35s linear infinite;
animation-delay: -52s; }
.snowflake:nth-child(55) {
--size: 0.4vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 77vw;
animation: snowfall 36s linear infinite;
animation-delay: -34s; }
.snowflake:nth-child(56) {
--size: 0.6vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 50vw;
animation: snowfall 19s linear infinite;
animation-delay: -55s; }
.snowflake:nth-child(57) {
--size: 0.2vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 75vw;
animation: snowfall 24s linear infinite;
animation-delay: -7s; }
.snowflake:nth-child(58) {
--size: 0.2vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 22vw;
animation: snowfall 39s linear infinite;
animation-delay: -55s; }
.snowflake:nth-child(59) {
--size: 0.2vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 33vw;
animation: snowfall 43s linear infinite;
animation-delay: -27s; }
.snowflake:nth-child(60) {
--size: 0.6vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 78vw;
animation: snowfall 31s linear infinite;
animation-delay: -32s; }
.snowflake:nth-child(61) {
--size: 0.5vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 80vw;
animation: snowfall 19s linear infinite;
animation-delay: -24s; }
.snowflake:nth-child(62) {
--size: 0.4vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 54vw;
animation: snowfall 43s linear infinite;
animation-delay: -20s; }
.snowflake:nth-child(63) {
--size: 0.5vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 51vw;
animation: snowfall 30s linear infinite;
animation-delay: -22s; }
.snowflake:nth-child(64) {
--size: 0.5vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 8vw;
animation: snowfall 18s linear infinite;
animation-delay: -13s; }
.snowflake:nth-child(65) {
--size: 0.3vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 36vw;
animation: snowfall 26s linear infinite;
animation-delay: -9s; }
.snowflake:nth-child(66) {
--size: 0.5vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 14vw;
animation: snowfall 16s linear infinite;
animation-delay: -55s; }
.snowflake:nth-child(67) {
--size: 0.4vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 2vw;
animation: snowfall 37s linear infinite;
animation-delay: -34s; }
.snowflake:nth-child(68) {
--size: 0.2vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 13vw;
animation: snowfall 35s linear infinite;
animation-delay: -23s; }
.snowflake:nth-child(69) {
--size: 0.4vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 67vw;
animation: snowfall 19s linear infinite;
animation-delay: -35s; }
.snowflake:nth-child(70) {
--size: 0.3vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 23vw;
animation: snowfall 24s linear infinite;
animation-delay: -42s; }
.snowflake:nth-child(71) {
--size: 0.2vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 31vw;
animation: snowfall 35s linear infinite;
animation-delay: -47s; }
.snowflake:nth-child(72) {
--size: 0.1vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 74vw;
animation: snowfall 29s linear infinite;
animation-delay: -27s; }
.snowflake:nth-child(73) {
--size: 0.6vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 75vw;
animation: snowfall 45s linear infinite;
animation-delay: -8s; }
.snowflake:nth-child(74) {
--size: 0.6vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 80vw;
animation: snowfall 16s linear infinite;
animation-delay: -47s; }
.snowflake:nth-child(75) {
--size: 0.2vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 60vw;
animation: snowfall 37s linear infinite;
animation-delay: -7s; }
.snowflake:nth-child(76) {
--size: 0.1vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 29vw;
animation: snowfall 17s linear infinite;
animation-delay: -7s; }
.snowflake:nth-child(77) {
--size: 0.6vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 55vw;
animation: snowfall 37s linear infinite;
animation-delay: -34s; }
.snowflake:nth-child(78) {
--size: 0.2vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 48vw;
animation: snowfall 38s linear infinite;
animation-delay: -35s; }
.snowflake:nth-child(79) {
--size: 0.2vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 79vw;
animation: snowfall 17s linear infinite;
animation-delay: -32s; }
.snowflake:nth-child(80) {
--size: 0.5vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 71vw;
animation: snowfall 39s linear infinite;
animation-delay: -51s; }
.snowflake:nth-child(81) {
--size: 0.4vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 14vw;
animation: snowfall 25s linear infinite;
animation-delay: -41s; }
.snowflake:nth-child(82) {
--size: 0.1vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 13vw;
animation: snowfall 22s linear infinite;
animation-delay: -42s; }
.snowflake:nth-child(83) {
--size: 0.1vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 34vw;
animation: snowfall 33s linear infinite;
animation-delay: -37s; }
.snowflake:nth-child(84) {
--size: 0.6vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 63vw;
animation: snowfall 45s linear infinite;
animation-delay: -42s; }
.snowflake:nth-child(85) {
--size: 0.3vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 68vw;
animation: snowfall 34s linear infinite;
animation-delay: -39s; }
.snowflake:nth-child(86) {
--size: 0.1vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 17vw;
animation: snowfall 23s linear infinite;
animation-delay: -51s; }
.snowflake:nth-child(87) {
--size: 0.5vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 1vw;
animation: snowfall 21s linear infinite;
animation-delay: -28s; }
.snowflake:nth-child(88) {
--size: 0.3vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 8vw;
animation: snowfall 29s linear infinite;
animation-delay: -26s; }
.snowflake:nth-child(89) {
--size: 0.4vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 14vw;
animation: snowfall 35s linear infinite;
animation-delay: -30s; }
.snowflake:nth-child(90) {
--size: 0.6vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 64vw;
animation: snowfall 25s linear infinite;
animation-delay: -40s; }
.snowflake:nth-child(91) {
--size: 0.2vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 73vw;
animation: snowfall 33s linear infinite;
animation-delay: -54s; }
.snowflake:nth-child(92) {
--size: 0.4vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 57vw;
animation: snowfall 23s linear infinite;
animation-delay: -22s; }
.snowflake:nth-child(93) {
--size: 0.5vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 71vw;
animation: snowfall 24s linear infinite;
animation-delay: -3s; }
.snowflake:nth-child(94) {
--size: 0.5vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 72vw;
animation: snowfall 43s linear infinite;
animation-delay: -14s; }
.snowflake:nth-child(95) {
--size: 0.4vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 65vw;
animation: snowfall 19s linear infinite;
animation-delay: -8s; }
.snowflake:nth-child(96) {
--size: 0.4vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 58vw;
animation: snowfall 26s linear infinite;
animation-delay: -20s; }
.snowflake:nth-child(97) {
--size: 0.3vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 29vw;
animation: snowfall 30s linear infinite;
animation-delay: -48s; }
.snowflake:nth-child(98) {
--size: 0.2vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 65vw;
animation: snowfall 43s linear infinite;
animation-delay: -53s; }
.snowflake:nth-child(99) {
--size: 0.4vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 54vw;
animation: snowfall 22s linear infinite;
animation-delay: -12s; }
.snowflake:nth-child(100) {
--size: 0.2vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 51vw;
animation: snowfall 25s linear infinite;
animation-delay: -35s; }
.snowflake:nth-child(101) {
--size: 0.5vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 14vw;
animation: snowfall 24s linear infinite;
animation-delay: -30s; }
.snowflake:nth-child(102) {
--size: 0.4vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 51vw;
animation: snowfall 20s linear infinite;
animation-delay: -40s; }
.snowflake:nth-child(103) {
--size: 0.1vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 54vw;
animation: snowfall 17s linear infinite;
animation-delay: -23s; }
.snowflake:nth-child(104) {
--size: 0.2vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 80vw;
animation: snowfall 22s linear infinite;
animation-delay: -24s; }
.snowflake:nth-child(105) {
--size: 0.5vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 33vw;
animation: snowfall 39s linear infinite;
animation-delay: -1s; }
.snowflake:nth-child(106) {
--size: 0.5vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 74vw;
animation: snowfall 28s linear infinite;
animation-delay: -9s; }
.snowflake:nth-child(107) {
--size: 0.6vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 74vw;
animation: snowfall 37s linear infinite;
animation-delay: -20s; }
.snowflake:nth-child(108) {
--size: 0.3vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 41vw;
animation: snowfall 30s linear infinite;
animation-delay: -18s; }
.snowflake:nth-child(109) {
--size: 0.6vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 38vw;
animation: snowfall 25s linear infinite;
animation-delay: -40s; }
.snowflake:nth-child(110) {
--size: 0.2vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 9vw;
animation: snowfall 22s linear infinite;
animation-delay: -34s; }
.snowflake:nth-child(111) {
--size: 0.2vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 42vw;
animation: snowfall 23s linear infinite;
animation-delay: -48s; }
.snowflake:nth-child(112) {
--size: 0.2vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 19vw;
animation: snowfall 18s linear infinite;
animation-delay: -15s; }
.snowflake:nth-child(113) {
--size: 0.4vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 60vw;
animation: snowfall 16s linear infinite;
animation-delay: -46s; }
.snowflake:nth-child(114) {
--size: 0.1vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 34vw;
animation: snowfall 39s linear infinite;
animation-delay: -15s; }
.snowflake:nth-child(115) {
--size: 0.2vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 30vw;
animation: snowfall 22s linear infinite;
animation-delay: -14s; }
.snowflake:nth-child(116) {
--size: 0.1vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 17vw;
animation: snowfall 25s linear infinite;
animation-delay: -53s; }
.snowflake:nth-child(117) {
--size: 0.2vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 65vw;
animation: snowfall 26s linear infinite;
animation-delay: -40s; }
.snowflake:nth-child(118) {
--size: 0.3vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 43vw;
animation: snowfall 23s linear infinite;
animation-delay: -41s; }
.snowflake:nth-child(119) {
--size: 0.1vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 45vw;
animation: snowfall 40s linear infinite;
animation-delay: -47s; }
.snowflake:nth-child(120) {
--size: 0.6vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 50vw;
animation: snowfall 33s linear infinite;
animation-delay: -32s; }
.snowflake:nth-child(121) {
--size: 0.1vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 57vw;
animation: snowfall 42s linear infinite;
animation-delay: -25s; }
.snowflake:nth-child(122) {
--size: 0.4vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 58vw;
animation: snowfall 44s linear infinite;
animation-delay: -31s; }
.snowflake:nth-child(123) {
--size: 0.6vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 5vw;
animation: snowfall 27s linear infinite;
animation-delay: -7s; }
.snowflake:nth-child(124) {
--size: 0.6vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 57vw;
animation: snowfall 31s linear infinite;
animation-delay: -25s; }
.snowflake:nth-child(125) {
--size: 0.3vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 71vw;
animation: snowfall 19s linear infinite;
animation-delay: -46s; }
.snowflake:nth-child(126) {
--size: 0.2vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 30vw;
animation: snowfall 35s linear infinite;
animation-delay: -37s; }
.snowflake:nth-child(127) {
--size: 0.3vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 58vw;
animation: snowfall 37s linear infinite;
animation-delay: -31s; }
.snowflake:nth-child(128) {
--size: 0.1vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 16vw;
animation: snowfall 18s linear infinite;
animation-delay: -50s; }
.snowflake:nth-child(129) {
--size: 0.5vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 67vw;
animation: snowfall 31s linear infinite;
animation-delay: -14s; }
.snowflake:nth-child(130) {
--size: 0.3vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 24vw;
animation: snowfall 20s linear infinite;
animation-delay: -35s; }
.snowflake:nth-child(131) {
--size: 0.2vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 33vw;
animation: snowfall 39s linear infinite;
animation-delay: -14s; }
.snowflake:nth-child(132) {
--size: 0.2vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 40vw;
animation: snowfall 36s linear infinite;
animation-delay: -38s; }
.snowflake:nth-child(133) {
--size: 0.6vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 58vw;
animation: snowfall 17s linear infinite;
animation-delay: -20s; }
.snowflake:nth-child(134) {
--size: 0.6vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 20vw;
animation: snowfall 16s linear infinite;
animation-delay: -35s; }
.snowflake:nth-child(135) {
--size: 0.1vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 77vw;
animation: snowfall 23s linear infinite;
animation-delay: -40s; }
.snowflake:nth-child(136) {
--size: 0.3vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 34vw;
animation: snowfall 28s linear infinite;
animation-delay: -1s; }
.snowflake:nth-child(137) {
--size: 0.6vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 74vw;
animation: snowfall 23s linear infinite;
animation-delay: -23s; }
.snowflake:nth-child(138) {
--size: 0.2vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 69vw;
animation: snowfall 18s linear infinite;
animation-delay: -27s; }
.snowflake:nth-child(139) {
--size: 0.2vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 43vw;
animation: snowfall 45s linear infinite;
animation-delay: -25s; }
.snowflake:nth-child(140) {
--size: 0.3vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 8vw;
animation: snowfall 28s linear infinite;
animation-delay: -2s; }
.snowflake:nth-child(141) {
--size: 0.3vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 40vw;
animation: snowfall 36s linear infinite;
animation-delay: -27s; }
.snowflake:nth-child(142) {
--size: 0.6vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 37vw;
animation: snowfall 40s linear infinite;
animation-delay: -20s; }
.snowflake:nth-child(143) {
--size: 0.4vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 68vw;
animation: snowfall 45s linear infinite;
animation-delay: -46s; }
.snowflake:nth-child(144) {
--size: 0.1vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 75vw;
animation: snowfall 18s linear infinite;
animation-delay: -29s; }
.snowflake:nth-child(145) {
--size: 0.5vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 66vw;
animation: snowfall 21s linear infinite;
animation-delay: -3s; }
.snowflake:nth-child(146) {
--size: 0.5vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 47vw;
animation: snowfall 43s linear infinite;
animation-delay: -15s; }
.snowflake:nth-child(147) {
--size: 0.3vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 30vw;
animation: snowfall 35s linear infinite;
animation-delay: -50s; }
.snowflake:nth-child(148) {
--size: 0.4vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 61vw;
animation: snowfall 36s linear infinite;
animation-delay: -40s; }
.snowflake:nth-child(149) {
--size: 0.1vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 27vw;
animation: snowfall 20s linear infinite;
animation-delay: -5s; }
.snowflake:nth-child(150) {
--size: 0.6vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 75vw;
animation: snowfall 31s linear infinite;
animation-delay: -15s; }
.snowflake:nth-child(151) {
--size: 0.4vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 60vw;
animation: snowfall 39s linear infinite;
animation-delay: -10s; }
.snowflake:nth-child(152) {
--size: 0.5vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 39vw;
animation: snowfall 27s linear infinite;
animation-delay: -50s; }
.snowflake:nth-child(153) {
--size: 0.4vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 60vw;
animation: snowfall 27s linear infinite;
animation-delay: -48s; }
.snowflake:nth-child(154) {
--size: 0.4vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 80vw;
animation: snowfall 42s linear infinite;
animation-delay: -5s; }
.snowflake:nth-child(155) {
--size: 0.5vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 43vw;
animation: snowfall 33s linear infinite;
animation-delay: -14s; }
.snowflake:nth-child(156) {
--size: 0.6vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 64vw;
animation: snowfall 34s linear infinite;
animation-delay: -48s; }
.snowflake:nth-child(157) {
--size: 0.5vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 45vw;
animation: snowfall 34s linear infinite;
animation-delay: -53s; }
.snowflake:nth-child(158) {
--size: 0.3vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 55vw;
animation: snowfall 42s linear infinite;
animation-delay: -6s; }
.snowflake:nth-child(159) {
--size: 0.4vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 68vw;
animation: snowfall 21s linear infinite;
animation-delay: -39s; }
.snowflake:nth-child(160) {
--size: 0.1vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 32vw;
animation: snowfall 31s linear infinite;
animation-delay: -42s; }
.snowflake:nth-child(161) {
--size: 0.6vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 23vw;
animation: snowfall 42s linear infinite;
animation-delay: -48s; }
.snowflake:nth-child(162) {
--size: 0.3vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 63vw;
animation: snowfall 35s linear infinite;
animation-delay: -34s; }
.snowflake:nth-child(163) {
--size: 0.5vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 54vw;
animation: snowfall 33s linear infinite;
animation-delay: -16s; }
.snowflake:nth-child(164) {
--size: 0.5vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 73vw;
animation: snowfall 33s linear infinite;
animation-delay: -53s; }
.snowflake:nth-child(165) {
--size: 0.4vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 48vw;
animation: snowfall 25s linear infinite;
animation-delay: -4s; }
.snowflake:nth-child(166) {
--size: 0.1vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 13vw;
animation: snowfall 43s linear infinite;
animation-delay: -36s; }
.snowflake:nth-child(167) {
--size: 0.4vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 53vw;
animation: snowfall 34s linear infinite;
animation-delay: -40s; }
.snowflake:nth-child(168) {
--size: 0.6vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 80vw;
animation: snowfall 21s linear infinite;
animation-delay: -44s; }
.snowflake:nth-child(169) {
--size: 0.2vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 50vw;
animation: snowfall 22s linear infinite;
animation-delay: -24s; }
.snowflake:nth-child(170) {
--size: 0.4vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 63vw;
animation: snowfall 25s linear infinite;
animation-delay: -3s; }
.snowflake:nth-child(171) {
--size: 0.5vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 51vw;
animation: snowfall 23s linear infinite;
animation-delay: -42s; }
.snowflake:nth-child(172) {
--size: 0.5vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 80vw;
animation: snowfall 21s linear infinite;
animation-delay: -3s; }
.snowflake:nth-child(173) {
--size: 0.5vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 15vw;
animation: snowfall 17s linear infinite;
animation-delay: -21s; }
.snowflake:nth-child(174) {
--size: 0.2vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 10vw;
animation: snowfall 40s linear infinite;
animation-delay: -25s; }
.snowflake:nth-child(175) {
--size: 0.5vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 55vw;
animation: snowfall 38s linear infinite;
animation-delay: -41s; }
.snowflake:nth-child(176) {
--size: 0.4vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 13vw;
animation: snowfall 18s linear infinite;
animation-delay: -52s; }
.snowflake:nth-child(177) {
--size: 0.6vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 2vw;
animation: snowfall 22s linear infinite;
animation-delay: -55s; }
.snowflake:nth-child(178) {
--size: 0.4vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 16vw;
animation: snowfall 17s linear infinite;
animation-delay: -6s; }
.snowflake:nth-child(179) {
--size: 0.5vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 4vw;
animation: snowfall 20s linear infinite;
animation-delay: -29s; }
.snowflake:nth-child(180) {
--size: 0.3vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 36vw;
animation: snowfall 19s linear infinite;
animation-delay: -45s; }
.snowflake:nth-child(181) {
--size: 0.4vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 65vw;
animation: snowfall 38s linear infinite;
animation-delay: -19s; }
.snowflake:nth-child(182) {
--size: 0.4vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 15vw;
animation: snowfall 25s linear infinite;
animation-delay: -27s; }
.snowflake:nth-child(183) {
--size: 0.4vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 8vw;
animation: snowfall 44s linear infinite;
animation-delay: -4s; }
.snowflake:nth-child(184) {
--size: 0.5vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 80vw;
animation: snowfall 31s linear infinite;
animation-delay: -8s; }
.snowflake:nth-child(185) {
--size: 0.1vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 25vw;
animation: snowfall 20s linear infinite;
animation-delay: -29s; }
.snowflake:nth-child(186) {
--size: 0.5vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 1vw;
animation: snowfall 26s linear infinite;
animation-delay: -18s; }
.snowflake:nth-child(187) {
--size: 0.3vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 78vw;
animation: snowfall 20s linear infinite;
animation-delay: -16s; }
.snowflake:nth-child(188) {
--size: 0.1vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 45vw;
animation: snowfall 19s linear infinite;
animation-delay: -45s; }
.snowflake:nth-child(189) {
--size: 0.6vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 39vw;
animation: snowfall 16s linear infinite;
animation-delay: -21s; }
.snowflake:nth-child(190) {
--size: 0.1vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 66vw;
animation: snowfall 40s linear infinite;
animation-delay: -47s; }
.snowflake:nth-child(191) {
--size: 0.6vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 64vw;
animation: snowfall 36s linear infinite;
animation-delay: -52s; }
.snowflake:nth-child(192) {
--size: 0.3vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 20vw;
animation: snowfall 20s linear infinite;
animation-delay: -46s; }
.snowflake:nth-child(193) {
--size: 0.3vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 22vw;
animation: snowfall 31s linear infinite;
animation-delay: -55s; }
.snowflake:nth-child(194) {
--size: 0.3vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 63vw;
animation: snowfall 23s linear infinite;
animation-delay: -5s; }
.snowflake:nth-child(195) {
--size: 0.1vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 39vw;
animation: snowfall 40s linear infinite;
animation-delay: -45s; }
.snowflake:nth-child(196) {
--size: 0.1vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 60vw;
animation: snowfall 19s linear infinite;
animation-delay: -48s; }
.snowflake:nth-child(197) {
--size: 0.4vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 36vw;
animation: snowfall 43s linear infinite;
animation-delay: -42s; }
.snowflake:nth-child(198) {
--size: 0.4vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 51vw;
animation: snowfall 43s linear infinite;
animation-delay: -16s; }
.snowflake:nth-child(199) {
--size: 0.6vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 74vw;
animation: snowfall 24s linear infinite;
animation-delay: -48s; }
.snowflake:nth-child(200) {
--size: 0.1vw;
--left-ini: 1vw;
--left-end: 1vw;
left: 1vw;
animation: snowfall 40s linear infinite;
animation-delay: -54s; }
.snowflake:nth-child(3n) {
filter: blur(1px);
opacity: .8; }
.snowflake:nth-child(6n) {
filter: blur(2px);
opacity: .5; }
.snowflake:nth-child(8n) {
filter: blur(3px);
opacity: .4; }
#xmas .xmas-image:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(/typo3conf/ext/hig_site/Resources/Public/img/xmas/glowglitter.png) no-repeat center center;
opacity: 0;
animation: pulse 5s infinite ease-in-out;
animation-delay: 1309ms;
animation-duration: 3699msms;
z-index: -1; }
@keyframes pulse {
0% {
opacity: 0.6; }
50% {
opacity: 1; }
100% {
opacity: 0.6; } }
.full-height-video {
height: 80vh;
width: auto;
text-align: center; }
.full-height-video video {
margin: 2rem auto;
height: 100%;
width: auto; }
.vegan-special .banderole {
height: 180px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
overflow: hidden; }
.vegan-special .banderole .inner {
height: 100%;
align-items: center; }
.vegan-special .banderole img {
height: 45%;
margin: 0 3rem;
height: 75px; }
.vegan-special .vegan-copy {
margin-bottom: 10px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
height: 680px;
padding-right: 50px;
background-size: cover; }
@media only screen and (max-width: 767px) {
.vegan-special .vegan-copy {
padding: 25px 10px !important;
height: 840px;
flex-direction: row;
align-items: flex-end;
justify-content: center; } }
.vegan-special .vegan-copy.vegan-copy-2 {
height: 1000px;
padding: 0;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
align-content: stretch; }
.vegan-special .vegan-copy .vegan-wrap {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
height: 100%;
width: 100%;
padding-right: 0; }
.vegan-special .vegan-copy .vegan-row {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
flex: 0 0 70%;
width: 100%;
padding-right: 50px; }
@media only screen and (max-width: 767px) {
.vegan-special .vegan-copy .vegan-row {
padding-right: 0;
align-items: flex-end;
flex: 0 0 85%; } }
.vegan-special .vegan-copy .cta-wrap {
display: flex;
justify-content: center;
align-items: center;
flex: 1 0 30%; }
@media only screen and (max-width: 767px) {
.vegan-special .vegan-copy .cta-wrap {
flex: 0 0 15%; } }
.vegan-special .vegan-copy .content {
flex-basis: 55%;
border-radius: 24px;
opacity: 1;
backdrop-filter: blur(70px);
-webkit-backdrop-filter: blur(70px);
padding: 25px;
display: flex;
flex-direction: row;
color: #fff;
gap: 20px; }
.vegan-special .vegan-copy .content img {
height: 110px;
margin: auto; }
.vegan-special .vegan-copy .content h3 {
color: #fff;
font-family: "Avenir Next LT W05 Demi Cond";
font-size: 40px;
margin: 0 0 10px;
text-align: left;
padding: 0; }
.vegan-special .vegan-copy .content p {
color: #fff;
font-size: 20px; }
@media only screen and (max-width: 767px) {
.vegan-special .vegan-copy .content {
flex-direction: column-reverse;
flex-grow: 1; }
.vegan-special .vegan-copy .content img {
width: 100px; }
.vegan-special .vegan-copy .content h3 {
font-size: 30px; }
.vegan-special .vegan-copy .content p {
font-size: 18px; } }
.vegan-special .vegan-info {
padding: 6rem 6rem;
color: #fff;
text-align: center;
margin-bottom: 10px; }
.vegan-special .vegan-info h3 {
margin: 0 0 20px;
font-family: "Avenir Next LT W05 Demi Cond";
font-size: 40px; }
.vegan-special .vegan-info p {
font-size: 30px;
color: #fff; }
@media only screen and (max-width: 767px) {
.vegan-special .vegan-info {
padding: 3rem 2rem; }
.vegan-special .vegan-info h3 {
font-size: 30px; }
.vegan-special .vegan-info p {
font-size: 18px; } }
.special-dryjanuary .vegan-copy-1 {
justify-content: flex-start;
padding-left: 50px; }
.special-dryjanuary .vegan-copy .content img {
height: 100px; }
.opening-jobmenu {
position: relative;
background-color: #DCD503;
padding: 1rem 0 8rem; }
.opening-jobmenu .title {
color: #738FC2;
font-family: "Avenir Next LT W05 Demi Cond";
font-size: 80px; }
.opening-jobmenu .copy {
font-family: "Avenir Next LT W05 Demi Cond";
font-size: 35px;
line-height: 45px;
color: #000000; }
.opening-jobmenu .text {
text-align: center;
max-width: none;
padding-left: 3rem;
padding-right: 3rem; }
.opening-jobmenu .joblink {
background: #738FC2;
font-family: "Avenir Next LT W05 Demi Cond";
font-size: 35px;
line-height: 1.5;
padding: 0.7rem 9rem;
color: #DCD503;
width: 39%; }
.opening-jobmenu .career-job-carousel {
padding: 2rem; }
.opening-jobmenu .career-job-carousel .jobcat {
max-width: 280px;
max-height: none; }
.opening-jobmenu .career-job-carousel .jobcat .jobtitle {
font-size: 42px;
line-height: 1; }
.opening-menu .text-center {
padding: 3rem 0 0 0; }
.opening-menu .copy {
color: #000;
text-align: center;
font-family: "Avenir Next LT W05 Demi Cond";
font-size: 35px;
margin-bottom: 3rem;
padding: 0 5rem; }
.opening-menu .copy p {
margin-bottom: 2rem; }
.opening-menu .copy p:last-child {
margin-bottom: 10px; }
.opening-menu .jobcopy p {
font-size: 18px; }
.opening-menu .title {
color: #DCD503;
font-size: 80px;
font-family: "Avenir Next LT W05 Demi Cond";
line-height: 112px;
margin-bottom: 1rem; }
.opening-menu .slider .jobcopy {
color: #fff; }
.max-width-content-wide {
max-width: 1280px;
margin: 0 auto; }
.opening-food-carousel {
}
.opening-food-carousel .jobcat {
max-width: 310px;
max-height: none; }
@media only screen and (max-width: 767px) {
.opening-food-carousel .jobcat {
max-width: 100%;
max-height: 100%; } }
.opening-food-carousel .jobcat:after {
content: none !important; }
.opening-food-carousel .jobcat .jobtitle {
background: none;
color: #DCD503;
font-size: 40px;
line-height: 1.1;
padding: 10px; }
.opening-buttons .opening-button {
position: relative;
background: #738FC2;
color: #000;
font-family: "Avenir Next LT W05 Demi Cond";
font-size: 38px;
text-align: center;
padding: 1.7rem 1rem;
margin-bottom: 0; }
@media only screen and (max-width: 767px) {
.opening-buttons .opening-button {
margin-bottom: 0; } }
.opening-buttons .opening-button .o-title {
color: #DCD503;
text-transform: uppercase;
font-size: 80px;
line-height: 1;
margin-bottom: 1rem; }
.opening-buttons .opening-button .o-copy {
margin-bottom: 3rem;
padding: 1rem 6rem; }
.opening-buttons .opening-button .joblink {
background: #DCD503;
color: #738FC2;
font-family: "Avenir Next LT W05 Demi Cond";
font-size: 35px;
line-height: 1.5;
padding: 0.6rem 1rem;
width: 39%; }
.opening-buttons .opening-button-y {
background: #DCD503; }
.opening-buttons .opening-button-y .o-title {
color: #738FC2; }
.opening-buttons .opening-button-y .joblink {
background: #738FC2;
color: #DCD503; }
.opening-buttons .opening-button-w {
background: #fff; }
.opening-buttons .opening-button-w .o-title {
color: #DCD503; }
.opening-buttons .opening-button-w .joblink {
background: #DCD503;
color: #738FC2; }
.button-slide {
--hover: #5e295d; }
.button-slide {
transition: 0.25s; }
.button-slide:hover,
.button-slide:focus {
box-shadow: inset 30em 0 0 0 var(--hover);
border-color: var(--hover); }
.opening-stoerer {
display: block;
width: 212px;
height: 212px;
position: absolute;
background-size: 100%;
transform: rotate(11deg);
right: 2rem;
top: 2rem;
background-repeat: no-repeat;
z-index: 999; }
.opening-button-w .joblink span {
}
@media only screen and (max-width: 767px) {
.opening-button-w .joblink span {
}
.opening-stoerer {
width: 75px;
height: 75px;
top: 11rem;
right: 10px; }
.opening-jobmenu {
padding-bottom: 4rem; }
.opening-jobmenu .text-center {
padding: 2rem 0; }
.opening-menu .text-center {
padding: 2rem 0 0 0; }
.opening-jobmenu .title,
.opening-buttons .opening-button .o-title {
font-size: 40px;
line-height: 42px;
margin-bottom: 1rem; }
.opening-jobmenu .copy {
font-size: 14px;
line-height: 19px;
padding: 0 1rem;
margin-bottom: 3rem; }
.opening-jobmenu .joblink,
.opening-buttons .opening-button .joblink {
font-size: 18px;
line-height: 1.3;
padding: 2vw 4vw;
width: 100%; }
.opening-buttons .opening-button {
padding: 1rem 3rem 0.7rem;
font-size: inherit; }
.opening-buttons .opening-button:first-child {
padding-top: 1.5rem; }
.opening-buttons .opening-button:last-child {
padding-bottom: 1.5rem; }
.opening-buttons .opening-button .o-copy,
.opening-menu .copy {
font-size: 16px;
line-height: 1.4;
padding: 0 1rem;
margin-bottom: 10px; }
.opening-buttons .opening-button .o-copy {
margin-bottom: 1rem; }
.opening-menu .title {
font-size: 38px;
line-height: 40px; }
.opening-buttons .opening-button-y {
}
.opening-buttons .opening-button-y .opening-stoerer {
top: 1rem; }
.opening-jobmenu .career-job-carousel .jobcat .jobtitle {
font-size: 32px; } }
.special-falafel-01 {
background: #60285E;
padding: 0;
display: flex;
flex-direction: row; }
.special-falafel-01 .sf-copy {
flex: 50% 0 0;
padding: 3rem 1rem 4rem 4rem; }
.special-falafel-01 .sf-image {
flex: 50% 0 0;
overflow: hidden;
display: flex; }
.special-falafel-01 .sf-image .sf-burger-wrap {
overflow: hidden;
display: flex; }
.special-falafel-01 .sf-desc {
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: center;
flex: 33% 0 0;
padding: 8rem 0 0; }
.special-falafel-01 .sf-desc .img-wrap {
margin-bottom: 15px;
position: relative;
left: 20px; }
.special-falafel-01 .sf-desc .img-wrap::after {
content: " ";
position: absolute;
background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 212.7 140' style='enable-background:new 0 0 212.7 140;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23DCD500;%7D%0A%3C/style%3E%3Cpath class='st0' d='M206.2,4.4c-2.6-0.9-5.4,0.5-6.4,3.1c-3.7,10.5-20.3,38.2-56.8,67.4c-25.7,20.5-55.8,29.6-89.6,27.1 c-3.9-0.3-7.6-0.7-11.1-1.3c9.5-2,20.8-5.5,33.7-11.4c2.5-1.1,3.6-4.1,2.5-6.6c-1.1-2.5-4.1-3.6-6.6-2.5 C31.5,98.6,9.4,91.7,9.2,91.6c-0.1,0-0.2,0-0.3-0.1c-0.2,0-0.3-0.1-0.5-0.1c-0.2,0-0.3,0-0.5-0.1c-0.2,0-0.3,0-0.5,0 c-0.2,0-0.3,0-0.5,0c-0.2,0-0.3,0-0.5,0.1c-0.2,0-0.3,0.1-0.5,0.1c-0.1,0-0.3,0.1-0.4,0.2c-0.1,0.1-0.3,0.1-0.4,0.2 c-0.1,0.1-0.3,0.2-0.4,0.2c-0.1,0.1-0.3,0.2-0.4,0.3c-0.1,0.1-0.2,0.2-0.4,0.3c-0.1,0.1-0.2,0.2-0.3,0.4c-0.1,0.1-0.2,0.2-0.3,0.4 c-0.1,0.1-0.2,0.3-0.3,0.4c0,0.1-0.1,0.2-0.2,0.3c0,0.1,0,0.1-0.1,0.2c0,0.1-0.1,0.1-0.1,0.2c0,0.1,0,0.2-0.1,0.3 c0,0.2-0.1,0.3-0.1,0.5c0,0.2,0,0.3-0.1,0.5c0,0.2,0,0.3,0,0.5c0,0.2,0,0.3,0,0.5c0,0.2,0,0.3,0.1,0.5c0,0.2,0.1,0.3,0.1,0.5 c0,0.2,0.1,0.3,0.2,0.4c0.1,0.1,0.1,0.3,0.2,0.4c0.1,0.1,0.1,0.3,0.2,0.4c0.1,0.1,0.2,0.3,0.3,0.4c0.1,0.1,0.2,0.2,0.3,0.4 c0.1,0.1,0.2,0.2,0.4,0.3c0.1,0.1,0.2,0.2,0.4,0.3c0.1,0.1,0.3,0.2,0.4,0.3c0.1,0.1,0.2,0.1,0.3,0.2c0.2,0.1,2,0.9,5.1,2.1 c34.4,14.2,52.9,30.9,53.1,31.1c1,0.9,2.2,1.3,3.4,1.3c1.3,0,2.7-0.5,3.7-1.6c1.9-2,1.7-5.2-0.3-7.1c-0.5-0.5-7.5-6.8-20.7-15 c0.8,0.1,1.7,0.1,2.5,0.2c3.6,0.3,7.4,0.4,11.5,0.4c24.3,0,55.9-6,85.5-29.7c48.1-38.5,59.5-70.6,60-71.9 C210.2,8.1,208.8,5.3,206.2,4.4z'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center center;
width: 60px;
height: 60px;
right: -65px;
top: -9px;
transform: translate(0, 0) rotate(-143deg);
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
z-index: 999; }
.special-falafel-01 .sf-desc .img-wrap-2 {
left: 0; }
.special-falafel-01 .sf-desc .img-wrap-2::after {
right: -70px;
transform: rotateX(180deg) rotate(-154deg); }
.special-falafel-01 .sf-desc .img-wrap-3::after {
transform: rotateX(180deg) rotate(-132deg);
top: 1px; }
.special-falafel-01 .sf-burger {
right: -2rem;
position: relative;
bottom: -5rem; }
.special-falafel-01 .title {
color: #D6CB00;
text-align: left;
font-family: "Avenir Next LT W05 Demi Cond";
line-height: 1.1;
margin-bottom: 2rem; }
.special-falafel-01 .copy,
.special-falafel-01 .copy ul,
.special-falafel-01 .copy p {
color: #F6F6F6;
font-size: 30px;
line-height: 1.1; }
.special-falafel-01 .copy strong {
font-family: "Avenir Next LT W05 Demi Cond";
text-transform: none; }
.special-falafel-01 .copy ul {
margin: 1.5rem 0 1.5rem 0;
list-style-position: inside; }
.special-falafel-02 {
background: #efe8ee;
display: flex;
flex-direction: row; }
.special-falafel-02 .sf-image {
flex: 45% 0 0;
display: flex;
overflow: hidden; }
.special-falafel-02 .sf-image img {
width: 120%;
margin: 2rem 0 2rem -8rem; }
.special-falafel-02 .sf-copy {
flex: 55% 0 0;
padding: 4rem 3rem 2rem 1rem; }
.special-falafel-02 .sf-copy img {
margin: 2rem auto 3rem;
display: block; }
.special-falafel-02 .sf-copy .copy {
color: #60285E;
font-family: "Avenir Next LT W05 Demi Cond";
font-size: 30px;
line-height: 1.4; }
.special-falafel-02 .sf-copy .copy p {
margin-bottom: 1rem; }
.special-falafel-03 {
background: #60285E;
padding: 3rem 5rem; }
.special-falafel-03 .sf-logos {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin: 1rem auto 2rem; }
.special-falafel-03 .sf-logos img {
margin: .5rem 2rem; }
.special-falafel-03 .title {
color: #D6CB00;
font-family: "Avenir Next LT W05 Demi Cond";
font-size: 40px;
margin: 2rem 0;
text-align: center; }
.special-falafel-03 .copy {
font-size: 30px;
color: #F6F6F6;
text-align: center;
line-height: 1.1; }
.special-falafel-03 .copy p {
margin-bottom: 1rem; }
.special-falafel-04 {
background-color: #D6CB00;
background: #D6CB00 url(/typo3conf/ext/hig_site/Resources/Public/img/new/HiG_LEH_Falafelbratling_Bild_Verfuegbarkeit.jpg) no-repeat center center;
background-size: cover;
display: flex;
justify-content: center !important;
align-items: center;
min-height: 618px; }
.special-falafel-04 .copy {
color: #60285E;
font-family: "Avenir Next LT W05 Demi Cond";
font-size: 40px;
padding: 0 15rem;
text-align: center;
line-height: 1.25; }
@media only screen and (max-width: 767px) {
.special-falafel-01 {
flex-direction: column;
padding: 0rem; }
.special-falafel-01 .sf-copy {
padding: 2rem 2rem 0rem 2rem;
flex-grow: 1;
flex-basis: auto; }
.special-falafel-01 .sf-image {
flex-grow: 1;
flex-basis: auto; }
.special-falafel-01 .title {
margin-top: 10px;
font-size: 20px;
text-align: center; }
.special-falafel-01 .copy,
.special-falafel-01 .copy ul,
.special-falafel-01 .copy p {
font-size: 18px;
line-height: 1.3;
text-align: center; }
.special-falafel-01 .copy ul {
margin: 1.5rem auto; }
.special-falafel-01 .sf-desc {
padding-top: 0rem;
padding-left: 15px;
flex: 30% 0 0; }
.special-falafel-01 .sf-desc .img-wrap {
width: 100%; }
.special-falafel-01 .sf-desc .img-wrap img {
width: 100%;
height: auto; }
.special-falafel-01 .sf-burger {
right: auto;
bottom: auto;
margin: -2rem 0 -10rem 0; }
.special-falafel-02 {
flex-direction: column-reverse; }
.special-falafel-02 .sf-copy {
padding: 2rem;
flex: auto 1 1; }
.special-falafel-02 .sf-copy img {
width: 75%;
height: auto; }
.special-falafel-02 .sf-copy .copy {
font-size: 16px; }
.special-falafel-02 .sf-image {
display: block;
flex: auto 1 1; }
.special-falafel-02 .sf-image img {
width: 110%;
margin: 0rem 0rem 2rem -5rem;
height: auto; }
.special-falafel-03 {
padding: 2rem; }
.special-falafel-03 .sf-logos img {
width: 30%;
height: auto; }
.special-falafel-03 .title {
font-size: 20px;
line-height: 1.25; }
.special-falafel-03 .copy {
font-size: 17px;
line-height: 1.3; }
.special-falafel-04 {
background: #D6CB00 url(/typo3conf/ext/hig_site/Resources/Public/img/new/HiG_LEH_Falafelbratling_Bild_mobile.jpg) no-repeat center center;
background-size: cover;
min-height: 320px; }
.special-falafel-04 .copy {
padding: 0 2rem;
font-size: 20px; } }
.link-wrapper-alt {
background-color: #dcd500;
height: 40px;
border-radius: 20px;
height: 40px; }
.link-wrapper-alt a {
color: #fff;
height: 40px;
line-height: 40px;
padding-left: 20px;
padding-right: 20px; }
.link-wrapper-alt a::before, .link-wrapper-alt a::after {
content: none; }
.link-wrapper-alt::before, .link-wrapper-alt::after {
content: none; }
.nta {
background-color: #160604; }
.nta .article-pw .cw-wrapper {
background: url(/typo3conf/ext/hig_site/Resources/Public/img/new/Hintergrund_Sparkel.jpg) repeat-y center top;
background-size: contain; }
.nta .nta-content {
background: url(/typo3conf/ext/hig_site/Resources/Public/img/new/HiG_NTA_Influencer_Teaser_sRGB_1.jpg) no-repeat center top;
background-size: cover; }
@media only screen and (max-width: 767px) {
.nta .nta-content {
background-size: 150% auto; } }
.nta .special-nta-main .nta-content {
background: url(/typo3conf/ext/hig_site/Resources/Public/img/new/Influencer_Hero.jpg) no-repeat center -110px; }
@media only screen and (max-width: 767px) {
.nta .special-nta-main .nta-content {
background-size: 145% auto;
background-position: center -100px; } }
.nta .nta-header {
display: block;
min-height: 1100px; }
@media only screen and (max-width: 767px) {
.nta .nta-header {
min-height: auto; } }
.nta .nta-header .link-wrapper {
position: absolute;
top: 4rem;
right: 3rem; }
.nta .nta-header .nta-title {
background: url(/typo3conf/ext/hig_site/Resources/Public/img/new/NTA_Logo.svg) no-repeat center center;
background-size: 90%;
display: inline-block;
height: 400px;
width: 80%;
margin-bottom: -1rem; }
.nta .nta-header .nta-title span {
display: none; }
@media only screen and (max-width: 767px) {
.nta .nta-header .nta-title {
background-position: center bottom;
background-size: 100%;
margin-top: 90vw;
width: 100%;
height: 68vw;
margin-bottom: -2rem; } }
.nta .nta-header .nta-cs {
background: url(/typo3conf/ext/hig_site/Resources/Public/img/new/Störer_ComingSoon_V2.svg) no-repeat center center;
background-size: contain;
display: block;
width: 220px;
height: 220px;
transform: rotate(-11deg);
position: absolute;
right: 2rem;
top: 6rem; }
.nta .nta-header .nta-cs.cs2 {
background: url(/typo3conf/ext/hig_site/Resources/Public/img/new/Störer_Hero.svg) no-repeat center center;
transform: rotate(-3deg); }
@media only screen and (max-width: 767px) {
.nta .nta-header .nta-cs {
width: 120px;
height: 120px;
top: 1rem;
right: 1rem; } }
.nta .nta-copy {
text-align: center;
display: flex;
flex-direction: column;
align-items: center; }
@media only screen and (max-width: 767px) {
.nta .nta-copy {
padding: 1rem 2rem 0; } }
.nta .nta-copy h2 {
color: #fff;
font-family: "Avenir Next LT W05 Demi Cond";
text-transform: none;
line-height: 1.15;
margin-bottom: 1rem;
max-width: 60%; }
@media only screen and (max-width: 767px) {
.nta .nta-copy h2 {
font-size: 30px;
max-width: 100%; } }
.nta .nta-copy p {
color: #fff;
font-size: 35px;
line-height: 1.3;
margin-bottom: 3rem; }
@media only screen and (max-width: 767px) {
.nta .nta-copy p {
font-size: 20px; } }
.nta .nta-copy h3 {
color: #dcd500;
font-family: "Avenir Next LT W05 Demi Cond";
text-transform: uppercase;
font-size: 85px;
margin-top: 10px;
line-height: 1; }
@media only screen and (max-width: 767px) {
.nta .nta-copy h3 {
font-size: 52px; } }
.nta .countdown {
background: #fff;
border-radius: 20px;
padding: 3rem 2rem;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
align-self: center;
margin-bottom: 4rem; }
@media only screen and (max-width: 767px) {
.nta .countdown {
padding: 1rem 0rem; } }
.nta .countdown .countdown-item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0;
margin: 0 10px; }
.nta .countdown .countdown-item > div {
display: flex;
margin-bottom: 20px; }
.nta .countdown .countdown-item .countdown-number {
display: block;
width: 87px;
height: 155px;
margin: 0 1px;
background: url(/typo3conf/ext/hig_site/Resources/Public/img/new/countdown.png) no-repeat 0 0;
background-size: cover; }
.nta .countdown .countdown-item .countdown-number.cn-1 {
background-position: -88px 0; }
.nta .countdown .countdown-item .countdown-number.cn-2 {
background-position: -176px 0; }
.nta .countdown .countdown-item .countdown-number.cn-3 {
background-position: -264px 0; }
.nta .countdown .countdown-item .countdown-number.cn-4 {
background-position: -352px 0; }
.nta .countdown .countdown-item .countdown-number.cn-5 {
background-position: -440px 0; }
.nta .countdown .countdown-item .countdown-number.cn-6 {
background-position: -528px 0; }
.nta .countdown .countdown-item .countdown-number.cn-7 {
background-position: -616px 0; }
.nta .countdown .countdown-item .countdown-number.cn-8 {
background-position: -704px 0; }
.nta .countdown .countdown-item .countdown-number.cn-9 {
background-position: -792px 0; }
@media only screen and (max-width: 767px) {
.nta .countdown .countdown-item .countdown-number {
width: 44px;
height: 77px; }
.nta .countdown .countdown-item .countdown-number.cn-1 {
background-position: -44px 0; }
.nta .countdown .countdown-item .countdown-number.cn-2 {
background-position: -88px 0; }
.nta .countdown .countdown-item .countdown-number.cn-3 {
background-position: -132px 0; }
.nta .countdown .countdown-item .countdown-number.cn-4 {
background-position: -176px 0; }
.nta .countdown .countdown-item .countdown-number.cn-5 {
background-position: -220px 0; }
.nta .countdown .countdown-item .countdown-number.cn-6 {
background-position: -264px 0; }
.nta .countdown .countdown-item .countdown-number.cn-7 {
background-position: -308px 0; }
.nta .countdown .countdown-item .countdown-number.cn-8 {
background-position: -352px 0; }
.nta .countdown .countdown-item .countdown-number.cn-9 {
background-position: -396px 0; } }
.nta .countdown .countdown-item .countdown-label {
color: #dcd500;
text-transform: uppercase;
font-family: "Avenir Next LT W05 Demi Cond";
font-size: 23px; }
@media only screen and (max-width: 767px) {
.nta .countdown .countdown-item .countdown-label {
font-size: 18px; } }
.nta .coverflow .cards img {
border-radius: 100rem; }
.nta .coverflow-item .coverflow-item-title {
text-align: center;
width: 100%;
display: flex;
flex-direction: column;
padding-top: 1rem; }
.nta .coverflow-item .coverflow-item-title .cat-label {
color: #dcd500;
font-size: 32px; }
@media only screen and (max-width: 767px) {
.nta .coverflow-item .coverflow-item-title .cat-label {
font-size: 16px; } }
.nta .coverflow-item .coverflow-item-title .cat {
color: #fff;
font-size: 36px;
margin: 0px 1px 10px; }
@media only screen and (max-width: 767px) {
.nta .coverflow-item .coverflow-item-title .cat {
font-size: 16px; } }
.nta .coverflow-item .coverflow-item-title .name {
color: #dcd500;
font-family: "Avenir Next LT W05 Demi Cond";
font-size: 44px;
line-height: 1;
text-transform: uppercase; }
@media only screen and (max-width: 767px) {
.nta .coverflow-item .coverflow-item-title .name {
font-size: 18px; } }
.special-nta-main .nta-copy h3 {
font-size: 62px; }
@media only screen and (max-width: 767px) {
.special-nta-main .nta-copy h3 {
font-size: 32px; } }
.special-nta-slider .slider-wrapper .slider-button,
.special-nta-influencer .slider-wrapper .slider-button {
left: 2rem;
top: 45%;
background: #d6ca00;
border-radius: 20rem;
width: 3rem;
height: 3rem; }
.special-nta-slider .slider-wrapper .slider-button:after,
.special-nta-influencer .slider-wrapper .slider-button:after {
left: 20px; }
.special-nta-slider .slider-wrapper .slider-button-right,
.special-nta-influencer .slider-wrapper .slider-button-right {
left: auto;
right: 2rem; }
.special-nta-slider .slider-wrapper .slider-button-right:after,
.special-nta-influencer .slider-wrapper .slider-button-right:after {
left: auto;
right: 20px; }
@media only screen and (max-width: 767px) {
.special-nta-slider .slider-wrapper .slider-button,
.special-nta-influencer .slider-wrapper .slider-button {
background: transparent;
left: 5px; }
.special-nta-slider .slider-wrapper .slider-button-right,
.special-nta-influencer .slider-wrapper .slider-button-right {
left: auto;
right: 5px; } }
.special-nta-slider h3 {
font-size: 58px;
color: #dcd500;
font-family: "Avenir Next LT W05 Demi Cond";
text-transform: uppercase;
margin: 20px 0; }
@media only screen and (max-width: 767px) {
.special-nta-slider h3 {
font-size: 32px;
margin: 5px 0; } }
.special-nta-slider .slider-wrapper {
margin: 2rem 0; }
.special-nta-slider .nta-slider-copy {
text-align: center;
color: #fff; }
.special-nta-slider .nta-slider-copy h4 {
font-size: 50px;
font-family: "Avenir Next LT W05 Demi Cond";
margin: 10px 0;
line-height: 1.2; }
@media only screen and (max-width: 767px) {
.special-nta-slider .nta-slider-copy h4 {
font-size: 28px; } }
.special-nta-slider .nta-slider-copy .text {
font-size: 33px;
padding: 1rem 5rem; }
@media only screen and (max-width: 767px) {
.special-nta-slider .nta-slider-copy .text {
font-size: 20px;
padding: 1rem; } }
.special-nta-slider .badge {
position: relative;
left: 8%;
margin-top: 2%; }
@media only screen and (max-width: 767px) {
.special-nta-slider img.badge-image {
width: 65px;
height: 65px; } }
.special-nta-influencer {
padding-top: 3rem; }
@media only screen and (max-width: 767px) {
.special-nta-influencer {
padding-top: 1rem; } }
.special-nta-influencer .slider {
padding-bottom: 53%; }
@media only screen and (max-width: 767px) {
.special-nta-influencer .slider {
padding-bottom: 175%; } }
.special-nta-influencer .slide::after {
content: none; }
.special-nta-influencer h3 {
font-size: 62px;
color: #dcd500;
font-family: "Avenir Next LT W05 Demi Cond";
text-transform: uppercase;
margin: 20px 0; }
@media only screen and (max-width: 767px) {
.special-nta-influencer h3 {
font-size: 32px; } }
.special-nta-influencer .inf-wrap {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 1rem 7rem; }
@media only screen and (max-width: 767px) {
.special-nta-influencer .inf-wrap {
flex-direction: column;
padding: 1rem; } }
@media only screen and (max-width: 767px) {
.special-nta-influencer .inf-profile {
text-align: center; } }
.special-nta-influencer .inf-profile img {
border: 7px solid #dcd500;
border-radius: 2rem; }
@media only screen and (max-width: 767px) {
.special-nta-influencer .inf-profile img {
width: 70%;
border-width: 5px;
height: auto; } }
.special-nta-influencer .bio {
color: #fff;
font-size: 28px;
padding: 0rem 3rem 0 3rem; }
@media only screen and (max-width: 767px) {
.special-nta-influencer .bio {
font-size: 17px;
padding: 1rem;
text-align: center; } }
.special-nta-influencer .bio h4 {
font-size: 42px;
color: #dcd500;
font-family: "Avenir Next LT W05 Demi Cond";
margin: 0px 0 10px; }
@media only screen and (max-width: 767px) {
.special-nta-influencer .bio h4 {
font-size: 24px; } }
.special-nta-award {
padding-top: 0; }
.special-nta-award h3 {
font-size: 62px;
color: #dcd500;
font-family: "Avenir Next LT W05 Demi Cond";
text-transform: uppercase;
margin: 0 0 20px 0;
line-height: 1.2; }
@media only screen and (max-width: 767px) {
.special-nta-award h3 {
font-size: 32px;
margin: 0 0 5px 0; } }
@media only screen and (max-width: 767px) {
.special-nta-award img {
width: 65%;
height: auto;
margin-bottom: -3rem; } }
.special-nta-award .nta-award {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 1rem 1rem; }
@media only screen and (max-width: 767px) {
.special-nta-award .nta-award {
flex-direction: column-reverse; } }
.special-nta-award .text {
color: #fff;
font-size: 33px;
padding: 1rem 3rem 0 3rem;
flex: 0 1 55%; }
@media only screen and (max-width: 767px) {
.special-nta-award .text {
font-size: 18px;
padding: 1rem;
flex: 0 1 100%;
text-align: center; } }
.specials-slider-alt .slider {
padding-bottom: 45%; }
@media only screen and (max-width: 767px) {
.specials-slider-alt .slider {
padding-bottom: 45%; } }
.specials-slider-alt .x-height-45 {
margin-bottom: 0 !important; }
.career-body article.cw-wrapper .opening-jobmenu {
padding: 1rem 0 2rem; }
.career-body article.cw-wrapper .content-career.content-career-jobmenu.opening-menu {
padding: 1rem 0 .5rem; }
@media only screen and (min-width: 767px) {
.career-body article.cw-wrapper .content-career.content-career-jobmenu.opening-menu {
padding: 2rem 2rem; } }
.career-body article.cw-wrapper .opening-buttons {
max-width: none; }
.teaser-color-type-b {
background: #738FC2;
color: #DCD503; }
.teaser-color-type-b .text-center .title,
.teaser-color-type-b .opening-food-carousel .jobcat .jobtitle {
color: #DCD503; }
.teaser-color-type-y {
background: #DCD503;
color: #738FC2; }
.teaser-color-type-y .text-center .title,
.teaser-color-type-y .opening-food-carousel .jobcat .jobtitle {
color: #738FC2; }
.teaser-color-type-w {
background: #fff;
color: #DCD503; }
@media only screen and (max-width: 767px) {
#dAopener {
max-width: 30px !important;
max-height: 30px !important;
width: 30px !important;
height: 30px !important; }
#dAopener svg {
width: 25px !important;
height: 21px !important; } }
.form-group {
}
.form-group.inputhalf {
width: 49%;
clear: none; }
@media only screen and (max-width: 767px) {
.form-group.inputhalf {
width: 100%; } }
.form-group.inputleft {
float: left; }
.form-group.inputright {
float: right; }
@media only screen and (min-width: 767px) {
.form-group.mt-n-20 {
margin-top: -20px; } }
.k-icon,
.special-kimchi .veggie,
.special-kimchi .vegan {
position: relative;
overflow: visible; }
.k-icon::after,
.special-kimchi .veggie::after,
.special-kimchi .vegan::after {
content: '';
display: block;
position: absolute;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
pointer-events: none;
z-index: 10;
width: 200px;
height: 200px;
top: auto;
bottom: auto;
left: auto;
right: 0;
transform: rotate(0deg);
}
.k-icon.en-bunny-1::after, .k-icon.bunny-1::after,
.special-kimchi .veggie.en-bunny-1::after,
.special-kimchi .veggie.bunny-1::after,
.special-kimchi .vegan.en-bunny-1::after,
.special-kimchi .vegan.bunny-1::after {
background-image: url(/typo3conf/ext/hig_site/Resources/Public/img/kimchi/Gruppe8532.svg);
width: 30rem;
height: 30rem;
top: -30rem;
right: -15rem;
z-index: -10; }
@media only screen and (max-width: 767px) {
.k-icon.en-bunny-1::after, .k-icon.bunny-1::after,
.special-kimchi .veggie.en-bunny-1::after,
.special-kimchi .veggie.bunny-1::after,
.special-kimchi .vegan.en-bunny-1::after,
.special-kimchi .vegan.bunny-1::after {
background-image: url(/typo3conf/ext/hig_site/Resources/Public/img/kimchi/Gruppe8533.svg);
width: 12rem;
height: 15rem;
top: -7rem;
right: -10rem; } }
.k-icon.en-bunny-1::after,
.special-kimchi .veggie.en-bunny-1::after,
.special-kimchi .vegan.en-bunny-1::after {
background-image: url(/typo3conf/ext/hig_site/Resources/Public/img/kimchi/Gruppe_8532_ENG.svg); }
@media only screen and (max-width: 767px) {
.k-icon.en-bunny-1::after,
.special-kimchi .veggie.en-bunny-1::after,
.special-kimchi .vegan.en-bunny-1::after {
background-image: url(/typo3conf/ext/hig_site/Resources/Public/img/kimchi/Gruppe_8532_ENG.svg); } }
.k-icon.en-bunny-2::after, .k-icon.bunny-2::after,
.special-kimchi .veggie.en-bunny-2::after,
.special-kimchi .veggie.bunny-2::after,
.special-kimchi .vegan.en-bunny-2::after,
.special-kimchi .vegan.bunny-2::after {
background-image: url(/typo3conf/ext/hig_site/Resources/Public/img/kimchi/Gruppe8531.svg);
width: 30rem;
height: 30rem;
top: -36rem;
right: -15rem;
z-index: -10; }
@media only screen and (max-width: 767px) {
.k-icon.en-bunny-2::after, .k-icon.bunny-2::after,
.special-kimchi .veggie.en-bunny-2::after,
.special-kimchi .veggie.bunny-2::after,
.special-kimchi .vegan.en-bunny-2::after,
.special-kimchi .vegan.bunny-2::after {
width: 13rem;
height: 18rem;
top: -7rem;
right: -10rem;
z-index: -10;
transform: rotate(-32deg); } }
.k-icon.en-bunny-2::after,
.special-kimchi .veggie.en-bunny-2::after,
.special-kimchi .vegan.en-bunny-2::after {
background-image: url(/typo3conf/ext/hig_site/Resources/Public/img/kimchi/Gruppe_8531_ENG.svg); }
.k-icon.star-1::after,
.special-kimchi .veggie.star-1::after,
.special-kimchi .vegan.star-1::after {
background-image: url(/typo3conf/ext/hig_site/Resources/Public/img/kimchi/HiG_K-Pop_SterneIllu-02.svg);
width: 15rem;
height: 15rem;
top: -25rem;
right: 43rem; }
@media only screen and (max-width: 767px) {
.k-icon.star-1::after,
.special-kimchi .veggie.star-1::after,
.special-kimchi .vegan.star-1::after {
width: 7rem;
height: 7rem;
top: 13rem;
right: 3rem; } }
.k-icon.star-2::after,
.special-kimchi .veggie.star-2::after,
.special-kimchi .vegan.star-2::after {
background-image: url(/typo3conf/ext/hig_site/Resources/Public/img/kimchi/HiG_K-Pop_SterneIllu-1.svg);
width: 7rem;
height: 7rem;
top: -26rem;
right: -41rem; }
@media only screen and (max-width: 767px) {
.k-icon.star-2::after,
.special-kimchi .veggie.star-2::after,
.special-kimchi .vegan.star-2::after {
top: -6rem;
right: -11rem; } }
.k-icon.star-3::after,
.special-kimchi .veggie.star-3::after,
.special-kimchi .vegan.star-3::after {
background-image: url(/typo3conf/ext/hig_site/Resources/Public/img/kimchi/HiG_K-Pop_SterneIllu-02.svg);
width: 11rem;
height: 11rem;
top: -37rem;
right: -17rem; }
@media only screen and (max-width: 767px) {
.k-icon.star-3::after,
.special-kimchi .veggie.star-3::after,
.special-kimchi .vegan.star-3::after {
content: none; } }
.k-icon.hand-2::after,
.special-kimchi .veggie.hand-2::after,
.special-kimchi .vegan.hand-2::after {
background-image: url(/typo3conf/ext/hig_site/Resources/Public/img/kimchi/HiG_K-Pop_HandIllu.svg);
width: 11rem;
height: 11rem;
top: 6rem;
right: -43rem; }
@media only screen and (max-width: 767px) {
.k-icon::after,
.special-kimchi .veggie::after,
.special-kimchi .vegan::after {
top: 0;
right: 0; } }
.special-kimchi .veggie,
.special-kimchi .vegan {
width: 2.1rem;
display: inline-block;
height: 1rem; }
.special-kimchi .veggie::after,
.special-kimchi .vegan::after {
width: 2rem;
height: 3rem;
top: -1rem;
right: 0rem; }
.special-kimchi .veggie::after {
background-image: url(/typo3conf/ext/hig_site/Resources/Public/img/kimchi/Gruppe8501.svg); }
.special-kimchi .vegan::after {
background-image: url(/typo3conf/ext/hig_site/Resources/Public/img/kimchi/Gruppe8504.svg); }
.mb-m1 {
margin-bottom: -1rem !important; }
.mb-m2 {
margin-bottom: -2rem !important; }
.mb-m3 {
margin-bottom: -3rem !important; }
.mb-m4 {
margin-bottom: -4rem !important; }
.mb-m5 {
margin-bottom: -5rem !important; }
.mb-m6 {
margin-bottom: -6rem !important; }
.mb-p1 {
margin-bottom: 1rem !important; }
.mb-p2 {
margin-bottom: 2rem !important; }
.mb-p3 {
margin-bottom: 3rem !important; }
.mb-p4 {
margin-bottom: 4rem !important; }
.mb-p5 {
margin-bottom: 5rem !important; }
.mb-p6 {
margin-bottom: 6rem !important; }
@media only screen and (max-width: 767px) {
.mb-m1, .mb-m2, .mb-m3, .mb-m4, .mb-m5, .mb-m6,
.mb-p1, .mb-p2, .mb-p3, .mb-p4, .mb-p5, .mb-p6 {
margin-bottom: 0 !important; } }
.mt-m1 {
margin-top: -1rem !important; }
.mt-m2 {
margin-top: -2rem !important; }
.mt-m3 {
margin-top: -3rem !important; }
.mt-m4 {
margin-top: -4rem !important; }
.mt-m5 {
margin-top: -5rem !important; }
.mt-m6 {
margin-top: -6rem !important; }
.mt-p1 {
margin-top: 1rem !important; }
.mt-p2 {
margin-top: 2rem !important; }
.mt-p3 {
margin-top: 3rem !important; }
.mt-p4 {
margin-top: 4rem !important; }
.mt-p5 {
margin-top: 5rem !important; }
.mt-p6 {
margin-top: 6rem !important; }
@media only screen and (max-width: 767px) {
.mt-m1, .mt-m2, .mt-m3, .mt-m4, .mt-m5, .mt-m6,
.mt-p1, .mt-p2, .mt-p3, .mt-p4, .mt-p5, .mt-p6 {
margin-top: 0 !important; }
.mpt-p2 {
padding-top: 2rem !important; }
.mpt-p5 {
padding-top: 5rem !important; }
.mpt-p7 {
padding-top: 7rem !important; }
.mpt-p9 {
padding-top: 9rem !important; } }
#page.kimchi-body {
background: #FEA8F5;
background: linear-gradient(180deg, #fea8f5 0%, #55518a 100%); }
#page.kimchi-body .pw-wrapper.article-pw {
background: url(/typo3conf/ext/hig_site/Resources/Public/img/kimchi/HiG_K-Pop_Raster.png) no-repeat center center;
background-size: cover; }
#page.kimchi-body .pw-wrapper.article-pw > .cw-wrapper {
padding-bottom: 0;
margin-bottom: 0; }
.special-kimchi-header {
background-image: url(/typo3conf/ext/hig_site/Resources/Public/img/kimchi/HiG_K-Pop_SterneIllu-01.svg), url(/typo3conf/ext/hig_site/Resources/Public/img/kimchi/HiG_K-Pop_HandIllu-2.svg), url(/typo3conf/ext/hig_site/Resources/Public/img/kimchi/HiG_K-Pop_HaschenIllu.svg);
background-repeat: no-repeat;
background-position: 2% 8%, 88% 14%, 94% 92%;
margin-bottom: 11rem;
background-size: auto, 7%, 18%; }
.special-kimchi-header h1, .special-kimchi-header h2 {
display: none;
visibility: hidden; }
@media only screen and (max-width: 767px) {
.special-kimchi-header {
margin-bottom: 0;
padding: 4rem 1rem 11rem 1rem;
background-position: 7% 12%, 92% 6%, 48% 100%;
background-size: 17%, 11%, 33%; }
.special-kimchi-header .full-width-img img,
.special-kimchi-header sms-image img,
.special-kimchi-header img {
width: 100% !important;
height: auto !important; } }
.special-kimchi {
display: flex;
flex-direction: row;
align-items: center;
padding: 0;
margin-bottom: -1rem;
margin-top: -1rem; }
.special-kimchi.special-kimchi-left {
flex-direction: row; }
.special-kimchi.special-kimchi-left .sk-copy .title,
.special-kimchi.special-kimchi-left .sk-copy {
text-align: right; }
.special-kimchi.special-kimchi-right {
flex-direction: row-reverse; }
.special-kimchi.special-kimchi-right .sk-copy .title,
.special-kimchi.special-kimchi-right .sk-copy {
text-align: left; }
.special-kimchi .sk-image {
flex: 52% 0 0;
overflow: hidden; }
.special-kimchi .sk-image img {
display: block;
width: 100%;
height: auto; }
.special-kimchi .sk-copy {
flex: 48% 0 0;
padding: 2rem 1.5rem;
color: #edfdd6; }
.special-kimchi .sk-copy .title {
color: #edfdd6;
text-transform: none;
font-size: 2.0rem;
line-height: 1.15;
margin-bottom: 1.5rem;
margin-top: 1rem;
font-family: "Avenir Next LT W05 Demi Cond";
padding: 0; }
.special-kimchi .sk-copy .copy p, .special-kimchi .sk-copy .copy ul, .special-kimchi .sk-copy .copy li {
color: #edfdd6;
font-size: 1.7rem;
line-height: 1.1; }
.special-kimchi.k-60-40 .sk-image {
flex: 40% 0 0; }
.special-kimchi.k-60-40 .sk-copy {
flex: 60% 0 0; }
@media only screen and (max-width: 767px) {
.special-kimchi.k-60-40 .sk-image,
.special-kimchi.k-60-40 .sk-copy {
flex: auto; } }
@media only screen and (max-width: 767px) {
.special-kimchi {
flex-direction: column;
margin-top: 1rem;
margin-bottom: 1rem;
padding-top: 3rem;
padding-bottom: 3rem; }
.special-kimchi.special-kimchi-left, .special-kimchi.special-kimchi-right {
flex-direction: column; }
.special-kimchi.special-kimchi-left .title,
.special-kimchi.special-kimchi-left .sk-copy, .special-kimchi.special-kimchi-right .title,
.special-kimchi.special-kimchi-right .sk-copy {
text-align: left !important; }
.special-kimchi .sk-image,
.special-kimchi .sk-copy {
flex: auto 1 1;
width: 100%; }
.special-kimchi .sk-image {
width: 80%; }
.special-kimchi .sk-copy {
padding: 0rem 1.4rem; }
.special-kimchi .sk-copy .title {
font-size: 1.2rem;
text-align: left; }
.special-kimchi .sk-copy .copy p {
font-size: 1.0rem; } }
.special-kimchi-footer {
display: flex;
flex-direction: column;
align-items: center;
padding: 0 0 7rem;
background-image: url(/typo3conf/ext/hig_site/Resources/Public/img/kimchi/Gruppe8469.svg), url(/typo3conf/ext/hig_site/Resources/Public/img/kimchi/HiG_K-Pop_SterneIllu-3.svg), url(/typo3conf/ext/hig_site/Resources/Public/img/kimchi/Gruppe8529.svg);
background-repeat: no-repeat;
background-position: 87% 45%, 12% 95%, 88% 115%;
margin-bottom: 0rem;
background-size: auto, 14%, 27%; }
@media only screen and (max-width: 767px) {
.special-kimchi-footer {
background-image: url(/typo3conf/ext/hig_site/Resources/Public/img/kimchi/Gruppe8469mobile.svg), url(/typo3conf/ext/hig_site/Resources/Public/img/kimchi/HiG_K-Pop_SterneIllu-3.svg), url(/typo3conf/ext/hig_site/Resources/Public/img/kimchi/Gruppe8529.svg);
background-position: 7% 25%, -56% 95%, 65% 113%;
background-size: 18%, 14%, 80%; } }
.special-kimchi-footer .sk-footer-image {
overflow: hidden;
width: 80%; }
.special-kimchi-footer .sk-footer-image img {
display: block;
width: 100%;
height: auto; }
@media only screen and (max-width: 767px) {
.special-kimchi-footer .sk-footer-image {
transform: rotate(385deg);
transform-origin: 50% 50%; } }
.special-kimchi-footer.en-footer {
background-image: url(/typo3conf/ext/hig_site/Resources/Public/img/kimchi/Gruppe8469.svg), url(/typo3conf/ext/hig_site/Resources/Public/img/kimchi/HiG_K-Pop_SterneIllu-3.svg), url(/typo3conf/ext/hig_site/Resources/Public/img/kimchi/Gruppe_8529_ENG.svg); }
.special-kimchi-footer .sk-footer-headline {
overflow: hidden;
width: 80%; }
.special-kimchi-footer .sk-footer-headline img {
display: block;
width: 100%;
height: auto; }
.special-kimchi-footer .sk-footer-copy {
padding: 3rem 4rem;
color: #edfdd6; }
.special-kimchi-footer .sk-footer-copy .title {
display: none;
visibility: hidden; }
.special-kimchi-footer .sk-footer-copy .copy {
text-align: left; }
.special-kimchi-footer .sk-footer-copy .copy p, .special-kimchi-footer .sk-footer-copy .copy ul, .special-kimchi-footer .sk-footer-copy .copy li {
color: #edfdd6;
font-size: 1.7rem; }
.special-kimchi-footer .sk-footer-copy .cta-wrap {
margin-top: 5rem;
text-align: center; }
.special-kimchi-footer .sk-footer-copy .cta-wrap .link-wrapper a:before, .special-kimchi-footer .sk-footer-copy .cta-wrap .link-wrapper button:before {
right: 18px; }
.special-kimchi-footer .sk-footer-copy .cta-wrap .link-wrapper a {
padding-right: 50px; }
.special-kimchi-footer .sk-footer-copy .cta-wrap .link-wrapper a, .special-kimchi-footer .sk-footer-copy .cta-wrap .link-wrapper button {
color: #edfdd6;
font-size: 2rem; }
.special-kimchi-footer .sk-footer-copy .cta-wrap .link-wrapper::after {
background: #0055a2;
border-color: #0055a2;
height: 45px;
width: 45px; }
.special-kimchi-footer .sk-footer-copy .cta-wrap .link-wrapper:hover::after {
width: 100%; }
@media only screen and (max-width: 767px) {
.special-kimchi-footer {
padding-top: 0rem;
padding-bottom: 19rem; }
.special-kimchi-footer .sk-footer-headline {
padding: 3rem 0; }
.special-kimchi-footer .sk-footer-headline img {
width: 90%;
margin: 0 auto; }
.special-kimchi-footer .sk-footer-copy {
padding: 1rem 3rem;
text-align: center; }
.special-kimchi-footer .sk-footer-copy .copy p, .special-kimchi-footer .sk-footer-copy .copy ul, .special-kimchi-footer .sk-footer-copy .copy li {
font-size: 1.3rem; }
.special-kimchi-footer .sk-footer-copy .cta-wrap {
margin-top: 4rem;
margin-bottom: 4rem;
text-align: center; }
.special-kimchi-footer .sk-footer-copy .cta-wrap .link-wrapper a, .special-kimchi-footer .sk-footer-copy .cta-wrap .link-wrapper button {
font-size: 1.4rem; } }
h2.pull-up {
margin-top: -144px;
color: white;
margin-bottom: 0px;
z-index: 1000;
}
.two-columns {
display: grid;
display: -ms-grid;
-ms-grid-columns: 1fr 420px 106px 420px 1fr;
-ms-grid-column-span: 106px;
grid-template-columns: auto 420px 420px auto;
grid-gap: 106px;
margin: 41px auto;
}
.two-columns .column {
flex-grow: 1;
flex-basis: 0;
display: flex;
flex-direction: column;
align-items: center;
max-width: 420px;
text-align: center;
}
.two-columns .column p {
margin: 0px 30px;
font-size: 20px;
}
.two-columns .column .column-text {
max-width: 100%;
}
.two-columns .column .slider-wrapper {
margin-top: 50px;
outline: 2px solid white;
outline-offset: -4px;
}
.two-columns .column .slider-wrapper:after {
content: " ";
position: absolute;
border: 2px solid white;
width: calc(100% - 28px);
left: 14px;
height: calc(100% - 28px);
top: 14px;
pointer-events: none;
}
.two-columns .column .slider-wrapper .slider {
height: 700px;
}
.two-columns .column .slider-wrapper .slider.fullscreenslider {
height: calc(var(--vh, 1vh) * 100 - 48px) !important;
min-height: -webkit-fill-available !important;
}
.two-columns .column .slider-wrapper .slider-button-right {
right: 10px;
}
.two-columns .column .slider-wrapper .slider-button-left {
left: 10px;
}
.two-columns .column .slider-wrapper .slider .slide-text {
position: absolute;
bottom: 30px !important;
z-index: 2;
width: 100%;
font-size: 24px;
left: 0px !important;
}
.two-columns .column .slider-wrapper .slider .slide {
}
.two-columns .column .slider-wrapper .slider .slide:after {
background: transparent;
}
.two-columns .column:first-child {
grid-column-start: 2;
grid-column-end: 2;
-ms-grid-column: 2;
}
.two-columns .column:last-child {
grid-column-start: 3;
grid-column-end: 3;
-ms-grid-column: 4;
}
.two-columns img {
max-width: 100%;
}
.two-columns:first-child img {
margin-top: 50px;
}
.two-columns:last-child img {
margin-bottom: 50px;
}
.two-columns .right-column-image {
position: relative;
}
.two-columns .right-column-image:before {
content: attr(data-header);
position: absolute;
width: 100%;
left: 0px;
color: white;
bottom: 135px;
font-size: 34px;
font-family: "Avenir Next LT W05 Demi Cond";
text-transform: uppercase;
}
.two-columns .right-column-image .right-image-text {
position: absolute;
width: 100%;
left: 0px;
color: white;
bottom: 80px;
}
.two-columns .right-column-image p {
font-size: 16px;
line-height: 19px;
}
.two-columns .mt-50px {
margin-top: 50px;
}
@media only screen and (max-width: 1178px) {
.r-tablet {
justify-content: center !important;
display: flex !important;
}
.r-tablet .two-columns {
grid-template-columns: 420px 420px;
margin: 0;
}
.r-tablet .two-columns .column:first-child {
grid-column-start: 1;
grid-column-end: 1;
}
.r-tablet .two-columns .column:last-child {
grid-column-start: 2;
grid-column-end: 2;
}
}
@media only screen and (min-width: 768px) and (max-width: 911px) {
.r-tablet .two-columns {
grid-column-gap: 50px;
}
}
@media only screen and (max-width: 767px) {
.r-tablet {
display: none !important;
}
.r-mobile .two-columns {
grid-template-columns: 100%;
margin: 0;
justify-items: center;
grid-gap: 0px;
}
.r-mobile .two-columns .right-column-image:before {
bottom: 170px;
}
.r-mobile .two-columns .right-column-image p {
font-size: 20px;
}
.r-mobile .two-columns .column {
max-width: 100%;
}
.r-mobile .two-columns .column p {
margin: 0px 20px;
}
.r-mobile .two-columns .column .left-column-header {
margin-top: 35px;
}
.r-mobile .two-columns .column:first-child {
grid-column-start: 1;
grid-column-end: 1;
}
.r-mobile .two-columns .column:last-child {
grid-column-start: 1;
grid-column-end: 1;
}
.r-mobile .two-columns .link-wrapper {
margin-top: 50px;
}
.r-mobile .two-columns h1:first-child, .r-mobile .two-columns h2:first-child, .r-mobile .two-columns h3:first-child, .r-mobile .two-columns h4:first-child {
margin: 18px auto;
}
}
#tischlein {
position: relative;
margin: 0 -120px;
height: 2253px;
}
#tischlein .tischlein-copy {
position: absolute;
width: 25%;
text-align: center;
line-height: 1.1;
font-size: calc(16px + 2 * ((100vw - 320px) / 880));
}
#tischlein #tischlein-elem-0 {
top: 35px;
left: 37%;
}
#tischlein #tischlein-elem-1 {
top: 633px;
left: 10%;
}
#tischlein #tischlein-elem-2 {
top: 760px;
left: 42%;
width: 20%;
}
#tischlein #tischlein-elem-3 {
top: 1017px;
left: 67%;
width: 23%;
}
#tischlein #tischlein-elem-4 {
top: 1209px;
left: 28%;
width: 23%;
}
#tischlein #tischlein-elem-5 {
top: 1742px;
left: 8%;
width: 23%;
}
#tischlein #tischlein-elem-6 {
top: 1592px;
left: 64%;
}
#tischlein #tischlein-elem-0:before,
#tischlein #tischlein-elem-0:after,
#tischlein #tischlein-elem-1:before,
#tischlein #tischlein-elem-2:before,
#tischlein #tischlein-elem-3:before,
#tischlein #tischlein-elem-4:before,
#tischlein #tischlein-elem-5:before,
#tischlein #tischlein-elem-6:before {
display: block;
content: "";
width: 5rem;
height: 5rem;
background: url(/typo3conf/ext/hig_site/Resources/Public/img/pfeil.svg) no-repeat;background-size:contain;position:absolute}#tischlein #tischlein-elem-0:before{left:-6rem;top:0;transform:rotate(-36deg)}#tischlein #tischlein-elem-0:after{right:2rem;bottom:-6rem;transform:rotateY(-180deg) rotateZ(130deg)}#tischlein #tischlein-elem-1:before{left:16rem;top:-5rem;transform:rotate(-53deg)}#tischlein #tischlein-elem-2:before{right:-4rem;bottom:-3rem;transform:rotateY(-180deg) rotateZ(174deg)}#tischlein #tischlein-elem-3:before{left:-3rem;bottom:-4rem;transform:rotateY(-180deg) rotateZ(69deg)}#tischlein #tischlein-elem-4:before{left:12rem;top:-6rem;transform:rotateY(-180deg) rotateZ(273deg)}#tischlein #tischlein-elem-5:before{left:17rem;top:-6rem;transform:rotateY(-180deg) rotateZ(233deg)}#tischlein #tischlein-elem-6:before{left:16rem;bottom:-5rem;transform:rotateZ(115deg)}#tischlein .tischlein-image{position:absolute;display:block;background-repeat:no-repeat;background-size:contain;width:400px;height:850px;top:0;left:0;display:none}#tischlein #tischlein-image-burger{width:39%;left:1.5%;top:.5%;display:block}#tischlein #tischlein-image-elsaesser{width:41%;left:58%;top:0%;display:block}#tischlein #tischlein-image-eistee-heidel{width:17%;left:29%;top:66%;display:block}#tischlein #tischlein-image-minze{width:20%;left:0%;top:30%;display:block}#tischlein #tischlein-image-gruenschnabel{width:21%;left:57%;top:16%;display:block}#tischlein #tischlein-image-suessfritten{width:44%;left:50%;top:51%;display:block}#tischlein #tischlein-image-himbeergold{width:16%;left:15%;top:65%;display:block}#tischlein #tischlein-image-waldhimbeer{width:19%;left:20%;top:56%;display:block}#tischlein #tischlein-image-rolle{width:35%;left:30%;top:70%;display:block}#tischlein #tischlein-image-teilen{width:47%;left:-1%;top:33%;display:block}#tischlein #tischlein-image-krautknolle{width:17%;left:46%;top:40%;display:block}#tischlein #tischlein-image-geleit{width:21%;left:12%;top:82%;display:block}#tischlein #tischlein-image-korngesund{width:31%;left:66%;top:25%;display:block}#tischlein #tischlein-image-rauke{width:32%;left:30%;top:13%;display:block}#tischlein #tischlein-image-suessherz{width:34%;left:53%;top:74%;display:block}@media only screen and (min-width:1179px){#tischlein{height:2253px}}@media only screen and (max-width:1178px){#tischlein{height:1900px;margin:0 -120px;overflow:hidden}#tischlein #tischlein-elem-0{top:35px;left:37%}#tischlein #tischlein-elem-1{top:49vw;left:14%}#tischlein #tischlein-elem-2{top:55vw;left:40%;width:25%;margin-top:62px}#tischlein #tischlein-elem-3{top:58vw;left:63%;width:25%;margin-top:281px}#tischlein #tischlein-elem-4{top:60vw;left:30%;width:23%;margin-top:428px}#tischlein #tischlein-elem-5{top:61vw;left:22%;width:30%;margin-top:547px}#tischlein #tischlein-elem-6{top:62vw;left:61%;margin-top:732px}#tischlein #tischlein-elem-0:after{right:-2rem;bottom:-4rem;transform:rotateY(-180deg) rotateZ(150deg)}#tischlein #tischlein-elem-0:before{left:-5rem;top:-2rem}#tischlein #tischlein-elem-1:before{left:8rem;top:-6rem}#tischlein #tischlein-elem-2:before{right:-2rem}#tischlein #tischlein-elem-3:before{left:2rem;bottom:-6rem}#tischlein #tischlein-elem-4:before{left:5rem;top:-5rem}#tischlein #tischlein-elem-5:before{left:12rem;top:6rem;transform:rotateY(0deg) rotateZ(94deg)}#tischlein #tischlein-elem-6:before{left:0rem;bottom:-6rem}#tischlein #tischlein-image-suessfritten{width:40%;left:56%;top:53%;display:block}#tischlein #tischlein-image-burger{width:33%}#tischlein #tischlein-image-elsaesser{width:41%;left:61%;top:-2%}#tischlein #tischlein-image-rauke{width:27%;left:36%;top:9%}#tischlein #tischlein-image-korngesund{width:29%;left:67%;top:24%}#tischlein #tischlein-image-teilen{width:45%;left:0%;top:30%}#tischlein #tischlein-image-suessfritten{width:40%;left:56%;top:47%}#tischlein #tischlein-image-krautknolle{width:17%;left:46%;top:33%}#tischlein #tischlein-image-waldhimbeer{width:19%;left:25%;top:58%}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){#tischlein #tischlein-elem-0:before{left:-7rem;top:-1rem}#tischlein #tischlein-elem-5:before{left:16rem}#tischlein #tischlein-image-elsaesser{left:63%}#tischlein #tischlein-image-teilen{top:33%}#tischlein #tischlein-image-krautknolle{margin-top:100px}#tischlein #tischlein-image-suessfritten{margin-top:122px}#tischlein #tischlein-image-waldhimbeer{width:16%;left:17%;top:74%}}@media only screen and (min-width:1024px) and (max-height:1366px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1.5){#tischlein #tischlein-elem-0:before{left:-7rem;top:-1rem}#tischlein #tischlein-elem-5:before{left:16rem}#tischlein #tischlein-image-elsaesser{left:63%}#tischlein #tischlein-image-teilen{top:33%}#tischlein #tischlein-image-krautknolle{margin-top:100px}#tischlein #tischlein-image-suessfritten{margin-top:122px}#tischlein #tischlein-image-waldhimbeer{width:16%;left:17%;top:74%}#tischlein #tischlein-image-rolle{margin-top:78px}#tischlein #tischlein-image-suessherz{margin-top:65px}}@media only screen and (max-width:767px){#tischlein{margin:0}}@media only screen and (max-width:767px){#tischlein{height:3000px;overflow:hidden}#tischlein .tischlein-copy{position:absolute}#tischlein #tischlein-elem-0{top:67vw;left:13%;width:73%;margin-top:10px}#tischlein #tischlein-elem-1{top:67vw;left:22%;width:73%;margin-top:367px}#tischlein #tischlein-elem-2{top:66vw;left:16%;width:79%;margin-top:762px}#tischlein #tischlein-elem-3{top:61vw;left:2%;width:55%;margin-top:1359px}#tischlein #tischlein-elem-4{top:63vw;left:38%;width:49%;margin-top:930px}#tischlein #tischlein-elem-5{top:66vw;left:15%;width:70%;margin-top:1723px}#tischlein #tischlein-elem-6{top:57vw;left:11%;width:75%;margin-top:2162px}#tischlein #tischlein-elem-0:before{left:4rem;top:-5rem;transform:rotateZ(69deg) rotateY(-180deg) scale(.8)}#tischlein #tischlein-elem-0:after{content:none}#tischlein #tischlein-elem-1:before{left:-4rem;top:2rem;transform:rotateY(-180deg) rotateZ(67deg) scale(.8)}#tischlein #tischlein-elem-2:before{right:10rem;top:-5rem;transform:rotateY(0deg) rotateZ(293deg) scale(.8)}#tischlein #tischlein-elem-3:before{left:13rem;bottom:-1rem;transform:rotateZ(40deg) scale(.9)}#tischlein #tischlein-elem-4:before{left:8rem;top:7rem;transform:rotateZ(99deg) scale(.8)}#tischlein #tischlein-elem-5:before{left:12rem;top:7rem;transform:rotateZ(-255deg)}#tischlein #tischlein-elem-6:before{left:8rem;bottom:-5rem;transform:rotateZ(115deg)}#tischlein #tischlein-image-burger{width:67%;left:-10%;top:0%;display:block}#tischlein #tischlein-image-ziegenhirte{width:67%;left:42%;top:-14px;display:block}#tischlein #tischlein-image-elsaesser{width:75%;left:-20%;top:12%;display:block}#tischlein #tischlein-image-gruenschnabel{width:49%;left:50%;top:14%;display:block}#tischlein #tischlein-image-rauke{width:69%;left:-20%;top:24.5%;display:block}#tischlein #tischlein-image-korngesund{width:63%;left:44%;top:26%;display:block}#tischlein #tischlein-image-teilen{width:83%;left:3%;top:44%;display:block}#tischlein #tischlein-image-krautknolle{width:32%;left:57%;top:51%;display:block}#tischlein #tischlein-image-geleit{width:36%;left:4%;top:43%;display:block}#tischlein #tischlein-image-eistee-heidel{width:47%;left:45%;top:74%;display:block}#tischlein #tischlein-image-waldhimbeer{width:46%;left:22%;top:70%;display:block}#tischlein #tischlein-image-minze{width:59%;left:-16%;top:37%;display:block}#tischlein #tischlein-image-suessfritten{width:83%;left:37%;top:56.5%;display:block}#tischlein #tischlein-image-himbeergold{width:34%;left:16%;top:74%;display:block}#tischlein #tischlein-image-rolle{width:75%;left:-18%;top:82%;display:block}#tischlein #tischlein-image-suessherz{width:74%;left:-7%;top:88%;display:block}#tischlein #tischlein-image-oma{width:74%;left:41%;top:84.5%;display:block}#tischlein #tischlein-image-fritten{width:83%;left:-34%;top:58%;display:block}}