html {height: 100%;}

* {margin: 0;padding: 0;}

/* GoogleFont:
font-family: 'Work Sans', sans-serif;
font-weight: 100,200,300,400,500,600,700,800,900 */


body {color: #000000;font-family: 'Work Sans', sans-serif;font-weight: 300;line-height: 20px;font-size: 14px;height: 100%;background: url(img/cover_front.jpg) no-repeat center center fixed #004a70;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}

h1 {font-weight: 600; background: #e85251;color: #fff;font-size: 45px;line-height: 54px;padding: 0 8px;margin: 0 0 15px 0;}
h2 {font-weight: 600; color: #e85251;font-size: 26px;line-height: 32px;margin: 0 0 20px;}
h3 {font-weight: 600; color: #004a70;font-size: 18px;line-height: 19px;margin: 0 0 10px;}
h4 {font-weight: 600; color: #004a70; font-size: 100%;}

a:link, a:visited {color: #004a70;text-decoration: underline;}
a:hover {color: #999;text-decoration: none;border: none;}
.invisible {display: none;}
strong {font-weight: 600;}
iframe {background: url("img/loader.gif") no-repeat scroll center center transparent;}
#main .youtube {position: relative;padding-bottom: 55%;padding-top: 15px;height: 0;overflow: hidden;}
#main .youtube iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

#wrapper {width: 1100px;margin: 0 auto;position: relative;}

#container {margin-bottom: 20px;}

#header .side,
#main #seitentitel,
#main .mod_article,
#main .isotope .block .inside-box,
#footer .inside {-moz-box-shadow: 2px 2px 6px #333;
-webkit-box-shadow: 2px 2px 6px #333;
box-shadow: 2px 2px 6px #333;}

#main .isotope {-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;}

#header {padding-left: 200px;}
#main,
#footer {padding-left: 200px;}

#header {height: 395px;overflow: visible;}
#header .inside {overflow: visible;}
#header #logo {display: block;padding-top: 130px;float: left;}
#header #logo img {width: 100%;height: auto;}
#header .subheadline {left: 405px;position: absolute;top: 285px;z-index: 2; width: 260px;height: 80px;}
#header .subheadline {}
#header .nav-toggle {display: none;}
#header .side {width: 150px;position: absolute;top: 140px;left: 0;z-index: 100;background: #fff;}
#header .side .mod_navigation {text-align: right;padding: 0 10px;}
#header .side .mod_navigation ul {list-style: none ;}
#header .side .mod_navigation ul li span,
#header .side .mod_navigation ul li a {color: #004a70;font-size: 26px;font-weight: 400;line-height: 36px;text-decoration: none;}
#header .side .mod_navigation ul li span.active,
#header .side .mod_navigation ul li a.trail {color: #e85251;text-decoration: line-through;}
#header .side .mod_navigation ul li a:hover {color: #e85251;}

#header .side #sozialwahn{display: block;text-align: right;padding: 0 10px;margin-bottom: 0;}
#header .side #sozialwahn a {color: #fff;}

#main .mod_article{background: #fff; padding: 15px;}
#main .mod_article > .block {margin-bottom: 10px;}

.home #main #seitentitel {display: none;}

#main p{margin-bottom: 20px;}
#main ul{ list-style: disc outside none;margin-left: 20px;}
#main .ce_image .caption { padding-top: 8px;}

#main form {width: 100%;}
#main label{display: block;  margin-bottom: 5px;}
#main input { border: 1px solid #e85251;margin-bottom: 7px;padding: 0;width: 100%;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;}
#main input.submit {background: #e85251;color: #fff;line-height: 30px;}

#main .mod_eventlist .event.layout_upcoming {border: medium none;margin: 0 0 10px 0;padding: 0;}
#main .mod_eventlist .event.layout_upcoming time,
#main .mod_eventlist .event.layout_upcoming a {color: #e85251;background: #fff;padding: 0 4px;}
#main .mod_eventlist .event.layout_upcoming time {display: inline;}
#main .mod_eventlist .event.layout_upcoming a {   display: block;font-size: 20px;font-weight: 600;line-height: 26px;text-decoration: none;}

#main .mod_newslist .block time,
#main .mod_newslist .block a {background: #e85251;color: #fff;padding: 0 4px;}
#main .mod_newslist .block a {display: block;text-decoration: none;margin: 1px 0 10px 0;font-weight: 600;}
#main .mod_newslist .teaser p { margin-bottom: 10px;}
#main .mod_newslist p.more {margin-bottom: 0;}

#main .mod_newsarchive .info,
#main .mod_newsreader .info,
#main .mod_eventreader .info {margin-bottom: 7px;}
#main .mod_newsarchive .info time,
#main .mod_newsreader .info time,
#main .mod_eventreader .info time {  background: #e85251;color: #fff;font-size: 14px;line-height: 18px;margin-left: -15px;padding: 0 5px 0 15px;}
#main .mod_newsarchive h2,
#main .mod_newsreader h2,
#main .mod_eventreader h2 {margin: 0 0 20px 0;}
#main .mod_newsarchive h2 a,
#main .mod_newsreader h2 a,
#main .mod_eventreader h2 a { background: #e85251;color: #fff;margin: 0 0 0 -15px;padding: 0 15px;text-decoration: none;}
#main .mod_newsarchive h2 a:hover,
#main .mod_newsreader h2 a:hover,
#main .mod_eventreader h2 a:hover {color: #ccc;}

#main .mod_newsreader h1,
#main .mod_eventreader h1 {display: none;}

#main .mod_newsarchive .pagination {}
#main .mod_newsarchive .pagination p{ display: none;}
#main .mod_newsarchive .pagination ul{border-top: 1px dotted #666666;list-style: none outside none;margin-left: 0;padding-top: 5px;}
#main .mod_newsarchive .pagination ul li{display: inline;padding-right: 5px;}
#main .mod_newsarchive .pagination span.current { background: #e85251;color: #FFFFFF;font-weight: 600;padding: 0 3px;}
#main .mod_newsarchive .pagination a{ text-decoration: none;}
#main .mod_newsarchive .pagination a:hover{ text-decoration: underline;}

#main .mod_eventreader .back,
#main .mod_newsreader .back,
#main article .borders p {border-top: 1px solid #e85251;margin: 0;padding: 5px 0;clear: both;}

#main .mod_eventlist {margin-bottom: 70px;}
#main .mod_eventlist .header {float: left; margin-bottom: 20px;background: #e85251;width: 90px;}
#main .mod_eventlist .event {border-top: 2px solid #e85251;margin: 0 0 30px 90px;min-height: 40px;padding-left: 5px;}
#main .mod_eventlist .event .time {display: none;}
#main .mod_eventlist .date,
#main .mod_eventlist .day {color: #fff;display: block;font-size: 14px;line-height: 22px;padding: 0 4px;}
#main .mod_eventlist h2 {margin-bottom: 10px;}
#main .mod_eventlist .event h2 {color: #004a70;margin-bottom: 0;}
#main .mod_eventlist .event h2 a {text-decoration: none;}
#main .mod_eventlist .eventblock {clear: both; }



#main .image_container .caption{font-style: italic; font-size: 11px;}
#main .float_left{float: left;padding: 0 10px 10px 0;}
#main .float_right{float: right;padding: 0 0 10px 10px;}

#main .ce_image img {width: 100%;height: auto;display: block;}

#main .isotope {padding: 0;background: none;margin-left: -10px;margin-right: -10px;}
#main .isotope h2 {color: #e85251;}
#main .isotope img {opacity: 0;width: 100%;height: auto;}
#main .isotope > .block {width: 33.3333%;overflow: hidden;margin: 0;}
#main .isotope > .block .inside-box {margin: 0 10px 20px 10px;padding: 10px 15px;background: #fff;}
#main .isotope .block.farbgrund .inside-box {background: #e85251;color: #fff;}
#main .isotope .block.farbgrund .inside-box a,
#main .isotope .block.farbgrund .inside-box h2 {color: #fff;}
#main .isotope .block.farbgrund .inside-box .event a {color: #e85251;}
#main .isotope .block.breit {width: 66.6666%;}

#footer { clear: both;}
#footer .inside { background: #e85251;padding: 4px 8px;height: 30px;}
#footer .links{float: left;color: #fff;}
#footer .rechts{float: right;}
#footer a {color: #fff;text-decoration: none;}

@media screen and (max-width: 1120px) {
#wrapper {width: 100%;}
#main, #footer {margin-right: 15px;}
}

@media screen and (max-width: 991px) {

}

@media screen and (max-width: 767px) {

#header,
#main,
#footer { margin: 0 15px;padding: 0;}

#header {height: auto;}
#header .subheadline {left: 80px;top: 77px;width: 88px;height: 27px;}
#header #logo {padding: 15px 0 0 0;float:none; width: 300px;height: 64px;}
#header #logo img { }
#header .nav-toggle {cursor: pointer;background: #e85251;display: block;padding: 4px 8px;position: absolute;right: 15px;top: 15px;}
#header .nav-toggle span {background: #fff; height: 3px;margin: 5px 0;width: 26px;display: block;}

#header .side {display:none;position: static;width: 100%;}
#header .side .mod_navigation ul {text-align:right;}
#header .side .mod_navigation ul li span,
#header .side .mod_navigation ul li a {}

h1 {font-size: 24px;line-height:34px;margin-bottom: 4px;}
#main {padding-top:20px;}
#main .isotope > .block {width: 50%;}
#main .isotope .block.breit {width: 100%;}

#footer .inside {height:auto;}
#footer .rechts,
#footer .links { float: none;text-align: center;}
}

@media screen and (max-width: 680px) {

}

@media screen and (max-width: 540px) {
#main .isotope {margin-left:0;margin-right:0;}
#main .isotope > .block {width: 100%;}
#main .isotope > .block .inside-box {margin-left:0;margin-right:0;}
}

@media screen and (max-width: 280px) {

}