/* *********************************************************************************** */
/* FONTS */
/* *********************************************************************************** */
body {
	font: 1.2rem/1.5 'Roboto', Helvetica, Helvetica, Arial, Verdana, sans-serif;
}

/* *********************************************************************************** */
/* GENERAL LAYOUT */
/* *********************************************************************************** */
body {
    margin: 0;
}
.clear { clear: both; }

.wrapper {
    width: 100%;
    max-width: 100%;
    padding-right: 0rem;
    padding-left: 0rem;
}
.reset, .reset li, .reset dd, nav ul, nav li {
    list-style: none outside none;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    padding-left: 0;
}
.langnav__link { display: inline; }
.activelang { border-bottom: 4px solid #FF00CC; }
.metanav--header .metanav__link a { margin-right: 1em; }
.metanav--header { max-width: 100%; width: 80%; }
#mainnav { width: 100%; max-width: calc(100% -  20vw); }

section.homesection { margin-bottom: 2em !important; }
.section_fullsize_intro { margin-bottom: 2em !important; }

/* *********************************************************************************** */
/* ACCESSIBILITY */
/* *********************************************************************************** */
.visuallyhidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    overflow: hidden;
}
.skiplinks__link:link, .skiplinks__link:visited {
    position: absolute;
    z-index: 500;
    top: -9999px;
    left: 1.5em;
    padding: 0.5em 1em;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    color: var(--white);
    background-color: #000;
}

/* *********************************************************************************** */
/* HEADER */
/* *********************************************************************************** */
header { display: block; padding-top: 1.1em; margin-bottom: 0.75em;  }
.logo {
    flex: auto;
    position: relative;
    z-index: 1;
	margin-top: 1.5em;
	max-width: 245px;
}
.logo img {
    max-width: 100%;
    width: 100%;
    margin-top: -0.01vw;
    margin-bottom: -0.01vw;
}
.logosticky {
	display: none;
    flex: auto;
    position: relative;
    z-index: 1;
	margin-top: 0em;
	padding-top: -0.5em;
	max-width: 155px;
}
.logosticky img {
    max-width: 80%;
    width: 100%;
    margin-top: -0.01vw;
    margin-bottom: -0.01vw;
}

.searchform__submit {
    position: absolute;
    width: 1em;
    height: 1em;
    right: 3.5em;
    top: calc(50% - 0.5em);
    border: 0;
    padding: 0;
    font-size: 1.5rem;
    background-color: transparent;
}
.searchform__input { font-family: 'Roboto', Helvetica, Helvetica, Arial, Verdana, sans-serif; text-align: center; padding: 35px 35px 35px 20px; width: 100%; max-width: 1000px; }

/* *********************************************************************************** */
/* META NAV */
/* *********************************************************************************** */
.wrapper--metanav {
    display: flex;
    align-items: baseline;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}
.metanav--header .metanav__link a {
    display: block;
    padding: 0.25em;
	text-decoration: none;
	color: #000000;
	font-family: 'Roboto', Helvetica, Helvetica, Arial, Verdana, sans-serif;
	margin-top: -11px;
}
.metanav--header .metanav__link {
    padding-left: 1.333333333333333em;
}
.metanav--header .metanav__lst {
    display: flex;
	float: right;
}

/* *********************************************************************************** */
/* MAIN NAV */
/* *********************************************************************************** */
nav ul {
    margin-bottom: 0;
}
.mainnav__lst {
    display: flex;
	width: 100%;
	max-width: 730px;
}
.wrapper--megadropdown {
    position: relative;
}
.mainnav__megadropdown-title {
    margin-bottom: 0;
    font-weight: bold;
}
.mainnav__megadropdown-close {
    position: absolute;
    top: 0;
    right: 2rem;
    display: inline-flex;
    align-items: center;
    border: 1px solid #f2f2f2;
    border: 1px solid var(--light-grey);
    padding: 0.4em 1em;
    font-size: 1.2rem;
    font-weight: bold;
    border-radius: 2em;
    color: #58585f;
    color: var(--dark-grey);
    fill: #58585f;
    fill: var(--dark-grey);
    cursor: pointer;
    background-color: #f2f2f2;
    background-color: var(--light-grey);
}
.mainnav__megadropdown {
    position: absolute;
    z-index: 100;
    left: 0px;
    width: 100%;
    opacity: 0;
    visibility: visible;
    transition-property: opacity,visibility;
    transition-duration: .3s,0s;
    transition-delay: 0s,.3s;
}
.mainnav__megadropdown-link:link, .mainnav__megadropdown-link:visited {
    padding: 0.277777777777778em 0.555555555555556em;
    padding-left: 0;
    font-weight: bold;
    color: #dd0b15;
    color: var(--black);
}
.mainnav__megadropdown-lst {
    margin-top: 1em;
    font-size: 1.5rem;
    -webkit-columns: 3 10em;
    -moz-columns: 3 10em;
    columns: 3 10em;
    orphans: 3;
}
.mainnav__megadropdown-lst>li {
    margin-bottom: 0.5em;
    break-inside: avoid;
    display: inline-block;
    width: 100%;
}
.innerwrapper--metanav {
	display: block;
}
.mainnav__lst {
    flex: 1 1 auto;
    display: flex;
    justify-content: space-between;
    letter-spacing: .01em;
}
.mainnav__link>a {
    border: 1px solid transparent;
    padding: 0.277777777777778em 0.555555555555556em;
    white-space: nowrap;
}
.mainnav__link a {
    position: relative;
    text-decoration: none;
    font-weight: bold;
    color: #000;
    color: var(--black);
}

