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%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}

/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/layout/fonts/inter-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  src: url('../../files/layout/fonts/inter-v20-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('../../files/layout/fonts/inter-v20-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 500;
  src: url('../../files/layout/fonts/inter-v20-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('../../files/layout/fonts/inter-v20-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 600;
  src: url('../../files/layout/fonts/inter-v20-latin-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/layout/fonts/inter-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 700;
  src: url('../../files/layout/fonts/inter-v20-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


:root {
    --page-width:		      1920px;
    --side-padding:       200px;
    --dohnke-green: 	    #E2E3D5;
    --dohnke-lightblue:   #DCE8EA;
    --dohnke-darkblue:    #00437A;
    --dohnke-navigation:  rgba(0, 67, 122, .95);
    --dohnke-beige:		    #F4E9E2;
    --dohnke-lightgrey:   #ECECEC;
    --dohnke-darkgrey:    #707070;
}    
/* MISC */
body, html {
	font: 400 30px / 40px 'Inter', sans-serif;
}   

.circle * {
	border-radius: 100%;
}

#grid > .inside {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto auto;
  /* gap: 1rem; */
}

#grid  h1 {
  grid-column: 1;
  margin-bottom: 0 !important;
}

.hero {
  grid-column: 1 / -1;
  width: fit-content;
  height: auto;
  padding-left: 40px;
}
.music_item {
	margin-top: 20px;
}
.one {
  grid-column: 1;
}
.one figure {
	margin-top: 200px;
}
#birds figure {
	margin-top: 0px;
	padding-top:100px;
	padding-bottom: 50px;

}
.two {
  grid-column: 2;
}

.padding {
	padding: 40px;
}
.margin-top:has(.ui-accordion-content-active) {
	margin-top: 0px;
}
strong, g {
	font-weight: 700;
}
table td:last-child {
	vertical-align: bottom;
	padding-left: 20px;
}
.margin-top {
	margin-top: 50px;
}
.padding-top {
	padding-top: 25px;
}
.margin-top-big {
	margin-top: 100px;
}
.center {
	text-align: center;
}
.right {
	/*
	margin-left: auto;
	max-width: 50%;
	
	*/
	text-align: right;
}
.bottom {
	align-self: end;
}
.boxed {
	margin-left: 200px;
	margin-right: 200px;
	padding: 50px 100px 50px 100px;
}
figure {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	line-height: 0;
}
figcaption {
	margin-top: -75px;
    text-align: center;
}

.content-download {
	width: fit-content;
	margin-top: 30px;
}
.content-download.ext-pdf a {
	display: flex;
	align-items: center;
	color: #4A4A4A;
	font-weight: 700;
}	

.content-download.ext-pdf h2 {
	margin-bottom: 0px;
	
} 
.content-text.media--left {
	display: flex;
	justify-content: flex-start;
	gap: 50px;
	align-items: flex-start;
}
.content-text.media--left figure {
	float: none;
	min-width: 141px;
}

.content-download.ext-pdf .text {
	background-color: var(--dohnke-green);
	min-height: 160px;
	height: fit-content;
	padding: 10px 61px 10px 36px;
	box-sizing: border-box;
	display: flex;
    flex-direction: column;
    justify-content: center;
}	

.content-download.ext-pdf .icon {
	background-image: url('/files/layout/images/pdf.svg');
	background-position: center right;
	background-repeat: no-repeat;
	min-width: 132px;
	height: 178px;
	content: '';
	display: inline-block;
	margin-left: -1px;
}

.hide {
   	opacity: 0;
   	height: 0;
}
#show-more {
	cursor: pointer;
}

a {
	text-decoration: none;
	transition: all 0.25s linear;
}
h1, h2 {
	font-size: 40px;
	line-height: 49px;
	color: var(--dohnke-darkblue);
	font-family: 'Book Antiqua', serif;
	font-weight: 400;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 24px;
}
h3 {
	font-size: 40px;
	line-height: 49px;
	color: var(--dohnke-darkblue);
	font-family: 'Book Antiqua', serif;
	font-weight: 400;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 24px;
}
h4 {
	font-size: 24px;
	line-height: 32px;
	color: var(--dohnke-darkblue);
	font-family: 'Book Antiqua', serif;
	font-weight: 400;
	text-transform: uppercase;
	margin-top: 20px;
	margin-bottom: 24px;
}
.abc p, .abc h4  {
	font-size: 25px;
	line-height: 33px;
	hyphens: auto; 
	padding-left: 20px;
	padding-right: 20px;
}
span.lower {
	text-transform: none !important;
}
.bg-green {
	background-color: var(--dohnke-green);
}
.bg-beige {
	background-color: var(--dohnke-beige);
}
.bg-grey {
	background-color: var(--dohnke-lightgrey);
}
.bg-lightblue {
	background-color: var(--dohnke-lightblue);
}
.bg-darkblue {
	background-color: var(--dohnke-darkblue);
}

