@import url('https://fonts.googleapis.com/css2?family=Yantramanav:wght@100;300&display=swap');
body{
margin: 0;
}
a{
text-decoration: none;
}
.overlay{
width: 10px;
height: 100vh;
background-color: white;
position: absolute;
display: none;
transition: width 2s;
}
.show{
display: unset !important;
}
.showoverlay{
display: unset !important;
width: 100vw;
}
.hide{
display: none !important;
}
header{
background-color: #212121;;
width: 100vw;
height: 125px;
position: absolute;
display: flex;
align-items: center;
}
.dropdown-mobile{
color: white;
float: right;
right: 4.5vw;
transform: rotate(
90deg
);
position: absolute;
border: none;
background-color: transparent;
cursor: pointer;
}
.accompanyPic{
width: 195px;
height: 36px;
display: block;
float: left;
margin-left: 6vw;
}
.immobilien{
float: left;
width: calc(50vw - ((100vw - 100%) / 2));
height: calc(100vh - 125px);
background: #212121;
display: flex;
display: -ms-flexbox;
justify-content: flex-end;
align-items: flex-end;
}
.wettbuero{
float: left;
width: calc(50vw - ((100vw - 100%) / 2));
height: calc(100vh - 125px);
background: #212121;
display: flex;
display: -ms-flexbox;
justify-content: flex-start;
align-items: flex-end;
}
.cover{
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.wettbuero .home-img{
width: 46.65%;
height: 72.3%;
background-blend-mode: color;
background: linear-gradient(to right, #cc1236fc, #cc1236fc), url(/wp-content/themes/g5_helium/images/wvs.jpg) center;
display: flex;
display: -ms-flexbox;
background-size: cover;
justify-content: center;
align-items: center;
clip-path: polygon(51% 0, 100% 0%, 100% 100%, 0 100%, 15% 0);
position: absolute;
right: 6%;
}
.immobilien .home-img{
width: 46.65%;
height: 72.3%;
background-blend-mode: color;
background: linear-gradient(to right, #285b8afc, #285b8afc), url(/wp-content/themes/g5_helium/images/immo.jpg) center;
display: flex;
display: -ms-flexbox;
background-size: cover;
justify-content: center;
align-items: center;
clip-path: polygon(51% 0, 100% 0, 85% 100%, 0 100%, 0 0);
position: absolute;
left: 6%;
}
.desaturate {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url(desaturate.svg#greyscale);
filter: gray;
-webkit-filter: grayscale(1);
}
.desaturate:hover {
filter: none;
}
.invertdesaturate:hover {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url(desaturate.svg#greyscale);
filter: gray;
-webkit-filter: grayscale(1);
}
.invertdesaturate {
filter: none;
}
.image-text{
color: #FFFFFF;
font-family: 'Yantramanav', sans-serif;
font-size: 3vw;
font-weight: 600;
z-index: 2;
}
.image-text-hollow {
position: absolute;
font-family: 'Yantramanav', sans-serif;
font-size: 4vw;
font-weight: 600;
color: #FFFFFF;
opacity: 0.25;
z-index: 1;
margin-top: 15%;
}


footer{
position: absolute;
bottom: 0;
width: 100vw;
padding-bottom: 40px;
}
.left{
float: left;
}
.right{
float: right;
margin-right: 6%;
text-decoration: none;
}
.copyright{
margin-left: 6%;
color: #8A8A8A;
font-family: 'Yantramanav', sans-serif;
}
.footer-links{
text-decoration: none;
color: #8A8A8A;
font-family: 'Yantramanav', sans-serif;
}
.impressum{
padding-right: 40px;
font-family: 'Yantramanav', sans-serif;
}
@media only screen and (min-width: 768px) {
.dropdown-mobile{
display: none;
}
}

.navbar {
right: 6%;
position: absolute;
}

.navbar a {
margin-left: 40px;
font-family: 'Yantramanav', sans-serif;
font-size: 18px;
letter-spacing: 0.54px;
font-weight: 600;

}


.navleiste{
border: none;
outline: none;
color: white;


}

@media only screen and (max-width: 767px) {
.navbar{
display: none;
}
ul{
list-style: none;
margin-left: 0;
padding-left: 3vw;
}
.immobilien{
float: unset;
width: 100vw;
height: 50vh;
min-height: 368px;
background: transparent linear-gradient(180deg#B09473 0%, #DEBC90 100%) 0% 0% no-repeat padding-box;
display: flex;
justify-content: center;
align-items: flex-end;
margin-top: unset;
}
.wettbuero .home-img {
width: 90.3%;
position: unset;
min-height: 266px;
clip-path: polygon(0% 20%, 100% 0%, 100% 100%, 0% 100%);
height: 73.3%;
margin-top: -30px;
}
.immobilien .home-img {
width: 90.3%;
position: unset;
min-height: 266px;
clip-path: polygon(51% 0, 100% 0, 100% 80%, 0 100%, 0 0);
height: 73.3%;
}
.wettbuero{
float: unset;
width: 100vw;
height: 50vh;
min-height: 368px;
display: flex;
justify-content: center;
align-items: flex-start;
margin-top: unset;
}
.image-text {
font-size: 6vw;
}
.image-text-hollow {
font-size: 6vw;
letter-spacing: 4px;
}
header{
display: flex;
align-items: center;
justify-content: center;
}
.accompanyPic {
width: 200px;
height: 41px;
margin-left: unset;
}
.copyright{
margin-left: unset;
color: #8A8A8A;
font-family: 'Yantramanav', sans-serif;
}
footer {
position: relative;
text-align: center;
margin-top: -130px;
padding-bottom: 0px;
}
.left{
float: unset;
}
.right{
float: unset;
margin-right: unset;
}
.tipicocolor h2, .tipicocolor h2 a {
color: #c8102e;
}
h4 {
    font-family: Yantramanav;
    line-height: 36px;
    font-weight: normal;
    font-style: normal;
    font-size: 28px;
    color: #c8102e;
}






}