body,html   {font-family: Montserrat, "Helvetica Neue", sans-serif;color: #000;}

a           {color: #000;text-decoration: none;}
h1          {font-size: 1.3rem;margin-top: 30px;margin-bottom: 20px;font-weight: 400;}
h2          {font-size: 1.1rem;margin-top: 30px;margin-bottom: 20px;font-weight: 400;}
nav         {margin-bottom: 30px;}

.mt-4       {margin-top: 1rem;}
.mt-2       {margin-top: 0.75rem;}
.mt-1       {margin-top: 0.5rem;}

.mb-4       {margin-bottom: 1rem;}
.mb-2       {margin-bottom: 0.75rem;}
.mb-1       {margin-bottom: 0.5rem;}

.right      {float: right;}
.left       {float: left;}

#content    {margin-left: 20px;}
#footer     {text-align: center;}

#wohnendropdrown    {margin-left: 30px;margin-top: 10px;}
#waeschedropdrown   {margin-left: 30px;margin-top: 10px;}

.subnav     {display: none;z-index:5;}

.nav1       {float: left;cursor: pointer;}
.nav2       {float: left;cursor: pointer;}
.nav3       {float: left;cursor: pointer;}

#subnav1 {position: absolute;top: 50px;left: 30px;background-color: white;padding: 20px;border: 1px solid lightgray;width: 80%;}
#subnav2 {position: absolute;top: 50px;left: 30px;background-color: white;padding: 20px;border: 1px solid lightgray;width: 80%;}
#subnav3 {position: absolute;top: 50px;left: 30px;background-color: white;padding: 20px;border: 1px solid lightgray;width: 80%;}


.video-container {
    max-width: 100%; /* Set a pixel value instead if no parent container*/
    margin: 0 auto; /* Center the container */
}

.video-container video {
    width: 100%; /* Fill the available width */
    height: auto; /* Adjust height automatically */
}



// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) {

}

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) {
   
}

// Large devices (desktops, 992px and up)
@media (min-width: 992px) {
    #dropdown02 {width: 349px;}
    #dropdown03 {width: 338px;}
}

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {
    
}