body{font-family:'Roboto',sans-serif}
body a{color:#b3113b}
body a:hover{color:black}
body p{font-size:2rem;font-weight:200}
a:hover{text-decoration:none}
h1{font-size:70px;white-space:pre-wrap;text-transform:uppercase;font-family:'Gentium Basic',serif}
@media screen and (max-width:767px){h1{font-size:44px}
}
h3{font-weight:300}
h4{margin-bottom:0px}
.title{overflow:hidden;position:relative;padding-top:50px;padding-bottom:50px;background-size:cover !important;background-position-y:center;height:300px}
@media screen and (min-width:768px){.title{height:36vw;max-height:550px}
}
.title h1{text-align:center;color:#ef1f55;text-shadow:1px 1px rgba(255,255,255,0.3)}
.title h3{text-align:center;color:white;padding:20px;line-height:35px}
.title .container{z-index:1;position:relative}
.title video,.title .titleGradient{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;object-position:50% 70%}
.title.karteheader{background-image:url('/themes/jacobburckhardt/assets/screen.jpg');object-fit:cover;cursor:pointer;display:flex}
.title.karteheader > div{box-shadow:0px 0px 16px 0px rgba(0,0,0,0.75);margin:auto;background:#b3113b;display:flex;color:white;border-radius:10px;flex-grow:0;font-size:26px;padding:10px 20px 10px 20px}
.title.karteheader > div svg{margin-right:5px;width:30px;height:30px}
.title .titleGradient{background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7) 89.08%,#000000)}
.content{padding-top:50px;padding-bottom:100px;background:#b3113b}
.content-blank{padding-top:50px;padding-bottom:100px;background:#b3113b}
.content-blank h3{font-size:28px}
.detailContent{background:white;box-shadow:0 0 10px 0px rgba(0,0,0,0.51);padding:50px}
.detailContent video{background-color:black}
footer{padding-top:40px;padding-bottom:100px;display:flex;flex-wrap:wrap}
footer .socialMediaButtons{flex-grow:1;flex-shrink:0;text-align:right}
footer .socialMediaButtons small{font-size:17px;font-weight:200}
footer .address{word-break:break-word;margin-bottom:20px}
.outerFooter{background-color:#b3113b;color:white}
.outerFooter a{color:white}
.backNav{position:absolute;top:0;width:100%;z-index:20}
.imageLinkTile{display:block;color:black;padding:0;margin-bottom:20px;overflow:hidden;box-shadow:0 2px 4px 0 rgba(0,0,0,0.31);border-radius:5px}
.imageLinkTile:hover{transform:scale(1.055);transition:0.3s;z-index:6}
.imageLinkTile > div{position:relative;width:100%;padding-bottom:calc(100% + 56px)}
.imageLinkTile > div img,.imageLinkTile > div h3{position:absolute}
.imageLinkTile > div img{top:0;width:100%;border-top-right-radius:5px;border-top-left-radius:5px}
.imageLinkTile > div h3{bottom:0;margin:0;padding:15px;max-width:100%;overflow:hidden;color:#b3113b;width:100%;background:white;word-break:break-all}
.largeMenuItem{margin-bottom:20px}
.largeMenuItem .imageLinkTile > div{padding-bottom:calc(50% + 56px - 15px)}
blockquote{border-left:6px solid #b3113b;position:relative;background:rgba(128,128,128,0.09);padding:30px;padding-left:70px;font-style:italic}
blockquote::before{content:"\201C";font-family:Georgia,serif;font-size:60px;font-weight:bold;line-height:60px;color:#b3113b;position:absolute;left:17px;top:20px}
.gallery{padding:20px 0}
img.fr-fic:not(.fr-fil){width:100% !important;height:auto !important;padding:0 0 12px 0}
.homeContent{color:white}
.homeContent a{text-decoration:underline;color:white;font-weight:500}
.homeContent hr{margin:50px 0}
.detailHeader{height:300px;background-size:auto 100%;background-repeat:repeat-x;position:relative}
.detailHeader2{height:350px;position:relative}
.detailHeader2 .backgroundContainer2{width:100%;height:100%;overflow:hidden;position:relative}
.detailHeader2 .backgroundContainer2 > div{position:absolute;left:-10px;right:-10px;top:-10px;bottom:-10px;background-size:cover;background-position:center;filter:blur(7px) grayscale(50%)}
.detailHeader2 .detailTile2{position:absolute;top:60px;bottom:10px;left:0;right:0}
.detailHeader2 .detailTile2 img{position:absolute;right:0;height:100%;border:5px solid white}
.detailHeaderSubtitle{position:relative}
.detailHeaderSubtitle h3{position:absolute;bottom:0;background:#b3113b;color:white;padding:10px 20px;display:block;margin:0;max-width:56%;left:0;font-size:28px}
body.detail .container{max-width:1000px}
.socialMediaButtons i{font-size:30px;margin-right:15px}
@media screen and (max-width:767px){h1{font-size:44px}
.detailHeaderSubtitle{background:#b3113b;padding:50px 15px}
.detailHeaderSubtitle h3{padding:0;position:relative;max-width:100%}
.detailContent{padding:15px;padding-bottom:50px}
.content-blank{padding-top:0}
.detailHeader2 .detailTile2{display:flex;flex-direction:column;align-items:center}
.detailHeader2 .detailTile2 img{position:initial}
}
button{height:44px;padding:10px 30px;border:none;background-color:white;color:#b3113b;border-radius:3px}
.expandible{position:relative}
.expandible .expandBackground{opacity:0;position:absolute;bottom:0;height:60px;background:linear-gradient(rgba(179,17,59,0),#b3113b);width:100%;pointer-events:none;transition:opacity 0.2s}
.expandible[aria-expanded="false"] .expandBackground{opacity:1}
.pswp__button--share{display:none !important}
.pswp__caption--empty{display:block !important}
video{max-width:100%}
@media screen and (max-width:1000px){table{display:block !important;margin-left:-15px;margin-right:-15px;width:calc(100% + 30px) !important}
table thead,table tbody{display:block !important}
table thead tr,table tbody tr{display:flex !important;flex-wrap:wrap}
table thead tr td,table tbody tr td,table thead tr th,table tbody tr th{flex:1 1 0;width:initial !important;min-width:270px;padding:15px;word-break:break-word}
}