/* --- Variablen --- */

:root {
    --orange: rgba(233, 63, 48, 1);
    --weiss: rgba(255, 255, 255, 1);
}

/* --- Reset --- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* --- Fonts --- */

@font-face {
    font-family: 'Archivo Medium';
    src: url('../fonts/Archivo-Medium.eot');
    src: url('../fonts/Archivo-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Archivo-Medium.woff2') format('woff2'),
         url('../fonts/Archivo-Medium.woff') format('woff'),
         url('../fonts/Archivo-Medium.ttf')  format('truetype'),
         url('../fonts/Archivo-Medium.svg#Archivo Medium') format('svg');
}

@font-face {
    font-family: 'Archivo Bold';
    src: url('../fonts/Archivo-Bold.eot');
    src: url('../fonts/Archivo-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Archivo-Bold.woff2') format('woff2'),
         url('../fonts/Archivo-Bold.woff') format('woff'),
         url('../fonts/Archivo-Bold.ttf')  format('truetype'),
         url('../fonts/Archivo-Bold.svg#Archivo') format('svg');
}

body,
.form-input,
.form-textarea,
.form-button {
	font-family: 'Archivo Medium', sans-serif;
}

.level-1-item >label.menu-title,
.level-1-item > a,
.slideshow-readmore,
.item-text strong,
.events .item-info,
.aktuelles .item-info,
.aktuelles-article .item-info,
.aktuelles-item .item-more,
.contact-item .info-mail,
.footer-address strong,
.footer-address strong {
    font-family: 'Archivo Bold', sans-serif;
}

em {
    font-style: italic;
}

/* --- Font-Sizes --- */

.contact-item .info-name,
.item-headline,
.article-left .item-title,
.section-headline,
.events .item-title,
.aktuelles .item-title,
.slideshow-title h3 {
    font-size: 20px;    
}

.projekte .item-title,
.footer-address p,
.level-1-item > label.menu-title,
.level-1-item > a,
body {
    font-size: 16px;
}

.form-input,
.form-textarea,
.form-button,
.item-form legend,
.box-info,
.item-image-text,
.events .info-category,
.events .info-datetime,
.aktuelles .item-info,
.aktuelles-article .item-info,
.level-2-item label.menu-title,
.level-2-item > a,
.level-3-item > a {
    font-size: 14px;   
}

@media screen and (min-width: 320px) {

    .contact-item .info-name,
    .article-left .item-title,
    .item-headline,
    .section-headline,
    .events .item-title,
    .aktuelles .item-title,
    .slideshow-title h3 {
        font-size: calc(20px + (36 - 20) * (100vw - 320px) / (1520 - 320));    
    }
    
    .projekte .item-title,
    .footer-address p,
    .level-1-item > label.menu-title,
    .level-1-item > a,
    body {
        font-size: calc(16px + (24 - 16) * (100vw - 320px) / (1520 - 320));
    }
    
    .form-input,
    .form-textarea,
    .form-button,
    .item-form legend,
    .box-info,
    .item-image-text,
    .aktuelles .item-info,
    .aktuelles-article .item-info,
    .events .info-category,
    .events .info-datetime,
    .level-2-item label.menu-title,
    .level-2-item > a,
    .level-3-item > a {
        font-size: calc(14px + (18 - 14) * (100vw - 320px) / (1520 - 320));
    }

}

@media screen and (min-width: 1520px) {

    .contact-item .info-name,
    .slideshow-title h3,
    .article-left .item-title,
    .item-headline,
    .section-headline,
    .events .item-title,
    .aktuelles .item-title {
        font-size: 36px;
    }
    
    .projekte .item-title,
    .footer-address p,
    .level-1-item > label.menu-title,
    .level-1-item > a,
    body {
        font-size: 24px;
    }
    
    .form-input,
    .form-textarea,
    .form-button,
    .item-form legend,
    .item-image-text,
    .events .info-category,
    .events .info-datetime,
    .aktuelles .item-info,
    .aktuelles-article .item-info,
    .box-info,
    .level-2-item label.menu-title,
    .level-2-item > a,
    .level-3-item > a {
        font-size: 18px;
    }

}

/* --- Main --- */

html {
    min-height: 100%;
	overflow-y: scroll;
	width: 100%;
}

.has-menu-opened {
    overflow-y: hidden;
}