.mainnav__link .folder { width: 100%;  }
.mainnav__lst li { width: 100%; margin-right: 2.5em; }
#mainnav_1 { color: #000; width: 100%; height: auto; text-align: center; font-size: 1.4em; padding: 0.25em; }
#mainnav_2 { color: #000; width: 100%; height: auto; text-align: center; font-size: 1.4em; padding: 0.25em; }
#mainnav_3 { color: #000; width: 100%; height: auto; text-align: center; font-size: 1.4em; padding: 0.25em; }
#mainnav_4 { color: #000; width: 100%; height: auto; text-align: center; font-size: 1.4em; padding: 0.25em; }

#mainnav_1:hover { color: #000; }
#mainnav_2:hover { color: #000; }
#mainnav_3:hover { color: #000; }
#mainnav_4:hover { color: #000; }

#mainnav_1 span { display: inline-flex; align-items: center; height: 1.52em; }
#mainnav_2 span { display: inline-flex; align-items: center; height: 1.52em; }
#mainnav_3 span { display: inline-flex; align-items: center; height: 1.52em; }
#mainnav_4 span { display: inline-flex; align-items: center; height: 1.52em; }

#mainnav.sticky #mega1 { top: 93px !important; }
#mainnav.sticky #mega2 { top: 93px !important; }
#mainnav.sticky #mega3 { top: 93px !important; }
#mainnav.sticky #mega4 { top: 93px !important; }
#header.sticky .mainnav__megadropdown-lst { padding-left: 381px; }
#header.sticky #mainnav li a.mainnav__megadropdown-link { font-size: 19px !important; }

.langnav__link { display: inline-flex !important; }

.metanav--header .metanav__link a {
    display: block;
    padding: 0em;
    text-decoration: none;
    color: #000000;
    font-family: 'Roboto', Helvetica, Helvetica, Arial, Verdana, sans-serif;
    margin-top: 0px;
    font-weight: 500;
}

/* *********************************************************************************** */
/* BODY & MAIN */
/* *********************************************************************************** */

#bg_layer1 { z-index: 1; width: 1708px; height: 939px; position: absolute; right: -1100px; top: 17vw; opacity: 0.5; }
#bg_layer2 { z-index: 2; width: 2098px; height: 1622px; position: absolute; left: 0px; top: 50vw; opacity: 0.5; }

h2 { font-family: 'Roboto Slab', Helvetica, Arial, Verdana, sans-serif; color: #000; }

.innerwrapper {
    display: block;
    width: 100%;
    max-width: 100%;
}
.maincontainer {
    overflow: hidden;
}

#pagewrapper {
    padding-left: 4vw;
    padding-right: 4vw;
    max-width: 1440px !important;
    width: calc(100% - 8vw) !important;
    margin: 0 auto;
    z-index: 50;
    position: relative;
}
#outerpagewrapper {
    position: relative;
    max-width: 100%;
    width: 100%;
    overflow: hidden;
}

header { position: relative; }

#mainnav { display: block; width: 100%; position: absolute; top: 6.8em; left: 350px; max-width: 780px }
.mainnav__lst li { width: 100%; margin-right: 0em; }

.metanav { position: absolute; top: 1em; right: 0px; }
.navicon { width: 25px; height: 25px; display: inline-block; padding-right: 0.7em; }
/* icon source: https://icon-icons.com/ */
.heart { background: url(../images/heart.svg); background-repeat: no-repeat; transition: all .1s ease-in-out; }
.login { background: url(../images/login.svg); background-repeat: no-repeat; transition: all .1s ease-in-out; }
.lupe { background: url(../images/lupe.svg); background-size: contain; background-repeat: no-repeat; transition: all .1s ease-in-out; }
.metanav_li:hover > .navicon { /*transform: scale(1.2); opacity: 0.5;*/ }
.metanav_li:hover { /* color: #555 !important; MIR:TODO */  }