.text-white, .text-white * {
	color: #fff;
}
.text-darkblue, .text-darkblue * {
	color: var(--dohnke-darkblue);
}
.text-bigger {
	font-size: 35px;
	line-height: 47px;
}
.text-very-big {
	font-size: 48px;
	line-height: 64px;
	font-weight: 700;
}

.text-small {
	font-size: 25px;
	line-height: 30px;
}

/* HEADER*/
body.home #header .content-player {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}



body.home #header  .content-player figure{
  margin: 0;
  width: 100%;
  height: clamp(360px, 48vw, 930px); 
  overflow: hidden;
}

body:not(.home) .content-player {
	margin-bottom: 50px;
}


.content-player video {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  display: block;
  object-fit: cover;
}

body.home #header {
	margin-bottom: 54px;
}


body.home #header .header-inside {
	position: absolute;
	top: 0;
	z-index: 999;
	width: 100%;
	background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%);

}
#header .header-inside .inner {
	max-width: var(--page-width);
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	position: relative;
	padding-left: 100px;
	padding-right: 100px;
	box-sizing: border-box;
		height: 349px !important;
}

#header .logo {
	width: 384px;
	height: 189px;
	margin-top: 67px;
	flex-shrink: 0;
}

.phone img {
	width: 60px;
	height: 60px;
}
#header .phone {
	margin-top: 92px;
	flex-shrink: 0;
}	

#header .phone a {
	display: flex;
	gap: 17px;
	align-items: center;
	color: #000;
}


#burger {
	width: 55px;
	height: 36px;
	cursor: pointer;
	margin-top: 54px;
	flex-shrink: 0;
	position: relative;
}

/* MAIN */
.flexbox {
	display: flex;
	flex-wrap: no-wrap;
}
.flexbox.abc {
	flex-wrap: wrap !important;
}
.flexbox.abc > * {
	flex: 1 1 174px;
	max-width: 194px;

}




.flexbox.gap-none {
	gap: 0px;
}
.flexbox.gap-big {
	gap: 100px;
}
.flexbox.gap-small{
	gap: 50px;
}



.flexbox.x-flex-start {
	justify-content: flex-start;
}
.flexbox.x-center {
	justify-content: center;
}
.flexbox.x-flex-end {
	justify-content: flex-end;
}
.flexbox.x-space-between {
	justify-content: space-between;
}
.flexbox.x-space-around {
	justify-content: space-around;
}
.flexbox.x-space-evenly {
	justify-content: space-evenly;
}

.flexbox.y-stretch {
	align-items: stretch;	
} 
.flexbox.y-flex-start {
		align-items: flex-start;
}
.flexbox.y-center {
		align-items: center;
}	
.flexbox.y-flex-end {
		align-items: flex-end;
}
.flexbox.y-baseline {
		align-items: baseline;
}


/*
.flexbox.col2 > div:not(.content-image) {
	flex: 1;      
    min-width: 0;  
}
*/
.flexbox.col2 > div {
	flex: 1;      
    min-width: 0;  
}
.flexbox.no-auto-width > div {
	max-width: unset;
}


.flexbox.col3 {

	flex-wrap: wrap;
}
.flexbox.col3 h2 {
hyphens: auto;
}
.flexbox.col3 .flexbox-column, .flexbox.col3 > div {
	flex: 0 0 calc((100% - 2*50px)/3); 
    min-width: 0;
}

