@font-face {
  font-family: 'montserrat';
  
  src: local('montserrat'), url('fonts/montserrat_std.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} 
:root {
  --dark: rgb(145,139,131);
  --light: rgb(245,245,245);
  font-family: 'montserrat', sans-serif;
  font-weight: 300;
  /*font-size: small;*/
}
b {
  font-weight: 600;  
}
body {
    line-height: 1.5; text-align: center;
}
details summary {
    background-color: var(--light);
    border-bottom: dotted 1px var(--dark);
    color: dark;
    font-weight: bold;
}

details div {
    padding: 10px;
    padding-left: 20px;
    color: dark;
    
}

.slide_show_btn_l {
    font-size: 10vw;
    color: var(--light);
    background-color: var(--dark);
    position: absolute;
    z-index: 200;
    top:50%; left:0%;
    opacity: 0.75;
    border-radius: 0 1vw 1vw 0;
    cursor: pointer;
}

.slide_show_btn_r {
    font-size: 10vw;
    color: var(--light);
    background-color: var(--dark);
    position: absolute;
    z-index: 200;
    top:50%; right:0%;
    opacity: 0.75;
    border-radius: 1vw 0 0 1vw;
    cursor: pointer;
}

input[type='radio'].galerie {
    appearance: none;
    background: var(--light);
    border-radius: 50%;
    border: 8px solid var(--light);;
    box-shadow: var(--light);
}

input[type='radio'].galerie:checked {
    border: 8px solid var(--dark);
    box-shadow: var(--dark);
    
}

#header {
    width:100vw; height:50vw;
    text-align:center;
    position: relative;
}

#top_menu_container {
    position: absolute; top:2px; left:2px; z-index:1500; text-align: left;
}

#footer {
    width:100vw; min-height:100vh; margin:auto; border: solid 0px white;
    background-color:var(--dark); color:white;
    line-height: 1;
    padding-top:10vh; padding-bottom:10vh;
    box-sizing: border-box;
}

.resp_table_cell3 {
    color:white;
}
.resp_table_cell2 {
    color:white;
}