body {
    color: grey;
    font-family: arial, sans-serif;
    max-width:1422px;
}

.fullwidth { width: 100%; }
.flex { display: flex }
.row { display: flex; justify-content: space-between; align-items: center; }
.column { display: flex; flex-direction: column; justify-content: center; }
.lef { text-align:left; }
.rig { text-align:right; }
.smaller { font-size: smaller; }
.lightborder { border: 1px solid lightgrey; }

.menu {
    display: flex;
    width: 100%;
    text-wrap: nowrap;
    margin-bottom: 8px;
}

.menuthemebar {
    display: flex;
    border: 1px solid lightgrey;
    border-radius: 6px 20px;
    background: #f2f2f2;
    margin-right: 8px;
    /* background-image: linear-gradient(to right, #e6ecff, #f4f6f6 10%); */
}

.menuthemebar.right {
    flex: 1;
    justify-content: space-between;
    border: none;
    background: none;
    margin-right: 0px;
}

.menuheadline {
    font-weight: bold;
    margin: 8px 8px 0px 8px;
    padding-top: 3px;
    border-radius: 6px 20px;
}

.menuitem {
    display: flex;
    /* line-height: 100%; */
    margin: 5px 8px 5px 0px;
    padding: 7px 8px 7px 8px;
    border-radius: 6px 20px;
}
.menuthemebar.left .menuitem { padding-right: 2px; }  /* reduce transform scale */
.menuthemebar.right .menuitem { margin-right: 0px; }  /* reduce transform scale */

.menuitem .column.left {
    flex: 1;
    align-items: center;
    font-weight: bold;
    margin-right:2px;
}

.menuitem .column.right {
    /* font-stretch: condensed; */
    transform: scaleX(0.90); /* Scale down to 80% */
    transform-origin: left; /* Scale from the left */
}

.sidebar {
    flex: 0 0 220px;
    display: flex;
    flex-direction: column;
}

.sidebaritem {
    display: flex;
    flex-direction: column;
    border: 1px solid lightgrey;
    border-radius: 6px 20px;
    background: #f2f2f2;
    margin-right: 8px;
    margin-bottom: 8px;
    padding: 10px;
}

.sidebarheadline {
    font-weight: bold;
    margin-left: 1px;
    margin-bottom: 3px;
}

.popup {
    position: relative;
    display: inline-block;
}

.sidebar .popup-content {
    display: none;
    position: absolute;
    z-index: 1;
    margin-left: 19px;
}

.mapimage{
    border: 16px solid lightblue;
}

.popup:hover .popup-content {
    display: inline-block;
}

#content { width: 100%; }

#windy-weather-popup {
    width:1200px;
    height:187px;
    border: none;
}
/* #img-bodenkarte { widht:550px; height:440px;} */

a:link { text-decoration:none; color:grey }
a:visited { text-decoration:none; color:grey }
a:hover { text-decoration:none; color:black;}
a:active { text-decoration:none; color:grey;}
.menuitem a:link { text-decoration:none; color:#ffffff; }
.menuitem a:visited { text-decoration:none; color:#ffffff; }
.menuitem a:hover { text-decoration:none; color:grey; }
.menuitem a:active { text-decoration:none; color:#ffffff;}

iframe.windy { width: 100%; height: 675px; border-style: none; }
iframe#wendelstein { width: 100%; height: 216px; border-style: none; }
iframe#contentframe { width: 100%; height: 1350px; border-style: none; }