@charset "UTF-8";
:root{--overlay:rgba(0,0,0,0.5);--radius:14px;--transition:0.25s ease;--max-width:1024px;}
/*  */
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;src:local('Poppins'),url('../fonts/Poppins-Regular.woff2') format('woff2'),url('../fonts/Poppins-Regular.ttf') format('truetype');font-display:swap;}
/*@font-face{font-family:'Poppins';font-style:normal;font-weight:500;src:local('Poppins Medium'),url('../fonts/Poppins-Medium.woff2') format('woff2'),url('../fonts/Poppins-Medium.ttf') format('truetype');font-display:swap;size-adjust:100%;}
*/
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;src:local('"Poppins Bold'),url('../fonts/Poppins-Bold.woff2') format('woff2'),url('../fonts/Poppins-Bold.ttf') format('truetype');font-display:swap;}
/*  */
*, *::before, *::after{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
html {width:100%;margin:0;padding:0;overflow-x:hidden;}
body{width:100%;min-width:320px;max-width:2400px!important;margin:0 auto;padding:0;font-family:'Poppins',sans-serif;font-size:15px;font-weight:400;line-height:2;color:#FFF;background-color:#000;overflow-x:hidden!important;-webkit-tap-highlight-color:transparent;font-optical-sizing:auto;hyphens:auto;}
.img-fluid{width:100%;max-width:100%;height:auto;}

header.site-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;width:100%;background:#fff;height:100px;border-bottom:1px solid #ddd;z-index:1000;}
header .logo{display:flex;align-items:center;}
header .logo img{width:150px;height:auto;}
section{position:relative;min-height:50vh;overflow:hidden;padding-top:4rem!important;padding-bottom:4rem!important;}
section.norm{min-height:inherit!important;}
h1{font-size:3rem;line-height:1.05!important;max-width:100%!important;margin-bottom:3rem;}
h2{font-size:2.8rem;line-height:1.05!important;max-width:100%!important;margin-bottom:3rem;}
h1.white{color:#FFF;text-shadow:0px 0px 3px #000;}
.nav-icons{display:block;align-items:center;margin-top:3rem;}
.nav-icons svg{width:50px;height:50px;}
.nav-icons a{margin:1rem;}
input#hicon{opacity:0;position:absolute;z-index:-1;}
#hicon:focus + label{outline:none;}
#hicon:focus-visible + label span{background-color:#D3A959;}
#hicon:focus-visible + label{outline:2px solid #D3A959;outline-offset:6px;border-radius:4px;}
label#lhicon{position:fixed;display:block;width:50px;height:34px;top:30px;right:30px;padding:0.5em;cursor:pointer;z-index:5;}
label#lhicon::after{opacity:0;}
label#lhicon span{position:absolute;display:block;right:0px;background-color:#E4003A;width:50px;height:4px;border-radius:3px;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;transition:all 0.4s;box-shadow:0px 0px 5px #000;}
label#lhicon span:first-child{top:0;width:100%;}
label#lhicon span:nth-child(2){top:50%;width:55%;}
label#lhicon span:nth-child(3){top:100%;width:89%;}

input#hicon:checked ~ label#lhicon {width:50px;}
input#hicon:checked ~ label#lhicon span, label#lhicon:hover span { background-color:#fff;box-shadow:1px 1px 5px #000;}
input#hicon:checked ~ label#lhicon span {background-color:#000;}
input#hicon:checked ~ label#lhicon span:first-child{-webkit-transform:translateY(17px) translateX(0) rotate(45deg);-moz-transform:translateY(17px) translateX(0) rotate(45deg);transform:translateY(17px) translateX(0) rotate(45deg);}
input#hicon:checked ~ label#lhicon span:nth-child(2){opacity:0;width:100%;}
input#hicon:checked ~ label#lhicon span:nth-child(3){width:100%;-webkit-transform:translateY(-17px) translateX(0) rotate(-45deg);-moz-transform:translateY(-17px) translateX(0) rotate(-45deg);transform:translateY(-17px) translateX(0) rotate(-45deg);}
nav#main-nav{position:fixed;top:0px;left:0;width:100%;height:0%;padding:40px;opacity:0;overflow-x:auto;overflow-y:scroll;z-index:4;transform:translateY(0%);background-color:#FFF;transition-timing-function:cubic-bezier(10, 2, 3, 1);transition:0.5s;-ms-overflow-style:none;scrollbar-width:none;text-align:center;}
nav#main-nav::-webkit-scrollbar{display:none;}
input#hicon:checked ~ nav#main-nav{height:100%;visibility:visible;opacity:1;}
nav#main-nav ul{list-style:none;margin:3rem auto 2rem;padding:0;}
nav#main-nav ul li {display:block;margin:1rem auto;}
nav#main-nav ul li a{font-size:2rem!important;letter-spacing:1px;text-decoration:none;transition:all .3s ease-in;color:#000;}
nav#main-nav ul li a:hover{letter-spacing:2px;color:#E4003A;}

.hero-header{position:relative;max-width:2400px;width:100%;height:calc(100vh - 100px);margin:auto;overflow:hidden;background-color:#FFF; }
.hero-header picture,.hero-header img{position:relative;width:100%;height:calc(100vh - 90px);object-fit:cover;}
.hero-header-content{position:absolute;top:55%;left:25%;transform:translate(-25%,-55%);color:#000;z-index:2;width:75%;}
.hero-header p{margin-bottom:.5rem;}
a.maps,a.mapsW {color:#FFF;}
a.maps:hover {color:#E4003A;}
a.mapsW:hover {color:#000;}
a.button.blck,button.blck{display:inline-block;padding:0.5rem 1.2rem;border:1px solid #fff;border-radius:5px;font-size:.8rem!important;color:#fff;text-decoration:none;background:#000;cursor:pointer;}
a.button.blck:focus, a.button.blck:hover,button.blck:focus,button.blck:hover{background:#fff;color:#000}
a.button.wht{display:inline-block;padding:0.5rem 1.2rem;border:1px solid #000;border-radius:5px;font-size:.8rem!important;color:#000;text-decoration:none;}
a.button.wht:focus, a.button.wht:hover{background:#000;color:#fff;}
a.button.pnk:focus, a.button.pnk:hover{background:#fff;color:#000;}
a.button.pnk{display:inline-block;padding:0.5rem 1.2rem;border:1px solid #fff;border-radius:5px;font-size:.8rem!important;color:#fff;text-decoration:none;}
.lang-sm{text-align:center;}
.lang-sm a{margin:1rem;}
/**/
.services table {border-collapse: collapse;margin: 20px 0;}
.services th{background-color:#E4003A;color:#FFFFFF;padding: 10px;text-align:left;font-size: 1.2em;}
.services td{border: 1px solid #ddd;padding:8px 15px;text-align:center;}
.services tbody tr:hover{background-color:#2E2E2E;}
.title-b{padding:1rem;background-color:#000000;display:flex;flex-direction:column;justify-content:flex-start;}
.title-p{padding:1rem;background-color:#E4003A;display:flex;flex-direction:column;justify-content:center;}
.title-w{padding:1rem;background-color:#FFFFFF;color:#000;display:flex;flex-direction:column;justify-content:flex-end;}
.img2 .image-grid,.img3 .image-grid {display:block;gap:10px;max-width:94%;margin:0 auto;}
.img2 .image-grid img,.img3 .image-grid img {display: block;max-width:100%;height: auto;}
.two{display:flex;flex-direction:column;gap:1rem;}
.cta{margin:2rem auto 2rem; }
.bold {font-weight:700; }
.w100-image{width:100%;height:auto;}
.w100-image picture,.w100-image img{position:relative;width:100%;height:50vh;object-fit:cover;}
footer{padding-top:2rem;background-image:url("../images/svg/signet.svg");background-position:25% 1rem;background-size:60%;background-repeat:no-repeat;}
.contact{display:flex;flex-direction:column;text-align:center;padding:1rem;margin:auto;width:100%;}
.contact .selva{margin-top:2rem;}
.contact a{text-decoration:none;color:#E4003A;}
.contact a:hover{color:#fff;}
.contact .titolo{font-size:2.5rem;line-height:1.05!important;white-space:nowrap;margin-bottom:3rem;}
.fmarker {display:inline-block;margin:1.2rem .5rem 0rem -1.2rem;width:12px;height:15px;background-repeat:no-repeat;background-size:12px 15px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 18 23'%3E%3Cpath d='M9 0C4 0 0 4.1 0 9.2c0 3.7 4.8 10 7.4 13.1.8 1 2.4 1 3.2 0 2.6-3.1 7.4-9.4 7.4-13.1C18 4.1 14 0 9 0m0 10.9c-1.2 0-2.2-1-2.2-2.2s1-2.2 2.2-2.2 2.2 1 2.2 2.2-1 2.2-2.2 2.2' style='fill:%23E4003A'/%3E%3C/svg%3E");}
.fmarkerW {display:inline-block;margin:1.2rem .5rem 0rem -1.2rem;width:12px;height:15px;background-repeat:no-repeat;background-size:12px 15px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 18 23'%3E%3Cpath d='M9 0C4 0 0 4.1 0 9.2c0 3.7 4.8 10 7.4 13.1.8 1 2.4 1 3.2 0 2.6-3.1 7.4-9.4 7.4-13.1C18 4.1 14 0 9 0m0 10.9c-1.2 0-2.2-1-2.2-2.2s1-2.2 2.2-2.2 2.2 1 2.2 2.2-1 2.2-2.2 2.2' style='fill:%23FFFFFF'/%3E%3C/svg%3E");}
.footerline{font-size:.8rem;display:grid;grid-template-columns:1fr;align-items:start;padding:2rem}
.footerline a{font-size:.8rem!important;display:block;margin:.3rem;text-decoration:none;color:#fff;}
.footerline a:hover{color:#E4003A;}
.footerline div{text-align:center;}
.footerline div:first-child{display:flex;flex-wrap:wrap;gap:0.5rem;}
.footerline div:last-child{margin-top:2rem;}
.developed{font-size:.8rem;padding:1rem ;text-align:center;}
.developed img{vertical-align:middle;}
.modal-overlay{position:fixed;inset:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity var(--transition), visibility var(--transition);z-index:1000000;} .modal-overlay.active{opacity:1;visibility:visible;} .modal{border-radius:var(--radius);width:85%;max-width:var(--max-width);padding:2rem;position:relative;transform:scale(0.95) translateY(10px);opacity:0;transition:all var(--transition);font-size:1.1rem;z-index:1000000;background:#fff;color:#000;} .modal-overlay.active .modal {transform:scale(1) translateY(0);opacity:10001;} .close {position:absolute;top:10px;right:12px;font-size:1.4rem;border:none;background:none;cursor:pointer;}.modal-overlay{position:fixed;inset:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;visibility:hidden;transition:opacity var(--transition), visibility var(--transition);z-index:1000000;}
.modal-overlay{position:fixed;padding:1rem;inset:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity var(--transition), visibility var(--transition);z-index:1000000;} .modal-overlay.active{opacity:1;visibility:visible;} .modal{border-radius:var(--radius);width:85%;max-width:var(--max-width);padding:2rem;position:relative;transform:scale(0.95) translateY(10px);opacity:0;transition:all var(--transition);font-size:1.1rem;z-index:1000000;background:#fff;color:#000;} .modal-overlay.active .modal {transform:scale(1) translateY(0);opacity:10001;} .close {position:absolute;top:10px;right:12px;font-size:1.4rem;border:none;background:none;cursor:pointer;}.modal-overlay.active{opacity:1;visibility:visible;}
.modal{border-radius:var(--radius);width:85%;max-width:var(--max-width);max-height:90vh;      /* maximale Höhe */
  overfmax-height:90vh;      /* maximale Höhe */
  overflow-y:auto; low-y:auto; padding:2rem;position:relative;transform:scale(0.95) translateY(10px);opacity:0;transition:all var(--transition);font-size:1.1rem;z-index:1000000;background:#fff;color:#000;}
.modal-overlay.active .modal {transform:scale(1) translateY(0);opacity:10001;}
.close {position:absolute;top:10px;right:12px;font-size:1.4rem;border:none;background:none;cursor:pointer;}
h2#modalTitle{font-size:1.4rem!important; }
.only-mobile{display:block;margin-top:3rem!important;}

@media (min-width:480px){
  h1{font-size:3.5rem!important;}
  h2{font-size:3rem!important;}
  .title-b,.title-p,.title-w{padding:2rem;}
  footer{padding-top:30%!important;background-position:50% 10%;background-size:60%;}
  .contact .titolo{font-size:2.5rem;}
  .footerline div:first-child{display:flex;flex-wrap:wrap;gap:0.5rem;}
  .footerline div:last-child{justify-self:center;}
}
@media (min-width:768px){
  .hero-header-content{position:absolute;top:55%;left:15%;transform:translate(-15%,-55%);color:#000;z-index:2;width:85%;white-space:nowrap;}
  h1{font-size:4rem!important;}
  h2{font-size:3.5rem!important;}
  section{min-height:80vh;}
  .w80{width:80%;margin:0 auto;}
  .w100-image picture,.w100-image img{height:80vh;}
  footer{padding-top:15%!important;background-position:40% 10%;background-size:40%;}
  .contact{flex-direction:row;text-align:left;justify-content:space-around;}
  .contact .titolo{font-size:3.5rem;margin-bottom:5rem;}
  .contact .selva{margin-top:inherit;}
    
  .img2 .image-grid {display: grid;grid-template-columns: repeat(2, auto);gap:10px;max-width:80%;margin:0 auto -3rem;}
  .img3 .image-grid {display: grid;grid-template-columns: repeat(3, auto);gap:10px;max-width:80%;margin:3rem auto 0;}
  .img2 .image-grid img,.img3 .image-grid img {display: block;max-width: 100%;height: auto;}
  .img2 .image-grid > div:nth-child(1),.img2 .image-grid > div:nth-child(2) {transform: translateX(50%);}

  .footerline{display:grid;grid-template-columns:1fr auto;align-items:start;padding-bottom:0;}
  .footerline div{margin-right:1rem;text-align:inherit;}
  .footerline div:first-child{display:flex;flex-wrap:wrap;gap:0.5rem;}
  .footerline div:last-child{margin-top:inherit;}
  .footerline a{display:inline-block;}
  .developed{text-align:left;font-size:.8rem;padding:1rem 0 1rem 2rem;}

  .lang-sm{float:right;;margin-right:2rem;padding-top:.5rem;}
  .lang-sm a.button {border:none!important;padding:0;margin:.3rem;}
  .lang-sm a.button:hover {color:#E4003A;background-color:transparent;}
  .modal{width:90%;}
}

@media (min-width:900px) {  
nav#main-nav{display:flex;position:relative;align-items:center;justify-content:flex-end;gap:1rem;top:inherit;left:inherit;width:inherit;height:auto;padding:0;opacity:1;overflow:inherit;z-index:inherit;transform:none;background-color:inherit;transition:none;transition-timing-function:ease;-ms-overflow-style:auto;text-align:inherit;scrollbar-width:auto;}
nav#main-nav{display:flex;position:relative;align-items:center;justify-content:flex-end;gap:1rem;top:inherit;left:inherit;width:inherit;height:auto;padding:0;opacity:1;overflow:inherit;z-index:inherit;transform:none;background-color:inherit;transition:none;transition-timing-function:ease;-ms-overflow-style:auto;text-align:inherit;scrollbar-width:auto;}
nav#main-nav::-webkit-scrollbar{display:initial;}
nav#main-nav ul{display:flex;flex-direction:row;gap:1rem;margin:inherit;padding:inherit;}
nav#main-nav ul li {display:inherit;margin:inherit;}
nav#main-nav ul li a{font-size:1rem!important;letter-spacing:inherit}
nav#main-nav ul li a:hover{letter-spacing:inherit;}
nav#main-nav ul li a:focus{outline:2px solid #E4003A;outline-offset:2px;}
label#lhicon {display:none;}  
.nav-icons{display:flex;align-items:center;margin-top:inherit;gap:1rem;}
.nav-icons svg{width:22px;height:22px;}
.nav-icons a{margin:inherit;}
.two{flex-direction: row;}
.two > h2,.two > div{flex:1;}
.cta{margin:0;}
.only-mobile{display:none;}
}

@media (min-width:1024px){
  h1{font-size:4.5rem!important;}
  section{min-height:100vh;padding-top:6rem!important;padding-bottom:6rem!important;}
  .w100-image picture,.w100-image img{height:100vh;}
  .title-b,.title-p,.title-w{padding:4rem;z-index:0;}
  section.bordpink{min-height:calc(100vh - 15rem);}
  section.men15rem{min-height:calc(100vh - 15rem);}
  section.bordpink::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:15rem;background-color:#E4003A;z-index:-1;}
}

@media (min-width:1200px){
  header.site-header{height:120px;}
  header .logo img{width:272px;margin:8px 0 8px 2rem}
  .hero-header{height:calc(100vh - 120px);}
  nav#main-nav ul li {margin-left:1rem;margin-right:1rem;}
  nav#main-nav ul li:first-child {margin-left:0;}
  nav#main-nav ul li a{font-size:1rem!important;}

  h1{font-size:5.5rem!important;}
  h2{font-size:4.5rem!important;}
  .contact .titolo{font-size:4.5rem;}
}
@media (min-width:1400px){
  header .logo img{margin:8px 0 8px 4rem}
  nav#main-nav ul li {margin-left:1.5rem;}
  nav#main-nav ul li:first-child {margin-left:0;}
  nav#main-nav ul li:last-child {margin-right:2rem;}
  nav#main-nav ul li a{font-size:1.2rem!important;}
  h1{font-size:6rem!important;font-weight:700;}
  h2{font-size:5rem!important;}
}
@media (min-width:1600px){
  header .logo img{margin:8px 0 8px 6rem}
  body{font-size:20px!important;}
}
  
