main { margin-top:85px; }
main .mod_article { margin-top:0; margin-bottom:50px; }
main .mod_article .inside { max-width:1200px; margin-right:auto; margin-left:auto; }
main .mod_article.col-2 .inside { max-width:800px; }
.mod_article.intro { max-width:1200px; margin-right:auto; margin-bottom:15px; margin-left:auto; }
.mod_article.intro .inside { max-width:66.666666%; margin-right:auto; margin-left:auto; }
h1.ce_headline,
.intro .ce_text { margin-bottom:35px; }
.intro .ce_text h2 { margin-bottom:1rem; }
.mod_article.intro .inside .spalte-links,
.mod_article.intro .inside .spalte-rechts { text-align:left; }
.mod_article.intro .inside .spalte-links,
.mod_article.intro .inside .spalte-rechts,
.mod_article.kontakt .inside .spalte-links,
.mod_article.kontakt .inside .spalte-rechts { width:50%; position:relative; float:left; display:block;  padding-right:10px; padding-left:10px; }
.mod_article.kontakt .inside .spalte-links { clear:both; }

.mod_article.hellgrau { width:100%; padding-top:20px; padding-bottom:20px; background-color:#e4e4e4; }

.mod_article.teaser .ce_text { position:relative; float:left; display:block; margin-right:10px; margin-left:10px; }
.mod_article.teaser .ce_text figure { font-size:0; line-height:0; }
.mod_article.teaser.col-2 .ce_text, 
.mod_article.teaser.col-3 .ce_text { max-width:380px; }
.mod_article.teaser.col-4 .ce_text { max-width:280px; }
.mod_article.teaser.col-5 .ce_text { max-width:220px; }
.mod_article.teaser .ce_text h2 { 
	left:0; top:0; position:absolute; display:inline-block; margin:0; padding:5px 10px; font:14px/25px Calibri-Bold; color:#fff; }
.mod_article.teaser .ce_text .textblock {
    width:100%; bottom:0; left:0; position:absolute; display:inline-block; margin:0; padding:5px 10px; font-size:14px; color:#fff; }
.mod_article.teaser .ce_text h2,
.mod_article.teaser .ce_text .textblock { background-color:#0c598c; }
.mod_article.teaser .ce_text.tuerkis h2,
.mod_article.teaser .ce_text.tuerkis .textblock { background-color:#008ba4; }
.mod_article.teaser .ce_text.gruen h2,
.mod_article.teaser .ce_text.gruen .textblock { background-color:#207a50; }
.mod_article.teaser .ce_text.rot h2,
.mod_article.teaser .ce_text.rot .textblock { background-color:#cc6157; }
.mod_article.teaser .ce_text .textblock p { margin-top:5px; margin-bottom:5px; }
.mod_article.teaser .ce_text .textblock p a {
    width:25px; height:25px; bottom:0; right:0; position:absolute; display:block;
    background:#548aae url("../grafik/pfeil-weiss-rechts.svg") center center no-repeat; text-indent:-9999px; background-size: auto 15px; }
.mod_article.teaser .ce_text.tuerkis .textblock p a { background-color:#4cadbf; }
.mod_article.teaser .ce_text.gruen .textblock p a { background-color:#62a184; }
.mod_article.teaser .ce_text.rot .textblock p a { background-color:#db9089; }
.mod_article.textbild .ce_text { margin-bottom:30px; }
.mod_article.textbild .ce_text figure { 
	width:20%; height:auto; max-width:240px; float:left; display:block; padding-right:10px; padding-bottom:10px; padding-left:10px; }
.mod_article.textbild .ce_text .textblock { width:80%; max-width:900px; float:left; display:block;  padding-right:10px; padding-left:10px; }
.mod_article.textbild .ce_text h2,
.mod_article.textbild .ce_text p { margin-bottom:10px; text-align:left; }

.mod_article.hellblau { width:100%; margin-top:5px; margin-bottom:5px; padding-top:70px; padding-bottom:70px; background-color:#e9f0f5; }

.mod_newslist,
.mod_eventlist,
.mod_newsreader { width:75%; margin-right:auto; margin-left:auto; }
.mod_eventlist .header { display:none; }
.mod_newslist h1,
.mod_eventlist h1 { margin-bottom:35px; }
.mod_newslist .layout_latest,
.mod_eventlist .layout_list { margin-bottom:20px; padding-right:10px; padding-bottom:20px; padding-left:10px; border-bottom:1px solid #e4e4e4; }
.mod_newslist .layout_latest figure { width:33.333333%; max-width:180px; position:relative; display:block; margin-right:20px; }
.mod_newslist .layout_latest h2,
.mod_eventlist .layout_list h2 { text-align:left; }
.mod_article.boxen .mod_newslist,
.mod_article.boxen .mod_eventlist {
    width:100%; height:300px; max-width:380px; position:relative; float:left; display:block; margin-right:10px; margin-left:10px;
    background-color:#fff; border:1px solid #0c598c; }
.mod_article.boxen .mod_newslist h3,
.mod_article.boxen .mod_eventlist h3 { 
	display:inline-block; margin-top:0; margin-left:0; padding:5px 10px; background-color:#0c598c; font:14px/25px Calibri-Bold; color:#fff; }
.mod_article.boxen .mod_newslist .layout_latest,
.mod_article.boxen .mod_eventlist .layout_upcoming {
    height:75px; position:relative; margin:0 10px; padding-top:10px; padding-bottom:10px; border-top:1px dotted #0c598c; }
.mod_article.boxen .mod_newslist .layout_latest.first,
.mod_article.boxen .mod_eventlist .layout_upcoming.first { margin-top:10px; }
.mod_article.boxen .mod_newslist .layout_latest.last,
.mod_article.boxen .mod_eventlist .layout_upcoming.last {
    margin-bottom:20px; border-bottom:1px dotted #0c598c; }
.mod_article.boxen .mod_newslist .layout_latest h4,
.mod_article.boxen .mod_eventlist .layout_upcoming h4 {
    margin-top:0; margin-bottom:0; font:15px Calibri-Bold; }
.mod_article.boxen .mod_newslist .layout_latest p.more,
.mod_article.boxen .mod_eventlist .layout_upcoming p.more {
    bottom:10px; right:0; position:absolute; margin-bottom:0; text-align:right; }
.mod_article.boxen .mod_eventlist .alle-events,
.mod_article.boxen .mod_newslist .alle-news {
    right:10px; top:25px; position:absolute; display:block; }
.mod_article.boxen .mod_newslist .layout_latest p.more a,
.mod_article.boxen .mod_eventlist .layout_upcoming p.more a,
.mod_article.boxen .mod_eventlist .alle-events a,
.mod_article.boxen .mod_newslist .alle-news a {
    position:relative; display:block; padding-right:25px; text-decoration:none; color:#000; }
.mod_article.boxen .mod_newslist .layout_latest p.more a::after,
.mod_article.boxen .mod_eventlist .layout_upcoming p.more a::after,
.mod_article.boxen .mod_eventlist .alle-events a::after,
.mod_article.boxen .mod_newslist .alle-news a::after {
    width:18px; height:18px; right:0; top:0; position:absolute; display:block; line-height:18px; content:"";
    background: #0c598c url("../grafik/pfeil-weiss-rechts.svg") 7px 3px no-repeat; background-size: auto 12px; }

.mod_article.boxen .mod_eventlist .empty { margin: 20px; }

.mod_article.boxen .filmbox { 
	height:300px; max-width:380px; float:left; margin-right:10px; margin-left:10px; padding:10px; background-color:#fff; border:1px solid #0c598c; }
.mod_article.boxen .filmbox video { width:100%; height:auto; }
.mod_article.boxen .filmbox .ce_text { margin-top:1rem; }

main .mod_article.galerie .inside { max-width:1260px; }
.mod_article.galerie h3 { margin-right:40px; margin-left:40px; }

#container .slick-container {
    position:relative; float:none; display:block; margin-right:auto; margin-left:auto; }
#container .ce_slick-slider button {
    width:30px; height:30px; top:45%; position:absolute; display:block; vertical-align:middle; border:0 hidden; text-indent:-9999px;
    background-color:#4a4a4a; background-position:center center; background-repeat:no-repeat; background-size: auto 18px; z-index:10; }
#container .slick-slider .slick-list { max-width:1200px; display:block; margin-right:auto; margin-left:auto; }
#container .ce_slick-slider button.slick-prev { left:0; background-image:url("../grafik/pfeil-weiss-links.svg"); }
#container .ce_slick-slider button.slick-next { right:0; background-image:url("../grafik/pfeil-weiss-rechts.svg"); }

.mod_article.leistungen .inside { display:table; }
.mod_article.leistungen .spalte1,
.mod_article.leistungen .spalte2,
.mod_article.leistungen .spalte3 { width:25%; display:table-cell; padding-right:10px; padding-left:10px; vertical-align:top; }
.mod_article.leistungen .spalte1 { width:50%; border-right:1px solid #e4e4e4; }
.mod_article.leistungen .markenzeichen p:nth-last-of-type(1) { float:left; }
.mod_article.leistungen .markenzeichen p img { margin-right:40px; }
.mod_article .ce_text ul { margin-left:7px; padding-left:7px; list-style-type:disc; }
.mod_article .ce_text ul li { margin-bottom:10px; padding-right:20px; }
#container .slick-slide { padding:10px; }
.mod_article.info .inside { display:block; margin-top:0; margin-bottom:30px; padding-right:10px; padding-left:10px; }
.mod_article.info .ce_text { margin-bottom:1rem; }
.mod_article.info .ce_text h3 { margin-top:1.5rem; }

.toggler {
    background: url("../grafik/pfeil-nach-unten-blau.svg") right center no-repeat; background-size: auto 10px;
    border-top:1px solid #0c598c; font:17px/2rem Calibri-Bold; color:#0c598c; }
.toggler.active { background-image:url("../grafik/pfeil-nach-oben-blau.svg"); }
.mod_article.info .ce_accordion { margin-bottom:0; }
.ce_accordion figure { width:200px; height:auto; }
.ce_accordion figure.float_left,
.ce_accordion .ce_gallery li { margin-right:20px; }
.accordion { overflow:hidden; padding-top:10px; padding-bottom:10px; border-top:1px solid #0c598c; }
.mod_article.info .ce_accordion.last { border-bottom:1px solid #0c598c; }

.partner,
.zeiten { margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #e4e4e4; }
.partner table { width:100%; }
.partner table td { width:33.333333%; padding-right:10px; }
.zeiten table { width:46%; float:left; margin-right:4%; }
.zeiten table td { padding-top:3px; padding-right:15px; padding-bottom:3px; }
.google-karte { margin-bottom:20px; }
.mod_newsreader .ce_text { margin-top:30px; }
.mod_newsreader .layout_full .ce_text figure { width:33.333333%; height:auto; max-width:380px; margin-right:20px; }
.linie { width:100%; height:1px; float:none; clear:both; margin-top:20px; margin-bottom:20px; padding-right:10px; padding-left:10px; 
	border-top:1px solid #e4e4e4; }
.impressum .ce_text table td { padding-top:3px; padding-right:20px; padding-bottom:3px; }
.downloads .intro .ce_text,
.downloads .intro .ce_downloads { margin-bottom:2rem; }
.datenschutz h2 { margin-top:1.5rem; text-align:left; }
/* Video-Player */
.intro .ce_player { width:640px; height:auto; max-width:60%; margin-right:auto; margin-bottom:2rem; margin-left:auto; }
.intro .ce_player video { width:100%; height:auto; }


@media screen and (max-width:1199px) {
	.mod_article .inside { max-width:100%; padding-right:1rem; padding-left:1rem; }
	.mod_article.intro .inside,
	.mod_article.teaser .inside,
	.mod_article.boxen .inside { max-width:832px; }
	.mod_article.boxen .filmbox { width:380px; max-height:100%; margin-top:30px; }
	.mod_article.boxen .filmbox iframe { width:100%; height:330px; }
	.mod_article.col-4 .inside,
	.mod_article.col-2 .inside { max-width:832px; }
	.mod_article.teaser.col-4 .ce_text { max-width:380px; }
	.mod_article.col-5 .inside { max-width:932px; }
	.mod_article.teaser.col-5 .ce_text { max-width:280px; }
	.mod_article.hellgrau.teaser .ce_text { margin-top:10px; margin-bottom:10px; }
	.mod_article.leistungen { width:90%; margin-right:auto; margin-left:auto; }
	.mod_article.leistungen .spalte1 { 
		width:100%; display:block; margin-bottom:2rem; padding-bottom:2rem; border-right:0px solid #e4e4e4; border-bottom:1px solid #e4e4e4; }
	.mod_article.leistungen .spalte2,
	.mod_article.leistungen .spalte3 { width:50%; float:left; display:block; }
	.mod_article.textbild .ce_text figure { width:25%; max-width:100%; }
	.mod_article.textbild .ce_text .textblock { width:75%; }
	.mod_article.galerie h3 { margin-right:10px; margin-left:10px; }
}

@media screen and (max-width: 832px) {
	main { margin-top:40px; }
	h1.ce_headline, 
	.intro .ce_text { margin-bottom:20px; }
	.mod_article .inside,
	.mod_article.info .inside { padding-right:1rem; padding-left:1rem; }
	.mod_article.intro .inside { max-width:90%; }
	.mod_article.teaser .inside,
	.mod_article.boxen .inside { max-width:432px; }
	.mod_article.teaser.col-3 .ce_text,
	.mod_article.boxen .mod_newslist,
	.mod_article.boxen .mod_eventlist,
	.mod_article.boxen .filmbox { float:none; margin:1rem auto; }
	.mod_article.teaser.col-2 .ce_text,
	.mod_article.teaser.col-3 .ce_text { float:none; margin-right:auto; margin-left:auto; }
	.mod_article.col-5 .inside { max-width:632px; }
	.mod_article.intro .inside .spalte-links,
	.mod_article.intro .inside .spalte-rechts { width:100%; padding-right:0; padding-left:0; }
	.mod_article.textbild .ce_text figure { width:33.333333%; }
	.mod_article.textbild .ce_text .textblock { width:66.666666%; }
	.intro .ce_player { width:100%; height:auto; max-width:100%; }
}

@media screen and (max-width:649px) {
	main .mod_article.intro .inside { padding-right:0; padding-left:0; }
	.mod_article.intro .inside .spalte-links,
	.mod_article.intro .inside .spalte-rechts { width:100%; float:none; padding-right:1rem; padding-left:1rem; }
	.intro .ce_text { margin-bottom:10px; }
	.mod_article.leistungen .spalte2,
	.mod_article.leistungen .spalte3 { width:100%; float:none; padding-right:0; padding-left:0; }
	.mod_article.teaser .ce_text { float:none; margin-right:auto; margin-left:auto; }
	.mod_article.textbild .ce_text figure,
	.mod_article.textbild .ce_text .textblock { width:100%; }
	.zeiten table { width:auto; float:none; margin-right:0;	}
	.zeiten table td { min-width:100px; }
	.mod_newslist,
	.mod_eventlist { width:100%; }
}

@media screen and (max-width: 550px) {
	.mod_article.teaser .ce_text h2 { width:100%; position:relative; }
	.mod_article.teaser .ce_text .textblock { position:relative; }
	.mod_article.intro .inside .spalte-links,
	.mod_article.intro .inside .spalte-rechts { padding-right:0; padding-left:0; }
	.partner table td { width:100%; display:block; margin-bottom:1rem; }
	.partner table td p { margin-bottom:.25rem;	}
}

@media screen and (max-width: 430px) {
	.mod_article.boxen .filmbox { width:auto; }
	.toggler { padding-top:.5rem; padding-right:1.25rem; padding-bottom:.5rem; line-height:1.25rem; background-size: 1rem auto; }
	.ce_accordion figure.float_left,
	.ce_accordion .ce_gallery li { width:100%; margin-right:0; }
	.mod_article.leistungen { width:100%; }
	.zeiten.woche table td { min-width:0; }
	.mod_newsreader .layout_full .ce_text figure,
	.mod_newslist .layout_latest figure { width:100%; margin-bottom:1rem; }
	.impressum .ce_text table tr { display:block; margin-bottom:.5rem; }
	.impressum .ce_text table td { display:block; padding-top:0; padding-bottom:0; }
}