@font-face {font-family:'Titillium';font-weight:400;font-style:normal;src:url('fonts/titillium-web-400.woff2') format('woff2'), url('fonts/titillium-web-400.woff') format('woff');}
@font-face {font-family:'Titillium';font-weight:400;font-style:italic;src:url('fonts/titillium-web-400-italic.woff2') format('woff2'),url('fonts/titillium-web-400-italic.woff') format('woff');}
@font-face {font-family:'Titillium';font-weight:600;font-style:normal;src:url('fonts/titillium-web-600.woff2') format('woff2'),url('fonts/titillium-web-600.woff') format('woff')}
@font-face {font-family:'Titillium';font-weight:600;font-style:italic;src:url('fonts/titillium-web-600-italic.woff2') format('woff2'),url('fonts/titillium-web-600-italic.woff') format('woff');}
@font-face {font-family:'Titillium';font-weight:700;font-style:normal;src:url('fonts/titillium-web-700.woff2') format('woff2'),url('fonts/titillium-web-700.woff') format('woff')}
@font-face {font-family:'Titillium';font-weight:700;font-style:italic;src:url('fonts/titillium-web-700-italic.woff2') format('woff2'),url('fonts/titillium-web-700-italic.woff') format('woff');}
/*@font-face {font-family:'Titillium';font-weight:300;font-style:normal;src:url('fonts/titillium-web-300.woff2') format('woff2'), url('fonts/titillium-web-300.woff') format('woff');}
@font-face {font-family:'Titillium';font-weight:300;font-style:italic;src:url('fonts/titillium-web-300-italic.woff2') format('woff2'),url('fonts/titillium-web-300-italic.woff') format('woff');}*/


/*RESET*/