#main .mod_article {
	margin-bottom: 40px;

}
#main .mod_article > .inside {
	padding-top: 20px;
	padding-bottom: 20px;
	max-width: var(--page-width);
	margin: 0 auto;
}
body.home #main .mod_article:first-of-type, #main .mod_article.article-fullwidth {
	padding-top: 0; 
	padding-bottom: 0;
}
#main .mod_article:not(.article-fullwidth) > .inside {
	padding-left: var(--side-padding);
	padding-right: var(--side-padding);
}
#main .mod_article.interlude  {
	min-height: 32vw;
}
#main .mod_article.interlude > .inside {
	padding-top: 25px !important;
	padding-bottom: 25px !important;
}
#main .mod_article.interlude-big  {
	min-height: 50vw;
}
.article-movies  {
padding-left: 200px;
padding-right: 200px;
}

.article-align-bottom {
	 display: flex;
	flex-direction: column;
}
.article-align-bottom  > .inside  {
margin-top: auto !important;
}


.article-nomargin {
	margin-bottom: 0 !important;
}
.article-nomargin ~ .mod_article > .inside  {
	padding-top: 0 !important;
}
.mod_article.bg-lightblue-boxed > .inside  {
	background: var(--dohnke-lightblue);
	padding: 50px;
}
.mod_article.bg-grey-boxed > .inside  {
	background: var(--dohnke-lightgrey);
	padding: 50px;
}

.article-blue-left {
		padding-top: 60px;
	padding-bottom: 60px;
	background: linear-gradient(
    to right,
    var(--dohnke-lightblue) 0%,
    var(--dohnke-lightblue) 70%,
    white 70%,
    white 100%
  );
}

.birds {
	background-image: url('/files/layout/images/voegel.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 80%;
}

.article-grey-left {
		padding-top: 60px;
	padding-bottom: 60px;
	background: linear-gradient(
    to right,
    var(--dohnke-lightgrey) 0%,
    var(--dohnke-lightgrey) 70%,
    white 70%,
    white 100%
  );
}


.article-beige-full {
	padding-top: 60px;
	padding-bottom: 60px;
	background: var(--dohnke-beige);
}



.article-beige-right {
	padding-top: 60px;
	padding-bottom: 60px;
	background: linear-gradient(
    to right,
    white 0%,
    white 30%,
    var(--dohnke-beige) 30%,
    var(--dohnke-beige) 100%
  );
}






.article-beige-right-50 {
	padding: 0;
	background: linear-gradient(
    to right,
    white 0%,
    white 50%,
    var(--dohnke-beige) 50%,
    var(--dohnke-beige) 100%
  );
}
.article-green-left-50 {
	padding: 0;
	background: linear-gradient(
    to right,
    var(--dohnke-green) 0%,
    var(--dohnke-green) 50%,
    white 50%,
    white 100%
  );
}


.article-beige-right-50 > .inside, .article-green-left-50 > .inside {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.article-green-left-50 .content-text {
border-right: 60px solid #fff;
padding-top: 20px;
padding-bottom: 20px;
}
.article-green-left-50 .content-text p, .article-green-left-50 .content-text h2 {
   margin-right: 20px;
}


.article-beige-right-50 .content-text {
	padding-top: 20px;
	padding-bottom: 20px;
	border-left: 60px solid #fff;
}
.article-beige-right-50 .content-text p, .article-beige-right-50 .content-text h2 {
	margin-left: 20px;
	
}



.article-green-left {
		padding-top: 60px;
	padding-bottom: 60px;
	background: linear-gradient(
    to right,
    var(--dohnke-green) 0%,
    var(--dohnke-green) 70%,
    white 70%,
    white 100%
  );
}


.article-green-right {
		padding-top: 60px;
	padding-bottom: 60px;
	background: linear-gradient(
    to right,
    white 0%,
    white 30%,
    var(--dohnke-green) 30%,
    var(--dohnke-green) 100%
  );
}
.article-green-right-50 {
	background: linear-gradient(
    to right,
    white 0%,
    white 50%,
    var(--dohnke-green) 50%,
    var(--dohnke-green) 100%
  );
}

.content-hyperlink {
	position: absolute;
	left: calc(50% - 200px);
	right: calc(50% - 200px);
	
	bottom: 44px;
	text-align: center;
	background: #fff;
	border: 1px solid var(--dohnke-darkgrey);
	width: fit-content;
	margin: 0 auto;
	box-sizing: border-box;
	white-space: nowrap;
} 
.toggler {
	text-align: center;
	background: var(--dohnke-darkblue);
	width: fit-content;
	box-sizing: border-box;
	white-space: nowrap;
	color: #fff;
	font-size: 25px;
	line-height: 33px;
	padding: 15px 55px;
	display: block;
	position: relative;
	cursor: pointer;
}
.toggler.active {
	display: none;
}


.content-hyperlink a {
	color: var(--dohnke-darkgrey);
	font-size: 25px;
	line-height: 33px;
	padding: 15px 55px;
	display: block;
	position: relative;
}

.content-hyperlink:hover {
	background: var(--dohnke-darkblue);
	border: 1px solid var(--dohnke-darkgrey);
} 
.toggler:hover {
	background: #ecf3f4;
	color: var(--dohnke-darkblue);
} 
.content-hyperlink:hover a  {
	color: #fff;
}



#main ul {
  list-style-type: disc;    
  list-style-position: outside;
  margin-left: 30px;
}
#main .content-gallery ul {
	list-style-type: none !important;
}
#main ul li::marker {
  color: var(--dohnke-darkblue);              
}

