@import url("https://required.echtguit.com/impressum/impressum.css");
@import url("https://required.echtguit.com/privacy/privacy.css");
@import url("https://required.echtguit.com/lytebox/lytebox.css");

html, body {
}
body {
	overflow-x: hidden;
}
a,p,div,h1,h2,h3,h4,h5,h6{
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
a{
    color: #ffffff;
    text-decoration: none;
}

h1 {
font-family: 'bombes-webfont';font-size: 75px;color: #ffffff;line-height: 1em;padding-bottom: 100px;transform: rotate(-15deg);hyphens: none}
h2 {
font-size: 28px;
}
.under {position: absolute;
  top: 500px;
 left: 15%;
  width: 450px;
    filter: drop-shadow(0px 0px 10px rgb(0 0 0 / 0.5));}
a {
	color: #fff!important;
	text-decoration: none !important;
}
a:hover, a:focus {
    text-decoration: underline;
    color:#fff!important;
}
.logo {
    width: 350px;
    position: absolute;
left: 15%;
    top: 10%;
    filter: drop-shadow(0px 0px 10px rgb(0 0 0 / 0.5));
    color:#fff; font-size: 1.5em; line-height: 1.2em;
    }
.logo img {
  min-width: 220px;
  max-width: 350px;
  min-height: 172px;
  max-height: 390px;        
}
.photos {text-align: center;
   width: 350px;
position: absolute;
left: 15%;
    bottom: 15%;
    color:#000; font-size: 1.2em; line-height: 1.2em;
    filter: drop-shadow(0px 0px 10px rgb(255 255 255 / 0.5));
}

.color {
background: url('../images/color.svg') no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    height:110px;
    z-index: 999;
      font-size: 0.8em;
    line-height: 1em;
}
.s-w {
background: url('../images/s-w.svg') no-repeat;
      font-size: 0.8em;
    line-height: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    height:110px;
    z-index: 999;
}
.color a:link,
.color a:visited,
.color a:active,
.s-w a:link,
.s-w a:visited,
.s-w a:active{
    color: #ffffff!important; 
}
.color a:hover,
.s-w a:hover {
font-weight: bold;
    line-height: 1em;
    color: #ffffff!important; 
}

p {
  margin-top: 1rem;
}
.container {
    height: 100vh;
}


.bg_image3 {
width: 100vw;  
	
height: 100vh; /* Fallback for browsers that do not support Custom Properties */
  height: calc(var(--vh, 1vh) * 100);


	background: url(https://www.3mountains.it/global/images/3mountains-w.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
  
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../global/images/3mountains-w.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../global/images/3mountains-w.jpg', sizingMethod='scale')";
    
    
}


@media screen and (min-width: 768px) and (max-width: 991px) {

}
@media only screen and (max-width: 767px) {
.logo {text-align: center;position: absolute;width: 100%;left: 50%;transform: translate(-50%);top: 50px;font-size: 1.35em;}
    .under {top:350px!important;left:50%!important;transform: translate(-50%)!important;text-align: center!important;width: 300px!important;}
    .logo img {width: 45vw}
    h1 {font-size: 55px!important;padding-bottom: 80px!important;width: 300px!important}
h2 {
  font-size: 26px;line-height: 1.8rem;padding: 0px 20px;}
    }
    @media only screen and (max-width: 500px) {
        .logo {font-size: 1.1rem;
}
        .logo img {width: 250px;
}
   
}
@media only screen and (max-width: 342px) {
    .logo img {width: 200px;}
               .logo {font-size: 1.05rem;

}
   
}