a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}*{box-sizing:border-box;scroll-behavior:smooth}body{height:100%;width:100%;overflow-x:hidden}.lineBottomPoint{width:1px;height:1px;position:absolute}.sideSurfboards{z-index:3}.sideSurfboards .fixedSurfboardBox{position:fixed;width:5%;overflow:hidden}.sideSurfboards .leftSideFixed{left:0;top:50%;transform:translateY(-50%)}.sideSurfboards .leftSideFixed .leftSurfboard{width:100%}.sideSurfboards .rightSideFixed{right:0;top:50%;transform:translateY(-50%)}.sideSurfboards .rightSideFixed .rightSurfboard{width:100%}.sideSurfboards .fixedWave{position:absolute;top:-50%;transform:translate(0,-100%);z-index:-1}.sideSurfboards .fixedWave :nth-of-type(4),.sideSurfboards .fixedWave:nth-of-type(2){animation-delay:1.7s}.sideSurfboards .waveAnimeClass{animation:waveMove 3s linear infinite}.header{position:relative;overflow:hidden;padding-top:56.25%;width:100%;background-color:rgba(199,199,199,.3)}.header .fixedNav{display:flex;position:absolute;top:0;left:0;z-index:3;overflow:hidden;width:100%;background-color:#3f9bd4;font-family:'PT Sans',sans-serif;font-weight:700}.header .fixedNav .mainPageLink{display:flex;align-items:center;color:#fff;text-decoration:none}.header .fixedNav .hamburgerNavBtn{display:none}.header .fixedNav .rightNav{margin-left:auto;display:flex;align-items:center}.header .fixedNav .rightNav .rightNavLink{text-decoration:none;color:#fff}.header .backgroundVideo{position:absolute;top:0;left:0;height:100%;width:100%;z-index:-10;margin:0;border:0}.header .mainText{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff}.header .mainText h1{font-weight:700;font-family:'PT Sans',sans-serif}.horizontalSectionLine{width:70%;height:3px;margin:100px auto;background-color:#20b2aa}.training{display:flex;flex-direction:row}.training .trainingText{display:flex;flex-direction:column;align-items:center;justify-content:center}.training .trainingText .trainingHeadline{font-family:'PT Sans',sans-serif}.firstStep{display:flex;flex-direction:column;align-items:center;background:url(/projects/PSDtoHTML_surfing_webPage/minifiedImages/oceanWavesBackground.png),rgba(255,255,255,.4);background-blend-mode:color-dodge}.firstStep .firstStepHeadline{font-family:'PT Sans',sans-serif}.firstStep .firstStepContent{display:flex;flex-direction:column;align-items:center}.firstStep .firstStepContent .surfboardTypes{display:flex;flex-direction:row;align-items:flex-start;position:relative;width:100%;height:auto;min-height:80vh}.firstStep .firstStepContent .surfboardTypes .surfboardContainer{text-align:center}.firstStep .firstStepContent .surfboardTypes .surfboardContainer .deskTypeName{font-family:'PT Sans',sans-serif;font-weight:700}.firstStep .firstStepContent .surfboardTypes .surfboardContainer .surfboardDescription{background-color:#000;color:#fff;font-family:'PT Sans',sans-serif;border-radius:20px}.firstStep .firstStepContent .surfboardTypesMainText{font-family:'PT Sans',sans-serif}.footer{width:100%;display:flex;flex-direction:row;justify-content:space-around}.footer .footerText{text-align:center}.footer .sociableContainer{display:flex;flex-direction:column}.footer .sociableContainer .sociableIconsFooter{display:flex;flex-direction:row;justify-content:center}.footer .contactContainer{display:flex;flex-direction:column}.footer .contactContainer .contactIconsFooter{display:flex;flex-direction:column;align-items:flex-start}.footer .contactContainer .contactIconsFooter .emailBox,.footer .contactContainer .contactIconsFooter .phoneBox{display:flex;flex-direction:row;align-items:center;position:relative}.footer .contactContainer .contactIconsFooter .emailBox .emailBtn,.footer .contactContainer .contactIconsFooter .emailBox .emailBtn:active,.footer .contactContainer .contactIconsFooter .emailBox .emailBtn:focus,.footer .contactContainer .contactIconsFooter .emailBox .phoneBtn,.footer .contactContainer .contactIconsFooter .emailBox .phoneBtn:active,.footer .contactContainer .contactIconsFooter .emailBox .phoneBtn:focus,.footer .contactContainer .contactIconsFooter .phoneBox .emailBtn,.footer .contactContainer .contactIconsFooter .phoneBox .emailBtn:active,.footer .contactContainer .contactIconsFooter .phoneBox .emailBtn:focus,.footer .contactContainer .contactIconsFooter .phoneBox .phoneBtn,.footer .contactContainer .contactIconsFooter .phoneBox .phoneBtn:active,.footer .contactContainer .contactIconsFooter .phoneBox .phoneBtn:focus{background:#fff;outline:0;border:0;overflow:hidden;padding:0}.footer .contactContainer .contactIconsFooter .emailBox .phoneBtn,.footer .contactContainer .contactIconsFooter .phoneBox .phoneBtn{color:#2dc100}.footer .contactContainer .contactIconsFooter .emailBox .emailAdress,.footer .contactContainer .contactIconsFooter .emailBox .phoneNumber,.footer .contactContainer .contactIconsFooter .phoneBox .emailAdress,.footer .contactContainer .contactIconsFooter .phoneBox .phoneNumber{position:absolute;top:50%;transform:translateY(-50%);left:100%;display:none}.footer .contactContainer .contactIconsFooter .emailBox .emailBtn,.footer .contactContainer .contactIconsFooter .phoneBox .emailBtn{color:#ba1821}@keyframes waveMove{from{left:-200%}to{left:100%}}@media only screen and (min-width:1200px){.sideSurfboards .leftSideFixed{padding:30px 0}.sideSurfboards .rightSideFixed{padding:30px 0}.header{height:100vh}.header .fixedNav{padding:0 100px}.header .fixedNav .mainPageLink{padding:0 15px;font-size:20px}.header .fixedNav .mainPageLink .backIcon{margin-right:10px;position:relative;left:0;transition:left .4s ease}.header .fixedNav .mainPageLink:hover{background-color:#fff;cursor:pointer;color:#000}.header .fixedNav .mainPageLink:hover .backIcon{left:-10px}.header .fixedNav .rightNav .rightNavLink{padding:10px 30px;font-size:20px}.header .fixedNav .rightNav .rightNavLink:hover{background-color:#fff;cursor:pointer;color:#000}.header .mainText h1{font-size:4rem;margin-bottom:30px}.header .mainText p{font-size:20px}.training{margin:0 90px}.training .trainingText .trainingHeadline{font-size:3rem;margin:30px auto}.firstStep .firstStepHeadline{font-size:3rem;margin:30px auto}.firstStep .firstStepContent{margin:50px 100px}.firstStep .firstStepContent .surfboardTypes .surfboardContainer{width:100%}.firstStep .firstStepContent .surfboardTypes .surfboardContainer .deskTypeName{font-size:24px;margin-bottom:30px}.firstStep .firstStepContent .surfboardTypes .surfboardContainer .desk:hover{filter:drop-shadow(8px 8px 10px #3c4655);transform:scale(1.1);cursor:pointer}.firstStep .firstStepContent .surfboardTypes .surfboardContainer .desk:hover~.surfboardDescription{opacity:1}.firstStep .firstStepContent .surfboardTypes .surfboardContainer .surfboardDescription{padding:25px;font-size:20px;opacity:0;transition:opacity .2s linear;position:absolute;top:50%;left:50%;transform:translate(-50%,50%)}.firstStep .firstStepContent .surfboardTypesMainText{font-size:2rem;margin:100px auto 0;padding:0 30%;text-align:center}.footer{margin:30px auto}.footer .contactContainer .footerText,.footer .sociableContainer .footerText{font-size:30px;font-family:'PT Sans',sans-serif;margin-bottom:30px}.footer .sociableContainer .sociableIconsFooter .sociableIcon{margin:0 30px;font-size:30px}.footer .sociableContainer .sociableIconsFooter .sociableIcon{color:#616161}.footer .sociableContainer .sociableIconsFooter .icon1:hover{color:#e0e403}.footer .sociableContainer .sociableIconsFooter .icon2:hover{color:#1da1f2}.footer .sociableContainer .sociableIconsFooter .icon3:hover{color:#000}.footer .contactContainer .contactIconsFooter .emailBtn,.footer .contactContainer .contactIconsFooter .phoneBtn{cursor:pointer;margin:10px 30px}.footer .contactContainer .contactIconsFooter .emailBtn .contactIcon,.footer .contactContainer .contactIconsFooter .phoneBtn .contactIcon{font-size:40px}.footer .contactContainer .contactIconsFooter .emailAdress,.footer .contactContainer .contactIconsFooter .phoneNumber{width:200px}}@media only screen and (max-width:1199px){.sideSurfboards .leftSideFixed{padding:30px 0}.sideSurfboards .rightSideFixed{padding:30px 0}.header{height:auto}.header .fixedNav{padding:0 100px}.header .fixedNav .mainPageLink{padding:0 10px;font-size:18px}.header .fixedNav .mainPageLink .backIcon{margin-right:8px}.header .fixedNav .rightNav .rightNavLink{padding:10px 20px;font-size:18px}.header .mainText h1{font-size:3.5rem;margin-bottom:50px}.header .mainText p{font-size:20px}.training{margin:0 90px}.training .trainingText{margin-right:60px}.training .trainingText .trainingHeadline{font-size:3rem;margin:30px auto}.training .trainingText .trainingParagraph{font-size:1.5rem}.training .trainingImg{transform:scale(1.2) translateX(-30px)}.firstStep{padding:0 5%;background-repeat:no-repeat;background-position:center;background-size:cover}.firstStep .firstStepHeadline{font-size:3rem;margin:30px auto}.firstStep .firstStepContent .surfboardTypes{margin:50px 100px;flex-wrap:wrap}.firstStep .firstStepContent .surfboardTypes .surfboardContainer{width:50%;padding:20px}.firstStep .firstStepContent .surfboardTypes .surfboardContainer .deskTypeName{font-size:21px;margin-bottom:20px}.firstStep .firstStepContent .surfboardTypes .surfboardContainer .surfboardDescription{padding:25px;font-size:20px}.firstStep .firstStepContent .surfboardTypesMainText{font-size:2rem;margin:70px auto;padding:0 30%;text-align:center}.footer{margin:30px auto}.footer .contactContainer .footerText,.footer .sociableContainer .footerText{font-size:30px;font-family:'PT Sans',sans-serif;margin-bottom:30px}.footer .sociableContainer .sociableIconsFooter .sociableIcon{margin:0 30px;font-size:30px}.footer .sociableContainer .sociableIconsFooter .icon1{color:#e0e403}.footer .sociableContainer .sociableIconsFooter .icon2{color:#1da1f2}.footer .sociableContainer .sociableIconsFooter .icon3{color:#000}.footer .contactContainer .contactIconsFooter .emailBtn,.footer .contactContainer .contactIconsFooter .phoneBtn{margin:10px 30px}.footer .contactContainer .contactIconsFooter .emailBtn .contactIcon,.footer .contactContainer .contactIconsFooter .phoneBtn .contactIcon{font-size:35px}.footer .contactContainer .contactIconsFooter .emailAdress,.footer .contactContainer .contactIconsFooter .phoneNumber{width:150%}}@media only screen and (max-width:900px){.sideSurfboards .leftSideFixed{padding:30px 0}.sideSurfboards .rightSideFixed{padding:30px 0}.header{height:auto}.header .mainText h1{font-size:3.5rem;margin-bottom:50px}.header .mainText p{font-size:20px}.training{margin:0 50px}.training .trainingText{margin-right:30px}.training .trainingText .trainingHeadline{font-size:2.5rem;margin:10px auto}.training .trainingText .trainingParagraph{font-size:1.2rem}.training .trainingImg{transform:scale(1) translateX(0)}}@media only screen and (max-width:600px){.sideSurfboards{display:none}.header{background:url(/projects/PSDtoHTML_surfing_webPage/minifiedImages/secondPageMobileImg.jpg) no-repeat center;background-size:cover;min-height:500px;padding-top:0}.header .fixedNav{flex-direction:column;align-items:center;width:100%;padding:0}.header .fixedNav .mainPageLink{position:absolute;top:20px;left:20px}.header .fixedNav #hamburgerBtn{display:flex;margin:20px 20px 20px auto;border:0;width:26px;height:26px;position:relative;border-radius:500px;transform:rotate(0);transition:.5s ease-in-out;cursor:pointer}.header .fixedNav #hamburgerBtn span{display:block;position:absolute;height:5px;width:100%;background:#fff;border-radius:9px;left:0;transform:rotate(0);transition:.25s ease-in-out}.header .fixedNav #hamburgerBtn span:nth-child(1){top:0}.header .fixedNav #hamburgerBtn span:nth-child(2){top:10px}.header .fixedNav #hamburgerBtn span:nth-child(3){top:20px}.header .fixedNav #hamburgerBtn.open span:nth-child(1){top:10px;transform:rotate(135deg)}.header .fixedNav #hamburgerBtn.open span:nth-child(2){opacity:0;left:-30px}.header .fixedNav #hamburgerBtn.open span:nth-child(3){top:10px;transform:rotate(-135deg)}.header .fixedNav .rightNav{flex-direction:column;align-items:center;margin:0}.header .backgroundVideo{display:none}.header .mainText{color:#302f1f}.header .mainText h1{font-size:2.5rem;margin-bottom:50px}.header .mainText p{font-size:18px;width:70%}.training{margin:0 30px;flex-direction:column}.training .trainingText{margin:0 auto 30px}.training .trainingText .trainingHeadline{font-size:2rem;margin:10px auto}.training .trainingText .trainingParagraph{font-size:1rem}.training .trainingImg{width:100%;height:auto}.firstStep{background:0 0}.firstStep .firstStepHeadline{margin:0 auto;font-size:2rem}.firstStep .firstStepContent .surfboardTypes .surfboardContainer{width:100%;padding:0;background:url(/projects/PSDtoHTML_surfing_webPage/minifiedImages/oceanWavesBackground.png),rgba(255,255,255,.4);background-blend-mode:color-dodge}.firstStep .firstStepContent .surfboardTypes .surfboardContainer .deskTypeName{margin-top:30px}.firstStep .firstStepContent .surfboardTypes .surfboardContainer .surfboardDescription{padding:15px;font-size:1rem}.firstStep .firstStepContent .surfboardTypesMainText{font-size:1.4rem;padding:0 10%}.footer{flex-direction:column}.footer .contactContainer .footerText,.footer .sociableContainer .footerText{font-size:23px;margin-bottom:20px}.footer .sociableContainer{margin-bottom:25px}.footer .contactContainer .contactIconsFooter{margin:0 10vw;width:100%}.footer .contactContainer .contactIconsFooter .emailAdress,.footer .contactContainer .contactIconsFooter .phoneBox{font-size:14px}}