@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;  
}
h1,h2,h3 {
    margin:0.5vw 0px;
}
h3 {
    font-size:large;
}
body {
    /*background-color:var(--light);*/
    margin:0px; padding:0px;
    line-height: 1.5;
    text-align: center;
}
#header {
    width:100vw; height:50vh;
    
    margin:auto; border: solid 0px red; 
    
    text-align:center;
}

#footer {
    min-height:40vh; margin:auto; 
    width:100vw; margin:auto; border: solid 0px white;
    background-color:var(--dark);
    line-height: 1; padding-top:5vh; padding-bottom:5vh;
}
#breadcrumbs {
    font-size:small; color:grey;
}
#breadcrumbs a {
    text-decoration: none; font-weight:600; color:lightgrey; padding:0px 5px; display:inline-block;
}
#fix_footer {
    width:1000px; margin:auto; border: solid 0px white; height:240px;
    background-color:white; padding:0px 20px;
    box-sizing: border-box; font-size: normal;
    background-color:var(--dark);
    color:var(--light);
}
#content_wrapper {
    padding:0px 20px;
    box-sizing: border-box;
    width:100vw; margin:auto; border: solid 0px white;
    
}
#top_menu_container {
    padding:20px;
    box-sizing: border-box;
    width:1000px; margin:auto; 
    background-color:white; 
    z-index:50;
}
#main_content {
    padding:20px;
    box-sizing: border-box;
    width:80vw; max-width:1000px; margin:auto; border: solid 0px white;
    background-color:white; 
    
}

details summary {
    
    color: dark;
    font-weight: bold;
}

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

.slide_show_btn_l {
    font-size: 5vw;
    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: 5vw;
    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);
    
}

.closer {
    background: var(--dark);
    border-radius: 50%;
    border: 2px solid var(--light); color: var(--light);
    position:absolute;
    top:0px;
    width:30px; height:30px;
    text-align: center; line-height:30px;
    font-weight: bold; cursor:pointer;
}

.resp_table {
    display:flex;
}

.resp_table_cell3 {
    flex:3; color:white;
}
.resp_table_cell2 {
    flex:2; color:white;
}