body {
    /* background: var(--orange); */
    /* background: linear-gradient(45deg, rgba(231,52,136,1) 0%, rgba(232,60,72,1) 40%, rgba(233,63,48,1) 100%); */
    border-left: 10px solid var(--weiss);
    box-sizing: border-box;
    color: var(--weiss);
    min-height: 100vh;
    overflow-x: hidden;
    position: relative;
    width: 100%;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.wrapper {
    background: var(--orange);
    /* background: linear-gradient(45deg, rgba(231,52,136,1) 0%, rgba(232,60,72,1) 40%, rgba(233,63,48,1) 100%); */
    box-sizing: border-box;
    left: 0;
    min-height: 100vh;
    overflow: hidden;
    position: relative;
    transition: left .2s;
    width: 100%;
    z-index: 1;
}

.outer {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1520px;
    min-height: calc(100vh - 220px);
    opacity: 1;
    padding: 160px 30px 40px 30px;
    position: relative;
    transition: min-height .2s, opacity 2s, padding .2s;
    width: 100%;
}

.is-loading .outer {
    opacity: 0;
    transition: opacity 2s;
}

.is-scrolled .outer {
    padding: 80px 30px 40px 30px;
}

.main {    
    overflow: hidden;    
}

/* --- Links --- */

.slideshow-readmore,
.item-text a,
.item-images .box-info a,
.page-navigation a,
.section-event .info-category,
.form-checkbox-wrapper a {
    color: var(--weiss);
    text-decoration-color: var(--weiss);
    text-decoration-thickness: .09em;
    text-underline-offset: 1.5px;
    transition: text-decoration-color .2s;
}

.slideshow-readmore:hover,
.item-text a:hover,
.item-images .box-info a:hover,
.page-navigation a:hover,
.section-event .info-category:hover,
.form-checkbox-wrapper a:hover {
    text-decoration-color: var(--orange);
}

/* --- Header --- */

.header {
    background: var(--orange);
    height: 160px;
    left: 10px;
    margin: auto;
    padding: 0 30px;;
    position: fixed;
    right: 0;
    top: 0%;
    transition: left .2s, right .2s, height .2s;
    z-index: 1;
}

.is-scrolled .header {
    height: 80px;
}

.header-inner {
    height: 100%;
    margin: 0 auto;
    max-width: 1460px;
    position: relative;
    width: 100%;
}

/* --- Logo --- */

.logo {
    aspect-ratio: 4 / 3;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    position: absolute;
    right: 0;    
    width: 140px;
}

.header-inner .logo {
    background-image: url(../img/logo-weiss.png);
    top: 50%;
    transform: translateY(-50%);
    transition: top .2s, width .2s;
}

.footer-inner .logo {
    background-image: url(../img/logo-pink.png);
    top: 50px;
}

.is-scrolled .header-inner .logo {
    width: 70px;
}

/* --- Menu --- */

#toggle-menu {
    display: none;
}

.button-menu {
    cursor: pointer;
    height: 24px;
    left: 0;
    line-height: 26px;
    padding: 0 0 0 45px;
    position: absolute;
    text-transform: uppercase;    
    top: 75%;
    transform: translateY(-50%);
    transition: top .2s;
    width: 36px;

    -webkit-tap-highlight-color: rgba(255,255,255,0);
}

.is-scrolled .button-menu {
    top: 50%;    
}

.button-menu span {
    background: var(--weiss);
    border-radius: 4px;
    bottom: 0;
    height: 4px;
    left: 0;
    margin: auto;
    position: absolute;    
    top: 0;
    width: 36px;
}

.button-menu span:before,
.button-menu span:after {
    background: var(--weiss);
    border-radius: 4px;
    content: '';
    display: block;
    height: inherit;
    position: absolute;    
    transition: transform .2s;
    width: inherit;
}

.button-menu span:before {
    top: -8px;
}

.button-menu span:after {
    bottom: -8px;
}

.container-menu {
    background: var(--weiss);
    bottom: 0;
    box-sizing: border-box;
    left: 0;    
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 20px;
    position: fixed;
    top: 0;
    width: 340px;
    z-index: 0;

    -webkit-overflow-scrolling: touch;
    /* Internet Explorer 10+ */
    -ms-overflow-style: none;
    /* Firefox */
    scrollbar-width: none;
}

.container-menu::-webkit-scrollbar {
    /* Safari and Chrome */
    display: none;
}

#toggle-menu:checked ~ .wrapper {
    left: 330px;    
}

