@font-face {font-family:'FontAwesomeRegular';src:url('fonts/fa-regular-400.eot?v=4.6.1');src:url('fonts/fa-regular-400.eot?#iefix&v=4.6.1') format('embedded-opentype'), url('fonts/fa-regular-400.woff2?v=4.6.1') format('woff2'), url('fonts/fa-regular-400.woff?v=4.6.1') format('woff'), url('fonts/fa-regular-400.ttf?v=4.6.1') format('truetype'), url('fonts/fa-regular-400.svg?v=4.6.1#fontawesomeregular') format('svg');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family:'FontAwesomeSolid';src:url('fonts/fa-solid-900.eot?v=4.6.1');src:url('fonts/fa-solid-900.eot?#iefix&v=4.6.1') format('embedded-opentype'), url('fonts/fa-solid-900.woff2?v=4.6.1') format('woff2'), url('fonts/fa-solid-900.woff?v=4.6.1') format('woff'), url('fonts/fa-solid-900.ttf?v=4.6.1') format('truetype'), url('fonts/fa-solid-900.svg?v=4.6.1#fontawesomeregular') format('svg');font-weight: normal;font-style: normal;font-display: swap;}
@font-face {font-family: 'Archivo Narrow';font-style: normal;font-weight: 400;font-display: swap;src: url('fonts/archivo-narrow-v22-latin-regular.eot');src: local(''),url('fonts/archivo-narrow-v22-latin-regular.eot?#iefix') format('embedded-opentype'),url('fonts/archivo-narrow-v22-latin-regular.woff2') format('woff2'),url('fonts/archivo-narrow-v22-latin-regular.woff') format('woff'),url('fonts/archivo-narrow-v22-latin-regular.ttf') format('truetype'),url('fonts/archivo-narrow-v22-latin-regular.svg#ArchivoNarrow') format('svg');}
@font-face {font-family: 'Archivo Narrow';font-style: normal;font-weight: 600;font-display: swap;src: url('fonts/archivo-narrow-v22-latin-600.eot');src: local(''),url('fonts/archivo-narrow-v22-latin-600.eot?#iefix') format('embedded-opentype'),url('fonts/archivo-narrow-v22-latin-600.woff2') format('woff2'),url('fonts/archivo-narrow-v22-latin-600.woff') format('woff'),url('fonts/archivo-narrow-v22-latin-600.ttf') format('truetype'),url('fonts/archivo-narrow-v22-latin-600.svg#ArchivoNarrow') format('svg');}
@font-face {font-family: 'Archivo Narrow';font-style: normal;font-weight: 700;font-display: swap;src: url('fonts/archivo-narrow-v22-latin-700.eot');src: local(''),url('fonts/archivo-narrow-v22-latin-700.eot?#iefix') format('embedded-opentype'),url('fonts/archivo-narrow-v22-latin-700.woff2') format('woff2'),url('fonts/archivo-narrow-v22-latin-700.woff') format('woff'),url('fonts/archivo-narrow-v22-latin-700.ttf') format('truetype'),url('fonts/archivo-narrow-v22-latin-700.svg#ArchivoNarrow') format('svg');}
@font-face {font-family: 'Archivo Narrow';font-style: italic;font-weight: 400;font-display: swap;src: url('fonts/archivo-narrow-v22-latin-italic.eot');src: local(''),url('fonts/archivo-narrow-v22-latin-italic.eot?#iefix') format('embedded-opentype'),url('fonts/archivo-narrow-v22-latin-italic.woff2') format('woff2'),url('fonts/archivo-narrow-v22-latin-italic.woff') format('woff'),url('fonts/archivo-narrow-v22-latin-italic.ttf') format('truetype'),url('fonts/archivo-narrow-v22-latin-italic.svg#ArchivoNarrow') format('svg');}
@font-face {font-family: 'Archivo Narrow';font-style: italic;font-weight: 600;font-display: swap;src: url('fonts/archivo-narrow-v22-latin-600italic.eot');src: local(''),url('fonts/archivo-narrow-v22-latin-600italic.eot?#iefix') format('embedded-opentype'),url('fonts/archivo-narrow-v22-latin-600italic.woff2') format('woff2'),url('fonts/archivo-narrow-v22-latin-600italic.woff') format('woff'),url('fonts/archivo-narrow-v22-latin-600italic.ttf') format('truetype'),url('fonts/archivo-narrow-v22-latin-600italic.svg#ArchivoNarrow') format('svg');}
@font-face {font-family: 'Archivo Narrow';font-style: italic;font-weight: 700;font-display: swap;src: url('fonts/archivo-narrow-v22-latin-700italic.eot');src: local(''),url('fonts/archivo-narrow-v22-latin-700italic.eot?#iefix') format('embedded-opentype'),url('fonts/archivo-narrow-v22-latin-700italic.woff2') format('woff2'),url('fonts/archivo-narrow-v22-latin-700italic.woff') format('woff'),url('fonts/archivo-narrow-v22-latin-700italic.ttf') format('truetype'),url('fonts/archivo-narrow-v22-latin-700italic.svg#ArchivoNarrow') format('svg');}

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, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;outline: 0;font: inherit;vertical-align: baseline;}
html {height: 100%;}
body {height: 100%;width: 100%;padding:0;margin:0;color:#646567;font-family: 'Archivo Narrow', sans-serif;font-size:1.125em;;letter-spacing: 0.01em;background-color: #fff;}
a,a:link,a:active {color:#333;text-decoration:underline;}
a:hover {color:#999;text-decoration:underline;}
li.active a {font-weight:700;}
table,tr,td,th {font-size:100.01%;vertical-align:top}
table {border-spacing:0}
td,th {padding-right:1em}
img {border:none; max-width: 100%;vertical-align: bottom;height: auto;}
h1, h2, h3 {margin: 0.2em 0 0.6em 0;padding: 0;line-height: 1.2em;}
h1 {font-size: 3.0em;}
h2 {font-size: 2.0em;}
h3 {font-size: 1.6em;}
h4, h5, h6 {font-size: 1.2em;line-height: 1.2em;margin: 0.2em 0 0.5em 0;padding: 0;}
p {margin: 0;padding: 0.3em 0 0.5em 0;}
b, strong, .bold {font-weight: bold;}
i, em, .italic {font-style: italic;} 
ul, ol {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;margin: 0.3em 0 0.6em 0;}
table, tr, td, th {vertical-align: middle;}
.hyphenate {word-break: break-word;
            -webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;
            -webkit-hyphenate-limit-chars: auto 3;-ms-hyphenate-limit-chars: auto 3;hyphenate-limit-chars: auto 3;
            -webkit-hyphenate-limit-lines: 4;-ms-hyphenate-limit-lines: 4;hyphenate-limit-lines: 4;}
.hideScreen, .showPrint, .hide{display:none;visibility:hidden;height:1px;overflow:hidden}
.clearfix:after {clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}
.floatLeft {float: left;margin: 5px 2em 0.6em 0;}
.floatRight {float: right;margin: 5px 0 0.6em 2em;}
.pdf {position: relative;padding-left: 45px;}
.pdf::before {position: absolute;content: 'PDF';top: 3px;left: 1px;color: #646567;background-color: #ccc;padding: 0px 4px;font-weight: bold;font-family: 'calibri';font-size: 0.9em;border-radius: 3px;height: 20px;line-height: 1.2em;}
.externer-link {position: relative;padding-left: 27px;margin: 5px 0;display: block;}
.externer-link::before {font-family: 'FontAwesomeSolid';content: '\f08e';font-size: 20px;color: #52A1D4;position: absolute;top: -1px;left: 0px;}
.news-link .externer-link::before {color: #75AD21;}
.telefon, .email, .handy, .fax {position: relative;padding-left: 30px;}
.telefon::before, .email::before, .handy::before, .fax::before {position: absolute;content: '';width: 23px;height:23px;top: 2px;left: 0;display: inline-block;background-color: #52A1D4;
        -webkit-mask: url('../images/duotone/phone-duotone.svg') no-repeat 50% 50%;mask: url('../images/duotone/phone-duotone.svg') no-repeat 50% 50%;-webkit-mask-size: cover;mask-size: cover;}
.handy::before {-webkit-mask: url('../images/duotone/mobile-duotone.svg') no-repeat 50% 50%;mask: url('../images/duotone/mobile-duotone.svg') no-repeat 50% 50%;-webkit-mask-size: cover;mask-size: cover;width: 17px;left: 3px;}
.email::before {-webkit-mask: url('../images/duotone/envelope-duotone.svg') no-repeat 50% 50%;mask: url('../images/duotone/envelope-duotone.svg') no-repeat 50% 50%;-webkit-mask-size: cover;mask-size: cover;}
.fax::before {-webkit-mask: url('../images/duotone/fax-duotone.svg') no-repeat 50% 50%;mask: url('../images/duotone/fax-duotone.svg') no-repeat 50% 50%;-webkit-mask-size: cover;mask-size: cover;}
.zitat {font-style: italic;line-height: 1em;color: #75AD21;}

/*Header*/
#page {overflow: hidden;}
#header {width: 100%;position: fixed;top: 0;left: 0;z-index: 10;height: 185px;background-color: #fff;transition: all 0.5s ease;}
#header .header-bild {position: absolute;top: 35px;background: #fff url('../images/Headerbild-Schule-1920.jpg') no-repeat left bottom;background-size: cover;height: calc(100% - 52px);width: inherit;}
#header .header-oben {display: flex;justify-content: space-between;}
#header .logo {position: relative;height: 165px;background-color: #ccc;z-index: 2;padding: 20px 0 0 40px;transition: all 0.5s ease;}
#main:before {position: fixed;content: '';top: 127px;left: 57px;z-index: -1;transition: all 0.5s ease;
        width: 0px;height: 0px;-webkit-transform:rotate(270deg);transform: rotate(270deg);border-style: solid;border-width: 0 207px 322px 0;border-color: transparent #ccc transparent transparent;}
/*#start #header .logo:before {opacity: 0;position: fixed;content: '';top: 127px;left: 57px;z-index: -1;transition: all 0.5s ease;
        width: 0px;height: 0px;-webkit-transform:rotate(270deg);transform: rotate(270deg);border-style: solid;border-width: 0 207px 322px 0;border-color: transparent #ccc transparent transparent;}*/
#header .logo:after {position: absolute;content: '';top: -57px;right: -242px;z-index: -1;width: 0px;transition: all 0.5s ease;
        width: 0px;height: 0px;-webkit-transform:rotate(90deg);transform:rotate(90deg);border-style: solid;border-width: 300px 0 0 185px;border-color: transparent transparent transparent #ccc;}
#header .logo img {width: 280px;transition: all 0.5s ease;}
#header .header-full:nth-child(3) {background-color: #FECC00;transition: background-color 0.5s ease;text-align: right;}

/*#start #header .logo {webkit-animation: header-logo 0.5s;-moz-animation: header-logo 0.5s;-o-animation: header-logo 0.5s;-ms-animation: header-logo 0.5s;animation: header-logo 0.5s;}
@keyframes header-logo { 0% {opacity:0;transform: scale(0.1) translate(50vw,50vh);z-index: -1;} 30% {opacity:0;transform: scale(0.1) translate(50vw,50vh);z-index: -1;} 100% {opacity:1;transform: scale(1) translate(0,0);z-index:0;}}
#start #header .logo:before {webkit-animation: logo-ecke 0.5s;-moz-animation: logo-ecke 0.5s;-o-animation: logo-ecke 0.5s;-ms-animation: logo-ecke 0.5s;animation: logo-ecke 0.5s;}
@keyframes logo-ecke { 0% {opacity:1;display:block;} 99% {opacity:1;display:block;} 100% {opacity:0;display:none;}}
#start #main:before {webkit-animation: main-ecke 0.5s;-moz-animation: main-ecke 0.5s;-o-animation: main-ecke 0.5s;-ms-animation: main-ecke 0.5s;animation: main-ecke 0.5s;}
@keyframes main-ecke { 0% {opacity:0;display:none;} 99% {opacity:0;display:none;} 100% {opacity:1;display:block;}}*/

/*Headerfix*/
#header.header-fixed {height: 100px;transition: all 0.5s ease;}
#header.header-fixed .header-bild {}
#header.header-fixed .logo {height: 100px;transition: all 0.5s ease;padding: 0 21px 0 20px;}
#header.header-fixed .logo:after {top: -142px;transition: all 0.5s ease;}
#header.header-fixed .logo img {width: 180px;transition: all 0.5s ease;}
#main.header-fixed:before {top: 42px;left: -42px;transition: all 0.5s ease;} 
#header.header-fixed #mainnav {margin-top: 9px;transition: all 0.5s ease;}

/* +++Mobiles Menü*/
#button {display: none;position: fixed;right: 0;top: 0;overflow: hidden;width: 67px;height: 67px;z-index: 101;}
#button > div {float: right;display: block;position: relative;background-color: #646567;width: 57px;height: 57px;border-radius: 2px;
               -webkit-box-shadow: 0 3px 7px 1px rgba(123, 123, 123, 0.75);-moz-box-shadow: 0 3px 7px 1px rgba(123, 123, 123, 0.75);box-shadow: 0 3px 7px 1px rgba(123, 123, 123, 0.75);}
#mobile-button {position: relative;display: block;color: #fff;cursor: pointer;z-index: 50;text-decoration: none;padding: 0 0 0 4px;}
#mobile-button:after {font-family: FontAwesomeSolid;content: '\f0c9';font-size: 30px;display: block;padding: 0 11px;margin-top: -3px;color: #fff;}
#mobile-button span {font-size: 0.9em;margin: -1px 0 0 7px;display: block;}

.navis {z-index: 10;}
/*topnav*/
#topnav ul {margin-left: 78px;}
#topnav li.navi1 {display: inline-block;padding: 5px 30px 5px 0;}
#topnav li.navi1 a {text-decoration: none;}
#topnav li.navi1:first-child {display: none;}
#topnav li.navi1:first-child a {position: relative;padding-left: 5px;}
#topnav li.navi1:first-child a::before {content: 'Wir sind bei';font-size: 16px;color: #006FB4;position: absolute;top: 3px;left: -79px;}
#topnav li.navi1:first-child a::after {position: absolute;content: '';width: 23px;height:23px;top: 0;left: 0;display: inline-block;background-color: #52A1D4;
        -webkit-mask: url('../images/facebook-square.svg') no-repeat 50% 50%;mask: url('../images/facebook-square.svg') no-repeat 50% 50%;-webkit-mask-size: cover;mask-size: cover;}
#topnav li.navi1:nth-child(2) a {position: relative;padding-left: 30px;}
#topnav li.navi1:nth-child(2) a::before {content: 'Wir sind bei';font-size: 16px;color: #EF8200;position: absolute;top: 3px;left: -79px;}
#topnav li.navi1:nth-child(2) a::after {position: absolute;content: '';width: 23px;height:23px;top: 0;left: 0;display: inline-block;background-color: #EF8200;
        -webkit-mask: url('../images/instagram-square.svg') no-repeat 50% 50%;mask: url('../images/instagram-square.svg') no-repeat 50% 50%;-webkit-mask-size: cover;mask-size: cover;}

/*mainnav*/
#mainnav {margin: 101px 20px 0 0;display: inline-block;position: relative;z-index: 1;transition: all 0.5s ease;}
#mainnav ul.rex-navi1 {line-height: 40px;}
#mainnav ul.rex-navi1 > li {display: inline-block;background-color: #fff;height: auto;padding: 4px 0;margin-right: 9px;}
#mainnav ul.rex-navi1 > li:last-child {margin-right: 0;}
#mainnav ul.rex-navi1 > li a {text-decoration: none;color: #646567;font-size: 1.1em;padding: 20px 20px;}
#mainnav ul.rex-navi1 > li:hover, #mainnav ul.rex-navi1 > li:active, #mainnav ul.rex-navi1 > li.rex-current, #mainnav ul.rex-navi1 > li.rex-active {background-color: #52A1D4;}
#mainnav ul.rex-navi1 > li:hover a, #mainnav ul.rex-navi1 > li:active a, #mainnav ul.rex-navi1 > li.rex-current a, #mainnav ul.rex-navi1 > li.rex-active a {color:#fff;}
#mainnav ul.rex-navi1 li:hover ul.rex-navi2 {max-height: calc(100vh - 190px);-webkit-transition: max-height 1s;-moz-transition: max-height 1s;-o-transition: max-height 1s;transition: max-height 1s;z-index: 1;line-height: 1.8em;} 

#mainnav ul.rex-navi2 {color: #fff;position: absolute;top: 49px;left: 0px;overflow: hidden;white-space: nowrap;max-height: 0;height: auto;display: block;width: 100%;
        -webkit-transition: max-height 0.5s;-moz-transition: max-height 0.5s;-o-transition: max-height 0.5s;transition: max-height 0.5s;
        -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.6);-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.7);box-shadow: 0 0 10px 0 rgba(0,0,0,0.6);}
#mainnav ul.rex-navi2 li {background-color: #646567;line-height: 1.5em;}
#mainnav ul.rex-navi2 > li a {display: block;padding: 4px 30px 7px 20px;font-size: 18px;}
#mainnav ul.rex-navi2 > li a:hover, #mainnav ul.rex-navi2 > li a:active, #mainnav ul.rex-navi2 > li.rex-current a {background-color: rgba(255,255,255,0.3);text-decoration: none;}
#mainnav ul.rex-navi2 > li:first-child {padding-top: 10px;}
#mainnav ul.rex-navi2 > li:last-child {padding-bottom: 10px;}
#mainnav ul.rex-navi1 li:nth-child(2) ul.rex-navi2 > li:first-child, #mainnav ul.rex-navi1 li:nth-child(2) ul.rex-navi2 > li:last-child {padding: 0;}


#mainnav ul.rex-navi3 li {background-color: #ccc;}
#mainnav ul.rex-navi1 li:nth-child(2) ul.rex-navi2 > li:hover > a {cursor: default;color:#fff;pointer-events: none;}

#mainnav ul.rex-navi1 li:nth-child(2) ul.rex-navi2 > li:nth-child(1) {background-color: #52A1D4;}
#mainnav ul.rex-navi1 li:nth-child(2) ul.rex-navi2 > li:nth-child(1) a {background-color: rgba(82,161,212,0.6);}
#mainnav ul.rex-navi1 li:nth-child(2) ul.rex-navi2 > li:nth-child(1) a:hover, #mainnav ul.rex-navi1 li:nth-child(2) ul.rex-navi2 > li:nth-child(1) a:active, 
#mainnav ul.rex-navi1 li:nth-child(2) ul.rex-navi2 > li:nth-child(1) li.rex-current a, #mainnav ul.rex-navi1 li:nth-child(2) ul.rex-navi2 > li:nth-child(1) li.rex-active a {background-color: #8FC7E5;color:#646567;}

#mainnav ul.rex-navi1 li:nth-child(2) ul.rex-navi2 > li:nth-child(2) {background-color: #75AD21;}
#mainnav ul.rex-navi1 li:nth-child(2) ul.rex-navi2 > li:nth-child(2) a {background-color: rgba(117,173,33,0.6);}
#mainnav ul.rex-navi1 li:nth-child(2) ul.rex-navi2 > li:nth-child(2) a:hover, #mainnav ul.rex-navi1 li:nth-child(2) ul.rex-navi2 > li:nth-child(2) a:active, 
#mainnav ul.rex-navi1 li:nth-child(2) ul.rex-navi2 > li:nth-child(2) li.rex-current a, #mainnav ul.rex-navi1 li:nth-child(2) ul.rex-navi2 > li:nth-child(2) li.rex-active a {background-color: #BAE17F;color:#646567;}

#mainnav ul.rex-navi1 li:nth-child(2) ul.rex-navi2 > li:nth-child(3) {background-color: #EF8200;}
#mainnav ul.rex-navi1 li:nth-child(2) ul.rex-navi2 > li:nth-child(3) a {background-color: rgba(239,130,0,0.6);}
#mainnav ul.rex-navi1 li:nth-child(2) ul.rex-navi2 > li:nth-child(3) a:hover, #mainnav ul.rex-navi1 li:nth-child(2) ul.rex-navi2 > li:nth-child(3) a:active, 
#mainnav ul.rex-navi1 li:nth-child(2) ul.rex-navi2 > li:nth-child(3) li.rex-current a, #mainnav ul.rex-navi1 li:nth-child(2) ul.rex-navi2 > li:nth-child(3) li.rex-active a {background-color: #F3C183;color:#646567;}

/*mm-menu*/
.mm-menu {border-left: 6px solid #ccc;}
.mm-navbar {background-color: #ccc; color: #fff;}
.mm-navbar__title {padding-bottom: 10px;}
.mm-navbar__title span:before {content: '';background: url('../images/MEKS-Logo.svg');background-size: 200px;width: 200px;height: 115px;display: block;}
.mm-listitem__btn {width: 80px;}
#mm-3 .rex-navi2.mm-listview li:nth-child(1), #mm-4 .rex-navi3.mm-listview li {background-color: #52A1D4; color: #fff;}
#mm-3 .rex-navi2.mm-listview li:nth-child(2), #mm-5 .rex-navi3.mm-listview li {background-color: #75AD21; color: #fff;} 
#mm-3 .rex-navi2.mm-listview li:nth-child(3), #mm-6 .rex-navi3.mm-listview li {background-color: #EF8200; color: #fff;}
#mm-3 .rex-navi2.mm-listview li a, #mm-3 .rex-navi2.mm-listview li .mm-counter {color:#fff;}
#mm-3 .rex-navi2.mm-listview li .mm-btn_next::after {border-color: #fff;}
.mm-menu_selected-hover li:hover a {background-color: #ccc !important;}
.mm-listitem:after {left: 0px;}
.mm-navbar__title span {font-size: 1.6em;font-weight: normal;overflow: visible;}
.mm-wrapper_opening #mobile-button:after {content: "\f00d";padding: 0 15px;}
.mm-wrapper__blocker {background: rgba(0,0,0,.8);}
/*.mm-wrapper__blocker.mm-slideout {z-index: 1000;}*/

.mm-listview li.rex-current, .mm-listview li.rex-active {background-color: #aaa !important;}
.mm-listview li.rex-current a:first-child, .mm-listview li.rex-active a:first-child {font-size: 1.1em;letter-spacing: 0.08em;}
.mm-listview li.rex-current a, .mm-listview li.rex-active a, .mm-listview li.rex-current .mm-counter, .mm-listview li.rex-active .mm-counter {font-weight: 700;color:#fff;}
.mm-listview li.rex-current .mm-btn_next::after, .mm-listview li.rex-active .mm-btn_next::after {border-color: #fff;}

#mm-3 .rex-navi2.mm-listview li.rex-current:nth-child(1), 
#mm-4 .rex-navi3.mm-listview li.rex-current, #mm-3 .rex-navi2.mm-listview li.rex-active:nth-child(1), #mm-4 .rex-navi3.mm-listview li.rex-active {background-color: #52A1D4 !important;}
#mm-3 .rex-navi2.mm-listview li.rex-current:nth-child(2), 
#mm-5 .rex-navi3.mm-listview li.rex-current, #mm-3 .rex-navi2.mm-listview li.rex-active:nth-child(2), #mm-5 .rex-navi3.mm-listview li.rex-active {background-color: #75AD21 !important;}
#mm-3 .rex-navi2.mm-listview li.rex-current:nth-child(3), 
#mm-6 .rex-navi3.mm-listview li.rex-current, #mm-3 .rex-navi2.mm-listview li.rex-active:nth-child(3), #mm-6 .rex-navi3.mm-listview li.rex-active {background-color: #EF8200 !important;}

.mm-menu .mm-navbars_bottom .mm-navbar {display: flex;flex-wrap: wrap;justify-content: space-around;}
.mm-menu .mm-navbars_bottom a.icon {font-size: 16px;padding: 5px 20px;}
.mm-menu .mm-navbars_bottom a.icon:before {font-family: FontAwesomeSolid;color: #fff;padding-right: 5px;}
.mm-menu .mm-navbars_bottom a.icon-home:before {content: '\f015';}
.mm-menu .mm-navbars_bottom a.icon-contact:before {content: '\f0e0';}
.mm-menu .mm-navbars_bottom a.icon-impressum:before {content: '\f129';}
.mm-menu .mm-navbars_bottom a.icon-datenschutz:before {content: '\f023';}
.mm-menu .mm-navbars_bottom a.icon-sitemap:before {content: '\f0e8';}
#menu-mobil:not(.mm-menu) {display: none;}

/*Startseite Main Grid*/
#start main {display: grid;grid-template-columns: auto 875px 475px auto;grid-template-rows: 120px auto 1fr;row-gap: 10px;column-gap: 5%;}
#start main #berufe {grid-column: 2;grid-row: 1 /span 3;}
#start main #slogan {grid-column: 3;grid-row: 1;text-align: right;font-style: italic;display: table;opacity: 0;}
#start main #slogan .absatz {margin: 0;font-size: 19px;display: table-cell;vertical-align: bottom;}
/*#start main #slogan .absatz p {opacity: 0;}*/
#start main #news {grid-column: 3;grid-row: 2;}
#start main #termine{grid-column: 3;grid-row: 3;margin-top: 1em;}

/*Main Grid*/
main {padding-top: 13em;padding-bottom: 5em;}
main.einspaltig {display: grid;grid-template-columns: auto 70% auto;grid-template-rows: auto auto;row-gap: 10px;}
main.zweispaltig {display: grid;grid-template-columns: auto 50% 300px auto;grid-template-rows: auto auto;column-gap: 5%;row-gap: 10px;}
main.einspaltig #breadcrumb {grid-column: 2;grid-row: 1;}
main.zweispaltig #breadcrumb {grid-column: 2 / 3;grid-row: 1;}
main.einspaltig #main-spalte-1 {grid-column: 2;grid-row: 2;}
main.zweispaltig #main-spalte-1 {grid-column: 2;grid-row: 2;}
main.zweispaltig #main-spalte-2 {grid-column: 3;grid-row: 2;}

/*Breadcrump*/
#breadcrumb {padding: 6px 4px;position: relative;}
.rex-breadcrumb li {position: relative;display: inline-block;padding: 2px 14px 2px 0;}
.rex-breadcrumb li:after {position: absolute;content: '';width: 10px;height:10px;top: 11px;right: 1px;display: inline-block;background-color: #52A1D4;
        -webkit-mask: url('../images/listpunkt.svg') no-repeat 50% 50%;mask: url('../images/listpunkt.svg') no-repeat 50% 50%;-webkit-mask-size: cover;mask-size: cover;}
.rex-breadcrumb li:last-child:after {-webkit-mask: none;mask: none;background:none;}
.rex-breadcrumb a {transition: color 0.5s ease;}
.rex-breadcrumb a:hover {transition: none;}
body.pflege .rex-breadcrumb .rex-lvl3 a, body.gesundheit .rex-breadcrumb .rex-lvl3 a, body.soziales .rex-breadcrumb .rex-lvl3 a {cursor: default;color: #555;text-decoration: none;pointer-events: none;transition: none;}

/*News*/
#news .news-wrapper {display: flex;flex-wrap: wrap;}
#news .news {display: flex;flex-direction: column;gap: 5px 0;width: 100%;background-color: #fff;}
#news a {color: #75AD21; text-decoration: none;position: relative;}
#news h3 {color: #75AD21;font-weight: bold;font-size: 1.1em;}
#news p {color: #646567;}
#news img {vertical-align: bottom;margin: 0;}
#news .datum {font-size: 0.9em;}
#news .news-container-1 {display: flex;gap:5px;position: relative;background-color: #eee;height: auto;padding: 10px;}
#news .news-container-1 .news-links {width: 50%;}
#news .news-container-1 .news-rechts {width: 50%;text-align: right;}
#news .news-container-1 .news-links .news-text .anzeigen {display: none;}
#news .news-container-1 .nomore {cursor: default;pointer-events: none;}
#news .news-container-1 .news-link .nomore {display: none;}
#news .news-container-2 {display: flex;gap:5px;}
#news .news-container-2 .hover:hover {background:#ddd; }
#news .news-container-2 .news-klein {width: 50%;background-color: #ccc;padding: 10px;}
#news .news-container-2 .news-klein .news-bild {display: none;}
#news .news-container-2 .news-klein .news-text {position: relative;height: 110px;overflow: hidden;}
#news .news-container-2 .news-klein .news-text .datum {color:#666;display: inline-block;margin-top: -1px;}
#news .news-container-2 .news-klein .news-text h3 {font-size: 1em;margin: 0;height: 25px;color: #646567;overflow: hidden;}
#news .news-container-2 .news-klein .news-text p {height: 45px;overflow: hidden;}
#news .news-container-2 .news-klein .news-text .datum + h3 + p {margin-top: -8px;line-height: 1.1em;height: 33px;}
#news .news-container-2 .news-klein .news-text .anzeigen {position: absolute;bottom: 0;font-size: 0.9em;}
#news .news-container-2 .news-klein .news-text strong {font-weight: normal;}
#news .news-container-2 .news-klein .more {display: none;}
#news .archiv {position: relative;width: 100%;background-color: #ccc;}
#news .archiv:hover {background-color: #ddd;}
#news .archiv a {display: block;padding: 10px 20px;}
#news .archiv h3 {color: #646567;margin: 0 0 0 19px;font-size: 1.1em;}
#news .archiv h3:before {position: absolute;left: 10px;top: 10px;font-family:'FontAwesomeSolid';content: '\f0a4';font-size: 22px;}

/*Kalender*/
/*#kalender .fc {background-color: #ccc;}
#kalender h3 {margin: 0.6em 0 0.2em 0;}
#kalender table {margin: 0;}
#kalender .fc-toolbar.fc-header-toolbar {margin-bottom: 0;}
#kalender .fc-toolbar h2 {font-size: 1em;}
#kalender .fc-button {font-size: 0.8em;}
#kalender .fc-button-primary {background-color: #646567;border-color: #646567;}
#kalender .fc-button-primary:disabled {background-color: #52A1D4;border-color: #52A1D4;}
#kalender .fc-button-primary:not(:disabled).fc-button-active, #kalender .fc-button-primary:not(:disabled):active {color: #fff;background-color: #52A1D4;border-color: #52A1D4;}
#kalender .fc-button-primary:hover, #kalender .fc-button-primary:hover:disabled {color: #fff;background-color: #52A1D4;border-color: #52A1D4;}
#kalender .fc-view-container {background-color: #eee;}
#kalender .fc-dayGrid-view .fc-day-top .fc-week-number {background-color: #52A1D4;color:#fff;}
#kalender .fc-unthemed .fc-day.fc-widget-content.fc-today  {background-color: rgba(239,130,0,0.3);}*/

/*Termine*/
#termine .termin {display: grid;grid-template-columns: 100px auto;grid-template-rows: 2fr auto auto;column-gap: 5%;border-bottom: 2px solid #ccc;}
#termine .termin.first {border-top: 2px solid #ccc;}
#termine .termin-date {grid-column: 1;grid-row: 1 /span 3;background-color: #eee;padding: 10px;}
#termine .termin-headline {grid-column: 2;grid-row: 1;font-weight: bold;}
#termine .termin-text {grid-column: 2;grid-row: 2;}
#termine .termin-more {grid-column: 2;grid-row: 3;}

/*shuffle grid Buttons*/
.buttons {margin: 20px 0; padding: 0;list-style: none;}
.shuffle-container {overflow: visible !important;}
.filter-group {}
.filter-group .filter-label {font-weight: bold;padding: 12px 0 ;margin: 0;}
.filter-group button {position: relative;border: none;background-color: #646567;color:#fff;padding: 7px 0px 7px 25px;cursor: pointer;font-family: 'Archivo Narrow', sans-serif;font-size:1.2em;width: 20%;height: 50px;vertical-align: middle;z-index: 4;transition: all 0.1s ease;}
.filter-group button:nth-child(2) {background-color: #52A1D4;z-index: 3;}
.filter-group button:nth-child(3) {background-color: #75AD21;z-index: 2;}
.filter-group button:nth-child(4) {background-color: #EF8200;z-index: 1;}
.filter-group button .button-pfeil {position: absolute;top: 0;right: -25px;width: 0;height: 0;border-top: 25px solid transparent;border-bottom: 25px solid transparent;border-left: 25px solid #646567;}
.filter-group button:nth-child(2) .button-pfeil {border-left-color: #52A1D4;}
.filter-group button:nth-child(3) .button-pfeil {border-left-color: #75AD21;}
.filter-group button:nth-child(4) .button-pfeil {border-left-color: #EF8200;}
.filter-group button .label {position: relative;z-index: 10;}
.filter-group button:hover, .filter-group button.an, .filter-group button.active {transform: scale(1.1) translate(8px, 0);z-index: 4;transition: all 0.1s ease;}
.filter-group button:nth-child(2):hover, .filter-group button.active:nth-child(2) {z-index: 3;}
.filter-group button:nth-child(3):hover, .filter-group button.active:nth-child(3) {z-index: 2;}
.filter-group button:nth-child(4):hover, .filter-group button.active:nth-child(4) {z-index: 1;}

/*shuffle grid Items*/
.galerieThumbnail.shuffle-item {position: relative;background-color: #eee;width:calc(100% / 5 - 12px);height: auto;float:left;margin:0 5px 12px 0;text-align:center;cursor: pointer;}
#start .galerieThumbnail.shuffle-item {width:calc(100% / 4 - 10px);}
.galerieThumbnail.shuffle-item:before  {content: '';position: absolute;top: -4px;right: -4px;width: 0px;height: 0px;-webkit-transform:rotate(360deg);border-style: solid;border-width: 0 50px 50px 0;z-index: 1;}
.galerieThumbnail.shuffle-item:after {content: '';position: absolute;top: -3px;right: -3px;width: 0px;height: 0px;-webkit-transform:rotate(360deg);border-style: solid;border-width: 0 40px 40px 0;z-index: 1;}
.galerieThumbnail.shuffle-item[data-bereich='1']:before  {border-color: transparent #fff transparent transparent;}
.galerieThumbnail.shuffle-item[data-bereich='2']:before  {border-color: transparent #fff transparent transparent;}
.galerieThumbnail.shuffle-item[data-bereich='3']:before  {border-color: transparent #fff transparent transparent;}
.galerieThumbnail.shuffle-item[data-bereich='1']:after {border-color: transparent #52A1D4 transparent transparent;}
.galerieThumbnail.shuffle-item[data-bereich='2']:after {border-color: transparent #75AD21 transparent transparent;}
.galerieThumbnail.shuffle-item[data-bereich='3']:after {border-color: transparent #EF8200 transparent transparent;}
.galerieThumbnail.shuffle-item figcaption {position: relative;color: #444;padding: 5px;height: 72px;vertical-align: middle;display: table-cell;text-align: center;font-size: 0.9em;width: 100vw;font-weight: bold;letter-spacing: 0;transition: color 0.5s ease;}
.galerieThumbnail.shuffle-item:hover figcaption {transition: color 0.5s ease;} 
.galerieThumbnail.shuffle-item[data-bereich='1']:hover figcaption {color: #52A1D4;}
.galerieThumbnail.shuffle-item[data-bereich='2']:hover figcaption {color: #75AD21;}
.galerieThumbnail.shuffle-item[data-bereich='3']:hover figcaption {color: #EF8200;}
.galerieThumbnail.shuffle-item img {transform: scale(1);transition: transform 0.5s ease;width: 100%;aspect-ratio: 13 / 7;display: flex;justify-content: center;align-items: center;background-color: #ddd;}
.galerieThumbnail.shuffle-item:hover img {transform: scale(1.1);transition: transform 0.5s ease;}
.galerieThumbnail.shuffle-item div {overflow: hidden;}
.galerieThumbnail.shuffle-item a {display: block;text-decoration: none;}

/*Main Listen*/
main .absatz ul, main .absatz ol {margin-bottom: 1em;}
main .absatz ul, main .absatz ol {}
main .absatz .bild-links ul, main .absatz .bild-links ol, main .absatz.bild-links ul, main .absatz.bild-links ol {display: flow-root;}
main .absatz .bild-rechts ul, main .absatz .bild-rechts ol, main .absatz.bild-rechts ul, main .absatz.bild-rechts ol {display: list-item;}
main .absatz ol li {counter-increment: item;margin-bottom: 6px;padding-left: 30px;position: relative;}
main .absatz ol li::before {content: counter(item);position: absolute;left: 0;font-weight: bold;background-color: #fff;width: 23px;height: 23px;text-align: center;}
main .absatz ul li {position: relative;line-height: 1.3em;margin: 0 0 0.5em 0;padding-left: 25px;}
main .absatz ul li::before {position: absolute;content: '';width: 10px;height:15px;top: 5px;left: 1px;display: inline-block;background-color: #52A1D4;
        -webkit-mask: url('../images/listpunkt.svg') no-repeat 50% 50%;mask: url('../images/listpunkt.svg') no-repeat 50% 50%;-webkit-mask-size: cover;mask-size: cover;}
main .absatz ul ul {margin-bottom: 0;margin-top: 5px;}
main .absatz ul ul li {position: relative;line-height: 1.3em;margin: 0 0 0.5em 0;padding-left: 20px;}
main .absatz ul ul li::before {position: absolute;content: '';width: 9px;height:14px;top: 5px;left: 1px;display: inline-block;background-color: #52A1D4;
        -webkit-mask: url('../images/listpunkt.svg') no-repeat 50% 50%;mask: url('../images/listpunkt.svg') no-repeat 50% 50%;-webkit-mask-size: cover;mask-size: cover;} 
main .absatz ul ul ul {margin-bottom: 0;margin-top: 5px;}
main .absatz ul ul ul li {position: relative;line-height: 1.3em;margin: 0 0 0.5em 0;padding-left: 20px;}
main .absatz ul ul ul li::before {position: absolute;content: '';width: 8px;height:13px;top: 5px;left: 1px;display: inline-block;background-color: #52A1D4;
        -webkit-mask: url('../images/listpunkt.svg') no-repeat 50% 50%;mask: url('../images/listpunkt.svg') no-repeat 50% 50%;-webkit-mask-size: cover;mask-size: cover;} 
main .absatz {margin-bottom: 2em;}
main .absatz-h {margin-bottom: 1em;}
main .absatz table {margin: 0 0 1em 0;border-top: 1px solid #52A1D4;}
main .absatz table td {border-bottom: 1px solid #52A1D4;padding: .15em 0.15em .15em 0;}

main .spalte1 {float: left;}
main .spalte2 {float: right;}
main .trenner-o {border-top: 2px solid #52A1D4;padding-top: 0.8em;}
main .trenner-u {border-bottom: 2px solid #52A1D4;padding-bottom: 0.8em;margin-bottom: 2em;}
main hr {border-top: 2px solid #52A1D4;border-bottom: none;margin: 1.8em 0 1em 0;}
main .hg-grau {background-color: #eee;padding: 10px;margin-bottom: 2em;}

/*Bildergalerie*/
main figcaption {position: relative;color: #999;font-size: 0.9em;padding: 2px 4px;}
.pswp__dynamic-caption--below {max-width: unset;padding: 15px 5% 0 5%;text-align: center;}
main .macy-container figcaption {text-align: center;}
main .floatLeft figcaption {text-align: left;}
main .floatRight figcaption {text-align: right;}
main .copyright {position: absolute;bottom: 0;right: 20px;max-width: 190px;font-size: 0.6em;background-color: rgba(255,255,255,0.8);transform-origin: right bottom;transform: rotate(90deg);padding: 2px 3px 5px;line-height: 1.2em;color: #555;}
.copyright.mTitel {bottom: 24px;}
main .bild {position: relative;}
main .bild.oben {margin-bottom: 2em;}
main .bild.unten {margin-top: 2em;}
main .bild-untertitel {color: #999;font-size: 0.9em;line-height: 1.2em;padding: 0.2em 0 0 0;}

/*Berufeseiten*/
.pflege #mainnav ul.rex-navi1 > li:hover, .pflege #mainnav ul.rex-navi1 > li:active, .pflege #mainnav ul.rex-navi1 > li.rex-current, .pflege #mainnav ul.rex-navi1 > li.rex-active {background-color: #52A1D4;}
.gesundheit #mainnav ul.rex-navi1 > li:hover, .gesundheit #mainnav ul.rex-navi1 > li:active, .gesundheit #mainnav ul.rex-navi1 > li.rex-current, .gesundheit #mainnav ul.rex-navi1 > li.rex-active {background-color: #75AD21;}
.soziales #mainnav ul.rex-navi1 > li:hover, .soziales #mainnav ul.rex-navi1 > li:active, .soziales #mainnav ul.rex-navi1 > li.rex-current, .soziales #mainnav ul.rex-navi1 > li.rex-active {background-color: #EF8200;}
main .berufe-abschnitt {}
.pflege main ul li::before {background-color: #52A1D4;}
.gesundheit main ul li::before {background-color: #75AD21;}
.soziales main ul li::before {background-color: #EF8200;}
main .berufe-abschnitt h3 {position: relative;padding-left: 50px;}
.pflege main .berufe-abschnitt h3, .pflege main .accordion_toggler_1.berufe-abschnitt h3 a, .pflege main .accordion_toggler_1 > h3:after {color: #52A1D4;}
.gesundheit main .berufe-abschnitt h3, .gesundheit main .accordion_toggler_1.berufe-abschnitt h3 a, .gesundheit main .accordion_toggler_1 > h3:after {color: #75AD21;}
.soziales main .berufe-abschnitt h3, .soziales main .accordion_toggler_1.berufe-abschnitt h3 a, .soziales main .accordion_toggler_1 > h3:after {color: #EF8200;}
main .berufe-abschnitt h3::before {position: absolute;content: '';width: 23px;height:23px;top: 6px;left: 0;display: inline-block;-webkit-mask-size: cover;mask-size: cover;}
.pflege main .berufe-abschnitt h3::before {background-color: #52A1D4;}
.gesundheit main .berufe-abschnitt h3::before {background-color: #75AD21;}
.soziales main .berufe-abschnitt h3::before {background-color: #EF8200;}
main .accordion_toggler_1.berufe-abschnitt h3::before {top: 17px;}
main .accordion_toggler_1.berufe-abschnitt {background-color: #fff;}
.pflege main .accordion_toggler_1.berufe-abschnitt {border-top-color: #52A1D4;}
.gesundheit main .accordion_toggler_1.berufe-abschnitt {border-top-color: #75AD21;}
.soziales main .accordion_toggler_1.berufe-abschnitt {border-top-color: #EF8200;}
.pflege main .accordion {border-bottom-color: #52A1D4;}
.gesundheit main .accordion {border-bottom-color: #75AD21;}
.soziales main .accordion {border-bottom-color: #EF8200;}.pflege #mainnav ul.rex-navi1 > li:hover, .pflege #mainnav ul.rex-navi1 > li:active, .pflege #mainnav ul.rex-navi1 > li.rex-current, .pflege #mainnav ul.rex-navi1 > li.rex-active {background-color: #52A1D4;}
.gesundheit #mainnav ul.rex-navi1 > li:hover, .gesundheit #mainnav ul.rex-navi1 > li:active, .gesundheit #mainnav ul.rex-navi1 > li.rex-current, .gesundheit #mainnav ul.rex-navi1 > li.rex-active {background-color: #75AD21;}
.soziales #mainnav ul.rex-navi1 > li:hover, .soziales #mainnav ul.rex-navi1 > li:active, .soziales #mainnav ul.rex-navi1 > li.rex-current, .soziales #mainnav ul.rex-navi1 > li.rex-active {background-color: #EF8200;}

main .berufsziel p {background-color: #eee;padding: 10px;}
main .ohne h3:before {display: none;}
main .zugangsvoraussetzungen h3:before {-webkit-mask: url('../images/duotone/check-double-duotone.svg') no-repeat 50% 50%;mask: url('../images/duotone/check-double-duotone.svg') no-repeat 50% 50%;}
main .berufsziel h3:before {-webkit-mask: url('../images/duotone/bullseye-arrow-duotone.svg') no-repeat 50% 50%;mask: url('../images/duotone/bullseye-arrow-duotone.svg') no-repeat 50% 50%;}
main .einsatzbereiche h3:before {-webkit-mask: url('../images/arrow-down-left-and-arrow-up-right-to-center-solid.svg') no-repeat 50% 50%;mask: url('../images/arrow-down-left-and-arrow-up-right-to-center-solid.svg') no-repeat 50% 50%;transform: rotate(45deg);left: 5px;}
main .ausbildungsverlauf h3:before {-webkit-mask: url('../images/duotone/business-time-duotone.svg') no-repeat 50% 50%;mask: url('../images/duotone/business-time-duotone.svg') no-repeat 50% 50%;}
main .finanzierung h3:before {-webkit-mask: url('../images/duotone/coins-duotone.svg') no-repeat 50% 50%;mask: url('../images/duotone/coins-duotone.svg') no-repeat 50% 50%;}
main .bewerbung h3:before {-webkit-mask: url('../images/duotone/pen-field-duotone.svg') no-repeat 50% 50%;mask: url('../images/duotone/pen-field-duotone.svg') no-repeat 50% 50%;}

/*Footer*/
#footer {position: fixed;bottom: 0;left: 0;height: 40px;width: 100%;border-bottom: 5px solid #fff;border-top: 15px solid #fff;background-color: #646567;display: grid;grid-template-columns: minmax(10px, 1fr) 5fr minmax(10px, 1fr);z-index: 400;}
#footer-inner {grid-column: 2;position: relative;text-align: right;line-height: 2.2em;}
#footer-inner #ids a {text-decoration: none;padding: 10px;color: #fff;}
#footer-inner #ids a:hover {color: #333;}
#footer-inner #ids a.icon:before {font-family: FontAwesomeSolid;color: #fff;padding-right: 5px;}
#footer-inner #ids a.icon-home:before {content: '\f015';}
#footer-inner #ids a.icon-kontakt:before {content: '\f0e0';}
#footer-inner #ids a.icon-impressum:before {content: '\f129';}
#footer-inner #ids a.icon-datenschutz:before {content: '\f023';}
#footer-inner #ids a.icon-sitemap:before {content: '\f0e8';}

/* startseite */
#start-content {width: 980px;margin: 0 auto;position: relative;}
#start-spalte-1 {padding-top: 145px;float: left;width: 338px;color: #666;}
#start-spalte-2 {left: 0;bottom: -268px;position: absolute;width: 180px;color: #666;}
#start-spalte-2 ul {padding: 0;margin: 0;}
#start-spalte-1 ul li, #start-spalte-2 ul li {font-size: 1.4em;	padding: 0.3em 0;list-style: none;text-align: right;padding-right: 20px;background: transparent url(../images/pfeil5.png) no-repeat 100% 50%; line-height: 0.9em;}
#start-spalte-1 ul a, #start-spalte-2 ul a {color: #49760b;text-decoration: none;}
#start-bildleiste {height: 174px;overflow: hidden;background-color: #dbe793;position: relative;left: 0;}
#start-bildleiste-inner {width: 784px;margin: 0 auto;padding: 0 0 0 196px;}
.start-bildleiste-bild img {margin-right: 3px;}

#start-sitemaps {width: 784px;margin: 0 auto;padding: 13px 0 0 200px;}
.start-sitemap ul {list-style: none;margin: 0;padding: 0;}
.start-sitemap li {padding-left: 14px;background-image: url(../images/pfeil3.png);background-repeat: no-repeat;background-position: 0 0.5em;list-style-type: none;}
.start-sitemap li ul {margin-top: .4em;}
.start-sitemap li li {margin: 0 0 0.2em 0;padding-left: 10px;background-image: url(../images/pfeil1.png);background-repeat: no-repeat;background-position: 0 0.5em;}
.start-bildleiste-bild {float: left;position: relative;}
.start-sitemap a {color: #939393;text-decoration: none;}
.start-sitemap a:hover {font-weight: bold;}
.start-sitemap {float: left;width: 193px;margin-right: 3px;padding-bottom:3em;}
.start-bildleiste-bild > h2 {display: none;}

/* Liste Aktivitäten */
.aktivitaeten-liste {display: flex;justify-content: start;gap:5px;flex-wrap: wrap;}
.aktivitaeten-teaser {width: 262px;background-color: #ccc;}
.aktivitaeten-teaser h3 {font-size: 1.1em;}
.aktivitaeten-teaser a {text-decoration: none;position: relative;color: #52A1D4;}
.aktivitaeten-teaser .aktivitaeten-teaser-more a {color: #75AD21;}
.aktivitaeten-teaser img {transform: scale(1);transition: transform 1s ease;}
.aktivitaeten-teaser:hover img {transform: scale(1.1);transition: transform 1s ease;} 
.aktivitaeten-teaser p {padding: 0;overflow: hidden;}
.aktivitaeten-teaser-inner {padding: 0px 10px 10px 10px;}
.aktivitaeten-teaser-infos {height: 6.4em;overflow: hidden;background-color: #fff;padding: 3px 5px 0 5px;}
.aktivitaeten-teaser-datum {color: #fff;font-size: 0.9em;}
.aktivitaeten-teaser-autor {color: #fff;}
.aktivitaeten-teaser-more {padding: 5px 5px 10px 5px;background-color: #fff;}

.pagination {list-style-type:none; margin:0; padding: 5px 0 10px 10px;width: 100%;}
.pagTop {border-bottom: 3px solid #52A1D4;}
.pagBottom {border-top: 3px solid #52A1D4;}
.pagination li {display:inline-block; background:none; padding:0 0.5em 0 0;}
.pagination a {font-size: 18px;padding: 0 4px 5px 11px;text-decoration: underline;}
.pagination a {color: #52A1D4;padding: 0 7px 5px 8px;}
.pagination a.aktiv {background-color: #ddd;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;padding: 0 7px;text-decoration: none;}
.pagination a:first-child {margin-left: 12px;}

/* accordion */
.accordion {margin-bottom: 10px;border-bottom: 2px solid #52A1D4;}
.accordion_toggler_1 {background-color: #eee;line-height: 1.3em;border-top: 2px solid #52A1D4;position: relative;cursor: pointer;}
.accordion_toggler_1 > h3 {margin:0;padding: 13px 25px 15px 10px;}
.accordion_toggler_1 > h3:after {content: '\f0d7';font-family: "FontAwesomeSolid"; position: absolute; top: 10px; right: 10px;font-weight: normal; font-size: 30px;;color: #646567;}
.accordion_toggler_1.show > h3:after {content: '\f0d8';font-family: "FontAwesomeSolid";}
.accordion_toggler_1 a {color: #646567;text-decoration: none;}
.accordion_toggler_1:hover {background-color: #eee;}
.accordion_toggler_1 .anleser {color: #646567;padding: 0 10px;}
.accordion_toggler_1 .anleser h3 {margin: 0;padding: 0.2em 0 0.4em 0;}
.sub_accordion {display:none;background-color: #fff;}
.sub_accordion .inhalt {padding: 10px;margin-bottom: 0;line-height: normal;}
.accordion + .absatz, .accordion + .absatz-h {margin-top: 3em;}

/*Sitemap*/
#sitemap .absatz {margin-bottom:1.4em;}
#sitemap .absatz a {text-decoration:none;}
#sitemap .absatz ul li {position: relative;margin: 0 0 1em 0;padding-left: 20px;font-weight:bold;}
#sitemap .absatz > ul > li > a {font-size: 1.5em;color: #646567;display: inline-block;margin: 0 0 0.5em 0;}
#sitemap .absatz ul ul {margin-bottom: 0;margin-top: 5px;}
#sitemap .absatz ul ul li {position: relative;margin: 0 0 0.5em 0;padding-left: 20px;}
#sitemap .absatz ul ul ul li {position: relative;font-style: italic;padding-left: 16px;font-weight:normal;}

/*BildBoxen*/
.team-bildbox {display: flex;gap: 2em;flex-wrap: wrap;justify-content: start;}
.team-bildbox .bildBox {width: 28%;min-width: 350px;background-color: #ddd;min-height: 230px;padding: 20px 0 30px 0;margin-right: 0.5em;}
.team-bildbox .bildBox .bild {position: relative;width: 150px;height: 200px;margin: 0px -20px 10px 10px;border-left: 10px solid #fff;border-bottom: 10px solid #fff;float: right;}
.team-bildbox .bildBox .bild:before {content: '';position: absolute;top: -20px;left: 10px;width: 0px;height: 0px;border-color: #fff;border-style: solid;border-width: 0 140px 30px 0;}
.team-bildbox .bildBox .bild:after {content: '';position: absolute;top: -20px;left: -1px;width: 0px;height: 0px;border-color: #fff;border-style: solid;border-width: 0 40px 40px 0;
       -webkit-transform: rotate(135deg);transform: rotate(135deg);}
.team-bildbox .bild img {z-index: 1;position: relative;}
.team-bildbox .absatz {}
.team-bildbox .absatz > * {padding-left: 20px;padding-right: 10px;}
/*.team-bildbox .telefon, .team-bildbox .email, .team-bildbox .handy, .team-bildbox .fax {hyphens: none;}*/

/*Liste Kontakte Kontaktseite*/
.kontakt-liste {display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 2em;margin: 3em 0;}
.kontakt-liste .kontakt {position: relative;width: 27%;background-color: #ddd;padding: 10px 20px;}
.kontakt-liste .kontakt:before {content: '';position: absolute;height: 0;width: 50px;top: -20px;right: 0;border-bottom: 20px solid #ddd;border-left: 30px solid transparent;}
.kontakt-liste .kontakt:after {content: '';background: transparent url('../images/ecke-kkk.png') no-repeat top right;position: absolute;top: -15px;right: 10px;width: 30px;height: 30px;background-size: cover;}
.kontakt-liste .kontakt h3 {position: relative;padding-left: 35px;hyphens: none;}
.kontakt-liste .kontakt h3:before {position: absolute;content: '';width: 30px;height: 30px;top: 4px;left: 0px;display: inline-block;background-color: #52A1D4;
       -webkit-mask-size: cover;mask-size: cover;-webkit-mask: url('../images/duotone/arrow-right-to-line.svg') no-repeat 50% 50%;mask: url('../images/duotone/arrow-right-to-line.svg') no-repeat 50% 50%;}
.kontakt-liste .kontakt a {text-decoration: none;}

/*Formular*/
.yform form {width: 100%;}
.yform fieldset {border: 2px solid #646567;padding: 20px;margin-bottom: 30px;}
.yform form legend {padding: 0 10px;font-size: 1.6em;}
.yform form label {clear: both;float: left;width: 200px;padding: 2px 0;margin: 5px 0 15px;font-size: 18px;}
.yform form input, .yform form textarea, .yform form button, .yform form select, .yform form optgroup {font-family: 'Archivo Narrow', sans-serif;font-size:1.125em;letter-spacing: 0.01em;float: left;border: 2px solid #646567;width: 40%;color: #646567;padding: 6px;margin: 6px 0;font-size: 18px;}
.yform form select {width: calc(40% + 16px);}
.yform form textarea {width: 60%;height: 150px;}

.yform form .checkbox label {width: auto;}
.yform form .checkbox input {clear: both;float: left;width: 16px;margin: 8px 0 0 165px;}
.yform form .checkbox p {width: auto;max-width: 70%;line-height: 1.2em;float: left;margin-left: 20px;hyphens: none;font-size: 18px;}
.yform form input:hover, form input:focus, form textarea:hover, form textarea:focus, form select:hover, form select:focus {background-color: rgba(82,161,212,0.3);}
.yform form button {padding: 10px;background-color: #52A1D4;color: #fff;font-weight: bolder;width: 115px;border: none;margin-left: 200px;}
.yform form button:hover {cursor: pointer;background-color: #fff;color:#191F6A;}
.yform form .has-error {color: #FF1515;}
.yform form .alert-danger {font-size: 0.9em;margin-bottom: 2em;color: #474747;margin-left: 20px;color: #FF1515;}
.yform form .hinweis {font-size: 1em;margin-bottom: 20px;}
.yform form #yform-formular-email-adresse {display: none;}

/*OSM*/
.map_container {padding: 20px;}
.openstreetmap {background: #fff url(../images/mapping2.png);background-size: 60% auto;background-position: center;background-repeat: no-repeat;width: 100%;height: 500px;margin: 0.5em 0 1em;border: 2px solid #646567;}
.openstreetmap iframe {border: none !important;width: 100%;height: 100%;}
.openstreetmapload {background-color:rgba(0,0,0,0.5);color: #fff; text-align: center;padding: 10px; text-align: center;transform: translate(0,50%);}
.openstreetmapload a, .openstreetmapload a:link, .openstreetmapload a:visited {color: #fff;}
.openstreetmapload a:hover, .openstreetmapload a:active {color: #ccc;}
.openstreetmapthumb {background-color: #52A1D4;padding: 10px 20px;display: inline-block; cursor: pointer;color: #fff;font-size: 1.3em;}
.openstreetmapthumb:hover {background-color: #646567;}
.leaflet-popup-content h3 {font-size: 1.6em;font-weight: 600;color: #646567;font-family: 'PT Sans', sans-serif;}
.leaflet-popup-content p {font-size: 1.3em;font-family: 'PT Sans', sans-serif;padding: 0;margin: 0;}
.leaflet-touch .leaflet-bar a {text-decoration: none;}

/*Cookies*/
.cookieinfo {display: none;position:fixed; left:2%; bottom:8%; max-width:300px;z-index:1000;line-height:1.2em; background-color:#646567; padding:0.5em 0.8em; color:#fff;}
.cookieinfo a {color: #fff;font-weight: bold;padding-top: 5px;display: inline-block;}
.cookieinfo a:hover, .cookieinfo a:focus {color: #ccc;}
.cookieinfo a.cookieok {background-color:#eee;color: #646567;border-radius: .2em; display:inline-block; margin:1em 0 0.5em 0; padding:0.3em 0.5em;text-decoration:none;}
.cookieinfo a.cookieok:hover {background-color:#ccc;}

#pfeil {z-index: 1000;padding: 10px; background-color: #646567;display: none;opacity: 0.9;bottom: 10%;height: 20px;position: fixed;right: 11px;width: 20px;cursor: pointer;
        -webkit-box-shadow: 0 2px 6px 1px rgba(0,0,0,0.3);-moz-box-shadow: 0 2px 6px 1px rgba(0,0,0,0.3);box-shadow: 0 2px 6px 1px rgba(0,0,0,0.3);}
#pfeil:before {font-family: FontAwesomeSolid;content: '\f062';font-size: 23px;color:#fff;position: absolute;top:8px;left: 10px;}