body {
    background-color:#ffffff;
    font-family:"Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;;
    color:#0e2f44;
}
body.boxed {
    background-image:url("files/school/images/illustration/i17.jpg");
    background-position:center top;
    background-repeat:no-repeat;
    background-attachment:fixed;
}
#header {
    /*background-color:#ffffff;*/
    background-color:rgba(245,245,245,.5);
    border-color:#666666;
}
#container {
    background-color:#ffffff;
}
#footer {
    background-color:#f1cbff;
    color:#666666;
}
#header-bar {
    background-color:rgba(245,245,245,.5);
    transition: all .5s ease-in-out;
}
#header-bar.headroom--not-top {
    background-color:rgba(255,255,255,.95);
    transition: all .5s ease-in-out;
}

/* Max. 20%. If larger, the width of #nav has to be adjusted accordingly */
#logo {
    width:20%;
}

/* Mobile Navigation */
.nav-side {
    background-color:#666666;
}
.hero {
    background-color:#baffc9;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:.2em;
    background-attachment:fixed;
    background-size: 100%;
}
a {
    color:#666666;
}
a:hover {
    color:#ffbdbd;
}
p.info,
p.time {
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight:400
}
h1 {
    font-family:"Ubuntu", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;;
}
h2 {
    font-family:"Ubuntu", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;;
    font-weight:bold;
}
h3 {
    font-family:"Ubuntu", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;;
}
h4 {
    font-family:"Ubuntu", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;;
}
h5 {
    font-family:"Ubuntu", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;;
}
h6 {
    font-family:"Ubuntu", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;;
}
#main h1:after,
#main h2:after,
.masonry_news h4:after {
    border-color:#baffc9;
}
#main h3:before {
    background-color:#baffc9;
}
blockquote,
q {
    color:#0e2f44;
}
*::selection {
    background-color:#baffc9;
}
mark {
    padding:2px;
    background-color:#666666;
    border-radius:3px;
}
figcaption {
    background-color:rgba(255,255,255,.8);
    color:#0e2f44;
}
.light {
    color:#fff;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
}
.box {
    border-color:#0e2f44;
}
.infobox {
    background-color:#bae1ff;
}
.mod_article .ce_text.intro {
    font:1.8rem "Homemade Apple", cursive;
    font-weight:normal;
}
td.weekend {
    background-color:#c9c9ff;
}

/* Button normal */
*[class*="btn"] a,
a.btn,
a.btn-large,
a.btn-small,
input[type="submit"],
button [type="submit"] {
    border-color:#0e2f44;
    color:#0e2f44;
}
*[class*="btn"] a:hover,
a.btn:hover,
a.btn-large:hover,
a.btn-small:hover,
input[type="submit"]:hover,
button.submit:hover {
    border-color:#bae1ff;
    color:#bae1ff;
}

/* Button inverted */
*[class*="btn"].invert a,
a.btn.invert,
a.btn-small.invert,
a.btn-large.invert {
    background-color:#0e2f44;
    color:#fff;
}
*[class*="btn"].invert a:hover,
a.btn.invert:hover,
a.btn-small.invert:hover,
a.btn-large.invert:hover {
    background-color:#bae1ff;
}

/* Button light */
.light *[class*="btn"] a,
.light a.btn,
.light a.btn-large,
.light a.btn-small,
.light input[type="submit"],
.light button[type="submit"],
*[class*="btn"].light a,
.light.btn-large a,
.light.btn-small a,
.light button[type="submit"] {
    border-color:#fff;
    color:#fff;
}
.light *[class*="btn"].invert a,
*[class*="btn"].light.invert a {
    color:#0e2f44;
}
.light *[class*="btn"] a:hover,
a.btn:hover,
a.btn-large:hover,
a.btn-small:hover,
*[class*="btn"].light a:hover,
a.btn.light:hover,
a.btn-large.light:hover,
a.btn-small.light:hover,
.light button[type="submit"]:hover {
    border-color:#bae1ff;
    color:#bae1ff;
}

/* Dropdown Navigation primary color */
#nav li ul,
#nav > ul > li:hover > a,
#nav > ul:not( :hover ) > li.active > a,
#nav ul.level_1 li.trail {
    background-color:#baffc9;
}

/* Dropdown Navigation secondary color */
#nav li ul li a:hover,
#nav li ul:not( :hover ) li.active a,
#nav ul li.active {
    background-color:#baffc9;
}
#nav li.trail ul.level_2 a {
    color:#666666;
}
#nav li.trail ul.level_2 a:hover {
    color:#fff;
}

