@font-face{font-family:"Indie Flower";src:url("Indie_Flower/IndieFlower-Regular.ttf"),format("ttf")}body,h1,h2,p,ul,li{margin:0;padding:0}body{font-family:"Indie Flower",sans-serif;color:#7a9157}.menu-bar{background:#7a9157;padding:10px 0}.menu-bar ul{list-style:none;display:flex;justify-content:center}.menu-bar ul li{margin:0 15px}.menu-bar ul li a{color:#fff;font-weight:bold;font-size:1.5em;text-decoration-color:#ffcab9;text-decoration-thickness:.12em}.menu-bar ul li a:not(:hover){text-decoration:none}.hero{position:relative;background-image:url("massaggio_avambracci.jpg");background-size:cover;background-position:center 61%;color:#fff;text-align:center;padding:200px 0 100px 0}.hero .hero-content{max-width:800px;margin:0 auto}.hero .hero-content img{height:7em;margin-bottom:20px}.hero .hero-content p{font-size:2em}.card-section{position:relative;display:flex;justify-content:space-around;flex-wrap:wrap;padding:50px 0;margin-top:-80px;z-index:1}.card-section a{text-decoration-color:#ffcab9;text-decoration-thickness:.2em}.card-section a:not(:hover){text-decoration:none}.card-section .card{display:flex;flex-direction:column;justify-content:center;max-width:300px;background-color:#7a9157;margin-bottom:20px}.card-section .card:nth-child(1){border-radius:20px 90px 10px 80px/40px 20px}.card-section .card:nth-child(2){border-radius:40px 5px 50px 80px/30px 80px}.card-section .card:nth-child(3){border-radius:20px 40px 70px 20px/40px 18px}.card-section .card .card-content{padding:30px;text-align:center;color:#fff}.card-section .card .card-content h2{font-size:1.5em;margin-bottom:10px}.card-section .card .card-content p{font-size:1.5em}.content{color:#fff;word-wrap:break-word}.content *+h1{margin-top:1em}.content h1,.content h2,.content h3,.content h4,.content h5,.content h6{margin-bottom:.3em;text-align:center}.content h1{font-size:2em}.content h2,.content h3,.content h4,.content h5,.content h6{font-size:1.2em}.content p{font-size:1.5em}.content section{background-color:#7a9157}.content section div{margin:0 auto;max-width:900px;padding:1em 1ch}.content section.Title{background-image:url("divider.jpg");background-position-y:80%}.content section.Title h1{margin-bottom:initial}.content section.divider-image{background-image:url("divider.jpg");background-size:cover;background-position-y:85%;height:4em}.content section.divider{height:2em;background-color:#fff;z-index:4}.content section.massages_desc h1:not(:first-child){margin-top:2em}.content section.massages_desc h2{margin-bottom:.1em}.content section.massages_desc img{display:block}.content section.massages_desc img#klassisch{height:17em;margin:0em auto 1em}.content section.massages_desc img#bioenergetisch{height:17em;margin:0em auto 1em}.content section.massages_desc img#metamorfica{height:20em;margin:0em auto 1em}.content section.about{background-color:#fff;color:#7a9157}.content section.about h1{margin-top:.5em;margin-bottom:0em}.content section.about img{height:20em;margin:0em auto 1em;display:block}.content section.contact{text-align:right}.content section.contact h1{text-align:right}section.footer{margin:.1em;text-align:center;font-size:1.5em}.parallax{perspective:1px;height:100vh;overflow-x:hidden}.parallax-preserve{transform-style:preserve-3d;position:relative}#parallax-opening{height:50vh;background-color:rgba(0,0,0,0);z-index:3}#parallax-image{background-image:url("divider.jpg");background-size:200%;background-position:10% center;width:100%;max-width:initial;transform:translateZ(-1px) scale(2);position:absolute;height:150%;top:-25%;left:0}@media screen and (width >= 35rem){.hero{padding:150px 0}.hero .hero-content img{height:10em}.content section.massages_desc img#klassisch{float:left;margin:0em 1em}.content section.massages_desc img#bioenergetisch{float:right;margin:0em 1em}.content section.massages_desc img#metamorfica{float:left;margin:0em 1em}.content section.about img{float:right}#parallax-image{background-size:cover;background-position:center 85%}}