@import url(reset.css);#loading,.contact a,.flex{display:flex}#content .col:nth-child(2),#content.active .col:first-child,#content.active .col:last-child{animation-duration:2s;animation-delay:.5s;opacity:0}.btn,.textflow{overflow:hidden;white-space:nowrap}.btn,.textflow .text p{text-transform:uppercase}.menu-item:hover,hr{background:var(--grey)}#accordion h3,.btn,.pulse{cursor:pointer}#tabs-3 .masonry .item:nth-child(2n),.masonry .item{grid-row-end:span 20}#referenzen h2,#referenzen h3,.btn:before{left:0;right:0}body,footer{background:var(--black) url(../images/bg-dot.png)}.btn,.contact a,footer a,nav a{text-decoration:none}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;src:url('../fonts/montserrat-v23-latin-regular.eot');src:local(''),url('../fonts/montserrat-v23-latin-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/montserrat-v23-latin-regular.woff2') format('woff2'),url('../fonts/montserrat-v23-latin-regular.woff') format('woff'),url('../fonts/montserrat-v23-latin-regular.ttf') format('truetype'),url('../fonts/montserrat-v23-latin-regular.svg#Montserrat') format('svg')}@font-face{font-family:Montserrat;font-style:italic;font-weight:400;src:url('../fonts/montserrat-v24-latin-italic.eot');src:local(''),url('../fonts/montserrat-v24-latin-italic.eot?#iefix') format('embedded-opentype'),url('../fonts/montserrat-v24-latin-italic.woff2') format('woff2'),url('../fonts/montserrat-v24-latin-italic.woff') format('woff'),url('../fonts/montserrat-v24-latin-italic.ttf') format('truetype'),url('../fonts/montserrat-v24-latin-italic.svg#Montserrat') format('svg')}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;src:url('../fonts/montserrat-v23-latin-600.eot');src:local(''),url('../fonts/montserrat-v23-latin-600.eot?#iefix') format('embedded-opentype'),url('../fonts/montserrat-v23-latin-600.woff2') format('woff2'),url('../fonts/montserrat-v23-latin-600.woff') format('woff'),url('../fonts/montserrat-v23-latin-600.ttf') format('truetype'),url('../fonts/montserrat-v23-latin-600.svg#Montserrat') format('svg')}@font-face{font-family:Montserrat;font-style:normal;font-weight:800;src:url('../fonts/montserrat-v23-latin-800.eot');src:local(''),url('../fonts/montserrat-v23-latin-800.eot?#iefix') format('embedded-opentype'),url('../fonts/montserrat-v23-latin-800.woff2') format('woff2'),url('../fonts/montserrat-v23-latin-800.woff') format('woff'),url('../fonts/montserrat-v23-latin-800.ttf') format('truetype'),url('../fonts/montserrat-v23-latin-800.svg#Montserrat') format('svg')}*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}html{scroll-behavior:smooth;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}.clear{clear:both}:root{--black:#151515;--grey:#e1e1e1;--lightgrey:#f8f8f8;--white:#fff;--pink:#ea0cd5}body{font:400 14px/22px Montserrat,arial,helvetica;color:var(--black);overflow-x:hidden}#loading{background:var(--black);position:fixed;z-index:999999;width:100%;height:100%;justify-content:center;align-items:center;overflow:hidden}.loader{color:var(--pink);font-size:90px;text-indent:-9999em;overflow:hidden;width:1em;height:1em;border-radius:50%;margin:72px auto;position:relative;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:1.7s infinite load6,1.7s infinite round;animation:1.7s infinite load6,1.7s infinite round}.contact a,.menu-item,.menu-open-button{background:var(--pink);border-radius:100%}@-webkit-keyframes load6{0%,100%,5%,95%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}10%,59%{box-shadow:0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em}20%{box-shadow:0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em}38%{box-shadow:0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em}}@keyframes load6{0%,100%,5%,95%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}10%,59%{box-shadow:0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em}20%{box-shadow:0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em}38%{box-shadow:0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em}}@-webkit-keyframes round{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes round{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}i{font-style:italic}.flex{flex-wrap:wrap;justify-content:space-between}.container{max-width:1380px;margin:auto;width:90%}nav a{color:var(--white);font-size:13px}.menu-item,.menu-open-button{font-size:11px;font-weight:600;width:72px;height:72px;position:absolute;top:0;color:var(--black);text-align:center;line-height:72px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.menu-open-button{transition:transform .2s ease-out,-webkit-transform .2s ease-out}.menu-open,.mobil-pic{display:none}.hamburger{width:25px;height:3px;border-radius:3px;background:var(--white);display:block;position:absolute;top:50%;left:50%;margin-left:-12.5px;margin-top:-1.5px;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.btn,footer a{display:inline-block}.contact,.menu{position:fixed}.hamburger-1{-webkit-transform:translate3d(0,-8px,0);transform:translate3d(0,-8px,0)}.hamburger-2{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.hamburger-3{-webkit-transform:translate3d(0,8px,0);transform:translate3d(0,8px,0)}.menu-open:checked+.menu-open-button .hamburger-1{-webkit-transform:translate3d(0,0,0) rotate(45deg);transform:translate3d(0,0,0) rotate(45deg)}.menu-open:checked+.menu-open-button .hamburger-2{-webkit-transform:translate3d(0,0,0) scale(.1,1);transform:translate3d(0,0,0) scale(.1,1)}.menu-open:checked+.menu-open-button .hamburger-3{-webkit-transform:translate3d(0,0,0) rotate(-45deg);transform:translate3d(0,0,0) rotate(-45deg)}.menu{z-index:99;padding-top:20px;left:20px;font-size:20px;text-align:left;top:20px}#lebenslauf .box,#referenzen h2,#referenzen h3,.btn,.pulse,footer{text-align:center}.menu-item{text-indent:-9999px}.menu-item:hover{color:var(--black)}#lebenslauf .button-icon,.btn:before{background:var(--black)}#content p,#lebenslauf .btn:hover .button-text,.btn .button-text,.btn:hover .button-text,.image-source-link,.textflow .text p span,header .btn .button-text{color:var(--white)}.menu-item:nth-child(3),.menu-item:nth-child(4),.menu-item:nth-child(5),.menu-item:nth-child(6){transition-duration:180ms}.menu-open-button{z-index:2;transition-timing-function:cubic-bezier(.175,.885,.32,1.275);transition-duration:.4s;cursor:pointer}.menu-open-button:hover{-webkit-transform:scale(1.2,1.2) translate3d(0,0,0);transform:scale(1.2,1.2) translate3d(0,0,0)}.menu-open:checked~.menu-item{transition-timing-function:cubic-bezier(.935,0,.34,1.33)}.menu-open:checked+.menu-open-button{transition-timing-function:linear;transition-duration:.2s;-webkit-transform:scale(.8,.8) translate3d(85px,0,0);transform:scale(.8,.8) translate3d(85px,0,0)}.menu-open:checked~.menu-item:nth-child(3){content:'';background:var(--pink) url(../images/ueber-mich-icon.svg) no-repeat center center;background-size:20px;transition-duration:180ms;-webkit-transform:translate3d(150px,-15px,0);transform:translate3d(150px,-15px,0)}.menu-open:checked~.menu-item:nth-child(4){content:'';background:var(--pink) url(../images/lebenslauf-icon.svg) no-repeat 55% center;background-size:25px;transition-duration:280ms;-webkit-transform:translate3d(130px,60px,0);transform:translate3d(130px,60px,0)}.menu-open:checked~.menu-item:nth-child(5){content:'';background:var(--pink) url(../images/projekte-icon.svg) no-repeat center center;background-size:30px;transition-duration:380ms;-webkit-transform:translate3d(50px,80px,0);transform:translate3d(50px,80px,0)}.menu-open:checked~.menu-item:nth-child(6){content:'';background:var(--pink) url(../images/mail-icon.svg) no-repeat center center;background-size:26px;transition-duration:480ms;-webkit-transform:translate3d(-15px,30px,0);transform:translate3d(-15px,30px,0)}.contact{right:10px;z-index:12;top:45%}.contact a{justify-content:center;align-items:center;width:40px;height:40px;margin:5px 0}.contact a svg{width:20px}header .disclaimer{flex-basis:40%;position:relative;top:250px;z-index:11;background:url(../images/blur-bg.png) 0 0/contain no-repeat;padding-left:5%}header .disclaimer h1{font:800 100px/90px Montserrat,sans-serif;color:#fff;text-shadow:0 0 1px grey}header .disclaimer h1 span{font-size:66px;line-height:80px}header .disclaimer h2{font:600 25px/30px Montserrat,sans-serif;color:#fff;margin:0 0 30px;text-shadow:0 0 1px grey;border:none}.headerbild{flex-basis:60%}#content .col:first-child img,#lebenslauf .col:first-child img,.headerbild img{width:100%}.btn{line-height:1.4;border-radius:35px;border:1px solid var(--black);text-overflow:ellipsis;vertical-align:middle;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:.25s ease-in-out;-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;position:relative;z-index:1;padding:16px 70px 16px 35px;font-size:15px;font-weight:600;background-color:transparent;outline:0}.btn:before{z-index:-1;content:"";position:absolute;top:0;bottom:0;transform:translateX(100%);-webkit-transform:translateX(100%);-moz-transform:translateX(100%);transition:.3s ease-out;-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out}.btn:hover::before{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0)}.btn .button-text{position:relative;z-index:2;transition:.3s ease-out;-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out}#accordion table a,#content .btn:hover .button-text,#lebenslauf .btn .button-text,#lebenslauf h2,header .btn:hover .button-text{color:var(--black)}.button-icon{position:absolute;right:-1px;top:-1px;bottom:0;width:55px;height:55px;display:flex;justify-content:center;align-items:center;font-size:19px;background:var(--white);border-radius:50%}#content .boxen h4,.textflow .text,h2{color:var(--white)}#content .btn:before,#lebenslauf .box,.masonry .item,footer h2:after,header .btn:before,header .button-icon{background:var(--white)}header .btn{z-index:111;border:1px solid var(--white);text-shadow:0 0 1px grey}#content,.skills{padding:100px 0;background:var(--black) url(../images/lines.webp) no-repeat center center}#lebenslauf,#referenzen{padding:100px 0;background:var(--lightgrey)}#content .col{opacity:0}#content .col:first-child{flex-basis:28%}#content .col:nth-child(2){flex-basis:40%;animation-name:fade-in-bottom;animation-iteration-count:1;animation-fill-mode:forwards}#content .col:last-child{flex-basis:26%}#content.active .col:first-child{animation-name:fade-in-left;animation-iteration-count:1;animation-fill-mode:forwards}#content.active .col:last-child{animation-name:fade-in-right;animation-iteration-count:1;animation-fill-mode:forwards}#content.active .boxen .box:before,#lebenslauf.active .box:first-child,#lebenslauf.active .box:nth-child(2),#lebenslauf.active .box:nth-child(3),#lebenslauf.active .box:nth-child(4){animation-duration:1s;animation-iteration-count:1;animation-fill-mode:forwards}#content .col:first-child img,#content .col:last-child img.pic-me{width:100%;position:relative;filter:grayscale(0);transition:.6s;-webkit-transition:.6s}#content .col:last-child img.pic-me,#lebenslauf .pic-call{margin-bottom:30px}#accordion h3,footer h2,p{margin:0 0 20px}#content .col:first-child img:hover,#content .col:last-child img:hover{filter:grayscale(1);transition:.6s;-webkit-transition:.6s}#content .col:first-child:after{content:'';position:absolute;z-index:-1;bottom:00px;right:-100px;width:400px;height:400px;background:url(../images/blur-bg-2.png) 0 0/contain no-repeat}#content .boxen h4{font-size:50px;font-weight:600}#content .boxen .box:first-child h4:after{content:'+';font-size:20px;position:relative;top:-15px;left:3px}#content .boxen .box:last-child h4:after{content:'%';font-size:20px;position:relative;top:-15px;left:3px}#content .boxen .flex,#skills-open .flex{justify-content:flex-start}#content .boxen .box{display:flex;align-items:baseline;margin-top:30px;position:relative}#content .boxen .box:after{content:'';position:absolute;left:0;bottom:10px;width:100%;height:1px;background-color:#fff}#content.active .boxen .box:before{content:'';position:absolute;left:0;bottom:9px;width:21px;-webkit-transition:.3s linear;-khtml-transition:.3s linear;-moz-transition:.3s linear;-ms-transition:.3s linear;-o-transition:.3s linear;transition:.3s linear;height:3px;background-color:var(--pink);z-index:1;animation-name:fade-in;animation-delay:1.5s}#content .boxen .box p{font-size:16px;padding-left:20px}@keyframes fade-in{0%{width:21px}100%{width:100%}}@keyframes fade-in-left{0%{transform:translateX(-100%);opacity:0;visibility:hidden}100%{transform:translateX(0);opacity:1;visibility:visible}}@keyframes fade-in-bottom{0%{transform:translateY(100%);opacity:0;visibility:hidden}100%{transform:translateY(0);opacity:1;visibility:visible}}@keyframes fade-in-right{0%{transform:translateX(100%);opacity:0;visibility:hidden}100%{transform:translateX(0);opacity:1;visibility:visible}}#content .btn{border-color:var(--white)}.skills h2,h2{border-bottom:1px solid var(--white);margin-bottom:30px}.textflow{width:100%;color:#fff;display:flex;align-items:center;position:relative;top:80px}.pulse,.zoom .masonry .item a.hover,.zoom .masonry .item a.hover img,footer h2:after{display:block}.textflow .banner{display:flex;padding-left:100%;animation:40s linear infinite scroll}.textflow .text{font-size:100px;line-height:130%;font-weight:700}.textflow .text p{color:var(--black)!important;text-shadow:0 0 2px var(--white);padding:0 10px;margin:0}.textflow .text p:after{content:'*';color:var(--white)}@keyframes scroll{from{transform:translateX(0)}to{transform:translateX(-100%)}}h2{font:800 72px/80px Montserrat,sans-serif}h3.headline{font:800 30px/34px Montserrat,sans-serif;position:absolute;margin-top:-40px}hr{height:1px;border:none;margin:15px 0}#accordion h3,#accordion h3.ui-state-active{border-radius:35px;padding:16px 35px;color:var(--white)}#lebenslauf{transition:1s}#lebenslauf .col:first-child{flex-basis:30%}#lebenslauf .col:last-child{flex-basis:65%}#lebenslauf h2{border-bottom:1px solid var(--black);margin-bottom:30px}#accordion{margin:0 0 60px}#accordion h3{background:var(--black) url(../images/arrow-bottom-single-white.svg) no-repeat 95% center;background-size:28px;font:600 18px/24px Montserrat,sans-serif}#accordion h3.ui-state-active{background:var(--pink) url(../images/cross-icon.svg) no-repeat 95% center;background-size:28px}#accordion table{margin:0 0 20px 35px}#accordion table tr td{padding:0 0 10px}#accordion table tr td:first-of-type{font-weight:600;padding:0 20px 0 0}#lebenslauf .box{flex-basis:48%;padding:30px;border-radius:25px;margin:0 0 20px;border:1px solid var(--grey)}#lebenslauf.active .box:first-child{animation-name:zoom-in}@-webkit-keyframes zoom-in{0%{transform:scale(1)}50%{transform:scale(1.1)}}#lebenslauf.active .box:nth-child(2){animation-name:zoom-in;animation-delay:.4s}#lebenslauf.active .box:nth-child(3){animation-name:zoom-in;animation-delay:.8s}#lebenslauf.active .box:nth-child(4){animation-name:zoom-in;animation-delay:1.2s}#lebenslauf .box h4{font:600 54px/58px Montserrat,sans-serif;color:var(--black)}#lebenslauf .box h4:after{content:'+';font-size:30px;position:relative;top:-15px}#lebenslauf .box:last-child h4:after{content:'%';font-size:24px}#lebenslauf .box p,#referenzen #tabs ul li:last-child{margin:0}.pulse{background:0 0;border:none;margin:auto;animation:2s ease-in-out 3 bounce}@-webkit-keyframes bounce{0%,50%{transform:translateY(0)}25%,75%{transform:translateY(10px)}}#skills-open{transition:1s;-webkit-transition:1s;-moz-transition:1s}#skills-open .circle{flex-basis:12.5%}.skill-item{position:relative;max-width:130px;width:100%;margin:auto}.chart-container{position:relative;width:100%;height:0;padding-top:100%;margin-bottom:27px}.skill-item .chart,.skill-item .chart canvas{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center}.skill-item .chart:before{content:"";width:0;height:100%;display:inline-block;vertical-align:middle}.skill-item .chart .name{font-size:14px;color:var(--white)}#referenzen h2{color:var(--black);border:none}#referenzen #tabs{margin:30px 0 0}#referenzen #tabs ul{display:flex;justify-content:center;margin:0 0 30px}#referenzen #tabs ul li{margin:0 15px 0 0}#referenzen #tabs ul li a{background:var(--white);padding:12px 30px;color:var(--black);display:block;text-decoration:none;border-radius:25px;border:1px solid var(--black);transition:.3s ease-out;-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out}#referenzen #tabs ul li.ui-state-active a{background:var(--pink);color:var(--white);border-color:var(--pink)}#referenzen #tabs ul li a:hover{background:var(--pink);border-color:var(--pink);color:var(--white);transition:.3s ease-out;-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out}.masonry{display:grid;grid-gap:10px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));grid-template-rows:masonry;-ms-grid-rows:masonry}.masonry .item{border:1px solid var(--grey);position:relative}#tabs-1 .masonry .item,#tabs-2 .masonry .item,#tabs-3 .masonry .item,#tabs-5 .masonry .item{background:#eaeaea}.masonry .item:nth-child(2n){grid-row-end:span 25}.zoom .masonry .item a.hover:after{content:'';display:flex;align-items:center;justify-content:center;background:url(../images/eye-icon.svg) center center/60px no-repeat rgba(0,0,0,.7);position:absolute;z-index:11;height:100%;width:100%;top:0;left:0;right:0;bottom:0;opacity:0;transition:.6s;-webkit-transition:.6s;-moz-transition:.6s}.zoom .masonry .item a.hover:hover:after{opacity:1;transition:.6s;-webkit-transition:.6s;-moz-transition:.6s}.masonry .item:nth-child(2n) img{padding:40px 0}#tabs-3 .masonry .item:nth-child(2n) img,#tabs-5 .masonry .item:nth-child(2n) img{padding:0}.masonry .item img{width:100%;height:100%;object-fit:cover}.masonry .item a.button img{display:inherit;height:21px;width:17px;margin:auto}footer{padding:0 0 50px;color:var(--white);position:relative}footer .container{background:url(../images/blur-bg.png) 40% 0/contain no-repeat}footer h2{color:var(--white);font-size:60px;line-height:120%;padding-top:50px;border:none}footer h2:after{content:'';height:1px;max-width:320px;margin:10px auto 0}footer p{margin-bottom:0}footer strong{font-weight:800}footer a{margin:0 3px;transition:.3s ease-out;-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out}footer a:hover{opacity:.6;transition:.3s ease-out;-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out}.arrow-top img,footer svg{width:25px}.arrow-top{position:absolute;width:60px;height:60px;background:var(--pink);display:flex;align-items:center;justify-content:center;bottom:40px;right:5%;border-radius:100%}@media screen and (max-width:1280px){header .disclaimer h1{font:800 70px/78px Montserrat,sans-serif}header .disclaimer h1 span{font-size:54px;line-height:72px}header .disclaimer{top:150px;flex-basis:45%}.headerbild{flex-basis:55%}.white{height:800px}.arrow{top:720px}h2{font:800 56px/62px Montserrat,sans-serif}footer h2{font-size:42px;line-height:120%}h3.headline{font:800 26px/34px Montserrat,sans-serif}#content .boxen h4{font-size:40px}.textflow .text{font-size:80px}#accordion h3{font-size:16px}#lebenslauf .col:first-child{flex-basis:35%}#lebenslauf .col:last-child{flex-basis:60%}}@media screen and (max-width:1120px){header .disclaimer h1{font:800 60px/68px Montserrat,sans-serif}header .disclaimer h2{font:600 20px/26px Montserrat,sans-serif}h2{font:800 54px/60px Montserrat,sans-serif}.btn{font-size:13px}#skills-open .circle{flex-basis:25%}#content{padding:100px 0;position:relative}#content .col:first-child,#content .col:last-child{flex-basis:28%}#content .col:nth-child(2){flex-basis:64%}#content.active .col:last-child{animation-name:fade-in-left}#content .col:last-child img.pic-me{margin-bottom:0;margin-top:30px}#content .col:last-child .btn{top:-40px;background:var(--black);left:50px}.textflow{bottom:200px;top:inherit;position:absolute;left:35%;width:60%;white-space:inherit}.textflow .text{font-size:62px}.textflow .banner{display:block;padding-left:0;animation:none}.textflow .text:first-child,.textflow .text:nth-child(4){display:none}#lebenslauf .box{padding:22px;margin:0 0 15px}#lebenslauf .box h4{font:600 42px/52px Montserrat,sans-serif}.masonry{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media screen and (max-width:1024px){header{height:600px;overflow:hidden}.headerbild{flex-basis:100%}header .disclaimer{top:150px;flex-basis:100%;position:absolute}.white{height:700px}.arrow{top:640px}}@media screen and (max-width:980px){#content{padding:100px 0 50px}#content .col:first-child,#content .col:last-child{flex-basis:48%}#content .col:nth-child(2){flex-basis:100%;order:1;margin-bottom:30px}#content .col:first-child{order:2}#content .col:last-child{order:3}#content .col:last-child img.pic-me{margin-top:0}#content .col:last-child .btn{left:40%}#content.active .col:last-child{animation-name:fade-in-right}.textflow{bottom:inherit;top:inherit;position:relative;left:inherit;width:100%;white-space:nowrap}.textflow .text:first-child,.textflow .text:nth-child(4){display:block}.textflow .banner{display:flex;padding-left:100%;animation:40s linear infinite scroll}#lebenslauf .col:first-child{flex-basis:100%;order:2;position:relative}#lebenslauf .col:last-child{flex-basis:100%;order:1;margin:30px 0 0}#lebenslauf .col:first-child img{max-width:500px}#lebenslauf .pic-call{margin-bottom:0}#lebenslauf .btn{position:absolute;bottom:-20px;background:var(--white);left:15%}}@media screen and (max-width:860px){header{height:500px}.white{height:600px}.arrow{top:540px}header .disclaimer{top:120px}header .disclaimer h1{font:800 66px/66px Montserrat,sans-serif}header .disclaimer h1 span{font-size:44px}#content,#lebenslauf,#referenzen,.skills{padding:50px 0}h2{font:800 44px/50px Montserrat,sans-serif}#lebenslauf .col:last-child{margin-top:0}#lebenslauf .col:first-child{margin-bottom:30px}}@media screen and (max-width:768px){header{height:450px}#lebenslauf .col:first-child img{max-width:400px}.arrow,.white{display:none}header .disclaimer h1{font:800 44px/38px Montserrat,sans-serif}header .disclaimer h1 span{font-size:30px;line-height:38px}header .disclaimer h2{font:600 18px/32px Montserrat,sans-serif;margin:0 0 10px}#content.active .col:first-child,#content.active .col:last-child{animation-delay:0s}.btn{padding:12px 70px 12px 25px;font-size:13px;line-height:1.5}.button-icon{width:45px;height:45px}#referenzen #tabs ul{flex-wrap:wrap;margin:0 0 10px}#referenzen #tabs ul li{margin:0 15px 15px 0}#referenzen #tabs ul li:last-child{margin:0 0 15px}.skills h3{font:600 26px/32px Montserrat,sans-serif}.textflow{bottom:-20px}#content .col:last-child .btn{left:30%}}@media screen and (max-width:680px){body{font:400 13px/22px Montserrat,arial,helvetica}header{height:inherit}.headerbild{max-height:400px;overflow:hidden}.headerbild img{display:block}header .disclaimer{margin:0;padding:25px;position:inherit;top:inherit;width:100%;background:var(--white);order:2;display:block}header .btn,header .disclaimer h1,header .disclaimer h2{color:var(--black);text-shadow:none}header .btn .button-text{color:var(--black)}header .btn::before,header .button-icon{background:var(--black)}header .button-icon #Icon_ion-ios-arrow-down{fill:var(--white)}header .btn{border-color:var(--black)}header .btn:hover .button-text{color:var(--white)}header .disclaimer h2{font:600 16px/30px Montserrat,sans-serif}#accordion h3,#accordion h3.ui-state-active{padding:12px 30px 12px 20px}#accordion table{margin:0 0 20px 20px}#accordion h3.ui-state-active{background-size:20px}#accordion h3{background-size:18px}}@media screen and (max-width:640px){#content .col:first-child::after{width:300px;height:300px;right:0}.menu-item,.menu-open-button{width:60px;height:60px}.menu-open:checked~.menu-item:nth-child(3){-webkit-transform:translate3d(110px,-15px,0);transform:translate3d(110px,-15px,0)}.menu-open:checked~.menu-item:nth-child(4){-webkit-transform:translate3d(90px,50px,0);transform:translate3d(90px,50px,0)}.menu-open:checked~.menu-item:nth-child(5){-webkit-transform:translate3d(20px,70px,0);transform:translate3d(20px,70px,0)}.menu-open:checked~.menu-item:nth-child(6){-webkit-transform:translate3d(-25px,15px,0);transform:translate3d(-25px,15px,0)}#skills-open .circle{flex-basis:33.33%}#skills-open.active{height:1100px}.arrow-top{width:50px;height:50px;right:10px}#content .col:first-child,#content .col:last-child{flex-basis:75%}#content .col:last-child{margin-top:30px}#content .col:last-child .btn{left:55%;top:-35px}#lebenslauf .btn{left:10%;bottom:-15px}}@media screen and (max-width:540px){h2{font:800 36px/44px Montserrat,sans-serif}.menu-open:checked+.menu-open-button{-webkit-transform:scale(.8,.8) translate3d(65px,0,0);transform:scale(.8,.8) translate3d(65px,0,0)}.menu-open:checked~.menu-item:nth-child(3){-webkit-transform:translate3d(120px,-15px,0);transform:translate3d(120px,-15px,0)}.menu-open:checked~.menu-item:nth-child(4){-webkit-transform:translate3d(100px,50px,0);transform:translate3d(100px,50px,0)}.menu-open:checked~.menu-item:nth-child(5){-webkit-transform:translate3d(30px,65px,0);transform:translate3d(30px,65px,0)}.menu-open:checked~.menu-item:nth-child(6){-webkit-transform:translate3d(-15px,15px,0);transform:translate3d(-15px,15px,0)}footer h2{font-size:36px}}@media screen and (max-width:480px){body{-webkit-text-size-adjust:none}.headerbild{height:70vh}.headerbild img{height:100%;object-fit:cover}header .disclaimer{height:30vh}header .disclaimer h2{font:600 16px/22px Montserrat,sans-serif}#content .col:first-child,#content .col:last-child{flex-basis:100%}#content .col:last-child .btn{left:35%}}@media screen and (max-width:440px){h2{font:800 32px/40px Montserrat,sans-serif}.contact{right:5px}.container{width:85%}.headerbild img{height:140%;object-fit:cover;width:100%;object-position:right}.menu{top:10px;left:10px}.menu-open:checked+.menu-open-button{-webkit-transform:scale(.8,.8) translate3d(75px,0,0);transform:scale(.8,.8) translate3d(75px,0,0)}.menu-open:checked~.menu-item:nth-child(3){-webkit-transform:translate3d(120px,0,0);transform:translate3d(120px,0,0)}.menu-open:checked~.menu-item:nth-child(4){-webkit-transform:translate3d(95px,60px,0);transform:translate3d(95px,60px,0)}.menu-open:checked~.menu-item:nth-child(5){-webkit-transform:translate3d(25px,60px,0);transform:translate3d(25px,60px,0)}.menu-open:checked~.menu-item:nth-child(6){-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#lebenslauf tr{display:flex;flex-wrap:wrap}#lebenslauf tr td{flex-basis:100%}#skills-open .circle{flex-basis:49%}#skills-open.active{height:1400px}#lebenslauf .box h4{font:600 38px/42px Montserrat,sans-serif}#lebenslauf .box h4::after{font-size:22px}#lebenslauf .box:last-child h4::after{font-size:18px}#lebenslauf .box p{line-height:18px}#lebenslauf .box{padding:15px;margin:0 0 12px}#referenzen #tabs{margin:20px 0 0}#referenzen #tabs ul li{margin:0 10px 10px 0}#referenzen #tabs ul li a{padding:10px 25px}}@media screen and (max-width:380px){#content .col:nth-child(2) p{text-align:justify}#lebenslauf .btn{left:25%}#lebenslauf .button-text{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:12ch}}@media screen and (max-width:360px){h2{font:800 30px/40px Montserrat,sans-serif;margin-bottom:20px}#lebenslauf .button-icon{width:50px;height:50px}footer h2{font-size:30px}#accordion h3{font:600 16px/22px Montserrat,sans-serif}#lebenslauf .box h4{font:600 32px/38px Montserrat,sans-serif}.masonry{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}