#main .content-text a, #main .ce_er24_legal_text a {
	color: var(--dohnke-darkblue);
	text-decoration: underline;
}
#main .content-text a:hover, #main .ce_er24_legal_text a:hover {
	text-decoration: none;
}

.content-gallery ul {
	display: flex;
	gap: 40px;
}


.mod_c4g_maps.friedhoefe {
   width: 100%;
  max-width: 1158px;      /* optional, falls du die Desktopgröße deckeln willst */
  aspect-ratio: 1 / 1;   /* <- garantiert Quadrat */
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
}

.mod_c4g_maps.friedhoefe > .c4g_map {
 width: 100% !important;
  height: 100% !important;
  /* diese beiden helfen manchmal, wenn Scripts CSS-Variablen nutzen */
  --map-width: 100% !important;
  --map-height: 100% !important;
}

.mod_c4g_maps.friedhoefe .ol-viewport,
.mod_c4g_map.friedhoefe canvas{
  width: 100% !important;
  height: 100% !important;
  display:block;
}






/* FOOTER */
#footer  {
	padding: 0 100px 0 100px;
box-sizing: border-box;	
}

#footer .dashline {
	border-top: 2px dashed var(--dohnke-darkblue);
	height: 2px;
}

#footer  .inner {
		padding-left: 100px;
		padding-right:100px;
		max-width: var(--page-width);
		margin: 0 auto;
		box-sizing: border-box;
}



#footer a {
	color: var(--dohnke-darkblue);
}
#footer a.email, #footer .mod_customnav a:hover, #footer .mod_customnav a.active, #footer .below a:hover {
	text-decoration: underline;
	
}
#footer a.email:hover {
	text-decoration: none;
}
#footer .above {
	display: flex;
	justify-content: space-between;
	padding-top: 45px;
	padding-bottom: 27px;
     gap: 32px;
}

#footer .above .col1 {
	flex: 0 0 520px;
}
#footer .above .col2 {
	 flex: 1 1 auto;         
     min-width: 0;
}

#footer .above .col2 .mod_c4g_maps {
   width: 100%;
  max-width: 660px;      /* optional, falls du die Desktopgröße deckeln willst */
  aspect-ratio: 1 / 1;   /* <- garantiert Quadrat */
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
}

#footer .above .col2 .mod_c4g_maps > .c4g_map {
 width: 100% !important;
  height: 100% !important;
  /* diese beiden helfen manchmal, wenn Scripts CSS-Variablen nutzen */
  --map-width: 100% !important;
  --map-height: 100% !important;
}

#footer .above .col2 .mod_c4g_maps .ol-viewport,
#footer .above .col2 .mod_c4g_map canvas{
  width: 100% !important;
  height: 100% !important;
  display:block;
}

#footer .above .col3 {
	flex: 0 0 180px;
	text-align: right;
}
#footer .mod_customnav li {
	margin-bottom: 15px;
}

#footer .logo {
	width: 384px;
	height: 189px;
	margin-bottom: 50px;
}
#footer .below {
	padding-bottom: 71px;
	font-size: 35px;
	line-height: 47px;
}

/* OFFCANVAS */
#navigation {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999999;
	overflow-y: scroll;
	background-color: var(--dohnke-navigation);
}
#navigation > .inside {
	position: relative;
	height: fit-content;
}

#navigation .pseudoheader {
max-width: var(--page-width);
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	position: relative;
	padding-left: 100px;
	padding-right: 100px;
	box-sizing: border-box;
}

