/*
Theme Name: studioadapt - Webseite
Description: Main Theme
Version: 0.9.1
Author: Dominik Weitmann
*/

@font-face {
    font-family: 'areanormal';
    src: url('fonts/AreaNormal-Regular.woff2') format('woff2'),
        url('fonts/AreaNormal-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'areanormal';
    src: url('fonts/AreaNormal-SemiBold.woff2') format('woff2'),
        url('fonts/AreaNormal-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'areanormal';
    src: url('fonts/AreaNormal-Bold.woff2') format('woff2'),
        url('fonts/AreaNormal-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/*-----------------------------------------------------------------------------------*/
/* CSS Reset                                                                         */
/*-----------------------------------------------------------------------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,
dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,
caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:100%;min-height:100%;}
*,*:before,*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
ins{background-color:#444;color:#fff;text-decoration:none;}
mark{background-color:#444;color:#fff;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
input,select{vertical-align:middle;}
strong,.bold{font-weight:bold;}
body .uppercase{text-transform:uppercase;}
body .lowercase{text-transform:none;}
em{font-style:italic;font-weight:inherit;}
ol,ul{list-style:none;}
caption,th,td{font-weight:normal;text-align:left;}
audio,canvas,video{display:inline-block;}
audio:not([controls]){display:none;}
embed,iframe,object,video,img{max-width:100%;height:auto;}
img,video{vertical-align:bottom;}
.underline{text-decoration:underline;}

/*-----------------------------------------------------------------------------------*/
/* Global Styles                                                                     */
/*-----------------------------------------------------------------------------------*/

@-ms-viewport{width:device-width;}
.clearfix:after{visibility:hidden;display:block;content:"";clear:both;height:0;}
* html .clearfix{zoom:1;}/* IE6 fix */
*:first-child+html .clearfix{zoom:1;}/* IE7 fix */
.clear{clear:both;}
::-moz-selection{background:#161A1C;color:#fff;text-shadow:none;}
::selection{background:#161A1C;color:#fff;text-shadow:none;}
.alignleft{float:left;}
.alignright{float:right;}
.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.wp-caption{max-width:100%;padding:4px;}
.courier{font-family:'Courier New',Courier,serif;}
.hide-on-desktop{display:block;}
a{color:#111;text-decoration:none;position:relative;transition:opacity .2s ease-in-out,color .2s ease-in-out;}
a:hover{opacity:0.6;}
.no-overflow{overflow:hidden;}
h1{font-size:22px;font-size:2.2rem;font-weight:600;margin-bottom:30px;}
h2{font-size:22px;font-size:2.2rem;font-weight:600;line-height:1.4;}
h3{font-size:16px;font-size:1.6rem;font-weight:700;}
h4{font-size:14px;font-size:1.4rem;}
p + p,p + ul, p + ol, ol + p, ul + p,h2 + p,h2 + ul,h2 + ol,p + h2, ol + h2, ul + h3,h3 + p,h3 + ul,h3 + ol,p + h3, ol + h3,ul + h2,ol + h2,
ul + h3,h4 + p,h4 + ul,h4 + ol,p + h4, ol + h4, ul + h4,blockquote + h4,blockquote + h3,blockquote + h2,blockquote + h1,blockquote + p,
blockquote + ul,blockquote + ol,blockquote + blockquote,p + blockquote,ul + blockquote,ol + blockquote, h1 + blockquote,h2 + blockquote, h3 + blockquote, h4 + blockquote{margin-top:16px;}
.center{text-align:center;}
.uppercase{text-transform:uppercase;}
.blue{color:#4297d6;}
.dark-blue{color:#444796;}
.green{color:#a6bc01;}
.grey{color:#8ba8aa;}

/*-----------------------------------------------------------------------------------*/
/* Page Setup                                                                        */
/*-----------------------------------------------------------------------------------*/

html{min-height:100%;font-size:62.5%;margin-top:0 !important;}
body{min-height:100%;position:relative;font-family:'areanormal',sans-serif;color:#111;font-size:18px;font-size:1.8rem;line-height:1.5;font-weight:400;background:#fff;overflow-x:hidden;
 text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
body.nav-active,body.hide-overflow{overflow:hidden;}
main section{position:relative;padding:0 20px;}
main{}

/* Header */
header{position:fixed;width:120px;top:20px;right:20px;z-index:3;opacity:0;transform:translateY(-30px);transition:opacity 0.6s ease-in-out,transform 0.6s ease-in-out;}
.logo{display:block;width:120px;}
.page-loaded header{opacity:1;transform:none;}
/* Nav */
nav{position:fixed;top:40px;left:20px;z-index:2;}
.page-nav{/*opacity:0;*//*transform:translateY(-30px);*//*transition:opacity 0.6s ease-in-out,transform 0.6s ease-in-out;*/}
.page-loaded .page-nav{/*opacity:1;transform:none;*/}
nav li{}
nav a{color:#46dada;opacity:1;font-size:48px;font-family:'areanormal',sans-serif;font-weight:700;line-height:1;}
nav a:hover,nav .active a{opacity:1;color:#fff !important;}

/* Content */
main #fullpage{background:#0BB7B2;transition:background 0.6s ease-in-out;}
.section{position:relative;overflow:hidden;}
.section-intro,.section intro a{color:#fff;}
.section-intro{font-size:22px;font-size:2.2rem;line-height:1.44;position:relative;margin:172px 0 0 0;opacity:0;transition:opacity 0.1s ease-in-out;opacity:0;transition:opacity 0.02s ease-in-out}
.fullpage-wrapper .fade-me-in .section-intro{opacity:1;transition:all 0.1s ease-in-out;}
.stuad-button{display:inline-block;font-weight:600;letter-spacing:1px;color:#fff;height:34px;overflow:hidden;line-height:30px;border:2px solid #fff;border-radius:28px;padding:0px 16px 0px 38px;
 font-size:16px;font-size:1.6rem;transition:opacity 0.2s ease-in-out;opacity:1;background:url('images/arrow-right.svg') no-repeat;background-position:8px center;background-size:26px;margin-top:18px;}
.stuad-button:hover{opacity:0.6;cursor:pointer;}
.arrow-down{width:34px;height:54px;background:url('images/arrow-down.svg') no-repeat center top;background-size:contain;position:fixed;left:auto;right:20px;bottom:20px;
 transition:opacity 0.2s ease-in-out,transform 0.3s ease-in-out;animation:moveupDown 1.2s linear 2;transform:rotate(0);z-index:7;}
.arrow-down.arrow-rotate{transform:rotate(90deg);}
@keyframes moveupDown{0%{transform:translateY(0px);}50%{transform:translateY(14px);}100%{transform:translateY(0px);}}
.arrow-down:hover{opacity:0.6;cursor:pointer;}
.section-content{display:flex;flex-wrap:wrap;position:fixed;right:0;top:0;bottom:0;left:0;height:100%;max-height:100%;width:100%;background:transparent;z-index:6;
 transition:transform 0.3s ease-in-out;transform:translateX(100%);backdrop-filter:blur(6px);overflow-y:scroll;overflow-x:auto;}
.show-content.section-content{transform:translateX(0);}
.section-content-close{width:10%;background:#fff;opacity:0.4;}
.section-content-close:hover{cursor:pointer;}
.section-content-inner{position:relative;width:90%;background:#fff;padding:34px 20px;box-shadow:0 0 8px rgba(0,0,0,0.4);font-size:14px;font-size:1.4rem;}
.section-content-inner-body{max-width:1010px}
.section-content-inner-body-alt{max-width:1280px}
.intro{margin:8px 0 8px 0;font-size:18px;font-size:1.8rem;line-height:1.34;font-weight:600;}
.intro-more{padding-bottom:24px;display:none;font-size:14px;font-size:1.4rem;line-height:1.34;font-weight:600;}
.stuad-button-more{margin:8px 0 24px 0;display:inline-block;align-self:flex-start;color:#111;height:34px;overflow:hidden;line-height:32px;border:2px solid #111;border-radius:22px;padding:0px 18px 0px 18px;
 font-size:18px;font-size:1.8rem;transition:opacity 0.2s ease-in-out;opacity:1;}
.stuad-button-more:hover{opacity:0.6;cursor:pointer;}
.accordion-flex .intro{margin-top:27px;}
.tools{font-size:14px;font-size:1.4rem;font-weight:600;line-height:1.46;margin:17px 0 0 0;}
.tools h3{font-size:14px;font-size:1.4rem;}
.tools h3 + p{margin-top:0;}
.tools h3 + ul,.tools h3 + ol{margin-top:0;}
.accordion-wrap{border-bottom:1px solid #111;border-top:1px solid #111;}
.accordion-wrap + .accordion-wrap{border-top:0;}
.accordion-flex + .accordion-flex .accordion-wrap{border-top:0;}
.accordion-flex + .accordion-flex .accordion-info{position:relative;top:-1px;}
.accordion-title{padding:10px 40px 5px 0;position:relative;}
.accordion-title:hover{cursor:pointer;}
.accordion-open-icon{position:absolute;right:0;top:14px;width:18px;height:18px;background:url('images/acc-icon.svg') no-repeat center center;background-size:cover;
 transition:transform 0.4s ease-in-out;}
.accordion-active .accordion-open-icon{transform:rotate(45deg) scale(1.08);}
.close-content{position:absolute;right:20px;top:10px;width:18px;height:18px;background:url('images/acc-icon.svg') no-repeat center center;background-size:cover;transform:rotate(45deg) scale(1.08);}
.close-content:hover{cursor:pointer;}
.accordion-content{margin-top:0;margin-bottom:40px;display:none;max-width:940px;}
.accordion-content.has-more{margin-bottom:16px;}
.accordion-flex .accordion-wrap:first-of-type .accordion-content{display:none;}
.kompetenzen-content .accordion-wrap:first-of-type .accordion-content,.kompetenzen-content .accordion-flex:first-of-type .accordion-wrap:first-of-type .accordion-content{display:block;}
.section-content ul li{position:relative;margin-left:12px;}
.section-content ul li::before{content:'–';margin-left:-12px;margin-right:4px;}
.button-wrap{margin-top:32px;display:flex;flex-direction:column;justify-content:space-between;}
.stuad-button-small{display:inline-block;align-self:flex-start;color:#111;height:34px;overflow:hidden;line-height:32px;border:2px solid #111;border-radius:22px;padding:0px 14px 0px 32px;
 font-size:16px;font-size:1.6rem;transition:opacity 0.2s ease-in-out;opacity:1;background:url('images/arrow-right-dark.svg') no-repeat;background-position:5px center;background-size:26px;}
.stuad-button-small:hover{opacity:0.6;cursor:pointer;}
.stuad-button-small + .stuad-button-small{margin-top:10px;}
.team-member{margin-top:20px;}
.team-member + .team-member{margin-top:40px;}
.team-photo{width:180px;align-self:flex-start;background:url('images/img-placeholder.png') no-repeat center center;}
.team-text{margin-top:24px;font-weight:600;}
.team-text h2{font-size:18px;font-size:1.8rem;margin-bottom:8px;}
.team-text{font-size:16px;font-size:1.6rem;}
.team-text .stuad-button-small{margin-top:14px;}
.network{margin-top:40px;}
.network-members{margin:20px -10px 40px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.network-member{width:50%;border:10px solid #fff;background:url('images/img-placeholder.png') no-repeat center center;}

/* Footer */
footer{width:100%;color:#fff;padding:50px 20px;font-size:16px;font-size:1.6rem;line-height:1.7;}
footer a{color:#fff;}
.footer-logo{display:inline-block;width:110px;margin-bottom:5px;}
.footer-column + .footer-column{margin-top:16px;}
.footer-column:last-child{margin-top:0;opacity:0.6;}

/*-----------------------------------------------------------------------------------*/
/* Responsive Styles                                                                 */
/*-----------------------------------------------------------------------------------*/

@media all and (min-width:375px){

}

@media all and (min-width:420px){

}

@media all and (min-width:580px){
 nav li{}
 nav a{font-size:78px;}
 .section-intro{margin:320px 0 0 0;}
 .section-content-close{width:20%;}
 .section-content-inner{width:80%;}
}

@media all and (min-width:768px){
 header{top:40px;right:40px;width:160px;}
 .logo{width:160px;}
 nav{top:45px;left:40px;}
 nav li{}
 nav a{font-size:90px;}
 main section{padding:0 40px;}
 .section-intro{margin:370px 0 0 0;font-size:26px;font-size:2.6rem;max-width:840px;}
 footer{padding:60px 40px;}
 .section-content-inner{padding:36px 40px;}
 .network-member{width:33.3%;}
 .close-content{right:40px;top:20px;}
}

@media all and (min-width:1024px){
 .team-member{display:flex;justify-content:space-between;margin-top:60px;}
 .team-member + .team-member{margin-top:60px;}
 .team-photo{width:24%;}
 .team-text{width:72%;margin-top:-4px;}
 .network{margin-top:90px;}
 .network-members{margin:60px -10px 40px;} 
}

@media all and (min-width:1280px){
 header{width:210px;top:50px;right:50px;}
 .logo{width:210px;}
 nav{top:56px;left:50px;max-width:30%;}
 nav li{}
 nav a{font-size:110px;/*opacity:0.3;*/}
 main section{padding:0 50px;}
 .section-intro{font-size:30px;font-size:3.0rem;line-height:1.35;margin:241px 0 0 0;left:473px;width:60%;opacity:1;}
 .stuad-button{height:52px;line-height:48px;padding:0px 18px 0px 46px;font-size:23px;font-size:2.3rem;background-size:32px;max-width:770px;margin-top:36px;}
 .fullpage-wrapper .fade-me-in .section-intro{opacity:1;}
 .arrow-down{width:70px;height:90px;left:70px;right:auto;bottom:70px;}
 footer{padding:70px 50px;display:flex !important;flex-wrap:wrap;justify-content:flex-start;}
 .footer-column + .footer-column{margin-top:0;}
 .footer-column{max-width:20%;margin-right:65px;}
 .section-content-close{width:30%;}
 .section-content-inner{width:70%;}
 .referenzen-content .section-content-close{width:14%;}
 .referenzen-content .section-content-inner{width:86%;}
 h1{font-size:32px;font-size:3.2rem;margin-bottom:40px;}
 h2{font-size:26px;font-size:2.6rem;}
 .accordion-open-icon{top:16px;width:20px;height:20px;}
 .close-content{width:20px;height:20px;right:50px;}
 .section-content-inner{padding:42px 50px;}
 .intro{margin:14px 0 14px 0;font-size:26px;font-size:2.6rem;line-height:1.45;}
 .intro-more{font-size:20px;font-size:2.0rem;line-height:1.34;}
 .tools{font-size:20px;font-size:2.0rem;line-height:1.5;margin:26px 0 0 0;}
 .tools h3{font-size:20px;font-size:2.0rem;}
 .accordion-info .tools{font-size:17px;font-size:1.7rem;line-height:1.46;margin:0;padding:17px 0 0 0;}
 .accordion-info .tools h3{font-size:17px;font-size:1.7rem;}
 .referenzen-content .tools,.referenzen-content .tools h3,.referenzen-content .accordion-info .tools,.referenzen-content .accordion-info .tools h3{font-size:16px;font-size:1.6rem;}
 .stuad-button-small{font-size:20px;font-size:2.0rem;overflow:hidden;padding:0px 16px 0px 38px;background-position:8px center;}
 .stuad-button-more{font-size:20px;font-size:2.0rem;overflow:hidden;padding:0px 16px 0px 16px;}
 .accordion-flex .intro{margin-top:22px;}
 .network-member{width:25%;}
 .team-text h2{font-size:22px;font-size:2.2rem;}
 .team-text{font-size:20px;font-size:2.0rem;line-height:1.48;} 
}

@media all and (max-width:1439px){
 .hide-on-mobile{display:none !important;}
}

@media all and (min-width:1440px){
 .hide-on-mobile{display:block;}
 .hide-on-desktop{display:none;}
 .accordion-flex{display:flex;flex-wrap:wrap;justify-content:flex-end;}
 .accordion-info{width:30%;padding-right:40px;}
 .accordion-info .tools{border-top:1px solid #111;}
 .accordion-flex .accordion-wrap{width:70%;}
 .accordion-flex .accordion-info{display:none;}
 /*.accordion-flex:first-of-type .accordion-info{display:block;}*/
}

@media all and (min-width:1500px){
 header{right:auto;left:1270px;top:61px;}
 nav{top:57px;left:70px;}
 nav li{}
 nav a{font-size:148px;}
 .section-intro{font-size:32px;font-size:3.2rem;line-height:1.35;position:relative;left:656px;margin:348px 0 0 0;max-width:780px;}
 #team-section .section-intro{padding-right:50px;}
 #kontakt-section .section-intro{padding-right:90px;} 
 .footer-column{margin-right:136px;}
 h1{font-size:38px;font-size:3.8rem;margin-bottom:44px;}
 h2{font-size:30px;font-size:3.0rem;}
 .section-content-inner{padding:62px 65px;}
 .accordion-open-icon{top:18px;width:22px;height:22px;}
 .accordion-info .tools{font-size:20px;font-size:2.0rem;line-height:1.46;}
 .accordion-info .tools h3{font-size:20px;font-size:2.0rem;}
 .referenzen-content .tools,.referenzen-content .tools h3,.referenzen-content .accordion-info .tools,.referenzen-content .accordion-info .tools h3{font-size:16px;font-size:1.6rem;}
 .accordion-info{width:28%;}
 .accordion-flex .accordion-wrap{width:72%;}
 .team-text h2{font-size:26px;font-size:2.6rem;}
 .close-content{width:22px;height:22px;right:65px;}
}

@media all and (min-width:1600px){
 header{left:1310px;}
}