@import url('fonts.css');
@import url('font-icons.css');


:root{--red: #b11b39;--white: #ffffff;--black: #000000;--grey: #f3f3f3;--ci-headline-font: 'Raleway';--ci-text-font: 'Raleway';}
body{font-family: 'Raleway', sans-serif;font-size: 16px;line-height: 1.5;margin: 0;padding: 0;}

.red {color:var(--red);}
.white {color:var(--white):}
.bg-red {background-color:var(--red);border-color:var(--red)}
.bg-white {background-color:var(--white);border-color:var(--white);}

.bg-red h1, .bg-red h2, .bg-red h3, .bg-red h4, .bg-red h5, .bg-red h6, .bg-red p, .bg-red a{color:var(--white);}
h1, h2, h3, h4, h5, h6 {
       font-family: 'Raleway', sans-serif;
   }
html {scroll-behavior: smooth;}

.icons {filter:invert(1)}
a.btn {border-radius:5px;border-color:var(--white);background-color:var(--red);color:var(--white);padding:15px;}
a.btn:hover {border-color:var(--red);background-color:var(--white);color:var(--red)}
.c2a {border-radius:5px;border-color:var(--red);background-color:var(--red);color:var(--white);padding:15px;}
.c2a:hover {border-color:var(--red);background-color:var(--white);color:var(--red)}
.card-title{color:var(--white)}
#copyrights a{color:var(--white);}
#copyrights a:hover {color:var(--red)}
.backgroundImage {background-size: cover;background-repeat: no-repeat;background-position-x: center;background-position-y: center;filter: drop-shadow(2px 4px 6px black);border-radius: 3px}
.backgroundImagePadding {padding: 3rem 3rem 1rem;}
.uppercase {text-transform: uppercase;}
.menu-link {font-size: 1rem;}
.full-header #logo {padding-right:0;border-right:var(--red) 2px solid !important;border-right-width:2px !important}
#header-wrap, .sticky-header #header-wrap, .sticky-header-shrink #header-wrap  {background-color: var(--white);color:var(--black) !important;}
#logo {z-index: 10;transform: scale(1.5);top: 30px;background-color: var(--white) !important;;border-left:var(--red) 2px solid;border-bottom:var(--red) 2px solid;}
#logo img {margin:0.5rem;}

.sticky-header-shrink #logo {z-index: 10;transform: scale(1.5);top: 20px;;border-left:var(--red) 1px solid;border-bottom:var(--red) 1px solid;border-right:var(--red) 1px solid !important;border-right-width: 1px !important;}
.svg-trigger path {stroke: var(--black);}
nav.primary-menu li {margin-left:auto !important;margin-right:auto !important;}
nav.primary-menu a {color:var(--black);}
nav.primary-menu .menu-link:hover {color:var(--red);}
.btn,.c2a,.btn-primary, .btn-danger, .btn-lg, .btn-primary{background-color:var(--red);color:var(--white);border-color:var(--red);}
.btn:hover, .c2a:hover {background-color:var(--white);color:var(--red);border-color:var(--white);}
.btn-primary:hover,.btn-danger:hover, .btn-lg:hover,.btn-primary a:hover {background-color:var(--white) ;color:var(--red) !important} 
span.btn {background-color:var(--red);color:var(--white)}
span.btn:hover {background-color:var(--white);color:var(--red)}
span.btn a {background-color:var(--red);color:var(--white)}
span.btn a:hover {background-color:var(--white);color:var(--red)}
div:has(>div.full) {padding:0;}
.full img {width:100%;height:auto;}
hr {color:var(--red);height:3px !important;opacity: 1;}
.minimizeImage > img{width:50%;height:50%;}
.entry {left:0.75rem;}
.hesperiden{display:none !important}
#slider{border-bottom:3px var(--red) solid}
.resize .flip-card-front {background-size: contain !important;}
.Hintergrundfarbe-2 {background-color:var(--red)}
.borderBottom {border-bottom:var(--red) 2px solid;}
.alternateHeader {display:none}
.removeHeadline h2 {display:none}
#infoGMaps{height:500px;background-image: url(/media/giznzlyu/gmaps.png);padding: 5rem;color:var(--white);text-shadow: 1px 1px var(--black);font-weight: 600;}
#infoGMaps h3{color:var(--white);text-shadow: 1px 1px var(--black);}
#infoGMaps a{color:var(--red)}
.promoOffer .promo {
       background:url(/media/nivfr0rw/coffee-1869820_1920.jpg);
       background-position: center center;
       background-repeat: no-repeat;
       background-size: cover;
       
}
.eventOffer .promo {
       background:url(/media/lbpbb4br/concert-3387324_1920.jpg);
       background-position: center center;
       background-repeat: no-repeat;
       background-size: cover;
}
.breakfastOffer .promo {
       background:url(/media/yemafuzt/disco-345118_1920.jpg);
       background-position: center center;
       background-repeat: no-repeat;
       background-size: cover;
}

.promoOffer .promo h3,.promoOffer .promo span, .eventOffer .promo h3,.eventOffer .promo span , .breakfastOffer .promo h3,.breakfastOffer .promo span {color:var(--white);text-shadow:1px 1px var(--black)}
@media screen and (max-width:767px) {
       div:has(>div.events) {padding-bottom:0px !important;}
       .alternateHeader{display:block}
       .sticky-header-shrink #logo, .full-header #logo, #logo {border:none !important}
       #infoGMaps{padding:0.5rem}
}
@media screen and (min-width:768px) and (max-width:991px) {.umb-grid .col-md-4{padding-bottom:0;}       
.alternateHeader{display:block}
.sticky-header-shrink #logo, .full-header #logo, #logo {border:none !important}
.col-md-4, .col-md-6{width:100%}
}
@media screen and (max-width:991px){
       #logo, .sticky-header-shrink #logo {z-index:unset;transform:scale(1);top:auto;padding-top:0.5rem;padding-bottom:0.5rem;}
       .umb-grid .col-md-6 {padding-bottom:0;}
       div.col-md-4:has(>div.col-break) {width:100% !important;}
}
@media screen and (max-width:1024px){
       .stretched .full-header #header-wrap>.container {
              width: 100%;
              max-width: none;
              padding: 0 10px;
          }
}
@media screen and (min-width:992px) and (max-width:1700px) {
       a.menu-link{padding:0.25rem 0.1rem !important;font-size:0.65rem}
       #logo img {height:75px;}

}