@import url("https://use.typekit.net/xsg4ciz.css");*{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{width:100%;margin:0;padding:0;scroll-behavior:smooth}.nimbus-regular,body,html,p,a,div.gallerynav .tabs button{font-family:nimbus-sans,sans-serif;font-weight:300;font-size:17px;line-height:180%;font-style:normal;color:#706F6F}.nimbus-bold,h2,a:hover,.menu nav ul li a.active,div.gallerynav .tabs button.active,div.gallerynav .tabs button:hover{font-family:nimbus-sans,sans-serif;font-weight:700;font-size:17px;line-height:180%;font-style:normal;color:#000}h2{margin:0;padding:0;letter-spacing:1px}p{margin:0px 0 28px 0}a{font-weight:500;text-decoration:none;-webkit-transition:100ms;transition:100ms}a:hover{text-decoration:none}header{width:100%;height:150px;padding:0 20% 0 20%;position:absolute;top:0;text-align:center;z-index:9999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:padding 500ms;transition:padding 500ms}header.fixed{max-width:100%;width:100%;height:80px;top:0;padding:0 40px 0 40px;position:fixed}@media all and (max-width: 600px){header.fixed{padding:0 10px 0 10px}}header .logo{width:230px;height:19px;background-image:url("../img/basics/maja-drachsel-logo.png");background-position:center;background-size:contain;background-repeat:no-repeat}header .hover-1:hover{background-image:url("../img/basics/md-logo-1.png")}header .hover-2:hover{background-image:url("../img/basics/md-logo-2.png")}header .hover-3:hover{background-image:url("../img/basics/md-logo-3.png")}header .hover-4:hover{background-image:url("../img/basics/md-logo-4.png")}@media all and (max-width: 1500px){header{padding:0 12.5% 0 12.5%}}@media all and (max-width: 1024px){header{padding:0 12.5% 0 12.5%}header.fixed{padding:0 10px 0 10px}header .logo{width:215px}}@media all and (max-width: 320px){header .logo{width:190px}}#menu-icon-phone{display:inline-block;cursor:pointer;padding:10px 0px;margin:0}.bar1{width:30px;height:2px;background-color:#000;margin:0 0 12px 0;-webkit-transition:400ms;transition:400ms}.bar2{width:30px;height:2px;background-color:#000;margin:0;-webkit-transition:400ms;transition:400ms}.change .bar1{-webkit-transform:rotate(-45deg) translate(-5px, 6px);transform:rotate(-45deg) translate(-4px, 5px)}.change .bar2{-webkit-transform:rotate(45deg) translate(-5px, -6px);transform:rotate(45deg) translate(-5px, -6px)}.menu{position:fixed;top:-150%;left:0;right:0;width:100%;height:100vh;padding:200px 20% 0 20%;z-index:999;background-color:rgba(255,255,255,0.98);opacity:0;-webkit-transition:all 400ms ease;transition:all 400ms ease}.menu.aktiv{top:0;opacity:1}.menu nav{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.menu nav ul{width:75%;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.menu nav ul li{height:30px;margin:0;text-transform:uppercase;list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 300ms ease;transition:all 300ms ease}.menu nav ul li:last-child{width:20%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.menu nav ul li a{letter-spacing:1.5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.menu nav ul li a .social-icon{width:24px;opacity:.55;-webkit-transition:all 300ms;transition:all 300ms;margin:0 15px 0 0}.menu nav ul li a:hover .social-icon{opacity:1;margin:0 10px 0 0}@-webkit-keyframes fadein{0%{-webkit-transform:translate(-100px, 0);transform:translate(-100px, 0);opacity:0}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:1}}@keyframes fadein{0%{-webkit-transform:translate(-100px, 0);transform:translate(-100px, 0);opacity:0}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:1}}@media all and (max-width: 1500px){.menu{padding:200px 12.5% 0 12.5%}.menu nav{width:100%}.menu nav ul{width:100%}}@media all and (max-width: 1024px){.menu{padding:150px 12.5% 0 12.5%}.menu nav ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.menu nav ul li{margin:0 0 30px 0;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.menu nav ul li:last-child{margin:10px 0 0 0;width:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}main{max-width:60%;width:100%;min-height:80vh;margin:0 auto;padding:200px 0 100px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}main.gallery{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}main .column-left{width:40%;padding:0 10% 50px 0}main .column-left .hide{display:block}main .column-right{width:60%;padding:0 10% 50px 0}main .start-image{width:100%;margin:0;padding:0}img{width:100%;height:auto;margin:0;padding:0}.button-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;cursor:pointer}.button-icon img{width:24px;height:auto;margin:0 15px 0 0;padding:0;-webkit-transition:all 300ms;transition:all 300ms;opacity:.55}.button-icon:hover img{opacity:1;margin:0 10px 0 0}@media all and (max-width: 1500px){main{max-width:75%}}@media all and (max-width: 1024px){main{padding:150px 0 100px 0;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}main .column-left{width:100%;padding:0 0 50px 0}main .column-left .hide{display:none}main .column-right{width:100%;padding:0 0 50px 0}}ul.daten{margin:0;padding:0}ul.daten li{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-betweeen;-ms-flex-pack:space-betweeen;justify-content:space-betweeen;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}ul.daten li div.left{min-width:60px;color:#000}@media all and (max-width: 600px){ul.daten li{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0 0 20px 0}}footer{width:100%;margin:0 auto;padding:40px 20% 150px 20%;font-size:15px;font-weight:300;background-color:#ECECEC;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}footer a{font-size:15px;letter-spacing:normal;-webkit-transition:100ms;transition:100ms}footer a:hover{font-size:15px}@media all and (max-width: 1500px){footer{padding:40px 12.5% 150px 12.5%}}@media all and (max-width: 1024px){footer{text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}footer div.right{width:200px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-line-pack:center;align-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}footer div.right a{width:50%;margin:30px 10px 10px 10px;text-align:center}footer div.right a:last-child{margin:30px 0px 10px 0}div.gallerynav{width:100%;padding:0;margin:0 0 50px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}div.gallerynav .tabs{width:70%;margin:0;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 300ms ease;transition:all 300ms ease}div.gallerynav .tabs button{width:100%;margin:0;padding:0;font-weight:500;text-align:right;letter-spacing:1.2px;border:none;outline:none;cursor:pointer;background:none}div.gallerynav .tabs .grafik{width:12.5%}.tabcontent{width:100%;padding:40px 0 0 0;display:none}.tabcontent .thumbcontent{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:4px}.tabcontent .thumbcontent.grafik{grid-gap:40px}.tabcontent .thumbcontent a{width:100%;height:auto;-webkit-transition:.3s ease;transition:.3s ease;overflow:hidden;background-color:#ECECEC}.tabcontent .thumbcontent a img.thumb{width:100%;height:auto;-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:.2s ease;transition:.2s ease}.tabcontent .thumbcontent a:hover{-webkit-transform:scale(.9);transform:scale(.9)}.tabcontent .thumbcontent a:hover img.thumb{-webkit-transform:translate(0, -7px) scale(1.1);transform:translate(0, -7px) scale(1.1)}@media all and (max-width: 1500px){div.gallerynav .tabs{width:85%}.tabcontent{padding:20px 0 0 0}.tabcontent .thumbcontent{grid-template-columns:1fr 1fr 1fr}}@media all and (max-width: 1024px){div.gallerynav{width:90%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;overflow-y:hidden;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;-ms-overflow-style:none}div.gallerynav::-webkit-scrollbar{display:none}div.gallerynav div.tabs{width:1000px;height:50px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}div.gallerynav div.tabs button{width:90px;text-align:left}div.gallerynav div.tabs .grafik{width:90px}.tabcontent .thumbcontent{grid-template-columns:1fr 1fr}}@media all and (max-width: 600px){.tabcontent .thumbcontent{grid-template-columns:1fr}}div.top-button{position:fixed;right:40px;bottom:40px;opacity:.6;display:none}div.top-button a.animation-top{width:35px;height:55px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:999;cursor:pointer;overflow:hidden}div.top-button a.animation-top div.bar{position:relative;width:2px;height:25px;background-color:#000;-webkit-transition:400ms ease;transition:400ms ease;-webkit-animation-name:top-animation;animation-name:top-animation;-webkit-animation-duration:1.2s;animation-duration:1.2s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite}div.top-button a.animation-top p.top{position:relative;margin:10px 0 0 0;padding:0;font-size:12px;font-weight:400;text-align:center;letter-spacing:1.5px;text-transform:uppercase;color:#000}div.top-button:hover{opacity:1}@-webkit-keyframes top-animation{0%{margin:100% 0 0 0}50%{margin:0 0 0 0}100%{margin:0 0 100% 0}}@keyframes top-animation{0%{margin:100% 0 0 0}50%{margin:0 0 0 0}100%{margin:0 0 100% 0}}div.animation-gallery-nav{display:none}@media all and (max-width: 1024px){div.top-button{right:5px;bottom:20px}div.animation-gallery-nav{width:70px;height:50px;padding:0 0 0 40px;right:12.5%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;z-index:99;cursor:pointer;background-image:url("../img/basics/gallery-animation-bg.png");background-position:left;background-size:cover;background-repeat:no-repeat}div.animation-gallery-nav div.bar{position:relative;width:100%;height:2px;background-color:#706F6F;-webkit-transition:400ms ease;transition:400ms ease;-webkit-animation-name:next-animation;animation-name:next-animation;-webkit-animation-duration:1.2s;animation-duration:1.2s;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite}}@-webkit-keyframes next-animation{0%{margin:0 100% 0 0}50%{margin:0 0 0 0}100%{margin:0 0 0 100%}}@keyframes next-animation{0%{margin:0 100% 0 0}50%{margin:0 0 0 0}100%{margin:0 0 0 100%}}