body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
:root{--dunkelrot:#2f0a0a; --mittelrot:#812624;--rose:#d3b6b6; --font-size:24px; --regular:400; --bold:800; --line-h:1.8em; --lr-padding:30px}
html{overflow-y:scroll; overflow-x:hidden}
header{position:sticky; top:0; background:var(--mittelrot); z-index:5}
header::before, header::after{content:'';position:absolute; width:var(--lr-padding); top:0; height:100%; background:inherit}
header::before{right:calc(100% - 1px)} header::after{left:calc(100% - 1px)}
header nav *{text-transform:uppercase; color: var(--rose); text-decoration:none }
header .inside{display:flex; justify-content:space-between}
header nav ul{display:flex; justify-content:space-between; list-style:none; margin: 36px 50px 30px 0}
header .startlink{margin:0; margin-top:34px; font-size:1.25em}
.startlink a{text-decoration:none; color:#fff}
header nav li>*{padding:0 .5em; display:inline-block}
header nav li:not(:last-child)::after{content:'•'}
header nav strong, header nav a:hover{font-weight:var(--regular); color:#fff} 
body{background: var(--dunkelrot); color:var(--rose); font-size: var(--font-size);font-family: 'Cabinet Grotesk', sans-serif; font-weight:var(--regular); max-width:1234px; margin:0 auto; line-height:var(--line-h); padding:10px var(--lr-padding) 0 }
#wrapper{display:flex; flex-direction:column; min-height:100.1vh}
#container{flex:1}
#footer{background:var(--rose); position:relative}
#footer .inside{display:flex; justify-content:space-between; padding:70px 0}
#footer::before, #footer::after{content:"";display:block; position:absolute; top:0; height:100%; background:inherit; width:50vw}
#footer::before{right:calc(100% - 1px)} #footer::after{left:calc(100% - 1px)}
#footer *{color:var(--dunkelrot)}
#footer nav ul{list-style:none; margin:0}
#footer nav a{text-transform:capitalize}
#footer address, #footer .content-text:nth-child(2) p{display:flex; flex-direction:column; font-style:normal; margin-top:0}
#footer :where(.content-text:nth-child(2),nav){margin-top:var(--line-h)}
#footer .content-text div::before{content:''; position:absolute; text-decoration:none; font-size:2em; left:0; top:0 }
#footer .content-text div{position:relative; padding-left:2.25em}
#footer div:has(>a[href^="mailto"])::before{content:"@"}
#footer div:has(> a[href^="tel"])::before {
	content: "-";
	left: .22em;
	font-weight: 500;
	top: .1em;
}
#footer div:has(> a[href^="tel"])::after {
	content: "";
	position: absolute;
	border: 3px solid;
	border-radius: 4px;
	left: .24em;
	top: .05em;
	width: .8em;
	height: 1.1em;
}
#footer div:has(> .street)::before {
	content: url("../../files/css/img/location.svg");
    content:"";
	width: .45em;
	height: .45em;
    border: 3px solid;
    border-radius: 50% 50% 50% 0;
	top: .1em;
	left: .1em;
    transform:rotate(-45deg)
}
.cls-1 {
        fill: none;
        stroke: var(--dunkelrot);
        stroke-miterlimit: 10;
        stroke-width: 2
      }
.socialicon path, .socialicon circle{fill:var(--dunkelrot); stroke: var(--dunkelrot);}
#footer .content-text .insta::before{content:url("../../files/css/img/ig.svg"); width:.75em}
#footer .content-text .fb::before{content:url("../../files/css/img/fb.svg"); width:.75em}
img{filter:grayscale(1)}

strong, b, h1{font-weight:var(--bold)}
h1{font-size:2em}
h2,h3,h4{font-size:1em}
.upper{text-transform:uppercase}
.content-hyperlink{display: flex; justify-content: center; margin-top: 1em}
.content-hyperlink img{filter: none}

.flex{display:flex}
.space-between{justify-content:space-between}

.visually-hidden{position:absolute; left: -200vw; width:0; height:0; overflow:hidden}
label[for="hamburger"]{display:none; position:absolute; text-indent:-200vw; font-size: 2em; width:1em; right:0; cursor:pointer}
label[for="hamburger"]:hover{color:#fff}
label[for="hamburger"]::after {
	content: '☰';
	text-indent: 0;
	display: inline-block;
	position: absolute;
	left: 0;
	top: .4em;
}
#main .mod_article{padding-bottom:40px}
#main .mod_article>:first-child{margin-top:calc(90px - 1em); margin-bottom:40px}
#main .mod_article>:last-child{margin-bottom:0; padding-bottom:0}
.content-player figure{margin:0}
#picnav{margin-top: 40px}
#picnav > div{width:31.5%; display:flex; flex-direction: column}
#picnav a{text-decoration:none; color:inherit; font-weight:var(--bold); text-align:left }
#picnav > div > div{display:block; margin:0;}
#picnav figure img{width:100%; display:block}
#picnav .content-hyperlink:nth-of-type(2){line-height:1em; margin-top:20px}
#picnav p{margin: 10px 0 0}
@media screen and (max-width:1190px)
{
    header nav ul{margin-right:0}
}
@media screen and (max-width:1140px)
{
    /* HAMBURGER */
	#header nav li::after{content:none}
	label[for="hamburger"]{display:inline-block}
	header nav{position:absolute; left: -200vw;padding-bottom:15px}
	#hamburger:checked ~ nav {
	position: absolute;
	width: calc(100% + 2*var(--lr-padding));
	margin-top: 3.2em;
	left: calc(-1*var(--lr-padding));
	background: var(--mittelrot);
	}

	header nav ul{flex-direction:column; margin: 0}
	header .startlink{margin:17px 0;}
}

@media screen and (max-width:850px)
{
    header nav ul{margin-right:0}
	#footer .inside{flex-direction: column}
	#footer .inside nav{padding-left:2.85em}
}

@media screen and (max-width:500px)
{
	:root{--font-size:20px;}
	body{padding-top:0}
	#footer .inside nav{padding-left:2.5em}
}