#toggle-menu:checked ~ .wrapper .header {
    left: 340px;
}

#toggle-menu:checked ~ .wrapper .button-menu span:before {
    transform: translate3d(-8px,0,0) rotate(-45deg) scaleX(.7);
}

#toggle-menu:checked ~ .wrapper .button-menu span:after {
    transform: translate3d(-8px,0,0) rotate(45deg) scaleX(.7);
}

.menu-social {
    font-size: 0;
    line-height: 0;
    margin: 0 0 25px 0;
}

.menu-social a {
    display: inline-block;
    margin: 0 20px 0 0;
    width: 30px;
}

.menu-social img {
    width: 100%;
}

.menu-navigation {
    color: var(--weiss);
    line-height: 130%;    
}

.menu-navigation .level-1-item {
    margin: 0 0 10px 0;
}

label.menu-title {
    cursor: pointer;
}

/* .menu-navigation .item-parent > label:after {
    content: '\005b\ff0b\005d';
    cursor: pointer;
    display: inline-block;
    padding: 0 0 0 5px;
} */

.menu-navigation a,
label.menu-title {
    text-underline-offset: 5px;
    text-decoration-thickness: 2px;
    text-decoration-color: var(--weiss);
    color: var(--orange);
    transition: text-decoration-color .2s ease;
}

.menu-navigation a:hover,
label.menu-title:hover {
    text-decoration-color: var(--orange);
}

.menu-navigation .menu-level-2 {
    display: none;
    padding: 5px 0 10px 0;
}

.menu-navigation .menu-level-3 {
    display: none;
}

.menu-navigation .level-3-item:before {
    content: '\2013';
    display: inline-block;
    padding: 0 5px 0 0;
}

.border-toggle-menu {
    bottom: 0;
    cursor: pointer;
    left: 0;
    margin: auto;
    position: fixed;
    top: 0;
    width: 10px;
    z-index: 2;
}

.hidden-toggle-menu {
    bottom: 0;
    cursor: pointer;
    display: none;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

#toggle-menu:checked ~ .wrapper .hidden-toggle-menu,
.menu-navigation .item-parent > input:checked ~ .menu-level-2,
.menu-navigation .item-parent > input:checked ~ .menu-level-3,
.item-351 .menu-level-2,
.item-481 .menu-level-2 {
    display: block;
}

.menu-navigation .item-351 > input:checked ~ .menu-level-2,
.menu-navigation .item-481 > input:checked ~ .menu-level-2 {
    display: none;
}

.menu-navigation .item-parent > input,
#toggle-menu:checked ~ .border-toggle-menu {
    display: none;
}

.parent-195 .item-195 .menu-level-2,
.parent-196 .item-196 .menu-level-2,
.parent-197 .item-197 .menu-level-2,
.parent-468 .item-468 .menu-level-2,
.parent-351 .item-354 .menu-level-3 {
    display: block;
}

/* ------ Slideshow ------ */

.slideshow {
    /* max-height: calc(100vh - 195px); */
    overflow: hidden;
    position: relative;
    width: 100%;
}

.slideshow:before {
    content: '';
    display: block;
    padding-top: 60%;
    width: 100%;
}

.slideshow-slide {
    background: var(--weiss);
    left: 0;  
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .8s ease-in;
    width: 100%;
}

.slideshow-slide + .slideshow-slide {
    opacity: 0;
}

.slideshow-slide:first-child {
    opacity: 1;
}

.slideshow-image {
    display: block;
    line-height: 0;
    overflow: hidden;
    position: relative;
}

.slideshow-image:before {
    content: '';
    display: block;
    padding-top: 60%;
    width: 100%;
}
  
.slideshow-image img {
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
}

.slideshow-title {
    background: var(--orange);
    bottom: 15%;
    left: 0;    
    padding: 2% 6% 2% 8%;
    position: absolute;
}

.slideshow-title h3,
.slideshow-readmore {
    line-height: 130%;
}

.slide-active {
    opacity: 1;
    z-index: 1000;
}

/* --- Video --- */

video {
    max-width: 100%;
    height: auto;
}

/* --- Article --- */

.main-start-de .section-default .item-headline,
.section-start .item-headline {
    padding-bottom: 0;
}

.main-start-de .section-default .item-text p:nth-of-type(1) {
    font-weight: 700;
}

.item-image {
    display: block;
    font-size: 0;
    line-height: 0;
    position: relative;
}