#navigation .pseudoheader .logo {
	width: 384px;
	height: 189px;
	margin-top: 67px;
	flex-shrink: 0;
}

#navigation .pseudoheader .phone {
	margin-top: 92px;
	flex-shrink: 0;
}	

#navigation .pseudoheader .phone a {
	display: flex;
	gap: 17px;
	align-items: center;
	color: #fff;
}





#navigation-close {
	cursor: pointer;
	width: 55px;
	height: 36px;
	cursor: pointer;
	margin-top: 54px;
	flex-shrink: 0;
}
#navigation-close img {
width: 100%;
height: 100%;
}
#navigation .items {
	position: relative;
	max-width: var(--page-width);
	margin: 44px auto 0 auto;
	padding-left: 100px;
	padding-right: 100px;
}


#navigation .level_1 {
	display: flex;
	justify-content: space-between;
	gap: 70px;

}

#navigation .level_1 li {
	position: relative;

}	
#navigation .level_1 a {
		color: #fff;
		hyphens: auto;
}	
#navigation .level_1  a:focus, #navigation .level_1 a:hover, #navigation .level_1 a.trail, #navigation .level_1 a.active {
		color: #9DB6CC;
}

#navigation .level_2 {
  position: absolute;
  top: 100%;
  left: 0;            /* bündig unter dem Item */
  margin: 0;
  padding: 0;

  display: none;
  z-index: 50;

  width: max-content; /* Breite = Inhalt */
  white-space: nowrap;/* bleibt eine Zeile (wenn gewünscht) */
}



#navigation .level_1 li.trail .level_2 {
	display: block;
}	

#navigation .level_2 a {
	/* text-decoration: underline; */
	color: #fff;
}
#navigation .level_2 a:hover, #navigation .level_2 a.active {
	 /* text-decoration: underline; */
	 color: #9DB6CC;
}