.metanav_title:hover { border-bottom: 4px solid #FF00CC; }

.metanav_li { display: block; }
.metanav--header .metanav__link a { display: flex; }
.metanav--header .langnav__link .active a:hover { border-bottom: 4px solid #FF00CC; color: #777; }
.metanav--header .langnav__link a:hover { border-bottom: 4px solid #FF00CC; color: #777; }

.langnav__link { display: inline-block !important; text-align: center !important }
.langnav__link--lang-de-ch .active { border-bottom: 3px solid #FF00CC !important; color: #777; }

.mainnav { display: inline-block; width: 100%; max-width: auto; }

.mainnav__lst {
    display: flex;
    width: 100%;
    max-width: 100%;
}

.mainnav__lst .mainnav__activeline:hover { margin-bottom: -15px !important; border-bottom: 4px solid #009DF4 !important; color: #000; }
.mainnav__lst li:nth-child(1) .mainnav__activeline:hover { margin-bottom: -15px !important; border-bottom: 4px solid #009DF4 !important; color: #000; }
.mainnav__lst li:nth-child(2) .mainnav__activeline:hover { margin-bottom: -15px !important; border-bottom: 4px solid #FF00CC !important; color: #000; }
.mainnav__lst li:nth-child(3) .mainnav__activeline:hover { margin-bottom: -15px !important; border-bottom: 4px solid #5ED1BA !important; color: #000; }
.mainnav__lst li a { font-family: 'Roboto Slab', Arial, sans-serif; color: #000; }

#breadcrumb ul { list-style: none; }
#breadcrumb li.breadcrumb_level { display: inline-block; float: left; margin-right: 0.5em; }
#breadcrumb li.separator { display: inline-block; float: left; margin-right: 0.5em; }
#breadcrumb li a { color: #000; text-decoration: none; }
#breadcrumb li a.level0 { text-decoration: none; border-bottom: 2px solid #000 !important; }
#breadcrumb li a.level1 { text-decoration: none; border-bottom: 2px solid #000 !important; }
#breadcrumb li a.level2 { text-decoration: none; border-bottom: 2px solid #000 !important; }
#breadcrumb li a.level3 { text-decoration: none; border-bottom: 2px solid #000 !important; }

/* *********************************************************************************** */
/* FRONTPAGE TEASERS */
/* *********************************************************************************** */

#fronteasers { display: block; margin-bottom: 10em; }
.teasers_3_columns {
    display: block;
    margin-left: -0.625vw;
    margin-right: -0.625vw;
}
.teasers_3_columns .teaser_box {
    display: block;
    position: relative;
    width: -moz-calc(33.333% - 1.25vw);
    width: -webkit-calc(33.333% - 1.25vw);
    width: -o-calc(33.333% - 1.25vw);
    width: calc(33.333% - 1.25vw);
    margin: 0 0.625vw;
    float: left;
}

.teaser_box .img_outer {
    display: block;
    position: relative;
}
.teasers_3_columns .teaser_box .verticaltitle_outer {
    width: 30vw;
    margin-top: 30vw;
    margin-left: 0em; /* margin-left: -1.55vw; */
}

.verticaltitle .title { font-family: 'Roboto Slab', Helvetica, Arial, Verdana, sans-serif; color: #000; font-weight: 600; font-size: 1.9em; }
.teaser_box .verticaltitle {
    display: block;
    position: absolute;
	right: 0px; /*right: 2vw;*/
}

.teasers_3_columns .teaser_box .image_box {
    height: 30vw;
    background-color: #aaa;
}
.teaser_box .image_box {
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 100%;
    margin-bottom: 0px;
}
.teaser_box .verticaltitle_outer .verticaltitle {
    display: inline-block;
}
.teaser_box .verticaltitle span.title {
    font-family: 'Roboto Slab', Helvetica, Arial, Verdana, sans-serif;
    font-size: 2em;
}
.teaser_box.section_reparieren .verticaltitle span.title {
    color: #000;
    font-family: 'Roboto Slab', Helvetica, Arial, Verdana, sans-serif;
    border-bottom: 4px solid #009DF4;
}
.teaser_box.section_engagieren .verticaltitle span.title {
    color: #000;
    font-family: 'Roboto Slab', Helvetica, Arial, Verdana, sans-serif;
    border-bottom: 4px solid #FF00CC;
}
.teaser_box.section_wissen .verticaltitle span.title {
    color: #000;
    font-family: 'Roboto Slab', Helvetica, Arial, Verdana, sans-serif;
    border-bottom: 4px solid #5ED1BA;
}

.teaser_box .verticaltitle_outer {
    display: block;
    position: absolute;
    transform: rotate(-90deg);
    -webkit-transform: -webkit-rotate(-90deg);
    transform-origin: top right;
    -webkit-transform-origin: top left;
    top: 0;
    z-index: 200;
    margin-left: 0px !important;
    height: 2.77vw;
    text-align: right;
}

.teasers_3_columns h2 a {
    color: #000;
    font-family: 'Roboto Slab', Helvetica, Arial, Verdana, sans-serif;
    text-decoration: none;
    max-width: 90%;
    display: block;
    padding-top: 0px !important;
    margin-block-start: 0px !important;
    margin-block-end: 0px !important;
    font-size: 0.9em;
    line-height: 1.4em;
}
.link_reparieren {
    text-decoration: none;
    color: #000;
    font-weight: 500;
    border-bottom: 3px solid #009DF4;
    padding-bottom: 3px;
    font-size: 1.2em;
}
.link_reparieren:hover { border: 0px; color: #000 !important; }
.link_engagieren {
    text-decoration: none;
    color: #000;
    font-weight: 500;
    border-bottom: 3px solid #FF00CC;
    padding-bottom: 3px;
    font-size: 1.2em;
}
.link_engagieren:hover { border: 0px; }
.link_wissen {
    text-decoration: none;
    color: #000;
    font-weight: 500;
    border-bottom: 3px solid #5ED1BA;
    padding-bottom: 3px;
    font-size: 1.2em;
}
.link_wissen:hover { border: 0px; }
.link_events {
    color: #fff !important;
    font-size: 1.2em;
}
.link_events:hover { border: 0px; }

#contentbox_large_silver { background-color: #EFEFEF; z-index: 60; margin-top: 21vw; float: right; width: 70%; padding-left: 3em; padding-top: 2em; padding-right: 3em; padding-bottom: 4em; }
#contentbox_large_silver h2 { font-size: 1.8em; margin: 0px; }

.eventsbox_large_blue { position: relative; background-color: #009DF4; z-index: 60; margin-top: -8vw; float: right; width: 75%; padding-left: 3em; padding-top: 2em; padding-right: 3em; padding-bottom: 3em; min-height: 13em; }
.eventsbox_large_blue h2 { font-size: 1.8em; margin: 0px; color: #fff; }
.eventsbox_large_blue h2 a { text-decoration: none; color: #fff; }
.eventsbox_large_blue p { color: #fff; font-size: 1.2em; }

.spendenbox_30_pink { position: relative; background-color: #FF00CC; z-index: 60; right: 0px; width: 30%; padding-left: 3em; padding-top: 2em; padding-right: 3em; padding-bottom: 3em; height: 27em; }
.spendenbox_30_pink h2 { font-size: 1.8em; margin: 0px; color: #fff; text-decoration: none; border: 0px; }
.spendenbox_30_pink a { text-decoration: none; color: #fff; }
.spendenbox_30_pink a:hover { text-decoration: none; border: 0px; color: #fff; }
.spendenbox_30_pink p { color: #fff; font-size: 1.2em; }

.spendenbox_70_img { max-width: calc(70% - 6em); width: 100%; display: inline-block; float: left; }

.factsbox_100 { position: relative; background-color: #5ED1BA !important; z-index: 60; right: 0px; width: 100%; padding-left: 3em; padding-top: 2em; padding-right: 3em; padding-bottom: 3em; height: 25em; }
.factsbox_100 h2 { font-size: 1.8em; margin: 0px; color: #fff; text-decoration: none; border: 0px; }
.factsbox_100 a { text-decoration: none; color: #fff; }
.factsbox_100 a:hover { text-decoration: none; border: 0px; color: #fff; }
.factsbox_100 p { color: #fff; font-size: 1.2em; }
.factsbox_100 .factscol { display: inline-block; float: left; text-align: center; margin-top: 3em; }
.factsbox_100 .factscol:nth-child(1) { width: 25%; border-right: 6px solid #fff; }
.factsbox_100 .factscol:nth-child(2) { width: 33%; border-right: 6px solid #fff; padding-left: 2em; padding-right: 2em; }
.factsbox_100 .factscol:nth-child(3) { width: 29%; padding-left: 0em; padding-right: 0em; }
.factsbox_100 .factstitle { color: #fff; text-align: center; width: 100%; font-size: 1.4em; margin-bottom: 0.5em; font-family: 'Roboto Slab', Helvetica, Arial, Verdana, sans-serif; }
.factsbox_100 .factstext { color: #fff; text-align: center; width: 100%; font-size: 1em; max-width: 100%; width: 80%; margin: 0 auto; }
.factsbox_100 .factsnumber { color: #fff; font-size: 7em; display: block; text-align: center; width: 100%; font-family: 'Roboto Slab', Helvetica, Arial, Verdana, sans-serif; }
.factsbox_100 .factscol:hover > .factsnumber { font-size: 9em; }

.section_fullsize_wissen {
    display: block;
    margin-bottom: 0em;
}
.section_fullsize_wissen p { font-size: 1.2em !important; }
#events_2cols { margin-bottom: 5em; display: block; }

.teasers_2_columns .teaser_box {
    display: block;
    position: relative;
    width: -moz-calc(50% - 1.25vw);
    width: -webkit-calc(50% - 1.25vw);
    width: -o-calc(50% - 1.25vw);
    width: calc(50% - 1.25vw);
    margin: 0 0.625vw;
    float: left;
}
.teaser_box.section_events_left .verticaltitle span.title {
    color: #000;
    font-family: 'Roboto Slab', Helvetica, Arial, Verdana, sans-serif;
    border-bottom: 4px solid #009DF4;
}
.teaser_box.section_events_left .teaser_box .verticaltitle { right: -1.5vw; }
.teasers_2_columns .teaser_box .image_box {
    height: 27em;
}

.teaser_box.section_events {
    padding-right: 0px;
}

.teaser_box.section_spenden_left .verticaltitle span.title {
    color: #000;
    font-family: 'Roboto Slab', Helvetica, Arial, Verdana, sans-serif;
    border-bottom: 4px solid #FF00CC;
}
.teaser_box.section_spenden_left { position: relative; }
.teaser_box.section_spenden_left .teaser_box .verticaltitle { right: -1.5vw; }

.teaser_box.section_facts_left .verticaltitle span.title {
    color: #000;
    font-family: 'Roboto Slab', Helvetica, Arial, Verdana, sans-serif;
    border-bottom: 4px solid #83eadc;
}
.teaser_box.section_facts_left { position: relative; }
.teaser_box.section_facts_left .teaser_box .verticaltitle { right: -1.5vw; }


.teaser_1_column .teaser_box .image_box {
    height: 32em;
}

.quoted_person { font-size: 0.5em !important; color: #fff; display: flex; margin-top: 0.8em; font-weight: 400; }

.teasers_2_columns a {
    text-decoration: none;
    color: #000;
}
.teaser_box .image_box {
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 100%;
    margin-bottom: 0px;
    background: #aaa;
}
.outer_events {
    margin-left: -1.6em !important;
}
.events_date { font-size: 0.8em !important; margin-top: -0.25em !important; margin-bottom: 1em; color: #fff; display: flex; margin-top: 0.8em; }

.outer_spenden {
    margin-left: -1.6em !important;
}
.outer_facts {
    margin-left: -1.6em !important;
}

.teaser1_1_column .teaser_box {
    display: block;
    position: relative;
    width: 100%;
    margin: 0;
    float: left;
}

/* *********************************************************************************** */
/* CONTENT ELEMENTS */
/* *********************************************************************************** */

.mapContentblock { font-size: 1.2em; font-weight: 600; font-family: 'Roboto Slab', Helvetica, Arial, Verdana, sans-serif; color: #000; text-align: justify; padding-left: 2em; padding-right: 3em; padding-top: 1em; padding-bottom: 3em; }
.mapContentblock .link_reparieren { padding-bottom: 0px; }
.mapContentblock .link_engagieren { padding-bottom: 0px; }
.mapContentblock .link_wissen { padding-bottom: 0px; }

.mapLegendeTitle { margin-bottom: 5px; font-size: 1em; display: none; }
.mapLegendeLink { font-size: 0.9em; font-weight: 600; font-family: 'Roboto Slab', Helvetica, Arial, Verdana, sans-serif; color: #000; text-decoration: none; }
.mapLegendeBlock_reparieren { display: inline-block; width: 0.75em; height: 0.75em; margin-right: 0.425em; background-color: #009DF4; border-radius: 50px; }
.mapLegendeBlock_engagieren { display: inline-block; width: 0.75em; height: 0.75em; margin-right: 0.425em; background-color: #FF00CC; border-radius: 50px; }
.mapLegendeBlock_wissen { display: inline-block; width: 0.75em; height: 0.75em; margin-right: 0.425em; background-color: #5ED1BA; border-radius: 50px; }

.introBlock { font-size: 1.3em; font-family: 'Roboto Slab', Helvetica, Arial, Verdana, sans-serif; font-weight: bold; color: #000; text-align: justify; padding-left: 2em; padding-right: 3em; padding-top: 0em; padding-bottom: 3em; }
.introBlock a { font-weight: bold; text-decoration: none !important; }
.introBlock a:hover { text-decoration: none !important; }
.introBlock .link_reparieren { padding-bottom: 0px; }
.introBlock .link_engagieren { padding-bottom: 0px; }
.introBlock .link_wissen { padding-bottom: 0px; }
#frontmap {
    pointer-events: none;
}

/* *********************************************************************************** */
/* FOOTER */
/* *********************************************************************************** */
footer { display: block; clear: both; background-color: #484848; min-height: 25em }
.footer .wrapper {
    max-width: 100%;
}
.footer>.row.footer__links {
    padding: 4em 0;
}
.wrapper--footerlinks {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.inner_footer { max-width: 1440px; width: 100%; margin: 0 auto; }
@media (max-width: 1500px) {
    .inner_footer { max-width: calc(100% - 60px); }
}

.footer_col25 { display: inline-block; float: left; width: 20%; padding-top: 3em; }

.footer h2 { color: #fff; font-size: 1.1em; padding-bottom: 0px; text-decoration: none; border: 0px; }
.footer h2:hover { text-decoration: none; border: 0px; color: #fff; }
.footer a h2 {  text-decoration: none; border: 0px; }
.footer a {  text-decoration: none; border: 0px; }
.footer a:visited h2 { text-decoration: none; border: 0px; }
.footer a:hover { text-decoration: none; border: 0px; }
.footer_col25 ul { list-style: none; margin-left: 0px; padding-left: 0px; margin-top: 0.3em; padding-top: 0px; margin-bottom: 2em; }
.footer_col25 li { line-height: 1.8em;     }
.footer_col25 li a { color: #fff; text-decoration: none; font-size: 1em; font-weight: 400; }
.footerlinks { display: block; margin-bottom: 8px; }
.footerlinks:hover { color: #fff; }
.copyright_line { border-top: 1px solid #999; width: 100%; display: block; height: 2px; }

.footer .row1 { color: #fff; display: block; }
.footer .row2 { color: #fff; display: block; }
.footer .row3 { color: #fff; display: block; }
.footer .row4 { color: #fff; display: block; }
.copyright { font-size: 0.8em; padding-top: 2em; }

.footer_col33 { width: 33%; display: inline-flex; }
.footer_col33 ul { list-style: none; margin-left: 0px; padding-left: 0px; margin-top: 0.3em; padding-top: 0px; margin-bottom: 2em; }
.footer_col33 li { line-height: 1.8em; }
.footer_col33 li a { color: #fff; text-decoration: none; font-size: 0.8em; font-weight: 400; }

.footer_col50 { width: 50%; display: inline-flex; float: left; }
.footer_col50 ul { list-style: none; margin-left: 0px; padding-left: 0px; margin-top: 0.3em; padding-top: 0px; margin-bottom: 2em; }
.footer_col50 li { line-height: 1.8em; }
.footer_col50 li a { color: #fff; text-decoration: none; font-size: 0.8em; font-weight: 400; }

.project_title { line-height: 1.7em; }
.founded_logo { margin-top: 0.5em; max-width: 14em; margin-bottom: 1.8em; }

#legallinks_footer { display: inline-flex; margin: 0 auto; }
#legallinks_footer li { margin-right: 1em; }

.project_title { font-size: 0.8em; }

#langnav_footer { display: flex; float: right; justify-content: flex-end; }
#langnav_footer li { margin-right: 1em; }
#socialmedia_footer { position: absolute; display: flex; float: right; bottom: 0px; }
#socialmedia_footer li { margin-right: 1em; }

.socialmedia { width: 100%; display: block; text-align: right; }
.inner_socialmedia { display: flex; margin-left: 28vw; max-width: 100%; width: 100%; }
.socialmedia_item { margin-right: 1em; }
.socialmedia_links img {
    transition-property: opacity,visibility;
    transition-duration: 1s,0s;
    transition-delay: 1s, 1s;
}
.socialmedia_links:hover > img { opacity: 0.5 }

.instagram { width: 2em; height: auto; }
.facebook { width: 2.2em; height: auto; }

.verticaltitle { height: 3.15em; }

.link_events { cursor: pointer; }
.linking { cursor: pointer; }

/* *********************************************************************************** */
/* MEGAMENU */
/* *********************************************************************************** */

.mainnav__megadropdown { background: #fff; position: fixed; margin-top: 22px; opacity: 0; padding-bottom: 40px; }
#mega1 { border-top: 1px solid #efefef; border-bottom: 4px solid #009DF4 !important; }
#mega2 { border-top: 1px solid #efefef; border-bottom: 4px solid #FF00CC !important; }
#mega3 { border-top: 1px solid #efefef; border-bottom: 4px solid #5ED1BA !important; }
.wrapper--megadropdown { position: relative; max-width: 1440px; margin: 0 auto; }
.logo a img:hover .mainnav__megadropdown { display: block !important; }
.mainnav__megadropdown-close { display: none; }

.mainnav__megadropdown-link { cursor: pointer; font-size: 0.9em; }
.megamenuactive_reparieren { border-bottom: 4px solid #009DF4 !important; color: #009DF4 !important; visibility: visible; }
.megamenuactive_engagieren { border-bottom: 4px solid #FF00CC !important; color: #FF00CC !important; visibility: visible; }
.megamenuactive_wissen { border-bottom: 4px solid #5ED1BA !important; color: #5ED1BA !important; visibility: visible; }
.mainnav__megadropdown { top: 170px; position: fixed; }
.overflowhidden { /*overflow-y: hidden;*/ }
#pageshadow { opacity: 0; }

/* *********************************************************************************** */
/* TRANSITIONS */
/* *********************************************************************************** */
.content_box_container { overflow: hidden; }

.image_box_container { overflow: hidden; }
.image_box_container .image_box { transform: scale(1.0); transition: all 0.5s; }
.image_box_container .image_box:hover { transform: scale(1.25); }

.factsnumber { transition: all .9s; }

.image_box_container #fullsize_imagebox { transform: scale(1.0); transition: all 0.5s; }
.image_box_container #fullsize_imagebox:hover { transform: scale(1.25); }

#fullsize_imagebox { opacity: 1; transition: all 0.4s ease-in-out; }
#fullsize_imagebox:hover { opacity: 1 !important; }

.footerlinks {  position: relative;  display: inline-block; color: black; text-decoration: none; border-bottom: 4px solid #fff; }
.footerlinks::after { content: ""; position: absolute; bottom: -1px; left: 0; width: 0%; height: 3px; background-color: #fff; transition: width 0.1s ease-in-out; }
.footerlinks { border-bottom: 3px solid #fff; }
.footerlinks:hover { border-bottom: 0px solid transparent; }
.footerlinks:hover::after { width: 100%; }

.footerlinksh2 {  position: relative;  display: inline-block; color: black; text-decoration: none; border-bottom: 4px solid #fff; }
.footerlinksh2::after { content: ""; position: absolute; bottom: 14px; left: 0; width: 0%; height: 3px; background-color: #fff; transition: width 0.1s ease-in-out; }
.footerlinksh2 { border-bottom: 3px solid #fff; }
.footerlinksh2:hover { border-bottom: 0px solid transparent; color: #fff !important; }
.footerlinksh2:hover::after { width: 100%; }

.link_content {  position: relative;  display: inline-block; color: black; text-decoration: none; border-bottom: 4px solid #000; text-decoration: none !important; }
.link_content::after { content: ""; position: absolute; bottom: -2px; left: 0; width: 100%; height: 3px; background-color: #000; transition: width 0.1s ease-in-out; }
.link_content { border-bottom: 3px solid transparent; text-decoration: none; }
.link_content:hover { border-bottom: 0px solid transparent; text-decoration: none; }
.link_content:hover::after { width: 100%; text-decoration: none; }

.link_events {  position: relative;  display: inline-block; color: black; text-decoration: none; border-bottom: 4px solid #fff; }
.link_events::after { content: ""; position: absolute; bottom: -3px; left: 0; width: 100%; height: 3px; background-color: #fff; transition: width 0.1s ease-in-out; }
.link_events { border-bottom: 3px solid #fff; }
.link_events:hover { border-bottom: 0px solid transparent; }
.link_events:hover::after { width: 0%; }

.link_reparieren {  position: relative; display: inline-block; color: black; text-decoration: none; border-bottom: 4px solid #009DF4; padding-bottom: 0px; }
.link_reparieren::after { content: ""; position: absolute; bottom: -3px; left: 0; width: 100%; height: 3px; background-color: #009DF4; transition: width 0.1s ease-in-out; }
.link_reparieren { border-bottom: 4px solid #009DF4; }
.link_reparieren:hover { border-bottom: 3px solid transparent; color: #000 !important; }
.link_reparieren:hover::after { width: 0%; }

.mmlink_reparieren {  position: relative; display: inline-block; color: black; text-decoration: none; border-bottom: 4px solid #009DF4; padding-bottom: 0px; }
.mmlink_reparieren::after { content: ""; position: absolute; bottom: 3px; left: 0; width: 0; height: 3px; background-color: #009DF4; transition: width 0.1s ease-in-out; }
.mmlink_reparieren { border-bottom: 4px solid transparent; }
.mmlink_reparieren:hover { border-bottom: 3px solid transparent; }
.mmlink_reparieren:hover::after { width: 0%; }

.link_engagieren {  position: relative; display: inline-block; color: black; text-decoration: none; border-bottom: 4px solid #FF00CC; padding-bottom: 0px; }
.link_engagieren::after { content: ""; position: absolute; bottom: -3px; left: 0; width: 100%; height: 3px; background-color: #FF00CC; transition: width 0.1s ease-in-out; }
.link_engagieren { border-bottom: 4px solid #FF00CC; }
.link_engagieren:hover { border-bottom: 3px solid transparent; }
.link_engagieren:hover::after { width: 0%; }

.mmlink_engagieren {  position: relative; display: inline-block; color: black; text-decoration: none; border-bottom: 4px solid #FF00CC; padding-bottom: 0px; }
.mmlink_engagieren::after { content: ""; position: absolute; bottom: 3px; left: 0; width: 0; height: 3px; background-color: #FF00CC; transition: width 0.1s ease-in-out; }
.mmlink_engagieren { border-bottom: 3px solid transparent; }
.mmlink_engagieren:hover { border-bottom: 3px solid transparent; }
.mmlink_engagieren:hover::after { width: 0%; }

.link_wissen {  position: relative; display: inline-block; color: black; text-decoration: none; border-bottom: 4px solid #5ED1BA; padding-bottom: 0px; }
.link_wissen::after { content: ""; position: absolute; bottom: -3px; left: 0; width: 100%; height: 3px; background-color: #5ED1BA; transition: width 0.1s ease-in-out; }
.link_wissen { border-bottom: 4px solid #5ED1BA; }
.link_wissen:hover { border-bottom: 3px solid transparent; }
.link_wissen:hover::after { width: 0%; }

.mmlink_wissen {  position: relative; display: inline-block; color: black; text-decoration: none; border-bottom: 4px solid #5ED1BA; padding-bottom: 0px; }
.mmlink_wissen::after { content: ""; position: absolute; bottom: 3px; left: 0; width: 0; height: 3px; background-color: #5ED1BA; transition: width 0.1s ease-in-out; }
.mmlink_wissen { border-bottom: 3px solid transparent; }
.mmlink_wissen:hover { border-bottom: 3px solid transparent; }
.mmlink_wissen:hover::after { width: 100%; }

.mainnav__activeline1 {  position: relative; display: inline-block; color: black; text-decoration: none; border-bottom: 4px solid #009DF4; padding-bottom: 0px; }
.mainnav__activeline1::after { content: ""; position: absolute; bottom: -4px; left: 0; width: 0px; height: 4px; background-color: #009DF4; transition: width 0.1s ease-in-out; }
.mainnav__activeline1 { border-bottom: 4px solid transparent; }
.mainnav__activeline1:hover { border-bottom: 4px solid transparent; }
.mainnav__activeline1:hover::after { width: 100%; }

.mainnav__activeline2 {  position: relative; display: inline-block; color: black; text-decoration: none; border-bottom: 4px solid #FF00CC; padding-bottom: 0px; }
.mainnav__activeline2::after { content: ""; position: absolute; bottom: -4px; left: 0; width: 0px; height: 4px; background-color: #FF00CC; transition: width 0.1s ease-in-out; }
.mainnav__activeline2 { border-bottom: 4px solid transparent; }
.mainnav__activeline2:hover { border-bottom: 4px solid transparent; }
.mainnav__activeline2:hover::after { width: 100%; }

.mainnav__activeline3 {  position: relative; display: inline-block; color: black; text-decoration: none; border-bottom: 4px solid #5ED1BA; padding-bottom: 0px; }
.mainnav__activeline3::after { content: ""; position: absolute; bottom: -4px; left: 0; width: 0px; height: 4px; background-color: #5ED1BA; transition: width 0.1s ease-in-out; }
.mainnav__activeline3 { border-bottom: 4px solid transparent; }
.mainnav__activeline3:hover { border-bottom: 4px solid transparent; }
.mainnav__activeline3:hover::after { width: 100%; }

.mainnav__lst li.folder { width: 284px; }

@media (max-width: 1199px) {
	.mainnav__megadropdown-lst { padding-left: 1.8em; }
}

@media (min-width: 1200px) {
	.mainnav__megadropdown-lst { padding-left: 355px; }
}

@media (max-width: 1580px) {
	#mainnav { left: 328px; }
}
@media (min-width: 1581px) {
	#mainnav { left: 355px; }
}

/* *********************************************************************************** */
/* STICKY HEADER */
/* *********************************************************************************** */
#header.sticky { background: #fff; padding-top: 0px; left: 0px; top: 0px; opacity: 0; }
#header.sticky .metanav--header { opacity: 0; }
#header.sticky .logo { display: none; }
#header.sticky .logosticky { display: block; }
#header.sticky #mainnav { top: 0em; max-width: 768px; margin-left: 0px; }
#header.sticky #mainnav li a { font-size: 1.2em; }
#header.sticky { box-shadow: 5px 5px 55px #aaa; }
#header.sticky .wrapper--mainnav { padding-left: 15px; padding-right: 15px; max-width: 1400px; margin: 0 auto; background: #fff; }
#header.sticky.show { top: 0; opacity: 1; transition: all 0.5s ease-in-out; }
#header.sticky .mainnav__lst { margin-left: 0; position: relative; }
#header.sticky #mainnav { top: -2em !important; position: relative; }
#header.sticky .wrapper--mainnav { height: 7.5em; }

#header.sticky {
	transition: top 0.7s ease-in-out !important;
}

#header.sticky.show {
    top: 0px !important;
    opacity: 1;
    visibility: visible;
    display: block;
    position: fixed;
    width: 100%;
    z-index: 99999;
}
#header.sticky #navspan1 { opacity: 1.0 !important; }
#header.sticky #navspan2 { opacity: 1.0 !important; }
#header.sticky #navspan3 { opacity: 1.0 !important; }
#header.sticky #navspan4 { opacity: 1.0 !important; }

#header.sticky #mainnav {
    top: -3.5em !important;
}

#header.sticky.show {
    max-height: 115px;
    overflow: hidden;
}

#header.sticky #mainnav li a { font-size: 1.125em !important; }

/* *********************************************************************************** */
/* OPEN STREET MAP */
/* *********************************************************************************** */
#mapdiv {
height: 700px;
width: 100%;
}
.popup-content {
width: 300px;
}
.popup-content img {
float: left;
margin-right: 10px;
width: 100px;
height: auto;
}
.popup-content .close-button {
float: right;
cursor: pointer;
font-weight: bold;
color: red;
}
.olFramedCloudPopupContent {
	padding: 5px;
	overflow: hidden;
}
.olAlphaImg {
    cursor: pointer;
}
.olPopup { width: 350px; }
.maph2 { font-size: 16px !imporant; margin-top: 0px !important; padding-top: 0px !important; }
.maplink { color: #000 !important; text-decoration: underline !important; }

.introBlock a { color: #000; text-decoration: underline !important; }
.introBlock a:hover { text-decoration: none !important; }

.introBlock .ctabutton_black { text-decoration: none !important; }
.introBlock .ctabutton_black:hover { text-decoration: none !important; }
.ctabutton_black { background: #000 !important; color: #fff !important; padding-left: 25px; padding-right: 25px; padding-top: 12px; padding-bottom: 12px; text-decorartion: none !important; }
.ctabutton_black:hover { background: #333 !important;  text-decoration: none !important; text-decoration: none !important; }

.introBlock .ctabutton_pink { text-decoration: none !important; }
.introBlock .ctabutton_pink:hover { text-decoration: none !important; }
.ctabutton_pink { background: #FF00CC !important; color: #fff !important; padding-left: 25px; padding-right: 25px; padding-top: 12px; padding-bottom: 12px; text-decorartion: none !important; }
.ctabutton_pink:hover { background: #FF00CC !important; opacity: 0.7 !important; text-decoration: none !important; text-decoration: none !important; }

#ctabutton_black { text-decoration: none !important; }
#ctabutton_black:hover { text-decoration: none !important; opacity: 0.7; }
#ctabutton_black { background: #000 !important; color: #fff !important; padding-left: 25px; padding-right: 25px; padding-top: 12px; padding-bottom: 12px; text-decorartion: none !important; }

#btncta { text-decoration: none !important; }

.popup_readmore { margin-top: -10px !important; }

.mainnav__activeline1 { outline: none !important; }
.mainnav__activeline2 { outline: none !important; }
.mainnav__activeline3 { outline: none !important; }

#textcontent a { color: #000 !important; }
#textcontent a:hover { text-decoration: none !important; }
h1 { font-family: 'Roboto Slab', Helvetica, Arial, Verdana, sans-serif; }
#btncta a { color: #fff !important; }
#btncta a:hover {  }

.spenden_qrrg { margin-top: 15px; }
.spenden_qrrg a { font-family: 'Roboto', Helvetica, Arial, Verdana, sans-serif !important; color: #000 !important; font-weight: normal !important; }

.tablepress { border: 0px; }
.tablepress .sorting, .tablepress .sorting_asc, .tablepress .sorting_desc {
    background-color: #e3f2f0 !important;
}
.dataTables_length  { font-size: 14px; margin-top: 25px; }
#tablepress-1_filter  { font-size: 14px; }
.dataTables_info { font-size: 14px; margin-top: 25px; }
.paginate_button { font-size: 14px; }
.tablepress>:where(tbody)>.odd>* {
    background-color: #efefef;
}

.mainnav__megadropdown-lst {
    vertical-align: top !important;
}