/* Dropdown Navigation link color */
#nav li a {
    color:#0e2f44;
}

/* Dropdown Navigation active link color (visible on click) */
#nav li a:active {
    background-color: #bae1ff !important;
}

/* Dropdown Navigation background level 2 */
#nav li ul {
    background-color:#baffc9;
}

/* Dropdown Navigation background level 2 */
#nav li ul.level_2 li.active {
    background-color:rgba(0,0,0,.2);
}

/* Dropdown Navigation font size level 1 */
#nav > ul > li > a,
#nav > ul.level_1 > li > span.active,
#nav > ul.level_1 >li > span.forward,
#nav > ul.level_1 > li > strong.active,
#nav > ul.level_1 >li > strong.forward {
    font:1.6rem/7rem "Ubuntu", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;;
    font-weight:bold;
    color:#666666;
}

/* Dropdown Navigation font size level 2 */
#nav li ul.level_2 a,
#nav ul.level_2 li span.active,
#nav ul.level_2 li strong.active {
    color:#666666;
}

/* Dropdown Navigation hover level 2 */
#nav li ul li a:hover,
#nav li ul:not( :hover ) li.active a {
    background-color:#666666;
}

/* Dropdown Navigation expand arrow */
#nav a.submenu:after,
#nav span.submenu:after,
#nav strong.submenu:after {
    border-top-color:#666666;
}

/* Subnavigation */
.mod_navigation.subnav > ul > li a:hover,
.mod_navigation.subnav > ul > li.active span,
.mod_navigation.subnav > ul > li.active strong {
    background-color:rgba(102, 102, 102,.1);
}
.color-1 {
    background-color:#0e2f44;
}
.color-2 {
    background-color:#666666;
}
.color-3 {
    background-color:#bae1ff;
}
.color-4 {
    background-color:#ffb3ba;
}
.color-5 {
    background-color:#ffdfba;
}
.color-6 {
    background-color:#baffc9;
}
.color-7 {
    background-color:#c9c9ff;
}
.color-8 {
    background-color:#ffbdbd;
}
.color-9 {
    background-color:#f1cbff;
}
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
    background-color:rgba(102, 102, 102,.1);
    border-top:0px solid #0e2f44;
    border-right:0px solid #0e2f44;
    border-bottom:1px solid #0e2f44;
    border-left:0px solid #0e2f44;
    color:#0e2f44;
}

/* Cards */
.card,
.two-cards,
.three-cards,
.four-cards,
.five-cards,
.six-cards {
    background-color:#fff;
    border:1px solid rgba(14, 47, 68,.1);
    border-radius:3px;
    -webkit-transition: all .5s;
     transition: all .5s;
}
.mod_eventlist .layout_upcoming .info-block {
    background-color:rgba(102, 102, 102,.1);
}
.mod_eventlist .layout_upcoming .more a {
    background-color:#666666;
}
.mod_eventlist .layout_upcoming .more a:hover {
    background-color:rgba(102, 102, 102,.8);
}
.mod_eventlist .layout_upcoming .more a:before {
    color:#fff;
}
.mod_eventlist .layout_upcoming .more a:hover:before {
    color:rgba(255,255,255,.4);
}
.mod_eventlist .layout_upcoming p.info {
    border-color:#666666;
}

/* Event-Liste Datum erster Tag */
.mod_eventlist .layout_upcoming .month {
    color:#0e2f44;
}

/* Event-Liste Datum erster Tag */
.mod_eventlist .layout_upcoming .day {
    color:#666666;
}

/* Datums-Label Highlights (Hintergrund) */
.mod_eventlist .highlights .date-label {
    background-color:#fff;
    -webkit-box-shadow:3px 3px 5px 0 rgba(0,0,0,.6);
    box-shadow:3px 3px 5px 0 rgba(0,0,0,.6);
}

/* Datums-Label Highlights */
.mod_eventlist .highlights .day {
    color:#666666;
}

/* Datums-Label Highlights */
.mod_eventlist .highlights .month {
    color:#666666;
}

/* Kalender – Events farblich hinterlegen */
.mod_calendar .event {
    margin-bottom:1px;
    padding-right:5px;
    padding-left:5px;
    border-radius:3px;
}

/* Kalender 1 */
.mod_calendar .event.cal_1 {
    background-color:rgba(14, 47, 68,.5);
}

/* Kalender 2 */
.mod_calendar .event.cal_2 {
    background-color:rgba(102, 102, 102,.5);
}

