* {
    box-sizing: border-box;
/*    -webkit-appearance: none;*/
}

body {
    margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 1.75;
    font-family: 'Jost', arial, helvetica, sans-serif;
    color: #575f7c;
    background: rgba(90,98,126,.05);
    min-width: 390px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: arial, helvetica, sans-serif;
    text-transform: none;
}


h1 strong {
    font-size: 42px;
    font-weight: 900;
}

.hero {
    background: #FFF;
}

.hero h1 {
    margin-top: 2em;
    color: #575f7c; 
    line-height: 1;
}

.hero a.more {
    display: inline-block;
    margin-top: 2em;
}

h2 {
    font-size: 38px;
    margin-bottom: 16px;
}

h6 {
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #9f9f9f;
}

p, a {
}

p.highlight {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.25;
}

a {
    color: #1c9d76; 
}

a:hover,
a:active,
a:focus {
    color: #24c595;
    text-decoration: underline;
}

.image_container {
    margin-bottom: 0;
}

input[type="submit"],
button,
a.more {
    background: #1c9d76;
    color: #FFF;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    padding: 0 16px;
    line-height: 44px;
    border-radius: 6px;
    border: none;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: 1px;
    transition: .2s ease-in-out 0s;
    display: inline-block;
    text-transform: uppercase;
}

input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="submit"]:active,
button:hover,
button:focus,
button:active,
a.more:hover,
a.more:focus,
a.more:active {
    text-decoration: none;
    box-shadow: 0 1px 2px rgba(0,0,0,.5);
    cursor: pointer;
    background: #24c595;
    transition: .2s ease-in-out 0s;
}

.ce_form label {
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 6px;
    color: #4c516d;
}

