#header .row-1 .logo:hover,.main-menu ul li a:hover,.title-main:hover{background-size:cover;background-image:url("../img/rauschen.png")}.main-menu ul li ul li,body{font-family:Arial,Helvetica,sans-serif}.main-menu ul li a,a{text-decoration:none}.content__text .description,p{padding-bottom:20px}#footer ul,.content ul,.main-menu ul{list-style:none}*{margin:0;padding:0;box-sizing:border-box;line-height:128%}html{font-size:16px}body{font-weight:700}.harber,h2{font-family:Harber}main{min-height:100vh}.navigation,main.hidden{display:none}@font-face{font-family:Harber;src:url("../fonts/HARBER.ttf") format("truetype-variations")}.harber{font-weight:1;font-variation-settings:"VVLM" 2;font-size:1.5rem;line-height:130%}@media (min-width:600px){.harber{font-size:2rem}}@media (min-width:900px){.harber{font-size:2.5rem}}#header .row-1 .logo .harber.a,.harber.a:hover,.pagetitle.a,.title-main.a{animation:.3s linear forwards harber-a}@keyframes harber-a{0%{font-variation-settings:"slnt" 0,"VVLM" 2}100%{font-variation-settings:"slnt" 4,"VVLM" 2}}#header .row-1 .logo .harber.b,.harber.b:hover,.pagetitle.b,.title-main.b{animation:.3s linear forwards harber-b}@keyframes harber-b{0%{font-variation-settings:"slnt" 0,"VVLM" 2}100%{font-variation-settings:"slnt" -2,"VVLM" 2}}#header .row-1 .logo .harber.c,.harber.c:hover,.pagetitle.c,.title-main.c{animation:.3s linear forwards harber-c}@keyframes harber-c{0%{font-variation-settings:"VVLM" 2}100%{font-variation-settings:"VVLM" 3}}#header .row-1{display:block;flex-direction:row-reverse}#header .row-1 a{display:inline-block;padding:25px 10px 10px 20px;overflow:visible}#header .row-1 .leichte-sprache{flex-grow:1}#footer ul li a,#header .row-1 .leichte-sprache a{transition:.4s ease-out}#footer ul li a.active,#footer ul li a:hover,#header .row-1 .leichte-sprache a:hover,#header .row-1 .logo:hover a{color:#36a5cd}#header .row-1 .logo{background-color:#f5f5f5;display:flex;position:relative}#header .row-1 .toggle-nav,.content__grid{display:grid;grid-template-columns:1fr}#header .row-1 .logo .harber{padding-right:100px;transition:.4s ease-out}#header .row-1 .toggle-nav{position:absolute;right:20px;top:20px;grid-template-rows:10px 10px 10px;align-content:center;cursor:pointer;transition:.4s ease-out}#header .row-1 .toggle-nav:hover{transform:scale(1.05)}#header .row-1 .toggle-nav .bar.drei,#header .row-1 .toggle-nav .bar.eins,#header .row-1 .toggle-nav .bar.zwei{width:60px;height:2px;background-color:#000;transition:.4s}#header .row-1 .toggle-nav .bar.eins.change{transform:translate(0,10px) rotate(-45deg)}#header .row-1 .toggle-nav .bar.zwei.change{opacity:0}#header .row-1 .toggle-nav .bar.drei.change{transform:translate(0,-10px) rotate(45deg)}.main-menu ul li.depth-2>a{padding:20px 20px 10px;background-color:#f5f5f5;display:block;border-top:1px solid #000;transition:color .4s ease-out}.main-menu ul li a{color:#000;padding:10px 20px}.main-menu ul li a:hover,.title-main:hover{color:#36a5cd}.main-menu ul li ul{background-color:#fff;display:flex;flex-wrap:wrap;padding:10px 0}.list-subprojects ul li a,.main-menu ul li ul li a{display:inline-block;text-transform:uppercase;font-size:.85rem}.main-menu ul li ul li{margin:0 0 10px 20px}.main-menu ul li ul li a{padding:5px 15px;border:2px solid #000;border-radius:20px;background:#f5f5f5;font-weight:700;transition:.4s ease-out}.main-menu ul li ul li a:hover{border-color:#36a5cd;background-image:url("../img/rauschen.png");background-size:1000px 1000px;color:inherit}.pagetitle,.title-main{padding:20px 20px 10px;border-top:1px solid #000;transition:.4s ease-out;background-color:#f5f5f5}h2{font-weight:5;font-size:1rem;line-height:160%;margin:5px 0 10px}p{font-weight:700}a{color:inherit}.title-main{margin-bottom:10px}.title-main.overview:hover{background-image:none;color:inherit}.content__grid div:last-child{place-self:start center;padding:0 20px}.content__grid div:last-child img{max-width:100%;max-height:400px}.content .description ul{list-style:square;padding-left:12px}.content a{text-decoration:underline;text-decoration-color:rgb(54,165,205);text-underline-offset:2px;text-decoration-thickness:2px}.content__text{padding:10px 20px 50px;display:block}.content__text.default,.content__text.ueber-mich{display:block;padding:20px}.content .zusatzinfos{display:block;padding:10px 0;margin:50px 20px;border-top:1px solid gray}@media (min-width:600px){.content .zusatzinfos{display:grid;column-gap:30px;grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){#header .row-1{display:flex}#header .row-1 .toggle-nav{position:relative;top:0}#header .row-1 .toggle-nav .bar.drei,#header .row-1 .toggle-nav .bar.eins,#header .row-1 .toggle-nav .bar.zwei{width:80px}.main-menu ul li ul li a{font-size:1rem}h2{font-size:1.25rem}.content.default{width:50%}.content__grid{display:grid;grid-template-columns:1fr 1fr}.content__grid div:last-child{place-self:start end}.content__text{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.content__text.default{width:50%}.content .zusatzinfos{grid-template-columns:repeat(4,1fr)}}.content .zusatzinfos li{margin-bottom:20px;font-size:.85rem}.content .zusatzinfos li p{padding-bottom:0}.navigation.opened{display:block;animation:.4s ease-out forwards fadeIn}@keyframes fadeIn{from{transform:translateX(100%)}to{transform:translateX(0)}}.swiper{width:100%;height:100%}.swiper-slide{display:flex;justify-content:flex-start;align-items:center;width:auto!important}.swiper-slide img{display:block;max-width:100%;height:100%;max-height:250px;object-fit:cover}@media (min-width:600px){.swiper-slide img{max-height:300px}}@media (min-width:900px){.swiper-slide img{max-height:350px}.list-subprojects ul li a{font-size:1rem}}@media (min-width:1200px){.harber{font-size:3rem}.content .zusatzinfos{grid-template-columns:repeat(6,1fr)}.swiper-slide img{max-height:400px}}@media (min-width:1800px){.content .zusatzinfos{grid-template-columns:repeat(8,1fr)}.swiper-slide img{max-height:450px}}.swiper-button::after{color:#36a5cd;padding:3px 10px 10px;background:#fff;display:block}.swiper-button.swiper-button-next{justify-content:flex-start}.swiper-button.swiper-button-next::after{content:">"!important;font-size:2rem;font-weight:700;border-radius:4px 0 0 4px}.swiper-button.swiper-button-prev{justify-content:flex-end}.swiper-button.swiper-button-prev::after{content:"<"!important;font-size:2rem;font-weight:700;border-radius:0 4px 4px 0}.list-subprojects ul{display:flex;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;list-style:none;align-items:center;padding-right:20px;-ms-overflow-style:none;scrollbar-width:none}.list-subprojects ul::-webkit-scrollbar{display:none}.list-subprojects ul li{flex:0 0 auto;padding:0 0 20px 20px}.list-subprojects ul li a{border:2px solid #000;border-radius:25px;padding:5px 15px 3px;transition:.4s ease-out;cursor:pointer}.list-subprojects ul li a.active,.list-subprojects ul li a:hover{background-image:url("../img/rauschen.png");background-size:1000px 1000px;background-color:#f5f5f5;border-color:#36a5cd}#footer{margin-top:50px;padding:20px 20px 50px}#footer ul{display:block}@media (min-width:900px){#footer ul{display:flex}}#footer ul li{margin-right:20px}.image-description{font-size:.85rem;max-width:250px;padding:5px}