/* Kalender 3 */
.mod_calendar .event.cal_3 {
    background-color:rgba(186, 225, 255,.5);
}

/* Kalender 4 */
.mod_calendar .event.cal_4 {
    background-color:rgba(255, 179, 186,.5);
}

/* Kalender 5 */
.mod_calendar .event.cal_5 {
    background-color:rgba(186, 255, 201,.5);
}

/* Section Style 1 */
.style-1 {
    background-color:#ffb3ba;
    color:#f5f5f5;
}

/* Section Style 2 */
.style-2 {
    background-color:#c9c9ff;
    color:#ffbdbd;
}

/* Section Style 3 */
.style-3 {
    background-color:#baffc9;
    color:#f5f5f5;
}

/* Section Style 4 */
.style-4 {
    background-color:rgba(201, 201, 255,.7);
    background-position:center center;
    background-repeat:no-repeat;
    background-attachment: fixed; background-size: cover; /*creates parallax effect (sort of). Disabled for tablet and small screens. */
}

/* Section Style 5 */
.style-5 {
    background-image:url("files/school/images/illustration/i5.jpg");
    background-position:center top;
    background-repeat:no-repeat;
    background-attachment: fixed; background-size: cover; /*creates parallax effect (sort of). Disabled for tablet and small screens. */
}

/* You can create complex gradients p.e. under http://angrytools.com/gradient */
.overlay-1:before {
    background-color:rgba(186, 225, 255,.4);
}
.overlay-2:before {
    background-color:rgba(255,179,186,.4);
}
.overlay-3:before {
    background-color:rgba(255,223,186,.4);
}
.overlay-4:before {
    background-color:rgba(186,255,201,.4);
}
.overlay-5:before {
    background-color:rgba(201,201,255,.4);
}
.overlay-6:before {
    background-color:rgba(255,189,189,.4);
}
.overlay-7:before {
    background-color:rgba(255,255,255,.4);
}
.overlay-8:before {
    /* ff 3.6+ */
        background:-moz-linear-gradient(351deg, rgba(255, 255, 0, 0.69) 0%, rgba(49, 113, 236, 0.61) 70%); 
        /* safari 5.1+,chrome 10+ */
        background:-webkit-linear-gradient(351deg, rgba(255, 255, 0, 0.69) 0%, rgba(49, 113, 236, 0.61) 70%);
        /* opera 11.10+ */
        background:-o-linear-gradient(351deg, rgba(255, 255, 0, 0.69) 0%, rgba(49, 113, 236, 0.61) 70%);
        /* ie 6-9 */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFF00', endColorstr='#3171EC', GradientType=1 );
        /* ie 10+ */
        background:-ms-linear-gradient(351deg, rgba(255, 255, 0, 0.69) 0%, rgba(49, 113, 236, 0.61) 70%);
        /* global 94%+ browsers support */
        background:linear-gradient(351deg, rgba(255, 255, 0, 0.69) 0%, rgba(49, 113, 236, 0.61) 70%);
}
.overlay-9:before {
    /* ff 3.6+ */
        background:-moz-linear-gradient(0deg, rgba(238, 130, 238, 0.5) 0%, rgba(0, 209, 255, 0.51) 100%); 
        /* safari 5.1+,chrome 10+ */
        background:-webkit-linear-gradient(0deg, rgba(238, 130, 238, 0.5) 0%, rgba(0, 209, 255, 0.51) 100%);
        /* opera 11.10+ */
        background:-o-linear-gradient(0deg, rgba(238, 130, 238, 0.5) 0%, rgba(0, 209, 255, 0.51) 100%);
        /* ie 6-9 */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EE82EE', endColorstr='#00D1FF', GradientType=1 );
        /* ie 10+ */
        background:-ms-linear-gradient(0deg, rgba(238, 130, 238, 0.5) 0%, rgba(0, 209, 255, 0.51) 100%);
        /* global 94%+ browsers support */
        background:linear-gradient(0deg, rgba(238, 130, 238, 0.5) 0%, rgba(0, 209, 255, 0.51) 100%);
}
a.cboxElement:after {
    background-color:rgba(baffc9,.7);
    background-image:url("files/school/css/files/icon-scale03.png");
}
a.linked_image:after {
    background-color:rgba(baffc9,.7);
    background-image:url("files/school/css/files/icon-scale01.png");
}
.masonry_news a.teaser-text {
    color:#0e2f44;
}
.more a:after,
p a:after,
a.hyperlink_txt:after {
    background-color:#baffc9;
}