@charset "utf-8";

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v40-latin_latin-ext_math_symbols-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v26-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/montserrat-v26-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/montserrat-v26-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/montserrat-v26-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-800 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/montserrat-v26-latin_latin-ext-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* montserrat-900 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/montserrat-v26-latin_latin-ext-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*** Start Variablen ***/
:root {
--ff-headlines: 'Montserrat', sans-serif;
--ff-text: 'Open Sans', sans-serif;

--fs-1: 3.6rem;
--fs-2: 3rem; 
--fs-3: 1.8rem;
--fs-4: 1.8rem;
--fs-5: 1.4rem;
--fs-p: 1.4rem;
--fs-s: 1.2rem;
	
--fw-400: 400;
--fw-500: 500;
--fw-600: 600;
--fw-700: 700;

--farbe-rot: hsl(0deg 95.43% 42.94%);
--farbe-orange: hsl(33.2deg 92.79% 56.47%);
--farbe-blau: hsl(209.6deg 100% 55.88%);;
--clr-text: hsl(0deg 0% 10.98%);; /*#313131*/
--clr-text-dunkel: hsla(0,0%,0%,1.00); /*#000000*/
--clr-text-hell: hsla(0,0%,46%,1.00); /*#767676*/		
--clr-footer1: #1c1c1c;
--clr-footer2: #000000;

--radius:6px;
}
/*** Ende Variablen ***/