body {margin:0;padding:0;text-align:left;background:#FFF;}
input, textarea, select {outline:none;border-radius:0;}
.clearfix::after, article::after {content:"";clear:both;display:table;}

/*BASICS*/

:root {
--light-yellow:#ffefc7;
--yellow:#fecd1b;
--orange:#f29527;
--dark-orange:#ce7f21;
--lighter-grey:#f2f2f2;
--light-grey:#e6e6e6;
--midi-grey:#adadad;
--midi2-grey:#808080;
--grey:#4d4d4d;
--text-color:#4d4d4d;
}

.blank {background-color:#fff;}

body, .txt {font-family:'Titillium',sans-serif;font-size:18px;line-height:1.44;font-weight:400;color:var(--text-color);}


/*CONTENT*/

.txt sub, .txt sup {font-size:0.7em;line-height:1;}

.txt a {position:relative;border-bottom:1px dashed transparent;color:var(--orange);text-decoration:none;-o-transition:all 0.25s;-webkit-transition:all 0.25s;transition:all 0.25s;}
.txt a:hover {border-color:var(--orange);}

.txt h1, .txt h2, .txt h3, .txt h4, .txt h5 {margin:0;line-height:1.2;font-weight:600;}
.txt h1 {font-size:2em;}
.txt h2 {font-size:1.6em;}
.txt h3 {font-size:1.3em;}
.txt h4 {font-size:1.1em;}
.txt h5 {font-size:1em;line-height:1.44;font-weight:700;}

.txt ul, .txt ol {display:block;padding:0 0 0 36px;overflow:hidden;}
.txt ul {list-style: circle;}
.txt li {position:relative;padding-left:4px;}
.txt li em {opacity:0.6;}

.txt table {width:100%;margin:0;padding:0;border-collapse:collapse;border-spacing:0;border:1px solid var(--midi-grey);}
.txt table tr td {padding:9px 8px;vertical-align:middle;border-left:1px solid var(--midi-grey);border-top:1px solid var(--midi-grey);}
.txt table tr:first-child td {border-top-width:0;}
.txt table tr td:first-child {border-left-width:0;}
.txt .c-tablewrap:before, .txt .c-tablewrap::after {content:"« Wischen/Scrollen »";display:block;font-size:0.8em;font-weight:400;letter-spacing:0.025em;color:var(--midi-grey);text-align:center;}

.txt input, .txt textarea, .txt select {width:100%;padding:8px 12px;background-color:#f2f2f2;border:1px solid transparent;border-radius:5px;font-family:'Titillium',sans-serif;font-size:1em;letter-spacing:0.0125em;color:var(--grey);-o-transition:border-color 0.25s;-webkit-transition:border-color 0.25s;transition:border-color 0.25s;}
.txt textarea {height:6.5em;line-height:1.4;resize:vertical;}
.txt select {width:auto;}
.txt input[type="checkbox"] {width:auto;padding:0;}
.txt input[type="checkbox"] + label {padding-left:12px;}
.txt input[type="checkbox"] + label::after {content:"";height:0;width:0;display:block;}
.txt ul.c-checkbox-list, .txt ul.c-radio-list {display:block;margin:0;padding:0 0 6px 0;background-color:var(--lighter-grey);border-radius:5px;overflow:hidden;}
.txt ul.c-checkbox-list li, .txt ul.c-radio-list li {display:inline-block;margin:6px 0 0 8px;padding:0;}
.txt ul.c-checkbox-list label, .txt ul.c-radio-list label {display:inline-block;padding:4px 8px 4px 2px;}
.txt ul.c-checkbox-list label input, .txt ul.c-radio-list label input {width:auto;padding:0;}
.txt ul.c-checkbox-list label span, .txt ul.c-radio-list label span {margin-left:4px;}
.txt ul.c-checkbox-list label:hover span, .txt ul.c-radio-list label:hover span {border-bottom:1px solid var(--text-color)}
.txt input:focus, .txt textarea:focus, .txt select:focus {border-color:var(--grey);}
.txt *:invalid {box-shadow:none;}

/*{!}*/
.txt .c-button, a.button, .txt input[type="button"], .txt input[type="submit"] {display:inline-block;width:auto;padding:8px 16px;margin:1.2em 0;background-color:var(--yellow);border:0;border-radius:5px;color:#fff;font-family:'Titillium',sans-serif;font-size:1em;font-weight:600;cursor:pointer;-webkit-transition:background-color 0.25s, color 0.25s;-o-transition:background-color 0.25s, color 0.25s;transition:background-color 0.25s, color 0.25s;}
.txt .c-button:not(:disabled):hover, a.button:not(:disabled):hover, .txt input[type="button"]:not(:disabled):hover, .txt input[type="submit"]:not(:disabled):hover {color:var(--grey);}
.txt .c-button:disabled, a.button:disabled, .txt input[type="button"]:disabled, .txt input[type="submit"]:disabled {opacity:0.5;}
.txt .c-button:before, a.button:before {display:none;-o-transition:none;-webkit-transition:none;transition:none;}

/*margins*/
.txt h1, .txt h2, .txt h3, .txt h4 {margin:1.2em 0 0.8em;}
.txt h5 {margin:1em 0 0.6em;}
.txt p, .txt div {margin:0.6em 0;}
.txt ul, .txt ol {margin:0.8em 0;}
.txt ul ul, .txt ol ol, .txt ul ol, .txt ol ul {margin:0;}
.txt ul li + li, .txt ol li + li {margin:0.25em 0;}
.txt table, .txt .c-tablewrap {margin:1em 0;}
.txt *:first-child {margin-top:0 !important;}
.txt *:last-child {margin-bottom:0 !important;}

/*ELEMENTS*/

.c-image .c-imgbox .c-img img,
.c-textimage .c-imgbox .c-img img {overflow:hidden;}
.c-image .c-imgbox .txt,
.c-textimage .c-imgbox .txt {padding:6px 10px;font-style:italic;font-size:0.8em;line-height:1.5;}

.c-imagegallery {overflow:hidden;}
.c-imagegallery a {cursor:pointer;}
.c-imagegallery .c-imgbox {margin:2px;}
.c-imagegallery .c-imgbox img {-o-transition:transform ease 0.25s;-webkit-transition:transform ease 0.25s;transition:transform ease 0.25s;}
.c-imagegallery .c-imgbox a:hover img {-ms-transform:translateY(-50%) scale(1.2);-webkit-transform:translateY(-50%) scale(1.2);transform:translateY(-50%) scale(1.2);}
.c-imagegallery.flex .c-imgbox a:hover img {-ms-transform:scale(1.2);-webkit-transform:scale(1.2);transform:scale(1.2);}

.c-video,
.c-streetmap {overflow:hidden;}

.c-downloads ul {padding:0;display:inline-block;border:1px solid var(--orange);}
.c-downloads li {padding:8px 16px;overflow:hidden;text-overflow:ellipsis;}
.c-downloads li + li {border-top:1px solid var(--orange);}
.c-downloads span a {z-index:2;position:relative;display:inline-block;color:var(--orange);text-decoration:none;}
.c-downloads span a::after {z-index:-1;content:"";display:block;height:2px;width:0;position:absolute;left:0;bottom:-2px;background-color:var(--orange);-o-transition:width 0.25s;-webkit-transition:width 0.25s;transition:width 0.25s;}
.c-downloads span a:hover::after {width:100%;}
.c-downloads span span {padding-left:12px;font-size:0.8em;color:var(--midi-grey);}
.c-downloads div {color:var(--text-color);}
.c-downloads div + span a {font-size:0.8em;}

.c-form .c-message {margin-bottom:32px;padding:12px;border:1px solid var(--orange);border-radius:5px;color:var(--text-color);font-weight:600;}
.c-form dl + dl {margin-top:32px;}
.c-form dt {padding-bottom:6px;font-size:0.9em;letter-spacing:0.025em;color:var(--grey);}
.c-form dd + dd {margin-top:4px}
.c-form dl.required dt span::after {padding-left:2px;}
.c-form dl.error dt span {color:var(--text-color);}
.c-form dl.error dd > * {border-left:2px solid var(--orange);box-shadow:none;}
.c-form span.c-reqinfo {display:inline-block;margin:15px 0 0 18px;font-size:0.8em;color:var(--text-color);}
.c-form input.c-button {margin-top:24px;margin-bottom:0;}
.c-form input.c-button:disabled {cursor:not-allowed;}
.c-contactform {padding:16px;border:2px solid var(--grey);}
.c-contactform .c-form .c-button {margin-bottom:0;}
/*{!}*/
.c-form .c-dataconfirmation {position:relative;margin-top:24px;}
.c-form .c-dataconfirmation::after {content:"";display:table;clear:both;}
.c-form .c-dataconfirmation input[type="checkbox"] {position:absolute;top:4px;left:0;}
.c-form .c-dataconfirmation input[type="checkbox"] + label {position:relative;display:block;padding-left:28px;cursor:pointer;font-size:0.8em;}
.c-form .c-dataconfirmation input[type="checkbox"] + label i {display:none;}

@media screen and (min-width:800px) {
.c-contactform {padding:24px;}
}


/*color depended changes for content & elements*/

section:not(.blank) .txt input:not(.c-button),
section:not(.blank) .txt textarea {background-color:#fff;}
section:not(.blank) .c-downloads div + span a {font-weight:600;}

section.yellow .txt > *:not(.blank) a:not(.button) {color:var(--dark-orange);}
section.yellow .txt > *:not(.blank) a:not(.button):hover {border-color:var(--dark-orange);}
section.yellow .txt > *:not(.blank) table {border-color:var(--light-yellow);}
section.yellow .txt > *:not(.blank) table tr td {border-left-color:var(--light-yellow);border-top-color:var(--light-yellow);}
section.yellow .c-form .c-message {border-color:#fff;}
section.yellow .c-form dl.error dd > * {border-left-color:var(--grey);}
section.yellow .c-downloads ul {border-color:var(--dark-orange);}
section.yellow .c-downloads li + li {border-top-color:var(--dark-orange);}
section.yellow .c-downloads span a {color:var(--dark-orange);}
section.yellow .c-downloads span a::after {background-color:var(--dark-orange);}
section.yellow .c-downloads span span {color:var(--light-yellow);font-weight:600;}

section.yellow .txt .c-button, 
section.yellow a.button, 
section.yellow .txt input[type="button"], 
section.yellow .txt input[type="submit"] {background-color:var(--orange);color:var(--grey);}
section.yellow .txt .c-button:not(:disabled):hover, 
section.yellow a.button:not(:disabled):hover, 
section.yellow .txt input[type="button"]:not(:disabled):hover, 
section.yellow .txt input[type="submit"]:not(:disabled):hover {color:#fff;}


/*CONTAINER*/

#page {max-width:1920px;margin:0 auto;padding:0;}

.outerpad {max-width:1440px;margin:0 auto;padding:0;}
.innerpad {padding-left:24px;padding-right:24px;}

@media screen and (min-width:800px) {
.outerpad {padding-left:48px;padding-right:48px;}
.innerpad {padding-left:36px;padding-right:36px;}
}


/*COLORLINES*/

.colorlines {width:100%;height:8px;display:flex;}
.colorlines div {flex:1;height:inherit;background-color:var(--yellow);}
.colorlines div:nth-child(2n) {background-color:var(--orange);}

@media screen and (min-width:800px) {
.colorlines {height:12px;}
}


/*MENU*/

#menu {z-index:1001;position:relative;}

#menu-icon {z-index:2;position:absolute;top:16px;right:24px;display:block;width:36px;height:36px;background-color:#fff;border-radius:50%;cursor:pointer;}
#menu-icon div {position:relative;width:20px;height:16px;margin:10px 8px;}
#menu-icon span {display:block;width:20px;height:2px;position:absolute;left:0;background-color:var(--grey);-o-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;}
#menu-icon span.top {top:0;}
#menu-icon span.middle {top:7px;}
#menu-icon span.bottom {top:14px;}
body.nav-opened #menu-icon span {left:-1px;width:22px;}
body.nav-opened #menu-icon span.top {top:-1px;-ms-transform:translateY(8px) rotate(-45deg);-webkit-transform:translateY(8px) rotateZ(-45deg);transform:translateY(8px) rotateZ(-45deg);}
body.nav-opened #menu-icon span.middle {opacity:0;-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);}
body.nav-opened #menu-icon span.bottom {top:13px;-ms-transform:translateY(-6px) rotate(45deg);-webkit-transform:translateY(-6px) rotateZ(45deg);transform:translateY(-6px) rotateZ(45deg);}

#nav {display:none;z-index:1;position:absolute;top:0;left:0;width:100%;min-height:calc(100vh - 8px);background-color:var(--light-grey);}
#nav .wrap {min-height:inherit;}
#nav nav {position:relative;width:100%;min-height:inherit;padding:44px 36px;opacity:1;-o-transition:opacity 0.25s;-webkit-transition:opacity 0.25s;transition:opacity 0.75s;}
#nav nav ul {padding:0;font-size:18px;font-weight:400;text-align:left;}
#nav nav li {position:relative;display:block;margin:18px 0 0;padding:0;cursor:default;}
#nav nav li > * {position:relative;color:var(--grey);text-decoration:none;}
#nav nav li > a::after {content:"";position:absolute;left:0;bottom:-2px;display:block;width:0;height:2px;background-color:var(--grey);-o-transition:width 0.25s;-webkit-transition:width 0.25s;transition:width 0.25s;}
#nav nav li > a:hover::after {width:100%;}
#nav nav ul.lvl1 {display:flex;flex-flow:row wrap;justify-content:center;}
#nav nav ul.lvl1 > li {width:25%;min-width:280px;margin:20px;padding:20px;background-color:#fff;}
#nav nav ul.lvl1 > li > *:not(ul) {font-weight:600;text-transform:uppercase;}
#nav nav ul.lvl2 {padding-left:20px;}
#nav nav ul.lvl2 li {padding-left:20px;}
#nav nav ul.lvl2 li:before {position:absolute;top:8px;left:0;content:"";display:block;width:8px;height:8px;border:2px solid var(--grey);}
#nav .colorlines {position:absolute;left:0;bottom:0;}

@media screen and (min-width:480px) {
#nav nav {padding-top:144px;}
}
@media screen and (min-width:800px) {
#menu-icon {top:24px;right:36px;width:48px;height:48px;}
#menu-icon div {width:28px;height:21px;margin:13px 10px;}
#menu-icon span {width:28px;height:3px;}
#menu-icon span.top {top:0;}
#menu-icon span.middle {top:9px;}
#menu-icon span.bottom {top:18px;}
#nav {min-height:calc(100vh - 12px);}
body.nav-opened #menu-icon span {left:-2px;width:32px;}
body.nav-opened #menu-icon span.top {top:-2px;-ms-transform:translateY(11px) rotate(-45deg);-webkit-transform:translateY(11px) rotateZ(-45deg);transform:translateY(11px) rotateZ(-45deg);}
body.nav-opened #menu-icon span.middle {opacity:0;-ms-transform:scale(0);-webkit-transform:scale(0);transform:scale(0);}
body.nav-opened #menu-icon span.bottom {-ms-transform:translateY(-4px) rotate(45deg);-webkit-transform:translateY(-4px) rotateZ(45deg);transform:translateY(-4px) rotateZ(45deg);}
}


/*HEADER*/

header {position:relative;background-color:#e6e6e6;}
/*logo*/
#logo {z-index:1003;position:absolute;top:16px;left:16px;width:142px;height:24px;}
#logo a {display:block;width:100%;height:100%;}
#logo img.logo-big {display:none;}
@media screen and (min-width:480px) {
#logo img.logo-small {display:none;}
#logo img.logo-big {display:block;}
} @media screen and (min-width:800px) {
#logo {top:24px;left:3%;width:10%;min-width:142px;max-width:192px;}
} @media screen and (min-width:1700px) {
#logo {width:192px;}
}

header .wave {z-index:2;position:relative;width:100%;overflow:hidden;}
header .wave img {display:block;min-height:28px;max-width:200%;}

header .pagetree {z-index:1;position:relative;}
header .pagetree * {text-transform:uppercase;color:var(--text-color);word-wrap:break-word;overflow-wrap:break-word;}
header .pagetree ul {position:relative;list-style:none;display:inline-block;padding:24px 0 24px 24px;}
header .pagetree ul:before {position:absolute;left:0;top:15px;bottom:-25px;content:"";display:block;width:8px;background-color:var(--yellow);}
header .pagetree ul li {display:inline;font-size:1.2em;}
header .pagetree ul li.c-splitter {padding:0 4px;}
header .pagetree ul li:last-child {display:block;font-size:2em;font-weight:600;line-height:1.1;}
header .pagetree ul li:last-child:not(:first-child) {padding-top:6px;}
header .pagetree ul li a {text-decoration:none;}

header .circles {z-index:3;position:absolute;top:60px;right:10%;}
header .circles:before {display:block;width:100%;content:"";}
header .circles > .box {position:absolute;top:0;right:0;width:100%;height:100%;}

header .circles .slider {position:absolute;right:0;top:0;width:100%;height:100%;border:16px solid var(--yellow);}
header .circles .slider .c-pageslider {position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;overflow:hidden;}

header .circles .slider .c-slides li {position:relative;overflow:hidden;}
header .circles .slider .c-slides li:before {content:"";display:block;padding-top:100%;}
header .circles .slider .c-slides li img {max-width:none !important;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
header .circles .slider .c-slides li img.landscape {width:auto;height:100%;}
header .circles .slider .c-slides li img.portrait {width:100%;height:auto;}
header .circles .slider .c-direction a {width:32px;background-image:url('img/slider-controls.png');background-color:transparent;opacity:0.75;-o-transition:opacity 0.25s;-webkit-transition:opacity 0.25s;transition:opacity 0.25s;}
header .circles .slider .c-direction a:hover {opacity:1;}
header .circles .slider .c-direction a.c-prev {left:-16px;background-position:-13px 0;}
header .circles .slider .c-direction a.c-next {right:-16px;background-position:-50px 0;}
header .circles .slider .c-direction,
header .circles .slider .c-pager {display:none;}

header {padding-top:160px;}
header .circles {min-width:150px;max-width:325px;}
header .circles:before {padding-bottom:76%;}
header [class|="circle"] {border-radius:50%;}
header [class|="circle"]:before {display:block;width:100%;padding-top:100%;content:"";}
header [class|="circle"] > div {position:absolute;right:0;top:0;width:100%;height:100%;border-radius:50%;overflow:hidden;}
header .circle-s {z-index:13;width:40%;left:6%;bottom:0;position:absolute;background-color:var(--yellow);}
header .circle-s::after {top:10%;left:10%;width:80%;height:80%;position:absolute;display:block;content:"";border-radius:50%;background-color:#FFEDAD;}
header .circle-m {z-index:11;width:53%;left:0;top:6%;position:absolute;background-color:var(--orange);}
header .circle-l {z-index:12;width:70%;top:0;right:0;position:absolute;background-color:var(--yellow);}

header.kita {padding-top:248px;}
header.kita .circles {min-width:260px;max-width:500px;}
header.kita .circles:before {padding-bottom:77%;}
header.kita .circle-l {width:74%;z-index:14;}

header.startpage {padding-top:60px;}
header.startpage .wave {margin-top:40px;}
header.startpage .circles {max-width:800px;margin:0 10% 0 15%;position:relative;top:auto;right:auto;}
header.startpage .circles:before {padding-bottom:82%;}
header.startpage .circle-l {width:82%;}
header.startpage .circle-m {top:17%;}
header.startpage .circle-s {width:200px;top:60%;left:-15%;bottom:auto;transform:scale(0.8);}
header.startpage .circle-s::after {display:none}
header.startpage .circle-s .welcome {display:flex;width:100%;height:100%;}
header.startpage .circle-s .welcome > div {align-self:center;text-align:center;padding:7px 20px 20px;font-size:1em;line-height:1.2;}
header.startpage .circle-s .welcome p {margin:0;}
header.startpage .circle-s .welcome p.p1 {font-size:1.6em;font-weight:600;}
header.startpage .circle-s .welcome p.p2 {margin:0.5em 0;font-size:0.84em;}
header.startpage .circle-s .welcome p.p3 {font-size:1.2em;font-weight:700;}

@media screen and (max-width:400px) {
header.startpage + main section:first-child {padding-top:56px;}
}
@media screen and (min-width:480px) {
header.startpage .circles:before {padding-bottom:72%;}
header.startpage .circle-s {width:200px;top:60%;left:0;bottom:auto;}
}
@media screen and (min-width:640px) {
header.kita {padding-top:280px;}
header.kita .circles {min-width:300px;width:32%;}
header.startpage .circle-s {transform:scale(1);}
}
@media screen and (min-width:800px) {
header.kita .circles {width:30%;}
header.startpage .circle-s {transform:scale(1.25);}
}
@media screen and (min-width:1024px) {
header:not(.startpage) .circles {width:25%;right:auto;left:57%;}
header.kita .circles {width:35%;}
header.startpage {height:700px;}
header.startpage .wave {position:absolute;bottom:0;margin-top:0;}
header.startpage .circles {position:absolute;top:auto;right:12%;margin:0;width:100%;}
header.startpage .circle-l {width:77%;}
header.startpage .circle-m {top:12%;left:-2%;}
header.startpage .circle-s {top:69%;left:7%;-ms-transform:scale(1.5);-webkit-transform:scale(1.5);transform:scale(1.5);}
header .pagetree ul {width:60%;}
}
@media screen and (min-width:1700px) {
header.kita {padding-top:280px;}
}


/*MAIN*/

main {min-height:350px;}
main > * {padding-top:36px;padding-bottom:36px;}
section:not(.blank) .innerpad {padding-top:36px;padding-bottom:36px;}
section.yellow .innerpad {background-color:var(--yellow);}
section.light-grey .innerpad {background-color:var(--light-grey);}
@media screen and (min-width:800px) {
section:not(.blank) .innerpad {padding-top:36px;padding-bottom:36px;}
}
/*submenu*/
main nav > .select {position:relative;color:var(--midi2-grey);display:block;height:42px;padding:8px 16px;text-transform:uppercase;color:var(--grey);border-left:8px solid var(--yellow);background-color:var(--light-grey);cursor:pointer;}
main nav > .select > span {position:absolute;top:9px;right:16px;width:24px;height:24px;}
main nav > .select > span span {top:11px;display:block;width:16px;height:2px;position:absolute;background-color:var(--grey);}
main nav > .select > span span.l {left:9px;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
main nav > .select > span span.r {right:9px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
main nav ul {display:none;padding:0;font-size:18px;font-weight:400;color:var(--midi2-grey);text-align:left;}
main nav li {position:relative;display:block;margin-top:1px;padding:0;border-left:8px solid var(--midi-grey);background-color:var(--light-grey);-o-transition:background-color 0.25s;-webkit-transition:background-color 0.25s;transition:background-color 0.25s;}
main nav li > * {position:relative;color:var(--midi2-grey);display:block;padding:8px 16px;text-decoration:none;}
main nav li.active > * {color:var(--grey);font-weight:600;}
main nav li:hover {background-color:var(--lighter-grey);}
main nav li + li {margin-top:1px;}
@media screen and (min-width:640px) {
main nav > .select {display:none;}
main nav > .select + * {display:block;}
main nav li {display:inline-block;}
main nav li + li {border-left-width:1px;}
main nav li.active {border-left-color:var(--midi-grey);}
main nav li:first-child {border-left-color:var(--yellow);}
}


/*FOOTER*/

footer {position:relative;background-color:var(--grey);}
footer .txt {font-size:0.9em;color:#d4d4d4;}
footer .txt h4 {margin:0;text-transform:uppercase;font-weight:600;}
footer .txt a {color:inherit;position:relative;z-index:1;text-decoration:none;border-bottom:1px dotted transparent;}
footer .txt a:hover {color:#fff;border-color:#fff;}
footer .txt ul {list-style:none;padding:0;overflow:visible;}
footer .txt ul li {padding:0;}
/*wave*/
footer .wave {overflow:hidden;}
footer .wave img {display:block;min-height:50px;max-height:75px;max-width:300%;}
/*footerbox*/
footer .footerbox {padding:48px 0}
footer .footerbox .c-column {}
footer .footerbox .logo {text-align:center;}
footer .footerbox .logo a {text-decoration:none;border:0;}
footer .footerbox span.contacttype {padding-right:8px;}
footer .footerbox span.contacttype + * {display:inline-block;}
footer .footerbox img.logo-stoepsel-ev {display:inline-block;width:100%;height:auto;max-width:180px;}
footer .footerbox img.logo-die-paritaetische {display:inline-block;width:100%;height:auto;max-width:268px;margin-top:24px;}
footer .footerbox a.social-media {border:0;display:inline-block;width:24px;height:24px;background-image:url('img/social-media.svg');background-repeat:no-repeat;opacity:0.75;}
footer .footerbox a.social-media:hover {opacity:1;}
footer .footerbox a.social-media.facebook {background-position:-3px -3px;}
footer .footerbox a.social-media.instagram {background-position:-33px -3px;}
footer .footerbox a.social-media + a.social-media {margin-left:12px}
/*footernote*/
footer .footnote {border-top:1px solid #7a7a7a;padding:16px 0;}
footer .footnote .innerpad {display:table;width:100%;}
footer .footnote .innerpad > span {display:table-cell;height:24px;vertical-align:middle;}
footer .footnote span.copyright {line-height:1;}
footer .footnote span.login {position:relative;width:24px;height:24px;opacity:0.75;-o-transition:opacity 0.25s;-webkit-transition:opacity 0.25s;transition:opacity 0.25s;}
footer .footnote span.login:hover {opacity:1;}
footer .footnote span.login a, footer .footnote span.login a img {display:block;width:100%;height:100%;}
footer .footnote span.login + * {padding-left:16px;}


/*TOTOP*/

#totop {display:none;z-index:1005;position:fixed;bottom:32px;right:16px;width:48px;height:48px;background-color:#fff;border:1px solid var(--grey);cursor:pointer;opacity:0.5;-o-transition:opacity 0.25s;-webkit-transition:opacity 0.25s;transition:opacity 0.25s;}
#totop span {top:21px;display:block;width:20px;height:2px;position:absolute;background-color:#000;-o-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;}
#totop span.l {left:6px;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
#totop span.r {right:6px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
#totop:hover {opacity:1;}


/*XTRAS*/

/*kita table tag/jahr*/
table.kita, table.kita tbody, table.kita td, table.kita td + td {display:block;border:0;}
table.kita tr {display:flex;flex-flow:column nowrap;}
table.kita tr td {display:block;padding:16px;}
table.kita tr td:first-child {text-align:center;}
table.kita tr td:first-child strong {font-size:1.2em;font-weight:700;}
table.kita tr td:first-child img {display:block;margin:0 auto;border-radius:50%;}
table.kita.orange td:first-child {background-color:rgb(242,149,39);}
table.kita.orange td:last-child {background-color:rgba(242,149,39,0.5);}
table.kita.yellow td:first-child {background-color:rgb(254,205,27);}
table.kita.yellow td:last-child {background-color:rgba(254,205,27,0.5);}
table.kita.green td:first-child {background-color:rgb(192,208,40);}
table.kita.green td:last-child {background-color:rgba(192,208,40,0.5);}
table.kita.blue td:first-child {background-color:rgb(162,191,221);}
table.kita.blue td:last-child {background-color:rgba(162,191,221,0.5);}
@media screen and (min-width:640px) {
table.kita tr {flex-flow:row nowrap;}
table.kita td:first-child {width:200px;flex:none;}
table.kita td:last-child {width:auto;flex:1 1;}
}

/*leitbild*/
div.leitbild {position:relative;max-width:100%;width:400px;margin:0 auto !important;background-color:var(--yellow);border:0.5em dashed #fff;border-radius:50%;}
div.leitbild:before {content:"";display:block;padding-top:100%;}
div.leitbild > div {display:flex;position:absolute;top:0;left:0;width:100%;height:100%;padding:10%;border-radius:50%;overflow:hidden;}
div.leitbild > div > div {text-align:center;align-self:center;font-size:1.1em;line-height:1.4;font-weight:600;}
div.leitbild div span {display:inline-block;padding:0 0.125em;}
@media screen and (min-width:400px) {div.leitbild > div > div {font-size:1.2em;}}
@media screen and (min-width:480px) {div.leitbild > div > div {font-size:1.4em;}}

/*leitbild table tag/jahr*/
table.leitbild, table.leitbild tbody, table.leitbild td, table.leitbild td + td {display:block;border:0;}
table.leitbild tr {display:flex;flex-flow:column nowrap;}
table.leitbild tr td {display:block;padding:16px;}
table.leitbild tr td:first-child {}
table.leitbild tr td:first-child strong {font-size:1.2em;font-weight:700;}
table.leitbild tr td:first-child img {display:block;margin:0 auto;border-radius:50%;}
table.leitbild.orange td:first-child {background-color:rgb(242,149,39);}
table.leitbild.orange td:last-child {background-color:rgba(242,149,39,0.5);}
table.leitbild.yellow td:first-child {background-color:rgb(254,205,27);}
table.leitbild.yellow td:last-child {background-color:rgba(254,205,27,0.5);}
table.leitbild.green td:first-child {background-color:rgb(192,208,40);}
table.leitbild.green td:last-child {background-color:rgba(192,208,40,0.5);}
table.leitbild.blue td:first-child {background-color:rgb(162,191,221);}
table.leitbild.blue td:last-child {background-color:rgba(162,191,221,0.5);}
@media screen and (min-width:640px) {
table.leitbild tr {flex-flow:row nowrap;}
table.leitbild td:first-child {width:200px;flex:none;}
table.leitbild td:last-child {width:auto;flex:1 1;}
table.leitbild.headline tr {flex-flow:row wrap;}
table.leitbild.headline td:first-child {padding:8px 16px;width:100%;min-width:250px;}
table.leitbild.headline td:last-child {width:100%;flex:none;}
}

/*startpage boxes*/
.txt .box {display:block;max-width:400px;margin:0 auto;padding:36px 28px 28px;background-color:#fff;border-top:8px solid var(--yellow);text-align:center;}
.txt .box img {display:block;max-width:280px;width:100%;margin:0 auto;border-radius:50%;}
.txt .box a {cursor:pointer;color:var(--grey) !important;border:0;text-decoration:none;}

/*news*/
.c-posts > .c-paging {display:none;}
.c-posts > .txt {position:relative;margin-bottom:72px;padding:42px 32px 32px;border:8px solid var(--orange);}
.c-posts > .txt > h2 {position:absolute;top:-8px;left:-8px;display:inline-block;padding:8px 16px 8px 16px;color:#fff;background-color:var(--orange);}
.c-posts .c-post {margin:0;padding:32px 0;display:flex;flex-flow:column nowrap;}
.c-posts .c-post + .c-post {border-top:2px solid var(--orange);}
.c-posts .c-post > .c-date {color:var(--orange);font-weight:600;}
.c-posts .c-post > .c-content {}
@media screen and (min-width:800px) {
.c-posts .c-post {flex-flow:row nowrap;}
.c-posts .c-post > * {margin:0 !important;}
.c-posts .c-post > .c-date {width:25%;flex:none;}
.c-posts .c-post > .c-content {width:auto;flex:1 1;}
}

/*stellenangebote*/
h2.sa-titel {margin-bottom:1.3em;}
h2.sa-titel > span + span,
h3.sa-titel > span + span {display:block;margin:0.6em 0;font-size:0.8em;}
h3.sa-mt {margin-top:1.6em;}


/*CONTENT*/

/*hyphens*/
/*main .txt h1, main .txt h2, main .txt h3, main .txt h4, main .txt h5 {-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}*/


/*GRID [FLUID]*/

.c-textimage, .c-columns, .c-line {margin:0 -18px;padding:0;}
.c-column {margin:0;padding:0 18px;width:100%;}

div.c + div.c {margin-top:36px;}
div.c + div.c[data-type="line"],
div.c[data-type="line"] + div.c  {margin-top:48px;}
.c-column:nth-child(n+2) {margin-top:36px;}

@media screen and (min-width:800px) {
.c-column.c2.w50, 
.c-column.c4.w25 {width:50%;}
.c-column.c2.w50:nth-child(n+2), 
.c-column.c4:nth-child(-n+2) {margin-top:0px;}
.c-column.c2.w33 {width:33.3333333333%;}
.c-column.c2.w66 {width:66.6666666667%;}
.c-column.c3.w33 {width:33.3333333333%;}
.c-column.c2:nth-child(n+2),
.c-column.c3 {margin-top:0px;}
}
@media screen and (min-width:1024px) {
.c-column.c4.w25 {width:25%;}
.c-column {margin-top:0px !important;}
}


/*admin-helper*/
body.logged section + section {border-top:1px dashed #ddd;}