#go-top {
	position: fixed;
	z-index: 99999;
	right: 46px;
	top: 50%;
	opacity: 0;
	transition: opacity .25s ease-in;
	cursor: pointer;
}
#go-top.visible {
	opacity: 1;
}
@media (max-width: 1919px) {
    
    :root {
    --side-padding:       100px;
    }    
	
	
	
	
   #header .header-inside .inner, #navigation .pseudoheader, #navigation .items {
       padding-left: 50px;
       padding-right: 50px;
   }
    
   
     #navigation .level_1 > li {
         width: 25%;
     }
    .flexbox.col2 {
	    flex-wrap: wrap;
	}
    
    .article-movies {
        padding-left: 0;
        padding-right: 0;
    }
    
    #footer {
    padding: 0 50px 0 50px;
    }
    
    #footer .inner {
	    padding-left: 50px;
        padding-right: 50px;
	}   
	
	
    
	#footer > .inside .above {
		flex-wrap: wrap;
	}
	

		
	#footer > .inside .above .col3 {
    flex: 100%;
  }
  
  
  #footer > .inside .above .col3 .mod_customnav ul {
  	display: flex;
  	justify-content: center;
  	gap: 20px;
  }
  
  #footer > .inside .below {
  	text-align: center;
  }
  
}
@media (max-width: 1390px) {
    
     #navigation .level_1 {
        flex-wrap: wrap;
    }
    
    #navigation .level_2 {
    position: static !important;
    }
  
   .content-hyperlink {
       position: relative;
       left: unset;
      right: unset;
      bottom: unset;
      top: 30px;
   }
  
}
@media (max-width: 1100px) {
	
	
	#header .phone a {
		background: rgba(255,255,255,.55);
		padding: 10px;
	}
	
	#header .phone, #navigation .pseudoheader .phone {
	align-self: flex-end;
	margin-right: -220px;
}


  
}
@media (max-width: 991px) {
	
	body, html {
	font: 400 20px / 30px 'Inter', sans-serif;
	}  
	
	h1, h2 {
	font-size: 30px;
	line-height: 39px;
	}
	h3 {
		font-size: 30px;
		line-height: 39px;
	}
	h4 {
		font-size: 22px;
		line-height: 30px;
	}
	.text-bigger {
	font-size: 30px;
	line-height: 42px;
	}
	
	.text-small {
    font-size: 15px;
    line-height: 25px;
}
	
	.text-very-big {
		font-size: 40px;
		line-height: 46px;
	}
	
	.boxed {
		padding: 50px;
		margin-left: 50px;
		margin-right: 50px;
	}
	.right {
		text-align: left;
	}
   .flexbox.col2 > div {
	    flex-basis: 100% !important;
	}
   .flexbox.col2 .content-image {
   	order: 2 !important;
   }
   .flexbox.col3 .flexbox-column, .flexbox.col3 > div {
	flex-basis: calc(50% - 50px);

}
   
   .article-blue-left {
	background: var(--dohnke-lightblue) !important;
	}



	.article-grey-left {
		background:var(--dohnke-lightgrey)  !important;
	}

	.article-beige-right {
			background: var(--dohnke-beige) !important;
	}
	
	
	.article-beige-right-50 {
			background: var(--dohnke-beige) !important;
	}
	.article-green-left-50 {
		background: var(--dohnke-green) !important;
	}


    .article-green-left-50 .content-text {
border-right: 0px none;
}
.article-green-left-50 .content-text p, .article-green-left-50 .content-text h2 {
   margin-right: 0;
}


.article-beige-right-50 .content-text {
	border-left: 0px none;
}
.article-beige-right-50 .content-text p, .article-beige-right-50 .content-text h2 {
	margin-left: 0;
	
}
    .article-green-left-50 .content-image{
	margin-top: 30px;
}
.article-beige-right-50 .content-image {
	margin-top: 30px;
}

	.article-green-left {
			background: var(--dohnke-green) !important;
	}


	.article-green-right {
			background: var(--dohnke-green) !important;
	}
	.article-green-right-50 {
		background:var(--dohnke-green) !important;
	}
   #grid h1,  #grid .one,  #grid .two {
   	grid-column: 1 / -1;
   }
   #grid .hero {
   	 width: fit-content;
   }
   #grid:has(.bg-beige) {
   	background: var(--dohnke-beige);
   }
   #grid:has(.bg-lightblue) {
   	background: var(--dohnke-lightblue);
   }
   
   
   
	
	#footer .inner {
		padding-left: 0;
		padding-right: 0;
	}
		#footer > .inside .above {
			justify-content: center;
			gap: 30px;
		}
	#footer > .inside .above .col1, #footer > .inside .above .col2 {
        flex-basis: 100%;
        text-align: center;
    }
	
	#footer .below {
	font-size: 30px;
	line-height: 42px;
	}
  
}
@media (max-width: 767px) {
	
	:root {
    --side-padding: 20px;
    }    
        
  
    body.home #header .content-player video {
       height: 100%;
    }
    
        
    #header .header-inside .inner, .pseudoheader {
	    flex-direction: column;
	}    
	
	
	#header .header-inside .inner, #navigation .pseudoheader, #navigation .items {
       padding-left: 20px;
       padding-right: 20px;
   }
   
    #burger, #navigation-close  {
        width: 30px;
	    height: 20px;
    }
        
        #header .logo, .pseudoheader .logo {
    max-width: 200px !important;
    height: auto !important;

    }
    
    .phone img {
	width: 30px;
	height: 30px;
}
    
    #header #burger, #navigation-close {
        position: absolute;
        right: 20px;
        top: 54px;
        margin-top: 0;
    }
   #header .phone, #navigation .pseudoheader .phone  {
    margin-bottom: 20px !important;
    margin-right: 0;
    }
    
    #navigation .level_1  {
         gap: 20px;
     }
    
     #navigation .level_1 > li {
         flex: 100%;
     }
        .flexbox.col3 .flexbox-column, .flexbox.col3 > div {
	flex-basis: 100%;

}

.flexbox.abc > * {
 max-width: unset;   
} 
.abc p, .abc h4  {
	hyphens: unset;
	
}
.content-text.media--left {
    flex-wrap: wrap;
}
.content-text.media--left > div {
    flex-basis: 100%;
}
.content-text.media--left figure {
    margin: 0 auto;
}
        
        	.boxed {
		padding: 25px;
		margin-left: 0px;
		margin-right: 0px;
	}
	
	#footer {
    padding: 0 20px 0 20px;
    }
	
    #footer > .inside .above .col1, #footer > .inside .above .col2 {
            flex: 100%;
        }
        
        
        #go-top {
        width: 40px;
        height: 40px;
    	right: 20px;
    	bottom: 20px;
    	top: auto;
    }
  
}