body{font-family: 'Montserrat', sans-serif !important;font-weight: 300 !important;padding-top: 300px;color:#565658;}
strong{font-weight: 500 !important;}
a, a:link, a:active, a:visited{color:#565658;}
a:hover, .block a:hover {color:#fbba0c; font-weight:300}
section {padding:60px 0}
.background-orange, #contakt, #holyday .container{background-color:#fbbb0c;background-color:rgba(251, 187, 12, 0.85);border: solid 4px #565658;border-width:3px 0}
.background-dark, #footer{background-color:#565658; background-color:rgba(86, 86, 88, 0.94);}
.background-white, .white{background:#fff;background:rgba(255,255,255,0.8);padding:30px 0}
.text-orange, .marker{color:#fbbb0c}
.marker{font-size:1.4em; line-height:1em}
.text-uppercase, .logo-text, .weekday{text-transform:uppercase;}
.light, small{font-weight:300 !important;color: #565658 !important;}
.block, .flex-item {flex:1 0 300px;}
.block, .inline-block {margin:15px 30px;padding:15px;border:1px solid #565658}
.block{margin:30px;}
.block .row{margin-bottom:0.5em;}
.block .row .cell{flex:1 0 100px}
.block .weekday{max-width: 90px;}
.block .time{flex: 2 0 100px !important;}
.block .trenn{max-width: 50px;text-align:center;}
.block .first{max-width: 100px;}
.card-deck .card{flex: 1 0 300px !important;margin-bottom: 30px !important;}
.card .image-caption{text-align:center;font-size:0.9em;padding: 6px 12px;}
.card .card-img{height:auto}
.gallery header{background-color:#fff;text-align:center;padding:6px 12px;margin-bottom:30px;background-color: rgba(255,255,255,0.9);}
.gallery header .header-title, .gallery .header header-sub-title{margin:6px 0}
.gallery header, .gallery .card{border:solid 1px #fff; border-radius:3px;}
.inline-flex{display:flex; flex-direction:column;}
.container{position:relative}
.background-image, body{background-size:cover;background-repeat:no-repeat; background-position:center center;background-attachment:fixed;}
.background-image{width:100%; height:100%; position:fixed;top:0; z-index:-1}
.logo-text{flex:4 0 100%; margin:15px 0}
.logo-text small{font-size:100%;}
.logo-text h3{display:none}
.logo-text h2{font-size:1.5em;margin: 0.1em 0;}
.logo-text p{margin-bottom:0}
.logo-text .text{text-align:right;/* flex:3 0 75%; */}
#masterhead{position: absolute;width: 100%;height: 100%;top: 0;}
#logo{ position:absolute; right:0}
#logo a{display:inline-flex;color:#565658;text-decoration: none}
#content{padding:0;}
#contakt{width:100%;}
#contakt .block, .inline-block{background-color:#fff;padding:30px 60px;border-radius:1em;}
#contakt .block h3{margin-left: -15px;}
#contakt div.text-orange{font-size:10px}
#contakt .adress .label{max-width:100px !important;}
#contakt .adress .label, .block .weekday{font-size: 0.8em;line-height: 1.8em;}
#footer{padding:0;}
#footerNavi{text-align: center;width: -webkit-fill-available;width: -moz-available;}
#footerNavi ul{list-style: none;display: inline-flex;padding: 0;margin: 0;}
#footerNavi li{flex:1 0 100px;font-size: 0.8em;}
#footerNavi li, #footerNavi li a{color: #ababab;}
#footerNavi li a:hover {color:#565658;}
#holyday{position:fixed; top:0;left:0; background-color:rgba(0,0,0,0.7); z-index:2000;width:100%; height:100%}
#holyday .container{margin: 160px auto;}
#close-holiday{display:block;width:100%; line-height:48px}
@media all and (min-width:1024px){
    #holyday .row {flex-direction:row; flex-wrap: nowrap}
    #holyday .vetretung .inline-block{max-height: 400px;overflow:auto;}
    #holyday .container{max-width: 90%;}
}
@media all and (max-width:1024px){
    .block .row{flex-wrap:nowrap;}
    .block .weekday{max-width:50px;}
}
@media all and (max-width:425px){
    .block .row {display:inline-block;text-align:center;clear: both;width: 100%;}
    .block .row .cell{flex:none;max-width:100%;clear:both;}
    .block .row:nth-child(even){background-color:#f5f5f5;border-radius:0.5em; padding:0.5em 0;}
    .empty{display:none}
    .logo-text .text{text-align:center;}
    .block, .gallery{margin:30px}
    #holyday{position:absolute;}
    #holyday .container{padding:30px 0}
    #logo{width:100%;}
    #logo h2{font-size:1.5em;}
    #logo a{flex-direction: column;width: 100%;}
    #loga a div{text-align:center}
    #logo .image{margin:auto;}    
    #masterhead{padding:15px 30px;}
    #contakt .block{padding:1em;flex: auto;text-align: center;}
    #contakt .adress .label{max-width: 100% !important;}
}
@media all and (max-width:425px){
    body{padding-top:325px}
    #footerNavi ul{flex-direction:column;/* width: 100px; */padding:0;}
    #footerNavi li{flex:auto;margin: 1em 0;}
    #footerNavi li a {line-height:36px;border:solid 1px #fff;border-radius:3px; color:#fff;}
}