.item-image:before {
    content: '';
    display: block;
    padding-top: 60%;
    width: 100%;
}

.item-image img {
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
}

.item-headline,
.item-text {
    line-height: 130%;
    padding-left: 5%;
    padding-right: 5%;
}

.item-headline {
    padding-bottom: 3%;
    padding-top: 5%;
}

.item-text p {
    margin: 0 0 25px 0;
}

.item-text ul {
    list-style-type: disc;
    margin: 0 0 25px 20px;
}

.item-text ol {
    list-style-type: decimal-leading-zero;
    margin: 0 0 25px 35px;
}

.item-images {
    padding: 3% 5% 0 5%;
}

.images-box,
.video-box {
    font-size: 0;
    line-height: 0;
    margin: 0 0 3% 0;
    position: relative;
}

.images-box-left,
.images-box-right {
    width: 66%;
}

.images-box-right {
    float: right;
}

.video-box:before {
    content: '';
    display: block;
    padding-top: 60%;
    width: 100%;
}

.video-box iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.box-image {
    width: 100%;
}

.box-info {
    clear: both;
    line-height: 130%;
    padding: 10px 0;
}

/* --- Projekte - Kategorieansicht --- */

.projekte {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 3% 8%;
}

.projekte:after {
    display: inline-block;
    content: '';
    width: 31.5%;
}

.projekte-item {
    color: var(--weiss);
    display: inline-block;
    margin: 0 0 5% 0;
    text-decoration: none;
    width: 31.5%;
}

.projekte-item .item-image {
    margin: 0 0 10px 0;
    overflow: hidden;
}

.projekte-item img {
    transition: filter .5s ease;
    filter: grayscale(0);
}

.projekte-item:hover img {
    filter: grayscale(100%);
}

.projekte-item .item-title {
    line-height: 130%;    
}

/* --- Programm --- */

.section-events p {
    line-height: 120%;
}

.section-headline {
    line-height: 130%;
    margin: 0 0 25px 0;
    text-align: center;
}

.events {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.events:after {
    display: inline-block;
    content: '';
    width: 31.5%;
}

.events-item {
    color: var(--weiss);
    display: inline-block;
    margin: 0 0 40px 0;
    text-decoration: none;
    width: 31.5%;
}

.events .item-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    line-height: 130%;
    margin-bottom: 5px;
}

.events .info-category,
.events .info-datetime {
    word-wrap: nowrap;
}

.events .info-datetime {
    background: var(--orange);
    color: var(--weiss);
    padding: 0 5px;
}

.events .item-image {
    font-size: 0;
    line-height: 0;
}

.events .item-image img {
    filter: grayscale(0);
    transition: filter .5s ease;    
}

.events-item:hover img {
    filter: grayscale(100%);
}

.events .item-title {
    line-height: 130%;
    margin: 10px 0 25px 0;
}

.events .item-text {
    line-height: 130%;
    padding-left: 0;
    padding-right: 0;
}

/* --- Aktuelles --- */

.aktuelles-item {
    color: var(--weiss);
    display: flex;
    margin: 0 0 40px 0;
    text-decoration: none;
    width: 100%;
}

.aktuelles .item-links {
    box-sizing: border-box;
    padding: 0 3% 0 0;
    width: 60%;
}

.aktuelles .links-image,
.aktuelles-item .item-rechts {
    font-size: 0;
    line-height: 0;
    position: relative;
}

.aktuelles .links-image {
    display: none;
}

.aktuelles-item .item-rechts {
    display: block;
    width: 40%;
}

.aktuelles .links-image img,
.aktuelles .item-rechts img {
    width: 100%;
}

.aktuelles .item-info,
.aktuelles-article .item-info {
    line-height: 130%;
}

.aktuelles-item img {
    filter: grayscale(0);
    transition: filter .5s ease;    
}

.aktuelles-item:hover img {
    filter: grayscale(100%);
}

.aktuelles-item .item-title {
    line-height: 130%;
    margin: 10px 0 25px 0;
}

.aktuelles-item .item-text {
    line-height: 130%;
    padding-left: 0;
    padding-right: 0;
}

/* --- Planer - Einzelansicht --- */

.section-event .item-headline {
    padding-bottom: 10px;
}

.section-event .item-info {
    display: flex;
    padding: 0 5% 50px 5%;
}

/* --- Article (Fullwidth, Two Columns) --- */