* {font-family:var(--ff-text);}
*,*::before,*::after {margin:0; padding:0; box-sizing:border-box; list-style:none;}
:focus-visible {outline:1px solid var(--farbe-blau);}
::selection { color: #fff; background: var(--farbe-blau);}

html {font-size:62.5%; scroll-behavior: smooth;}
body {font-size:var(--fs-p);  color: var(--clr-text);}


/*** Start Basics ***/
a {color:var(--farbe-blau); text-decoration: none; transition: all 0.35s ease-in-out;}
main a:hover {text-decoration:underline;}
strong {font-weight:bold;}
.inner {width:1170px; margin:0 auto;}


.center {text-align:center;}
.shadow {background: #ffffff none repeat scroll 0 0;  box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);  padding: 30px;}
.left{text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
.hide{display:none;}
span.more-dates {cursor:pointer; text-decoration: underline;}


.infobar {background:#d9edf7; padding:1rem 1rem 0rem 1rem; margin:1rem 0 2rem 0; border-radius: var(--radius);}
.infobar.alert, table tr.alert td {background:#f2dede!important;}
.infobar.good, table tr.good td  {background:#dff0d8!important;}
table tr.neutral td  {background:#fcf8e3!important;}
.infobar.neutral{position:relative; background:#ffffff;}
.infobar.neutral::before, .infobar.neutral::after{content:"";position:absolute;left:0;width:100%;height:1px;background:linear-gradient(to right,var(--farbe-orange) 0%,var(--farbe-orange) 33.33%,var(--farbe-blau) 33.33%,var(--farbe-blau) 66.66%,var(--farbe-rot) 66.66%,var(--farbe-rot) 100%)}
.infobar.neutral::before{top:0}
.infobar.neutral::after{bottom:0}


p {line-height:2.6rem; padding: 0 0 15px 0; font-weight:var(--fw-400);}
ul.normal {padding:0 0 1rem 2rem;}
ul.normal li {list-style-type:disc;padding:0 0 1.5rem 0.5rem;}
ol.normal {padding:0 0 1rem 2rem;}
ol.normal li {list-style-type:auto; padding:0 0 1.5rem 0.5rem;}
/*** Ende Basics ***/


/*** Start Headlines ***/
h1 {margin:0;padding:0; font-size: 0;}
h2 {font-size: var(--fs-2); font-weight:var(--fw-700);  margin-bottom:2.0rem;}
h3 {font-size: var(--fs-3); font-weight:var(--fw-700);  margin-bottom:2.0rem; padding-top: 1.5rem;}
h4 {font-size: var(--fs-4); font-weight:var(--fw-600);  margin-bottom:2.0rem;}
h5 {font-size: var(--fs-5); font-weight:var(--fw-600);  margin-bottom:0rem;}
h2, h3, h4, h5 {position:relative; text-transform: uppercase; font-family:var(--ff-headlines); padding-bottom:1.5rem;}
h2::after, h3::after, h4::after {background: linear-gradient(to right,var(--farbe-orange) 0%,var(--farbe-orange) 33.33%,var(--farbe-blau) 33.33%,var(--farbe-blau) 66.66%,var(--farbe-rot) 66.66%,
    var(--farbe-rot) 100%); bottom:0;  content: ""; height:3px; left: 0;  position: absolute; width:100%;}
h2.center::after, h3.center::after, h4.center::after {background: var(--farbe-rot) none repeat scroll 0 0; bottom:0;  content: ""; height:3px; left: 50%;  position: absolute; width:1.8em; margin-left:-0.9em;}
aside h4 {border-bottom: 1px solid #e7e7e7;}
aside h4::after {bottom:-1px;}
.agb h3 {margin-bottom:-1rem;}
.agb h3:after {display:none;}
form h4 {margin: 2rem 0 1rem 0;  font-size: 1.7rem;}
/*** Ende Headlines ***/




header {position: sticky; top:0; width:100%; z-index: 1000;}
#topbar {background:#1c1c1c none repeat scroll 0 0; padding:0.8rem 0 0.8rem 0; text-align: right; text-align: center;  color: #fff; font-size: 1.2rem;}
#topbar a {color:#fff; padding-left:12px;}
#topbar a.active, #topbar a:hover {text-decoration: underline;}
/*** Start Nav ***/
nav {height:100px; background:#fff; box-shadow: 0 8px 25px 0 rgb(0 0 0 / 4%);}
nav .inner {display: flex; justify-content: space-between;  align-items: center;}
nav a#button-nav {display:none; order:2;  }
nav a#button-nav svg {width:18px; height:auto;}
nav a#button-nav{font-size:2rem; color:var(--clr-text); padding:0 0 0 1px; height:2.2rem; width:2.2rem;}
nav a#button-nav:hover, nav a#button-nav:focus {color: var(--farbe-blau);}
nav a#logo {order:1; text-align: center; height:100px;}
nav a#logo img {max-height:80px; margin:10px auto 0 auto; width:auto;}

nav ul#main-nav {display:flex; justify-content: flex-end; margin:0; order:1; text-align: left; flex-basis:35%;}
nav ul li {background:#fff; position:relative; border-bottom-left-radius:var(--radius); border-bottom-right-radius:var(--radius);}
nav ul li a {display: block; font-size: 1.3rem;   letter-spacing: 0.06em;  padding: 3.6rem 1.5rem;   font-family:var(--ff-headlines); color:var(--clr-text-dunkel); transition: none 0.2s ease-in-out; -webkit-font-smoothing: antialiased;}
nav ul li.active a, nav ul li.active li.active a, nav ul li ul li a:hover, nav ul li a:hover, nav ul li ul li a:focus, nav ul li a:focus, nav ul li.dropdown:focus-within a, nav ul li.dropdown:focus-within ul li a:hover, nav ul li.dropdown:focus-within ul li a:focus, nav ul li.dropdown:focus-within ul li.active a {color:var(--clr-text-dunkel); font-weight:bold;}
nav ul li.active li a, nav ul li.dropdown:focus-within ul li a {color:var(--clr-text-dunkel); font-weight:normal;}
nav ul li.dropdown ul {position:absolute; background: #fff none repeat scroll 0 0;   border: 1px solid transparent;    box-shadow: 2px 3px 6px rgb(0 0 0 / 15%);
    padding: 0;  width: 220px;  border-bottom-left-radius:var(--radius); border-bottom-right-radius:var(--radius); left:0; display: none;}
.nojs nav ul li.dropdown ul {display:block; opacity:0;}
.nojs nav ul li.dropdown:hover ul, .nojs nav ul li.dropdown:focus-within > ul, .nojs nav ul li ul:hover  {z-index: 1000; opacity: 1;}
nav ul li ul li a {padding: 1.2rem 1.5rem; font-weight: var(--fw-400);}
/*** Ende Nav ***/


ul#nav-tabs {display:flex; justify-content: flex-start;}
ul#nav-tabs li {font-size: 1.5rem; margin-bottom:-1px;}
ul#nav-tabs li a {display: block; padding: 1rem; color:#1c1c1c; text-decoration: none;   border: 1px solid #ddd;border-bottom: 0px;   border-left: 0px;}
ul#nav-tabs li a:hover {font-weight: bold; }
ul#nav-tabs li a.active {font-weight: bold;  background: #f2f2f2;}
ul#nav-tabs li a svg {height:14px; width:14px;}


/*** Start Main Content ***/
main {overflow:auto; }
main h2 {}
div.content_wrap {padding:4rem 0; clear:both; }
div.content_wrap.grey {background:#f3f6f8;}
section.content_full {}
section.content_full p.center {max-width:70%; margin-left:auto; margin-right:auto;}
section.content_sidebar {width:65%; float:left;}
/*** Ende Main Content ***/



/*** Start Pagination ***/
ul.pagination {  display: flex; justify-content: center; margin: 5rem 0; border-radius:var(--radius);}
ul.pagination li {}
ul.pagination li a {color: #232323; font-weight: var(--fw-600); padding: 13px 25px;     text-decoration: none; background-color: #fff; border-top-left-radius:var(--radius);  border-bottom-left-radius:var(--radius); border: 1px solid #ddd; }
ul.pagination li.active a, ul.pagination li.active a:hover {background: var(--farbe-rot) none repeat scroll 0 0; border: 1px solid var(--farbe-rot); color: #ffffff;}
ul.pagination li:last-child a {border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-top-right-radius:var(--radius); border-bottom-right-radius:var(--radius);}
ul.pagination li a:hover {border: 1px solid var(--farbe-rot); color:var(--farbe-rot);}
/*** Ende Pagination ***/


/*** Start Form ***/
form {padding:1rem 0 5rem 0; overflow:auto;}
form div.form-group {padding:0.5rem 0 2rem 0;}
form div.form-group label {font-weight: bold; padding-bottom:0.7rem; display: block;}
form div.form-group.checkbox {overflow:auto;}
form div.form-group.checkbox label  {float:left; width:90%; font-weight: normal;} 
form div.form-group.checkbox input  {float:left; margin: 3px 10px 0 3px;}
form div.form-group label span {}
form div.form-group label small {}

::placeholder, :-ms-input-placeholder, ::-ms-input-placeholder {color:#999; opacity: 1;}

form div.form-group input, form div.form-group textarea, form div.form-group select {display: block; width:100%;  padding: 10px 8px; font-size:var(--fs-p);
color:var(--clr-text); background-color: #fff; background-image: none;  border: 1px solid #ccc;  border-radius:var(--radius); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }

.form-control {outline:none;}
input:focus, form div.form-group textarea:focus, form div.form-group select:focus, form div.form-group.checkbox:hover input, select{box-shadow: inset 0 1px 1px hsla(347,56%,48%, 0.07), 0 0 4px var(--farbe-blau); border: 1px solid var(--farbe-blau); border-radius:var(--radius);}

input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow: 0 0 0 30px white inset !important;}

form div.form-group input[type=checkbox] {width:1.6rem; height:1.6rem; accent-color: var(--farbe-blau); }
form div.form-group input[type=radio] {width:1.6rem; height:1.6rem; accent-color: var(--farbe-blau); margin: 2px 10px 0 4px;}
form div.form-group input[type=range] { accent-color: var(--farbe-blau);}
form div.form-group progress { accent-color: var(--farbe-blau);}
form div.form-group textarea {white-space: pre-wrap; min-height: 100px; line-height:2.3rem;}
form div.form-group select {}
form div.form-group option {} 
form div.form-group option:hover, form div.form-group option:checked, form div.form-group option:focus {}
form div.form-group .error {border:1px solid var(--farbe-rot); position: relative; background:url("../../assets/img/icons/exclamation-triangle-light.svg") 99% center no-repeat; background-size:2.5rem;}
form div.form-group input[type=date].error {background:none;}

form div.form-group span.alert-error {color: var(--farbe-rot); display: block; font-family: var(--ff-headlines); font-size:var(--fs-s); font-weight:var(--fw-500);
    letter-spacing: 1px; margin: 0.5rem 0.7rem; clear: both;}


form.eintragen div.form-group {}
form.eintragen div.form-group h5 {font-size:1.1rem; } 
form.eintragen div.form-group input {}
form.eintragen div.form-group label {font-weight:normal;}
form.eintragen div.form-group.filter {float:left; width:33%;}
form.eintragen div.form-group.filter input {float:left; clear:left; margin:2px 3px 0 0;}
form.eintragen div.form-group.filter label {float:left; font-weight:normal; font-size: 1.3rem;}
form.eintragen div.infobar {margin-top:-1rem;}


form.eintragen div.form-group.filter:nth-of-type(2) input {
    accent-color: var(--farbe-rot); color:#fff;
}

form.eintragen div.form-group.filter:nth-of-type(3) input {
    accent-color: var(--farbe-orange); color:#fff;
}

form.eintragen div.form-group.filter:nth-of-type(4) input {
    accent-color: var(--farbe-blau); color:#fff;
}


.multi-select-container{display:inline-block;position:relative; flex-basis: 100%; margin:0 0% 0 0;}
.multi-select-menu{position:absolute;left:0;top:1.8em;z-index:1;float:left;min-width:100%;background:#fff;margin:1em 0;border:1px solid #aaa;box-shadow:0 1px 3px rgba(0,0,0,.2);display:none;     overflow: hidden !important;
    overflow-y: scroll !important;}
.multi-select-menuitem{display:block;font-size:1.3rem;padding:.6em 1em .6em 30px;white-space:nowrap}
.multi-select-legend{font-size:.875em;font-weight:700;padding-left:10px}
.multi-select-legend+.multi-select-menuitem{padding-top:.25rem}
.multi-select-menuitem+.multi-select-menuitem{padding-top:0}
.multi-select-presets{border-bottom:1px solid #ddd}
.multi-select-menuitem input{position:absolute;margin-top:.15em;margin-left:-20px;width:14px; height:14px;}
.multi-select-button{display: block; font-size: 1.3rem!important;  padding: .2em .6em;  overflow: hidden; text-overflow: ellipsis; vertical-align: -.5em; padding: 10px 8px; font-size:var(--fs-p);
color:var(--clr-text); background-color: #fff; background-image: none;  border: 1px solid #ccc;  border-radius:var(--radius); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.multi-select-button:after{content:"";display:inline-block;width:0;height:0;border-style:solid;border-width:.4em .4em 0;border-color:#999 transparent transparent;margin-left:.4em;vertical-align:.1em; position: absolute;   top: 19px;  right: 10px;}
.multi-select-container--open .multi-select-menu{display:block}
.multi-select-container--open .multi-select-button:after{border-width:0 .4em .4em;border-color:transparent transparent #999}
.multi-select-container--positioned .multi-select-menu{box-sizing:border-box}
.multi-select-container--positioned .multi-select-menu label{white-space:normal}


form#suche {position: relative; width: 100%;overflow:unset;	margin:0;padding:0;}
#suchergebnis {position: absolute; width: 100%;  background: #fff;  border: 1px solid #ccc;  border-top: none;  z-index: 2000;  display: none;  max-height: 180px;
 overflow-y: auto;    border-radius: 0 0 5px 5px;}
.search-result-item {display:block;padding: 10px; cursor: pointer;  border-bottom: 1px solid #eee;color:#000;text-decoration: none;}
.search-result-item:last-child {border-bottom: none;}
.search-result-item:hover, .search-result-item:focus {background: #f5f5f5;}
form#suche div.form-group{padding:0 0 2rem 0;}
/*** Ende Form ***/


/*** Start Filter ***/
.filter-nav {padding: 1rem 0 2rem 0;}
.filter-nav a, td.link a, .button, #filter a {height:3.6rem;   color: var(--clr-text);    border-radius: var(--radius);   padding: 0 1rem;  background-color: #ffffff;  background-image: linear-gradient(to bottom, #ffffff, #f9fafb);    border: solid 1px #ccc;    transition: background-color 100ms linear;    display: inline-flex;    justify-content: space-around;    align-items: center;    cursor: pointer;    box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 1px 0 1px rgba(255, 255, 255, 0.06);}
.filter-nav a:hover, td.link a:hover, .button:hover, button:focus {text-decoration: none; font-weight: bold;}
.filter-nav a svg {idth:16px; height: 16px; margin:0 5px 0 0;}

#filter {display:none; /*zum start, per javascript zu flex*/ padding:0 0 2rem 0; justify-content: space-between; gap:1.5rem;}
#filter a {background:#fff; color:var(--farbe-rot); border:1px solid var(--farbe-rot);  padding:0.4em 2.0em; letter-spacing:0; margin:0 0.7rem 0  0;}
#filter a:hover, #filter a.active{background:var(--farbe-rot); color:#fff; text-decoration:none;}
#filter a:last-child {margin:0 0 0 auto;}
#filter select, #filter .select2 {margin:0 0.7rem 0  0!important; width:20%!important;}
/*** Ende Filter ***/


/*** Start Table ***/
table {width:100%; margin:0rem 0 2rem 0;}
table tr {}
table td, table th {padding: 10px 8px; vertical-align: middle;  border-top: 1px solid #ddd; text-align:left; }
table th {background-color:#f2f2f2;}
table tr:nth-of-type(odd) td {background-color: #f9f9f9;}
table tbody:hover td {}
table tr:hover td {color:#000; border-top:1px solid var(--farbe-blau); padding:10px 8px 9px 8px; border-bottom :1px solid var(--farbe-blau);}
table td svg {height:1.7rem; width:1.7rem; position: relative; top:5px;}
table span.kategorien {display:inline-block;border: 1px solid var(--farbe-blau);  border-radius: 5px;  background: #fff;  font-size: 1rem;  text-transform: capitalize;  padding: 2px; margin: 2px 2px 2px 0; text-wrap-mode: nowrap;}
table span.jahreszeiten {display:inline-block;border: 1px solid var(--farbe-rot);  border-radius: 5px;  background: #fff;  font-size: 1rem;  text-transform: capitalize;  padding: 2px; margin: 2px 2px 2px 0;; text-wrap-mode: nowrap;}
table span.zielgruppen {display:inline-block; border:1px solid var(--farbe-orange);  border-radius: 5px;  background: #fff;  font-size: 1rem;  text-transform: capitalize;  padding: 2px; margin: 2px 2px 2px 0; text-wrap-mode: nowrap;}
table span.platz{border-radius: 50%; display: block; color:#fff; background:#ccc; width: 28px; height: 28px; text-align: center;  line-height: 27px;  font-weight: bold; font-size: 1.8rem; }
table span.platzeins {background:var(--farbe-orange);}
table span.platzzwei {background:var(--farbe-blau);}
table span.platzdrei{background:var(--farbe-rot);}
table span.punkte {border-radius: 50%;  display: block;  color: green;  border: 1px solid green;  width: 28px;  height: 28px;  text-align: center;  line-height: 25px; 
font-size: 1.3rem;}
table span.punktemedium {border: 1px solid orange; color: orange;}
table span.punktelow{border: 1px solid red; color: red;}


table strong{display:block; margin:0 0 5px 0;}
table td.link a {font-size:1.2rem;   text-wrap-mode:nowrap;  height:2.4rem; padding:0.1rem 0.5rem;}
table td.link a:hover {}
table td.vote select{display: block; width:auto; text-align: center; padding: 1px 2px; font-size:var(--fs-p);
color:var(--clr-text); background-color: #fff; background-image: none;  border: 1px solid #ccc;  border-radius:5px; box-shadow: 0 1px 0 0 rgba(22, 29, 37, 0.1), inset 0 1px 0 1px rgba(255, 255, 255, 0.06);; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; font-size:1.3rem; float: right; cursor: pointer;}
table td.vote span {font-size:1.1rem; float: right; clear:both; text-align: right; padding:3px 0 0 0;}
table td.vote span.good {color:green}
table td.vote span.bad {color:red;}

table th input[type=search]{border-radius:5px; border:1px solid #ddd; font-size: 1.2rem; padding: 0.3rem; width:80%;}

/*** Ende Table ***/


/*** Start Sidebar ***/
aside {width:30%; float:right;}
aside section {background: #ffffff none repeat scroll 0 0;  border: 1px solid #e7e7e7;  margin-bottom: 5rem; padding: 3rem 3rem 1.5rem 3rem;}
aside section ul { padding:0 0 10px 20px;}
aside section ul li {list-style-type:disc;padding:0 0 1.5rem 0.5rem;}
aside section ul li a.active {font-weight:bold;}
aside button.button {width:100%;}
aside.overlay {display: none;  position: fixed;  top: 0; left: 0;  width: 100%; height: 100%;  background: rgba(0,0,0,0.6);  z-index: 9999;  overflow-y: auto;}
aside.overlay section { background: #fff;  max-width: 600px;  margin: 5% auto;  padding: 20px;  border-radius: 8px;  position: relative;}
aside.overlay .overlay-close { position: absolute; top: 10px; right: 15px; font-size: 28px;  cursor: pointer;  background: none;  border: none;z-index:100000;}

/*** Ende Sidebar ***/


/*** Start Footer ***/
#footer1 {background:var(--clr-footer1); padding:10rem 0;}
#footer1 .inner {display:flex; justify-content: space-between;}

#footer1 section:nth-child(1) {width:45%; padding-bottom:4rem;} 
#footer1 h3 {color:#ffffff;}
#footer1 h3::after{background:#ffffff none repeat scroll 0 0}
#footer1 p {color:#cccccc; }
#footer1 ul {display:flex; flex-direction: column; gap:1.5rem;}
#footer1 ul a {color: #cccccc;   display: inline-block;  font-weight: var(--fw-500);  margin-bottom: 1.5 rem;  padding-left: 2rem;  position: relative;  text-transform: capitalize;}
#footer1 a:hover {text-decoration: underline;;}
#footer1 a:hover::before {border: solid #fff; border-width: 0 2px 2px 0;}
#footer1 li a::before {content: "";  transform: rotate(-45deg);  border: solid #fff;  border-width: 0 2px 2px 0;  display: inline-block; padding: 0.3rem; position: absolute;left: 0; top:0.6rem; }

#footer2 {background:var(--clr-footer2); border-top:1px solid rgba(255, 255, 255, 0.1); padding:4rem;}
#footer2 p, #footer2 a {color:#ccc; font-family:var(--ff-headlines); font-weight:var(--fw-500);}
#footer2 .inner {display:flex; justify-content: space-between;}
#footer2 ul {display:flex; gap:1em;}
#footer2 a {}
#footer2 a:hover {text-decoration: underline;}
/*** Ende Footer ***/


/*** Start Cookies ***/
#cookie {position:fixed; bottom:0; font-size:1.1rem; z-index:999; width:100%;text-align:center; background:var(--clr-footer1); padding:1rem 0; color: #F5F5F5; border-top:1px solid rgba(255, 255, 255, 0.1)}
#cookie a {color: #F5F5F5; text-decoration: underline;}
#cookie a#cookie_ok{color:#fff; background:var(--farbe-rot); text-decoration:none; border-radius:5px; padding:1px 5px;}
/*** Ende Cookies ***/




/*** Start Responsive ***/
@media all and (max-width: 1300px) {
nav ul li:last-child ul {right:0; left:auto;}

}

@media all and (max-width: 1230px) {
.inner {width:90%; margin:0 5%;}	
}

@media all and (max-width: 1060px) {
nav ul li a {padding: 3.6rem 1rem;}	
#guides_small .card .description h2 {font-size:2.2rem;}

}

@media all and (max-width:990px) {
header {height:auto;}
/*header #topbar  {display:none;}*/
h1 {margin: 0.4rem 0;}
h2 {font-size:2rem; margin-bottom:1rem; padding-bottom:1rem;}
    
nav {height:auto;}
nav a#button-nav {display:block;}
.nojs nav a#button-nav {display:none;}
#logo {margin: .25em 0; }
nav .inner {position: relative; width:90%; margin:0 auto;}
nav a#button-nav {margin-left:5%;}
nav a#logo {height:65px; width:auto; }
nav a#logo img {height:65px; width:auto; margin:0; }
.nojs nav a#logo {display:block; margin: 1rem; text-align: center;} 
nav ul {flex-direction: column; min-width:100%; position:absolute; z-index:1000; border-radius:0;  }
nav ul#main-nav{overflow-x:hidden; overflow-y:auto; max-height:350px; top:72px; display:none; width:110%; margin-left:-5%;}
.nojs nav .inner {display:block;}
.nojs nav ul#main-nav{display:block; height:auto; position:relative; top:0;}
.nojs header {position:relative; height:auto;}
nav ul li {border-radius:0; border-bottom-left-radius:0; border-bottom-right-radius:0;}
nav ul li a {text-align: left; padding:1rem 2% 1rem 3%; border-top: 1px solid rgba(255,255,255,0.3);  border-bottom: 1px solid rgba(0,0,0,0.1); font-size:var(--fs-p); margin:0 0%; letter-spacing: 0; }
nav ul li.dropdown:hover a::before, nav ul li.dropdown:focus-within a::before, nav ul li.dropdown.active a::before {content: "";  transform: rotate(45deg);  border: solid var(--farbe-rot);  border-width: 0 2px 2px 0;  display: inline-block; padding: 0.3rem; position: absolute;right: 5%; top:1.5rem; }
.nojs nav ul#main-nav li.dropdown ul, .nojs nav ul#main-nav li.dropdown:not(:focus) ul {display:none;}
.nojs nav ul#main-nav li.dropdown:focus-within > ul, nav ul#main-nav li.dropdown.active ul  {display:block; opacity:1; z-index: 1000;}	

nav ul li.dropdown ul {position:relative; display:none; box-shadow:none; }
nav ul li.dropdown ul li a {font-size:var(--fs-s); font-weight: var(--fw-600); pointer-events:auto;}
nav ul li.dropdown a::before {content: "";  transform: rotate(315deg);  border: solid black;  border-width: 0 2px 2px 0;  display: inline-block; padding: 0.3rem; position: absolute;right: 5%; top:1.5rem; }
nav ul li:not(:first-child) ul li a::before{opacity: 0;}
nav ul li ul li a { padding:1rem 5% 1rem 5%;}

section.content_sidebar {width:100%; float:none;}
aside {width:100%; float:none;}




.projekt_spenden form div.form-group.checkbox label {width: 80%;}
	
#footer1 .inner, #footer2 .inner {flex-direction: column;}
#footer2 .inner {text-align:center; align-content: center;}
#footer2 .inner ul {justify-content: center;}
#footer1 section:nth-child(1) {width:100%;} 
}


@media all and (max-width: 800px) {
div.content_wrap {padding:4rem 0; }
	
	
#filter select, #filter .select2 {margin-right:0px!important; width:90%!important;}
	
form div.form-group.checkbox label {width: 80%;}
#filter a, #filter a:last-child {margin:0;}
#footer2 {padding:2rem 0;}
#footer2 ul {flex-direction: column;}
}

@media all and (max-width: 600px) {
h2 {font-size: 2.6rem;}
#videos iframe {width:100%;}
#blog_posts {gap:0;}
#blog_posts div.blog-post{flex-basis: 100%;}
table span.zielgruppen, table span.jahreszeiten, table span.kategorien {display:none;}
.table-responsive {overflow-x: auto;}    
}

@media all and (max-width: 450px) {
#topbar {text-align:center;}
.button, #filter a {letter-spacing:0px; padding: 0.8em 1em;}
}
/*** Ende Responsive ***/

/*** Start Print ***/
@media print
{    
header {position: relative;}
#logo {margin:0 auto; text-align: center;}
h2 {margin-bottom:2.0rem;}
h3 {margin-bottom:2.0rem;}
h4 {margin-bottom:2.0rem;}
h5 { margin-bottom:0rem;}
h2, h3, h4, h5 {position:relative; text-transform: uppercase; font-family:var(--ff-headlines); padding-bottom:0rem;}
h2::after, h3::after, h4::after {display:none;}
main a:not([href*="https://wasmachma.at"]):not([href*="mailto:"])::after {display:none;}
main a:not([href*="https://wasmachma.at"]):not([href*="mailto:"]) {padding-right:0px;}
#topbar, #button-nav, #main-nav, footer, .hide, .noprint   {display: none !important;}
}
/*** Ende Print ***/



/*** Start Select2.min.css ***/
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:42px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box;}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #ddd;border-radius:4px; box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:42px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#333}.select2-container--default .select2-selection--single .select2-selection__arrow{height:36px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{width: 0; transform: rotate(45deg);border: solid #444;border-width: 0 2px 2px 0; display: inline-block; padding: 0.3rem;
    position: absolute; top: 1.5rem;}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{width: 0; transform: rotate(45deg);  border: solid var(--clr-primary);border-width: 0 2px 2px 0; display: inline-block; padding: 0.3rem; position: absolute; top: 1.5rem;}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#000;border:1px solid #fff;border-radius:0px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:6px 8px 6px 5px; font-size: 12px; color:#fff;}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#fff;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid #000 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #ddd}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield; height:32px!important; padding-left:3px;}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto; border:1px solid #000; margin-left:-1px;}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#efefef}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#000;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #ddd;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #000}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:42px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#efefef;border:none;border-left:1px solid #ddd;border-top-right-radius:4px;border-bottom-right-radius:4px;height:36px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{width: 0; transform: rotate(45deg);border: solid #444;border-width: 0 2px 2px 0; display: inline-block; padding: 0.3rem;  position: absolute; top: 1.5rem;}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #ddd;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #000}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{width: 0; transform: rotate(45deg);  border: solid var(--clr-primary); border-width: 0 2px 2px 0; display: inline-block; padding: 0.3rem; position: absolute; top: 1.5rem;}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #ddd;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #000}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #ddd;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #000}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #ddd;outline:0;}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#000}
/*** Ende Select2.min.css ***/