select {
    width: 100%;
    padding: 3px 6px !important;
    background: #fff;
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.section_header select {
    border: 1px solid rgba(255,255,255,.4);
}

.select.clear {
    padding-top: 1px;
}

.explanation {
    text-align: right;
    color: #AAA;
}

.widget.middle {
    width: 49%;
    margin-right: 2%;
    float: left;
}

label {
    width: 100%;
}

.widget.middle + .middle {
    margin-right: 0;
}

.mod_branding {
    max-width: 200px;
    float: left;
    transition: .2s ease-in-out 0s;
}

.header_fixed .mod_branding {
    margin-top: -15px;
    transition: .2s ease-in-out 0s;
}

.mod_mobile_toggle {
    position: absolute;
    top: 36px;
    right: 0;
    display: none;
    transition: .2s ease-in-out 0s;
    max-width: 30px;
}

.header_fixed .mod_mobile_toggle {
    top: 16px;
    transition: .2s ease-in-out 0s;
}

.mod_navigation_main {
    margin-top: 32px;
    margin-right: 60px;
    float: right;
    transition: .2s ease-in-out 0s;
}

.header_fixed .mod_navigation_main {
    margin-top: 15px;
    transition: .2s ease-in-out 0s;
}

.mod_navigation_main li {
    padding-left: 1em;
}

.mod_navigation_main li a,
.mod_navigation_main li strong,
.mod_navigation_main li span {
    font-size: 18px;
    font-weight: 600;
    color: #EEE;
    transition: .2s ease-in-out 0s;
}

.mod_navigation_main li a:hover,
.mod_navigation_main li span {
    text-decoration: underline;
    transition: .2s ease-in-out 0s;
}

.mod_changelanguage {
    padding-top: 36px;
    float: right;
    color: #EEE;
    transition: .2s ease-in-out 0s;
}

.header_fixed .mod_changelanguage {
    padding-top: 18px;
    transition: .2s ease-in-out 0s;
}

.mod_changelanguage select {
    background: transparent;
    color: #FFF;
    font-size: 14px;
}

.mod_changelanguage option {
    color: #4c516d;
}

.mod_changelanguage li {
    display: inline;
}

.mod_changelanguage li a,
.mod_changelanguage li span {
    color: #EEE;
}

.mod_changelanguage li a {
    text-decoration: underline;
}

/* Layout */

.section_wrapper {
    max-width: 100%;
    width: 100%;
}

.section_header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 95px;
    width: 100%;
    background: linear-gradient(to top, #4c516d 20%, #1e2952 100%);
    z-index: 1;
    transition: .2s ease-in-out 0s;
    overflow: hidden;
}

.header_fixed .section_header {
    height: 65px;
    transition: .2s ease-in-out 0s;
}

.section_header .image_container {
    margin-bottom: 0;
}

.section_main {
    margin-top: 95px;
    transition: .2s ease-in-out 0s;
}

.header_fixed .section_main {
    margin-top: 65px;
    transition: .2s ease-in-out 0s;
}

.section_footer {
    background: #4c516d;
    /*background: linear-gradient(to top, #4c516d 20%, #1e2952 100%);*/
}

.section_footer p,
.section_footer ul span,
.section_footer a {
    color: #EEE;
}

.section_footer ul span {
    text-decoration: underline;
}

.intro {
    margin-top: 1em;
}

.intro li,
.intro p {
    font-size: 22px;
}

.intro ul,
.intro p {
    margin-bottom: .5em;
}

.intro li {
    font-weight: 600;
}

.centered_wrapper {
    overflow: visible;
    padding-left: 24px;
    padding-right: 24px;
}

.information_wrapper {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    /*box-shadow: 0 5px 25px rgba(0,0,0,.05);*/
}

.information-box:before {
    content: '!';
    font-size: 100px;
    font-weight: 900;
    display: inline-block;
    float: left;
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    border: 5px solid #9ba1b9;
    color: #9ba1b9;
    border-radius: 50%;
    margin-right: 50px;
}

/* special Klassen */

.-highlight-color {
    background: linear-gradient(to top, #4c516d 20%, #1e2952 100%);
}

.-background-color-light {
    background: #FFF;
}

.overflow-visible {
    overflow: visible;
}

.-highlight-color h2 {
    line-height: 1;
    margin-bottom: 32px;
}

.-highlight-color a.more {
    box-shadow: none;
    font-size: 20px;
}

.shadow {
    box-shadow: 0 5px 25px rgba(0,0,0,.05)
}

.rounded {
    border-radius: 10px;
}

.centered {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.mod_newslist {
    
}

.layout_latest {
    width: 32%;
    margin-right: 2%;
    float: left;
}

.layout_latest:nth-of-type(3n+3) {
    margin-right: 0;
}

.layout_latest h2 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
/*    height: 81px;*/
margin-bottom: 0;
}

.layout_latest p {
    font-size: 16px;
}

.layout_latest .info {
    display: none;
    margin-bottom: 0;
    color: #9ba1b9;
    font-weight: 600;
    font-size: 12px;
}

.layout_latest .image_container {
    width: 160px;
    height: 110px;
    margin-right: 1em;
    margin-bottom: 1em;
    float: left;
    /*display: none;*/
}

.layout_latest .teaser {
    display: none;
}

.area_news .layout_latest .teaser {
    display: block;
}

.area_news .layout_latest {
    width: 49%;
    margin-right: 2%;
}

.area_news .layout_latest:nth-of-type(2n+2) {
    margin-right: 0;
}

.mod_breadcrumb {
    background: #FFF;
}

.area_home .mod_breadcrumb {
    display: none;
}

.area_news .layout_latest .image_container {
    width: 30%;
    margin-right: 5%;
    height: auto;
        
}

.mod_breadcrumb {
    border-bottom: 1px solid rgba(0,0,0,.05);
}

.mod_breadcrumb ul {
    padding: 8px 0;
    max-width: 1200px;
    margin: 0 auto;
    font-size: 13px;
    font-weight: 300;
}

/* Slider */

.rsts-skin-default.rsts-main {
    position: relative;
    box-shadow: 0 5px 15px rgba(0,0,0,.1);
    border-radius: 8px;
    background: #FFF;
}

.rsts-skin-default .rsts-next,
.rsts-skin-default .rsts-prev {
    position: absolute;
    top: 46%;
    left: 10px;
    background-color: #1c9d76;
}

.rsts-skin-default .rsts-next {
    left: inherit;
    right: 10px;
}

/* Timeline boxes */

.timeline-boxes-item.side_left .side {
    float: left;
    width: 50%;
    min-height: 110px;
}

.timeline-boxes-item.side_right .side {
    float: right;
    width: 50%;
    min-height: 110px;
}

/*.timeline-boxes-item .side:nth-of-type(2n+2) {
    float: right;
}*/

.timeline-boxes-item h2,
.timeline-boxes-item .timeline-boxes-item-text p {
    margin-bottom: 0;
}

.timeline-boxes-item .timeline-boxes-item-text p {
    font-size: 16px;
    background: #FFF;
    box-shadow: 0 5px 15px rgba(0,0,0,.05);
    padding: 10px;
}

.timeline-boxes-item .timeline-boxes-item-text,
.timeline-boxes-item h2 {
    max-width: 420px;
    padding: 10px;
    margin-top: 50px;
}

.timeline-boxes-item h2 {
    font-size: 3em;
    font-weight: 700;
    line-height: 1;
    color: #24c595;
}

.timeline-boxes-item h2,
.timeline-boxes-item .timeline-boxes-item-text {
    padding: 0 30px;
}


.timeline-boxes-item.side_right h2,
.timeline-boxes-item.side_left .timeline-boxes-item-text {
    text-align: left;
}

.timeline-boxes-item.side_left h2,
.timeline-boxes-item.side_right .timeline-boxes-item-text {
    float: right;
}

.timeline_boxes {
    position: relative;
    overflow: hidden;
    padding-bottom: 50px;
}

.timeline_boxes:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    bottom: 0;
    width: 1px;
    height: 100%;
    background: rgba(0,0,0,.2);
    z-index: 3;
}