header .mod_article { border-bottom:8px solid #0c598c; }

header .slick button {
    width:30px; height:30px; top:50%; position:absolute; display:block; background-color:#000; background-position:center center;
    background-repeat:no-repeat; border:0 hidden; text-indent:-9999px; background-size: auto 18px; z-index:10; }
header .slick button.slick-prev { left:20px; background-image:url("../grafik/pfeil-weiss-links.svg"); }
header .slick button.slick-next { right:20px; background-image:url("../grafik/pfeil-weiss-rechts.svg"); }
header .ce_slick-slider figure { font-size:0; line-height:0; }

header .mod_article .inside { padding-right:0; padding-left:0; }
header .mod_article .ce_image figure { font-size:0; line-height:0; }
header .mod_article img { width:100%; }
header .slider-control { display:none; }
header .slick .ce_text { position:relative; }
header .slick .ce_text .text-block { 
	width:305px; bottom:0; left:50%; position:absolute; display:block; margin-left:-600px; padding:15px 15px 0; background-color:#0c598c;
    color:#fff; }
header .slick .ce_text .text-block h3 { font-size:24px; color:#fff; }

header #nav-sticky { width:100%; position:relative; overflow:visible; display:block; margin-right:auto; margin-left:auto; z-index:100; }
header .sticky-block { width:100%; position:absolute; display:block; }
header .sticky-block .inside { width:100%; max-width:1300px; margin-right:auto; margin-left:auto; }
header .logo { width:300px; height:155px; float:left; display:block; background-image:url("../grafik/logo-bestattungen-blau.svg");
    background-position:center bottom; background-repeat:no-repeat; transition: width 1s; transition: height 1s; }
header .logo a { width:100%; height:100%; display:block; }
header .telefon { 
	height:55px; float:left; display:block; margin-top:100px; margin-right:0; margin-left:5px; padding-top:10px; padding-right:10px; padding-left:10px;
    background-color:#008ba4; color:#fff; transition: margin-top 1s; }
header .telefon p { margin-bottom:0; }
header .telefon p a { color:#fff; }

header nav.mod_navigation { overflow:visible; float:left; display:block; margin-top:100px; transition: margin-top 1s; }
header nav ul { position:relative; margin:0; padding:0; }
header nav li { width:auto; float:left; display:block; margin-right:4px; margin-left:0; padding-right:10px; padding-left:10px;
    font-size:1rem; line-height:55px; color:#fff; }
header nav li.dienst { background-color:#008ba4; }
header nav li.friedhof { background-color:#207a50; }
header nav li.krematorium { background-color:#cc6157; }
header nav li.unternehmen,
header nav li.service,
header nav li.barrierefreiheit { background-color:#0c598c; }
header nav li.barrierefreiheit { margin-right:0; }
header nav li.mobil { display:none;}
header nav li a { display:block; font-family:Calibri-Bold; text-decoration:none; color:#fff; font-weight:400; }
header nav .level_2 { width:auto; left:-9999px; top:-9999px; position:absolute; margin-top:25px; z-index:101; }
header nav .level_2 li { float:none; margin-right:0; margin-left:-10px; padding:0; line-height:20px; }
header nav .level_2 li a,
header nav .level_2 li strong {position:relative; display:block; padding:5px 10px 6px; font-family:Calibri,sans-serif; line-height:20px; }
header nav li.dienst li { border-bottom:1px solid #008ba4; }
header nav li.friedhof li { border-bottom:1px solid #207a50; }
header nav li.krematorium li { border-bottom:1px solid #cc6157; }
header nav li.unternehmen li,
header nav li.service li,
header nav li.barrierefreiheit li { border-bottom:1px solid #0c598c; }
header nav li li.last { border-bottom:0 hidden; }
header nav li.dienst li a { background-color:#cce7ec; color:#008ba4; }
header nav li.friedhof li a { background-color:#d2e4dc; color:#207a50; }
header nav li.krematorium li a { background-color:#f4dfdd; color:#cc6157; }
header nav li.unternehmen li a,
header nav li.service li a,
header nav li.barrierefreiheit li a { background-color:#e9f0f5; color:#0c598c; }
header nav li:hover .level_2 { left:auto; top:30px; }
header nav li.unternehmen:hover .level_2 { right:72px; top:30px; margin-right:0; }
header nav li.service:hover .level_2 { right:0; top:30px; margin-right:0; }
header nav li.dienst li a:hover,
header nav li.dienst li strong { background-color:#008ba4; color:#fff; }
header nav li.friedhof li a:hover,
header nav li.friedhof li strong { background-color:#207a50; color:#fff; }
header nav li.krematorium li a:hover,
header nav li.krematorium li strong { background-color:#cc6157; color:#fff; }
header nav li.unternehmen li a:hover,
header nav li.unternehmen li strong,
header nav li.service li a:hover,
header nav li.service li strong,
header nav li.barrierefreiheit li a:hover,
header nav li.barrierefreiheit li strong { background-color:#0c598c; color:#fff; }
header #nav-sticky.sticky .sticky-block { position:fixed; background-color:#fff; border-bottom:1px solid #0c598c; }
header #nav-sticky.sticky .sticky-block .logo { width:180px; height:55px; transition: width 1.5s; transition: height 1.5s; }
header #nav-sticky.sticky .sticky-block .logo { background-image:url("../grafik/logo-bestattungen-blau-sticky.svg"); }
header #nav-sticky.sticky .sticky-block .telefon,
header #nav-sticky.sticky .sticky-block nav.mod_navigation { margin-top:0; transition: margin 1.5s; }
header nav .sprachen { padding-top:105px; transition: padding-top 1.5s; }
header #nav-sticky.sticky .sticky-block .sprachen { padding-top:5px; transition: padding-top 1.5s; }
header nav .sprachen li { margin-right:0; margin-left:4px; padding-right:0; padding-left:0; line-height:1rem; }
header nav .sprachen a { line-height:1.5rem; }

header .wichtige-info {
    width:600px; bottom:0; left:50%; position:absolute; display:block; margin-left:-300px; padding:2rem; background-color:#fff;
    border:5px solid #0c598c; z-index:101; }
header .wichtige-info h1 { position:relative; display:block; }
header .wichtige-info .closeIcon {
    width:30px; height:30px; right:2rem; top:2rem; position:absolute; display:inline-block; background-image:url("../grafik/closebutton.png");
    background-position:center center; background-repeat:no-repeat; background-size: 100% auto; cursor: pointer; content:""; }
    
@media screen and (max-width:1250px) {
	header .logo { margin-left:20px; }
	header nav.mod_navigation { display:none; }
	header .mod_mobile_menu { width:55px; height:55px; right:0; top:0; position:absolute; display:block; }
	.mobile_menu { max-width:300px; }
	.mobile_menu .inner { padding:1rem; background-color:#fff; }
	.mobile_menu .inner ul li { border-bottom:1px solid #e4e4e4; line-height:2rem; }
	.mobile_menu .inner ul li a,
	.mobile_menu .inner ul li strong { display:block; color:#0c598c; }
	.mobile_menu .inner ul li.dienst a,
	.mobile_menu .inner ul li.dienst strong { color:#008ba4; }
	.mobile_menu .inner ul li.friedhof a,
	.mobile_menu .inner ul li.friedhof strong { color:#207a50; }
	.mobile_menu .inner ul li.krematorium a,
	.mobile_menu .inner ul li.krematorium strong { color:#cc6157; }
	.mobile_menu .inner ul.level_2 li { margin-left:1rem; }
	.mobile_menu .inner ul.level_2 li.last { border-bottom:0 hidden; }
	header .telefon { right:58px; top:0; position:absolute; float:right; margin-top:0; }
	.friedhof header .telefon,
	.krematorium header .telefon { display:none; }
	header .mod_article img { width:auto; height:400px; margin-right:0; margin-left:auto; text-align:right; max-width:none; }
	header .slick .ce_text .text-block { left:0; margin-left:20px; }
}

@media screen and (max-width: 832px) {
	header .logo { width:200px; height:100px; }
	header .slick .ce_text .text-block { width:200px; }
	header .slick .ce_text .text-block h3 { margin-bottom:.25rem; font-size:1rem; }
	header .slick .ce_text .text-block p { margin-bottom:.25rem; font-size:.9rem; }
	header .mod_article img { height:300px; }
	header nav .sprachen { padding-top:5px; }
	header .wichtige-info { width:100%; height:auto; bottom:auto; left:0; top:20%; position:fixed; margin-left:0; padding:2rem; }
}

@media screen and (max-width:649px) {
	header .logo { width:300px; height:155px; float:none; margin-right:auto; margin-left:auto; }
	header .mod_article .ce_image,
	header .mod_article .slick { display:none; }
	header nav .sprachen { right:12px; top:65px; position:absolute; }
	header #nav-sticky.sticky .sticky-block .sprachen { left:5px; right:auto; top:0; }
	header .mod_article { min-height:155px; }
	header .wichtige-info .closeIcon { right:1rem; top:1rem; }
}

@media screen and (max-width: 550px) {
	header #nav-sticky.sticky .sticky-block .logo { margin-left:40px; }
	header #nav-sticky.sticky .sticky-block .sprachen { left:0; }
	header .wichtige-info { padding:1rem; }
	header .wichtige-info h1 { text-align:left; font-size:1.5rem; }
	header .wichtige-info h2 { text-align:left; font-size:1rem; }
}

@media screen and (max-width: 430px) {
	header .logo,
	header .mod_article { height:180px; }
	header #nav-sticky.sticky .sticky-block .logo { max-width:40%; }
	.mod_article.boxen .filmbox { width:auto; }
	.friedhof header .logo,
	.krematorium header .logo,
	.friedhof header .mod_article,
	.krematorium header .mod_article { height:155px; }
}