.aktuelles-article {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.article-left {
    width: 49%;
}

.article-left .item-title {
    padding: 20px 20px 10px 20px;
}

.article-left .item-info {
    padding: 0 20px;
}

.article-left .item-text {
    padding: 20px 20px 0 20px;
}

.article-left .item-image,
.article-right .box-image {
    position: relative;
    width: 100%;
}

.article-left .item-image img,
.article-right img {
    width: 100%;
}

.article-right .box-info {
    line-height: 130%;
    padding: 5px 10px 0 10px;
}

.article-left .item-image,
.article-left .item-image-text {
    display: none;
}

.item-image-text {
    background: var(--weiss);
    bottom: 10px;
    left: 10px;
    line-height: 130%;
    max-width: 80%;
    padding: 5px;
    position: absolute;
}

.article-right {
    width: 49%;
}

.article-right .images-box {    
    margin-bottom: 5%;
}

.aktuelles-header,
.aktuelles-footer {
    padding: 20px;
    text-align: right;
}

/* --- Page-Navigation --- */

.page-navigation-center {
    padding: 50px 0;
    text-align: center;
}

.page-navigation li {
    display: inline-block;
    margin: 0 5px;
    position: relative;
    text-transform: uppercase;
}

.page-navigation .navigation-prev a:before,
.page-navigation .navigation-next a:after {
    display: inline-block;
}

.page-navigation .navigation-prev a:before {
    content: '\2190';
    padding: 0 5px 0 0;
}

.page-navigation .navigation-next a:after {
    content: '\2192';
    padding: 0 0 0 5px;
}

/* --- Default Content --- */

.default-item .item-image:before {
    content: '';
    display: block;
    padding-top: 73%;
    width: 100%;
}

.default-item .item-image img {
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
}

/* --- Contact (Team etc.) --- */

.section-contact-category {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.contact-item {    
    margin: 0 0 5% 0;
    position: relative;
    width: 31.5%;
}

.section-contact-category:after {
    display: inline-block;
    content: '';
    width: 31.5%;
}

.contact-item .item-image:before {
    padding-top: 100%;
}

.contact-item .item-info {
    line-height: 130%;
    padding: 20px 0;
}

.contact-item .info-name {
    line-height: 130%;
}

.contact-item .info-tasks {
    margin: 20px 0 30px 0;
}

/* --- Contact Form --- */

.item-form {
    padding-left: 8%;
    padding-right: 8%;
}

.form-input,
.form-textarea {
    box-sizing: border-box;
    margin: 10px 0 0 0;
    padding: 0 5px;
    width: 100%;
}

.form-input {
    height: 30px;
    padding: 0 5px;
}

.form-textarea {
    padding: 5px;
    resize: vertical;
}

.form-checkbox-wrapper {
    line-height: 150%;
    margin: 10px 0;
}

.g-recaptcha {
    min-height: 60px;
}

.form-bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px 0 0 0;
}

.form-bottom legend {
    line-height: 30px;
}

.form-button {
    background: var(--orange);
    border: 0;
    box-sizing: border-box;
    color: var(--weiss);
    cursor: pointer;
    height: 30px;    
    padding: 0 10px;
}

/* ------ Partner ------ */

.section-foerderer .section-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.section-foerderer .section-content:after {
    display: inline-block;
    content: '';
    width: 32%;
}

.section-foerderer > p {
    margin: 0 0 20px 0;
} 

.section-foerderer .item-foerderer {
    background: #fff;
    display: block;
    font-size: 0;
    line-height: 0;
    margin: 0 0 2% 0;
    overflow: hidden;
    position: relative;
    transition: all .2s;
    width: 32%;
}

.section-foerderer .item-foerderer:before {
    content: '';
    display: block;
    padding-top: 64.71%;
    position: relative;
    width: 100%;
}

.item-foerderer img {
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 85%;
    max-width: 95%;
    position: absolute;
    right: 0;
    top: 0;
}

/* --- Anfahrt --- */

.googlemap {
    height: 400px;
    overflow: hidden;
    position: relative;
}
  
.googlemap-placeholder {
    height: 100%;
    object-fit: cover;
    position: absolute;
    width: 100%;
}
  
.googlemap-activate {
    background: var(--weiss);
    border: 1px solid var(--orange);
    box-sizing: border-box;
    color: var(--orange);
    left: 50%;
    line-height: 150%;
    padding: 15px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

.googlemap-activate p {
    margin: 0;
}

.button-activate {
    background: var(--orange);
    color: var(--weiss);
    cursor: pointer;
    display: inline-block;
    line-height: 40px;
    margin: 10px auto 0 auto;
    padding: 0 10px;
    user-select: none;
}

.googlemap iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.googlemap-accepted .googlemap-placeholder,
.googlemap-accepted .googlemap-activate {
    display: none;
}

.googlemap-accepted .googlemap iframe {
    display: block;
}

/* --- Footer --- */

.footer {
    background: var(--weiss);
    color: var(--orange);
    height: 260px;
    padding: 0 30px;
    transition: height .2s, padding .2s;
}

.footer-inner {
    box-sizing: border-box;
    height: 100%;
    margin: 0 auto;
    max-width: 1460px;
    padding: 50px 0;
    position: relative;
    transition: padding .2s ;
}

.menu-footer {
    line-height: 150%;
}

.menu-footer a {
    text-underline-offset: 5px;
    text-decoration-thickness: 2px;
    text-decoration-color: var(--orange);
    color: var(--orange);
    transition: text-decoration-color .2s ease;
}

.menu-footer a:hover {
    text-decoration-color: var(--weiss);
}

/* --- Media Queries --- */

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

    

}

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

   

}

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

    .events:after,
    .projekte:after {
        width: 48%;
    }

    .events-item,
    .projekte-item,
    .contact-item {
        margin: 0 0 4% 0;
        width: 48%;
    }    

    .events .item-title,
    .projekte .item-title,
    .aktuelles .item-title {
        margin: 5px 0 15px 0;
    }

}

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

    .section-default h1 {
        padding: 40px;
    }
    
    .section-default .item-text,
    .section-form form {
        padding: 0 40px;
    }

    .article-left,
    .article-right {
        width: 100%;
    }

    .article-left .item-image,
    .article-left .item-image-text {
        display: block;
    }

    .article-right {
        padding: 40px 0 0 0;
    }

    .article-right .images-box:first-of-type {
        display: none;
    }

    .aktuelles-article .item-title {
        padding: 10px;
    }

    .aktuelles-article .item-info {
        padding: 10px 10px 0 10px;
    }

    .aktuelles-article .item-text {
        padding: 10px;
    }

    .section-foerderer:after,
    .section-foerderer .item-foerderer {
        width: 48%;
    }

}

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

    .outer,
    .is-scrolled .outer {
        min-height: calc(100vh - 160px);
        padding: 80px 10px 20px 10px;
    }

    .header {
        height: 80px;
        padding: 0 10px;
    }

    .button-menu {
        top: 50%;
    }

    .header-inner .logo {
        width: 70px;
    }

    .item-headline, 
    .section-event .item-info,
    .item-text,
    .item-images,
    .item-form {
        padding-left: 0;
        padding-right: 0;
    }

    .images-box-left,
    .images-box-right {
        width: 100%;
    }

    .news-header,
    .news-footer {
        padding: 10px;
        text-align: center;
    }

    .events,
    .projekte,
    .aktuelles {
        display: block;
    }

    .projekte {
        padding: 3% 0;
    }

    .events-item,
    .projekte-item,
    .contact-item {
        width: 100%;
    }

    .section-default h1 {
        padding: 10px 10px 20px 10px;
    }
    
    .section-default .item-text,
    .section-form form {
        padding: 0 10px;
    }

    .footer {
        height: 180px;
        padding: 0 15px;
    }
    
    .footer-inner {
        padding: 25px 0;
    }

    .footer-inner .logo {
        top: 25px;
    }

    .aktuelles-header,
    .aktuelles-footer {
        padding: 10px;
        text-align: center;
    }

    .aktuelles-item {
        display: block;
        width: 100%;
    }

    .aktuelles .item-links {
        padding: 0;
        width: 100%;
    }

    .aktuelles .links-image  {
        display: block;
    }

    .aktuelles-item .item-rechts {
        display: none;
    }

    .aktuelles-item .item-info {
        margin: 10px 0 0 0;
    }

}

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

    #toggle-menu:checked ~ .wrapper {
        left: 240px;
    }

    #toggle-menu:checked ~ .wrapper .header {
        left: 250px;
        right: -200px;
    }

    .container-menu {    
        padding: 10px;
        width: 250px;
    }    

    .slideshow-title {
        display: none;
    }

    .section-foerderer:after,
    .section-foerderer .item-foerderer {
        width: 100%;
    }

}