.header-inner {width:100%;position:fixed;top:0;z-index:60;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2)}
.header-topbar {width:100%;background-color:#5a5423;display:flex;justify-content:space-between;height:60px}
.header-topbar__list {width:auto;margin:auto;list-style-type:none;display:flex;padding:0;z-index:1}
.header-topbar__text {margin-top:0;margin-bottom:5px;cursor:default;font-family:"Actor Regular",Verdana,sans-serif}
.header-topbar__contact {align-items:center;padding:0 10px 0;display:none;border-style:solid;border-width:0 2px 0 0;border-color:#fff;color:#fff}
@media (min-width:900px) {.header-topbar__contact {display:inline-flex }}
@media (min-width:1200px) {.header-topbar__contact {padding:0 20px 0 }}
.header-topbar__contact a {text-decoration:none;color:#fff}
.header-topbar__contact:hover {background-color:#fff;color:#5a5423}
.header-topbar__contact:hover a {color:#5a5423}
.header-topbar__contact:hover a:hover {color:#ffde80}
.header-topbar__text--phone:before {content:"\260e"}
.header-topbar__text--mail:before {content:"\2709"}
.header-lowerbar {background-color:#5a5423}
.hamburg {display:block;background-color:none;width:75px;height:60px;position:relative;margin:0 5px 0 auto;z-index:1}
input#hamburg {display:none}
#hamburg:checked + .hamburg + .header-navbar {max-height:600px}
.line {position:absolute;left:10px;height:4px;width:55px;background:#fff;border-radius:2px;display:block;transition:0.5s;transform-origin:center}
@media (min-width:900px) {.line {background-color:#5a5423 }}
.line:nth-child(1) {top:12px}
.line:nth-child(2) {top:28px}
.line:nth-child(3) {top:44px}
#hamburg:checked + .hamburg .line:nth-child(1) {transform:translateY(16px) rotate(-45deg)}
#hamburg:checked + .hamburg .line:nth-child(2) {opacity:0}
#hamburg:checked + .hamburg .line:nth-child(3) {transform:translateY(-16px) rotate(45deg)}
.header-lowerbar {position:absolute;top:0;right:0}
.header-navbar {width:100vw;display:flex;justify-content:flex-start;align-items:stretch;flex-direction:column;height:auto;max-height:0;overflow:hidden;transition:all 0.5s;background-color:#c5823f;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);border:0;border-bottom:#ffde80 5px;border-style:solid}
@media (min-width:900px) {.header-navbar {flex-direction:row;justify-content:space-evenly;max-height:600px }}
.navbar__item--active {background-color:#c5823f;color:#fff}
@media (min-width:900px) {.navbar__item--active {background-color:#5a5423 }}
.navbar__item {text-decoration:none;color:#fff;padding:10px 20px}
.navbar__item:hover {background-color:#ffde80;color:#fff;transition:0.4s}
.navbar-contact {padding:10px 0;display:flex;justify-content:flex-start;align-items:stretch;flex-direction:row;background-color:#5a5423}
@media (min-width:900px) {.navbar-contact {display:none }}
.navbar-contact__item {padding:10px 20px;color:#fff;list-style:none}
.navbar-contact__item a {text-decoration:none;color:#fff}
.logo {margin:1% 10%;width:80%}
@media (max-width:525px) {.logo {display:none }}
@media (min-width:525px) and (max-width:920px) {.logo {margin:1% 12%;width:76% }}
.stage__box {position:relative;height:90vh}
.stage__box--small {height:50vh}
.stage__image {height:100%;object-fit:cover;max-width:100%}
@media (min-width:900px) {.stage__image {width:100%;height:100%;object-fit:cover }}
@media (max-height:600px) {.stage__image {height:auto;width:100% }}
.stage__overlay {width:100%;height:auto;position:absolute;right:0;bottom:6px;background-color:rgba(50,40,32,0.5);padding:1vw 0 5vw;color:#fff;border-top:2px solid #fff;text-align:center}
@media (min-width:900px) {.stage__overlay {padding:1vw 0 3vw;bottom:0 }}
.stage__overlay-text {display:inline-block;width:80%}
.stage__overlay-image {width:52%;position:absolute;margin:24%;margin-top:3%;filter:drop-shadow(5px 5px 7px #fff)}
@media (min-width:650px) and (max-width:1070px) {.stage__overlay-image {width:34%;margin:4% 33% 10% 33% }}
@media (min-width:1070px) and (max-width:1450px) {.stage__overlay-image {width:30%;margin:4% 35% 10% 35% }}
@media (min-width:1450px) {.stage__overlay-image {width:24%;margin:4% 38% 10% 38% }}
.stage__overlay-image--hidden {display:none}
@media (max-width:600px) {.stage__overlay-image--hidden-mobile {display:none }}
.text--dark {background-color:#f6efe7;padding:15px 0}
.text-box {width:90%;margin:0 auto}
@media (min-width:900px) {.text-box {width:70% }}
footer {background-color:#5a5423}
.footer-bar {list-style-type:none;margin:0;padding:18px;display:flex;flex-direction:column;border:0;border-top:#ffde80 5px;border-style:solid;text-align:center;justify-content:center;align-items:stretch;color:#fff}
@media (min-width:900px) {.footer-bar {flex-direction:row }}
.footer-bar li {padding:10px}
.footer-bar li a {text-decoration:none;color:#fff}
.imageAndText {padding:15px 0}
.imageAndText--dark {background-color:#f6efe7}
.imageAndText__headline {width:90%;margin:auto;padding:0 0 10px}
@media (min-width:900px) {.imageAndText__headline {width:70% }}
.imageAndText-box {width:90%;margin:0 auto;padding:10px 0;display:flex;flex-direction:column;align-items:center}
@media (min-width:900px) {.imageAndText-box {width:70% }}
@media (min-width:1200px) {.imageAndText-box {flex-direction:row }}
@media (min-width:1200px) {.imageAndText-box--reverse {flex-direction:row-reverse }}
.imageAndText__image {width:100%;object-fit:contain;object-position:center center;max-height:70vh}
@media (min-width:900px) {.imageAndText__image {max-height:270px }}
@media (min-width:1200px) {.imageAndText__image {width:400px;height:200px;object-fit:contain }}
.imageAndText__image--top {object-position:center top}
.imageAndText__image--bottom {object-position:center bottom}
.imageAndText__text >p {padding:15px 0 0;margin:0}
@media (min-width:1200px) {.imageAndText__text >p {padding:0 15px }}
.teaser-box {margin:20px 0}
.teaser-box-inner {width:90%;margin:auto;display:flex;flex-direction:column;box-shadow:0 5px 10px rgba(0,0,0,0.3);background-color:#f6efe7;align-items:flex-start;border:#ffde80 5px;border-style:solid}
@media (min-width:1100px) {.teaser-box-inner--reverse {flex-direction:row-reverse }}
.appeal {flex:1 1 auto;width:100%;padding:45px 35px}
@media (min-width:1100px) {.appeal {padding:45px }}
.appeal__headline {margin-top:0}
.appeal__btn {padding:10px 20px;background-color:#5a5423;color:#fff;text-decoration:none;display:inline-flex;font-weight:600;box-shadow:0 5px 10px rgba(0,0,0,0.3)}
.appeal__btn:hover {background-color:#fff;color:#5a5423}
.appeal__btn:active {box-shadow:none;transition:all 0.1s ease-in-out}
.teaser-box__image {display:inline-flex;width:100%;padding:30px}
@media (min-width:1200px) {.teaser-box__image {width:auto;height:313px }}
.multitiles {background-color:#f6efe7;width:100%;padding:20px 0}
.multitiles__headline {width:90%;margin-left:auto;margin-right:auto}
@media (min-width:900px) {.multitiles__headline {width:70% }}
.multitiles-content {display:flex;align-items:flex-start;justify-content:space-evenly;width:90%;margin:0 auto;flex-direction:column}
@media (min-width:600px) {.multitiles-content {flex-direction:row }}
@media (min-width:900px) {.multitiles-content {width:70% }}
.tile__link {width:100%;margin:10px 0}
@media (min-width:600px) {.tile__link {margin-right:10px }}
@media (min-width:600px) {.tile__link:last-child {margin-right:0 }}
.tile__image {width:100%;box-shadow:0 5px 10px rgba(0,0,0,0.3)}
.multitiles__sub-headline {width:98%;margin-left:1%;margin-right:auto}
.spacer--dark {background-color:#c5823f}
.spacer--height1 {height:1vh}
.spacer--height2 {height:2vh}
.spacer--height4 {height:3vh}
.spacer--height4 {height:4vh}
.spacer--height5 {height:5vh}
.spacer--height6 {height:6vh}
.spacer--height7 {height:7vh}
.spacer--height8 {height:8vh}
.spacer--height9 {height:9vh}
.spacer--height10 {height:10vh}
* {box-sizing:border-box}
.slideshow {width:75%;align-items:center;margin:0 auto}
.slideshow__container {position:relative;max-width:1000px;max-height:65vh;margin:auto;text-align:center}
.slideshow__img {width:100%;height:377px;object-fit:scale-down}
.slideshow__slides {display:none;vertical-align:middle;max-height:65vh;width:100%}
.slideshow__slides--fade {-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}
.slideshow__prev,
.slideshow__next {cursor:pointer;position:absolute;left:-42px;top:40%;width:42px;margin-top:-22px;padding:16px;color:#000;background-color:#ffde80;font-weight:bold;font-size:18px;transition:0.6s ease;border-radius:6px 0 0 6px;user-select:none}
.slideshow__prev:hover,
.slideshow__next:hover {opacity:0.6}
.slideshow__next {left:auto;right:-42px;border-radius:0 6px 6px 0}
.slideshow__text {color:#000;font-size:15px;padding:8px 12px;position:relative;bottom:8px;width:100%;text-align:center}
.slideshow__dots {text-align:center;position:relative;bottom:10px;left:50%;transform:translate(-50%,0)}
.slideshow__dot {cursor:pointer;height:50px;margin:0 8px;border-radius:3%;display:inline-block;opacity:0.5}
.slideshow__dot:hover {opacity:1}
.slideshow__dot--active {opacity:1}
@-webkit-keyframes fade {from {opacity:.5 }to {opacity:1 }}
@keyframes fade {from {opacity:.5 }to {opacity:1 }}
.single_image {display:flex}
.single_image__image {max-width:80%;margin:0 auto}
.headline {text-align:center;margin:30px auto}
.show-more {width:90%;margin:0 auto;display:flex;flex-direction:column}
.show-more__button {color:#fff;text-decoration:none;width:200px;margin:0 auto;border-style:none;background-color:#5a5423;justify-content:center;box-shadow:0 5px 10px rgba(0,0,0,0.3);font-size:24px;padding:10px 0;font-weight:600}
.show-more__button:hover {background-color:#fff;color:#5a5423;box-shadow:none;transition:0.5s}
.show-more__content {max-height:1px;overflow:hidden;margin:0 auto;max-width:1000px}
.show-more__content--show {max-height:fit-content}
.project-tiles {display:flex;flex-flow:wrap;justify-content:center}
.project-tiles__inner {width:340px;min-height:500px;margin:50px;display:flex;flex-direction:column;background-color:#f6efe7;border:#ffde80 5px;border-style:solid}
.project-tiles__inner:hover {-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.3);transition:0.3s;margin:45px 50px 55px 50px}
.project-tiles__image-contanier {height:250px;max-width:340px}
.project-tiles__image {width:100%;height:100%;object-fit:cover}
.project-tiles__headline {padding:15px;margin:0}
.project-tiles__text {padding:15px}
.project-tiles__link {color:#000;text-decoration:none}
.table {border-collapse:collapse;width:90%;margin:0 auto}
td,
th {border:1px solid #fff;padding:8px}
tr:nth-child(even) {background-color:#f6f6f6}
th {padding-top:12px;padding-bottom:12px;text-align:left;background-color:#ffde80;color:#000;font-weight:500;font-size:18px}
.download-section {display:flex;width:90%;margin:0 auto;flex-wrap:wrap;justify-content:space-evenly}
.download-section__button {color:#fff;text-decoration:none;width:200px;margin:0 auto;border-style:none;background-color:#5a5423;justify-content:center;box-shadow:0 5px 10px rgba(0,0,0,0.3);font-size:24px;padding:10px 0;font-weight:600}
.download-section__button:hover {background-color:#fff;color:#5a5423;box-shadow:none;transition:0.5s}
.download-section__image {height:480px;width:300px;margin:10px 0}
.download-section__content {display:flex;flex-direction:column;align-items:center;margin:20px 10px}
.listPartial ul {list-style:none;line-height:1.5;padding:0}
.listPartial ul li {list-style:none;position:relative;margin:2px 20px;-webkit-column-break-inside:avoid;page-break-inside:avoid;break-inside:avoid}
.listPartial__list ul {margin:16px;font-size:16px;line-height:1.5em;text-align:center}
@media (min-width:900px) {.listPartial__list ul {columns:2;text-align:left }}
@media (max-width:600px) {.listPartial__list ul {overflow-wrap:break-word }}
.listPartial__headline {margin:20px 0 20px 18px;text-align:center}
.listPartial__content {padding:16px;width:90%;margin:0 auto;display:flex;justify-content:center}
@media (min-width:900px) {.listPartial__content {display:grid;width:70%;margin:0 auto }}
.cookie-manager__link {margin:10px auto;background-color:#5a5423;color:#fff;padding:10px;width:200px;text-decoration:none;display:block;text-align:center}
.cookie-manager__link:hover {background-color:#ffde80}
.cookie-manager__link:active {background-color:#000}
.blog-posts__headline-clamp {width:90%;margin:0 auto;text-align:center}
@media (min-width:900px) {.blog-posts__headline-clamp {width:70%;text-align:left }}
.blog-posts__headline {display:inline-block;width:100%;padding:10px;background-color:#f6efe7;margin:15px 0;box-shadow:0 5px 10px rgba(0,0,0,0.3)}
.blog-posts {width:90%;margin:auto}
@media (min-width:900px) {.blog-posts {width:70% }}
.blog-post {width:100%;padding:15px;margin:20px 0;display:inline-block;background-color:#f6efe7;box-shadow:0 5px 10px rgba(0,0,0,0.3)}

.blog-post__image {max-width:100%}
.blog-post__image img {width:100%}
.blog-post__link {text-decoration:none}
.blog-post__headline {color:#5a5423;text-decoration:none;margin:10px 0}
.blog-post__date {margin:10px 0}
.blog-post__read-more {color:#5a5423}
.pagination {list-style:none;text-align:center;padding:0}
.pagination li {display:inline-block;padding:10px;background-color:#f6efe7}
.pagination li.active {background-color:#5a5423;color:#fff}
.pagination li.disabled {color:#fff}
.pagination li a {text-decoration:none;color:#5a5423}
.blog-post__navigation {display:flex}
.blog-post__btn {padding:10px 20px;margin:0 auto 20px;background-color:#5a5423;color:#fff;text-decoration:none;display:inline-block;text-align:center;box-shadow:0 5px 10px rgba(0,0,0,0.3)}
.blog-post__btn:hover {background-color:#ffde80}
.blog-post__btn:active {background-color:#000;box-shadow:none;transition:all 0.1s ease-in-out}
#subscriptionForm {padding:15px 30px;width:90%;max-width:500px;margin:15px auto;display:flex;flex-direction:column;background-color:#f6efe7;box-shadow:0 5px 10px rgba(0,0,0,0.3)}
#unsubscriptionForm {padding:15px 30px;width:90%;margin:15px auto;display:flex;flex-direction:column;background-color:#f6efe7;box-shadow:0 5px 10px rgba(0,0,0,0.3);overflow:auto}
@media (min-width:900px) {#unsubscriptionForm {width:70% }}
.subscription__headline {margin:5px 0;text-align:center}
.subscription__sub-headline {margin:5px 0 10px;text-align:center}
.unsubscribe__subtitle {font-weight:bold}
label[for=subscribersEmail],
label[for=subscribersName] {display:block}
#subscribersEmail,
#subscribersName {display:block;margin:5px auto;width:100%;height:30px}
.btn-default {text-align:center;margin:10px auto;padding:10px 20px;background-color:#ffde80;color:#fff;text-decoration:none;border:none;box-shadow:0 5px 10px rgba(0,0,0,0.3)}
.btn-default h3 {margin:0}
@font-face {font-family:'Actor Regular';src:url('/themes/huk-theme/assets/fonts/actor-regular.ttf');font-weight:normal;font-style:normal}
@font-face {font-family:'Cormorant Regular';src:url('/themes/huk-theme/assets/fonts/cormorant-regular.ttf');font-weight:normal;font-style:normal}
* {box-sizing:border-box;font-family:'Actor Regular',Verdana,sans-serif}
a,
p,
td,
li {font-size:20px}
h1,
h2,
h3,
h4,
h5,
h6 {font-family:'Actor Regular',Verdana,sans-serif}
h1 {font-size:40px}
h2 {font-size:21px}
h3 {font-size:18.7px}
html,
body {padding:0;margin:0}
body {margin-top:60px}
@media (min-width:900px) {body {margin-top:100px }}
.main-content {min-height:82vh}