/* VIDEOS
01 GENERAL
02 SEARCH
03 SELECT OPTIONS
04 CONTACTS SETTINGS
05 DOWNLOADS SETTINGS
06 NEWS & EVENTS SETTINGS
07 CALENDAR SETTINGS
00 LOADING ANIMATION
*/
/* -----------------------------------------------------------------------
01 GENERAL
/* ---------------------------------------------------------------------*/
.main-content .view-filters {
display: flex;
width: 100%;
justify-content: flex-end;
min-height: 2.75rem;
}
.main-content .view-filters .form-row {
display: flex;
width: 100%;
justify-content: flex-end;
flex-wrap: nowrap;
}
.main-content .view-filters .form-row fieldset {
padding: 0;
margin: 0;
display: flex;
align-items: center;
}
.main-content .view-filters .views-exposed-form,
.node--type-wfbb-dates-overview form#views-exposed-form-wfbb-events-block-1 {
display: flex;
align-items: center;
flex-direction: column;
}
.view-filters + .view-content {
margin-top: .35em;
}
.empty-view {
font-size: var(--font-size-h3);
text-align: center;
padding: 3rem 20%;
}
/* -----------------------------------------------------------------------
02 SEARCH
/* ---------------------------------------------------------------------*/
.main-content .view-filters input[type="text"] {
font-size: var(--font-size-h4);
font-weight: 700;
padding: 1rem 2rem;
height: auto;
color: var(--color-grey-dark);
background-image: var(--icon-search-big);
background-repeat: no-repeat;
background-size: 1.9rem;
background-position: center right 2rem;
border: 0;
background-color: var(--color-item-bg-2);
}
.main-content .view-filters input[type="text"]::placeholder {
color: var(--color-grey);
}
.main-content .view-filters input[type="text"]:focus::placeholder {
color: var(--color-grey-dark);
}
@media (max-width: 767px) {
.main-content .view-filters input[type="text"] {
background-position: center right .75em;background-size: 1.5em;
}
}
/* -----------------------------------------------------------------------
03 SELECT OPTIONS
/* ---------------------------------------------------------------------*/
.main-content .view-filters select.custom-select {
padding: 0;
background-color: transparent;
border: 0;
cursor: pointer;
width: 2.3em;
height: 2.3em;
border-radius: var(--border-radius);
position: relative;
text-indent: -9999px;
background-position: center;
}
.main-content .view-filters select.custom-select:focus {
border-color: none;
outline: 0;
box-shadow: none;
background-color: var(--color-grey-light);
}
.main-content .view-filters select.custom-select:hover {
background-color: var(--color-grey-light);
}
.main-content .view-filters select.custom-select option {
font-size: 1.25rem;
padding: .25rem .5rem;
}
.main-content .view-filters .form-row fieldset.form-type-select {
position: relative;
padding: 0 .5em;
}
.main-content .view-filters .form-row div:not(:first-child) fieldset.form-type-select:not(:last-child):before {
display: block;
content: '';
position: absolute;
width: 1px;
height: 60%;
background-color: var(--color-grey-light);
right: 0;
}
.main-content .js-form-item-field-branch-topic-target-id select {
width: 11.2rem;
}
html[lang="en"] .main-content .js-form-item-field-branch-topic-target-id select {
width: 10rem;
}
.main-content .js-form-item-field-region-target-id select.custom-select {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.773' height='24.188' viewBox='0 0 23.773 24.188'%3E%3Cg id='Gruppe_324' data-name='Gruppe 324' transform='translate(-1342.058 -333.411)'%3E%3Cpath id='Pfad_960' data-name='Pfad 960' d='M697.088-6553.2l-2.874-.441-2.488-1.3-2.491,1.739-2.427,1.072,3.892,2.392,2.247.273-.944,3.941,1.328.722-.886,2.287,1.77,2.2,4.409,1.013.511,5.146,5.447-.244.434-1.543,4.065-.542-1.527-2.816,1.143-2.661-1.143-2.843.728-1.874-3.266-2.79v-1.438l2.007-3.3-2.44-.222v-1.435l-2.381-.982-1.761,2.9Z' transform='translate(656 6891)' fill='none' stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='Pfad_961' data-name='Pfad 961' d='M701.725-6544.262l-1.917-.9-1.828.4.662-2.99h2.028l1.763,1.428Z' transform='translate(656 6891)' fill='none' stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
background-size: 1.5em auto;
}
.main-content .js-form-item-field-team-wfbb-contact-target-id select {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26.986' height='20.302' viewBox='0 0 26.986 20.302'%3E%3Cpath id='people' d='M25.065,22.052a1.637,1.637,0,0,0,1.671-1.671c0-1.671-1.671-6.684-8.355-6.684s-8.355,5.013-8.355,6.684A1.637,1.637,0,0,0,11.7,22.052ZM11.734,20.381l-.037-.007a5.128,5.128,0,0,1,1.27-2.874,6.687,6.687,0,0,1,5.414-2.132A6.7,6.7,0,0,1,23.8,17.5a5.145,5.145,0,0,1,1.27,2.874l-.013,0-.023,0Zm6.647-10.026a3.342,3.342,0,1,0-3.342-3.342A3.342,3.342,0,0,0,18.381,10.355Zm5.013-3.342A5.013,5.013,0,1,1,18.381,2a5.013,5.013,0,0,1,5.013,5.013Zm-11.8,7.152a9.826,9.826,0,0,0-2.055-.413q-.588-.056-1.18-.055C1.671,13.7,0,18.71,0,20.381a1.477,1.477,0,0,0,1.671,1.671H8.716a3.74,3.74,0,0,1-.361-1.671,7.668,7.668,0,0,1,1.821-4.853,8.842,8.842,0,0,1,1.414-1.364Zm-3.369,1.2a9.179,9.179,0,0,0-1.537,5.013H1.671A5.127,5.127,0,0,1,2.941,17.5a6.64,6.64,0,0,1,5.28-2.131ZM2.507,7.849A5.013,5.013,0,1,1,7.52,12.862,5.013,5.013,0,0,1,2.507,7.849ZM7.52,4.507a3.342,3.342,0,1,0,3.342,3.342A3.342,3.342,0,0,0,7.52,4.507Z' transform='translate(0.125 -1.875)' stroke='%23fff' stroke-width='0.25'/%3E%3C/svg%3E%0A");
background-size: 1.75em auto;
}
.main-content .js-form-item-field-languages-contact-target-id select {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23.899' height='23.899' viewBox='0 0 23.899 23.899'%3E%3Cg id='noun_Language_1825533' transform='translate(-5.501 -5.501)'%3E%3Cg id='Layer_2' data-name='Layer 2' transform='translate(5.5 5.5)'%3E%3Cpath id='Pfad_523' data-name='Pfad 523' d='M27.641,23.688A11.893,11.893,0,0,0,29.4,17.449h0a11.894,11.894,0,0,0-1.757-6.238l-.007-.01a11.95,11.95,0,0,0-20.371,0l-.007.01a11.953,11.953,0,0,0,0,12.477l.007.011a11.95,11.95,0,0,0,20.371,0Zm-8.665,3.663a2.9,2.9,0,0,1-.776.536,1.751,1.751,0,0,1-1.5,0,3.658,3.658,0,0,1-1.356-1.193A10.68,10.68,0,0,1,13.8,23.345q1.823-.112,3.65-.114t3.651.114a13.479,13.479,0,0,1-.655,1.8,6.929,6.929,0,0,1-1.469,2.2Zm-12.11-9.23h4.82a23.712,23.712,0,0,0,.436,4q-1.976.174-3.942.478a10.534,10.534,0,0,1-1.313-4.482ZM8.179,12.3q1.965.3,3.944.478a23.67,23.67,0,0,0-.437,4H6.866A10.534,10.534,0,0,1,8.179,12.3Zm7.743-4.747a2.9,2.9,0,0,1,.776-.536,1.751,1.751,0,0,1,1.5,0A3.658,3.658,0,0,1,19.556,8.2,10.68,10.68,0,0,1,21.1,11.554q-1.823.112-3.65.114t-3.65-.114a13.477,13.477,0,0,1,.655-1.8,6.929,6.929,0,0,1,1.469-2.2Zm12.111,9.23h-4.82a23.714,23.714,0,0,0-.436-4q1.976-.174,3.942-.478a10.534,10.534,0,0,1,1.313,4.473ZM13.472,22.021a22.206,22.206,0,0,1-.443-3.9H21.87a22.2,22.2,0,0,1-.442,3.9q-1.987-.13-3.978-.133T13.472,22.021Zm7.955-9.143a22.207,22.207,0,0,1,.443,3.9H13.028a22.2,22.2,0,0,1,.442-3.9q1.987.13,3.978.133t3.977-.133Zm1.786,5.243h4.82A10.534,10.534,0,0,1,26.719,22.6q-1.965-.3-3.944-.478a23.669,23.669,0,0,0,.437-4Zm2.7-7.061q-1.718.248-3.447.393a15.31,15.31,0,0,0-.8-2.254,9.527,9.527,0,0,0-1.112-1.892,10.6,10.6,0,0,1,5.36,3.753ZM9.949,9.949a10.6,10.6,0,0,1,4.392-2.643c-.025.033-.051.064-.076.1a12.256,12.256,0,0,0-1.832,4.049q-1.729-.146-3.45-.393a10.694,10.694,0,0,1,.966-1.113Zm-.965,13.89q1.718-.248,3.447-.393a15.311,15.311,0,0,0,.8,2.254,9.528,9.528,0,0,0,1.112,1.892,10.6,10.6,0,0,1-5.358-3.754ZM24.949,24.95a10.6,10.6,0,0,1-4.392,2.643c.025-.033.051-.064.076-.1a12.256,12.256,0,0,0,1.832-4.049q1.729.146,3.45.393a10.694,10.694,0,0,1-.965,1.111Z' transform='translate(-5.5 -5.5)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
background-size: 1.5em;
}
.main-content .js-form-item-field-media-category-target-id select {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.571' height='24.541' viewBox='0 0 19.571 24.541'%3E%3Cg id='Gruppe_331' data-name='Gruppe 331' transform='translate(0 0)'%3E%3Cg id='file-bar-graph' transform='translate(4.66 4.66)'%3E%3Cpath id='Pfad_971' data-name='Pfad 971' d='M4.621,13.7A.621.621,0,0,1,4,13.076V10.591a.621.621,0,0,1,.621-.621H5.864a.621.621,0,0,1,.621.621v2.485a.621.621,0,0,1-.621.621Zm3.728,0a.621.621,0,0,1-.621-.621V8.106a.621.621,0,0,1,.621-.621H9.591a.621.621,0,0,1,.621.621v4.97a.621.621,0,0,1-.621.621Zm3.728,0a.621.621,0,0,1-.621-.621V5.621A.621.621,0,0,1,12.076,5h1.243a.621.621,0,0,1,.621.621v7.455a.621.621,0,0,1-.621.621Z' transform='translate(-1.515 1.213)' fill='%23212121'/%3E%3Cpath id='Pfad_972' data-name='Pfad 972' d='M4.485,0A2.485,2.485,0,0,0,2,2.485V17.4A2.485,2.485,0,0,0,4.485,19.88h9.94A2.485,2.485,0,0,0,16.91,17.4V2.485A2.485,2.485,0,0,0,14.425,0Zm0,1.243h9.94a1.243,1.243,0,0,1,1.243,1.243V17.4a1.243,1.243,0,0,1-1.243,1.243H4.485A1.243,1.243,0,0,1,3.243,17.4V2.485A1.243,1.243,0,0,1,4.485,1.243Z' transform='translate(-2)' fill='%23212121'/%3E%3C/g%3E%3Cpath id='Differenzmenge_8' data-name='Differenzmenge 8' d='M3.729,19.88H2.485A2.487,2.487,0,0,1,0,17.4V2.485A2.488,2.488,0,0,1,2.486,0h9.939A2.487,2.487,0,0,1,14.91,2.485V3.729H13.668V2.485a1.244,1.244,0,0,0-1.242-1.242H2.486A1.245,1.245,0,0,0,1.242,2.485V17.4a1.245,1.245,0,0,0,1.244,1.244H3.729v1.24Z' transform='translate(0 0)' fill='%23212121'/%3E%3C/g%3E%3C/svg%3E%0A"); background-size: 1.5em;
background-size: 1.25em auto;
}
.main-content .js-form-item-field-crdate-downloadcenter-value select,
.main-content .js-form-item-field-year-value select,
.main-content .js-form-item-field-date-newsletter-value select {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24.505' height='23.657' viewBox='0 0 24.505 23.657'%3E%3Cg id='clock-history' transform='translate(0.004)'%3E%3Cpath id='Pfad_987' data-name='Pfad 987' d='M8.761,1.506Q8.381,1.478,8,1.478V0q.436,0,.871.033L8.761,1.506Zm9.583,10.066a10.336,10.336,0,0,0-.148-1.515l1.456-.251a11.9,11.9,0,0,1,.171,1.73l-1.478.037Zm-.194,2.274c.049-.251.089-.5.12-.754l1.468.182a11.763,11.763,0,0,1-.34,1.708l-1.425-.395q.1-.366.177-.741Zm-1.407,3.517a10.443,10.443,0,0,0,.718-1.342l1.351.6a11.932,11.932,0,0,1-.82,1.535l-1.249-.791Zm-1.425,1.781q.271-.271.517-.559l1.121.965q-.285.33-.593.639l-1.045-1.045Z' transform='translate(3.829)' fill='%23212121'/%3E%3Cpath id='Pfad_988' data-name='Pfad 988' d='M11.829,1.478a10.349,10.349,0,1,0,7.318,17.666l1.045,1.045A11.828,11.828,0,1,1,11.829,0Z' transform='translate(0 0)' fill='%23212121'/%3E%3Cpath id='Pfad_989' data-name='Pfad 989' d='M7.739,3a.739.739,0,0,1,.739.739v7.7l4.8,2.744a.739.739,0,0,1-.733,1.283L7.373,12.512A.739.739,0,0,1,7,11.87V3.739A.739.739,0,0,1,7.739,3Z' transform='translate(3.35 1.435)' fill='%23212121'/%3E%3Cg id='Polygon_9' data-name='Polygon 9' transform='translate(19.658 6.279) rotate(-9)' fill='%23212121'%3E%3Cpath d='M 3.435080051422119 2.456722021102905 L 0.999997615814209 2.456722021102905 L 2.217541456222534 0.8333280086517334 L 3.435080051422119 2.456722021102905 Z' stroke='none'/%3E%3Cpath d='M 2.217538118362427 0.1333293914794922 C 2.277538061141968 0.1333293914794922 2.337538003921509 0.1599969863891602 2.377538204193115 0.213331937789917 L 4.195077896118164 2.636721849441528 C 4.293958187103271 2.768561840057373 4.199888229370117 2.956722021102905 4.035078048706055 2.956722021102905 L 0.3999981880187988 2.956722021102905 C 0.2351880073547363 2.956722021102905 0.141118049621582 2.768561840057373 0.2399983406066895 2.636721849441528 L 2.057538032531738 0.213331937789917 C 2.097538232803345 0.1599969863891602 2.157538175582886 0.1333293914794922 2.217538118362427 0.1333293914794922 Z' stroke='none' fill='%23212121'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
background-size: 1.5em;
}
.main-content .js-form-item-sort-by select {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.955' height='21.712' viewBox='0 0 20.955 21.712'%3E%3Cg id='sort-alpha-down' transform='translate(-1.374 -1.543)'%3E%3Cpath id='Pfad_962' data-name='Pfad 962' d='M11.173,8.542l-.725,2.379H8.6l3.1-9.253h2.142l3.091,9.253H14.991l-.727-2.379H11.173ZM13.9,7.18,12.767,3.436h-.082L11.553,7.18H13.9Z' transform='translate(5.221)' fill='%23212121' stroke='%23fff' stroke-width='0.25' fill-rule='evenodd'/%3E%3Cpath id='Pfad_963' data-name='Pfad 963' d='M21.389,22.825H14.565v-1.2l4.476-6.456v-.094H14.686v-1.5h6.569v1.2L16.8,21.227v.094h4.59v1.5ZM6.707,2.868a.868.868,0,1,0-1.735,0v17L2.983,17.872A.869.869,0,1,0,1.754,19.1L5.225,22.57l.012.012a.863.863,0,0,0,1.215-.01L9.923,19.1A.868.868,0,0,0,8.7,17.872L6.707,19.863Z' transform='translate(0 0.244)' fill='%23212121' stroke='%23fff' stroke-width='0.25'/%3E%3C/g%3E%3C/svg%3E%0A");
background-size: 1.25em;
}
.main-content .js-form-item-field-branch-topic-target-id select {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.923' height='21.923' viewBox='0 0 21.923 21.923'%3E%3Cg id='noun-industry-500508' transform='translate(-76.161 -52.374)'%3E%3Cpath id='Pfad_974' data-name='Pfad 974' d='M143.76,59.282a.834.834,0,0,0-.828-.01l-6.264,3.48V60a.834.834,0,0,0-1.206-.746l-7.13,3.565V53.332a.834.834,0,0,0-.834-.834h-4.168a.834.834,0,0,0-.834.834V73.338a.834.834,0,0,0,.834.834h20.006a.834.834,0,0,0,.834-.834V60a.835.835,0,0,0-.41-.719ZM142.5,72.5H124.164V54.166h2.5v10a.834.834,0,0,0,1.207.746L135,61.35v2.819a.833.833,0,0,0,1.238.729l6.264-3.48Z' transform='translate(-46.211)' fill='%23212121' stroke='%23fff' stroke-width='0.25'/%3E%3Cpath id='Pfad_975' data-name='Pfad 975' d='M315.834,350a.834.834,0,0,0-.834.834v2.5a.834.834,0,1,0,1.667,0v-2.5A.834.834,0,0,0,315.834,350Z' transform='translate(-229.545 -283.33)' fill='%23212121' stroke='%23fff' stroke-width='0.25'/%3E%3Cpath id='Pfad_976' data-name='Pfad 976' d='M455.834,354.168a.834.834,0,0,0,.834-.834v-2.5a.834.834,0,0,0-1.667,0v2.5A.834.834,0,0,0,455.834,354.168Z' transform='translate(-362.876 -283.33)' fill='%23212121' stroke='%23fff' stroke-width='0.25'/%3E%3Cpath id='Pfad_977' data-name='Pfad 977' d='M245.834,350a.834.834,0,0,0-.834.834v2.5a.834.834,0,1,0,1.667,0v-2.5A.834.834,0,0,0,245.834,350Z' transform='translate(-162.879 -283.33)' fill='%23212121' stroke='%23fff' stroke-width='0.25'/%3E%3Cpath id='Pfad_978' data-name='Pfad 978' d='M385,350.834v2.5a.834.834,0,1,0,1.667,0v-2.5a.834.834,0,0,0-1.667,0Z' transform='translate(-296.21 -283.33)' fill='%23212121' stroke='%23fff' stroke-width='0.25'/%3E%3C/g%3E%3C/svg%3E%0A");
background-size: 1.5em;
}
.main-content input#viewFilter,
.main-content .view-id-wfbb_newsletter_overview input#viewFilter {
display: none;
}
.main-content .js-form-item-field-type-wfbb-events-target-id,
.main-content .js-form-item-field-branch-topic-target-id,
.main-content .js-form-item-field-category-wfbb-business-new-target-id {
display: none !important;
}
@media (max-width: 767px) {
.main-content input#viewFilter {
display: block;
width: 2.5em;
height: 2.5em;
position: absolute;
top: .6em;
right: .75em;;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='23' viewBox='0 0 5 23'%3E%3Cg id='Gruppe_337' data-name='Gruppe 337' transform='translate(-1546 -334)'%3E%3Ccircle id='Ellipse_104' data-name='Ellipse 104' cx='2.5' cy='2.5' r='2.5' transform='translate(1546 334)' fill='%23212121'/%3E%3Ccircle id='Ellipse_105' data-name='Ellipse 105' cx='2.5' cy='2.5' r='2.5' transform='translate(1546 343)' fill='%23212121'/%3E%3Ccircle id='Ellipse_106' data-name='Ellipse 106' cx='2.5' cy='2.5' r='2.5' transform='translate(1546 352)' fill='%23212121'/%3E%3C/g%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
z-index: 1;
-webkit-appearance: none;
appearance: none;
border: 1px solid var(--color-grey-light);
border-radius: var(--border-radius);
}
.main-content input#viewFilter:checked {
background-color: var(--color-primary);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.828' height='10.828' viewBox='0 0 10.828 10.828'%3E%3Cg id='Gruppe_327' data-name='Gruppe 327' transform='translate(-1328.086 -388.086)'%3E%3Cline id='Linie_138' data-name='Linie 138' x2='8' y2='8' transform='translate(1329.5 389.5)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Linie_139' data-name='Linie 139' x2='8' y2='8' transform='translate(1337.5 389.5) rotate(90)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
border-color: var(--color-primary);
}
/* FUNCTION */
.main-content input#viewFilter:checked + .view-filters .combine-filter {
max-width: 0;
overflow: hidden;
}
.main-content input#viewFilter:checked + .view-filters .combine-filter + .general-filter {
width: 100%;
display: flex;
}
}
/* LABELS */
.main-content .view-filters .general-filter fieldset.form-type-select label {
position: absolute;
top: -1.75em;
left: 50%;
transform: translate(-50%, 0);
margin: 0 auto;
background: var(--color-item-bg-2);
white-space: nowrap;
display: block;
padding: .25em .5em;
border-radius: var(--border-radius);
box-shadow: 0 5px 10px rgb(0 0 0 / 15%);
width: fit-content;
font-size: .75em;
opacity: 0;
transition: all ease-in-out .2s;
pointer-events: none;
}
.main-content .view-filters .general-filter fieldset.form-type-select:hover label {
opacity: 1;
z-index: 1;
top: -2.3rem;
}
.main-content .view-filters .general-filter fieldset.form-type-select label:after {
display: block;
content: '';
height: .75rem;
width: 1.125rem;
position: absolute;
top: calc(100% - 1px);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='9' viewBox='0 0 18 9'%3E%3Cg id='Polygon_7' data-name='Polygon 7' fill='%23fff'%3E%3Cpath d='M 16.79290008544922 8.5 L 1.207100033760071 8.5 L 9 0.707099974155426 L 16.79290008544922 8.5 Z' stroke='none'/%3E%3Cpath d='M 9 1.414219856262207 L 2.414219856262207 8 L 15.58578014373779 8 L 9 1.414219856262207 M 9 0 L 18 9 L 0 9 L 9 0 Z' stroke='none' fill='%23EBEBEB'/%3E%3C/g%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center bottom;
left: 50%;
transform: translate(-50%, 0) rotate(180deg);
}
.main-content .view-filters .general-filter fieldset.form-type-select label:before {
display: block;
content: '';
position: absolute;
bottom: 0;
width: 2em;
height: 1px;
background-color: var(--color-item-bg-2);
z-index: 1;
left: 50%;
transform: translate(-50%, 0);
}
/* FORM ACTIONS */
.main-content .view-filters .form-actions {
position: absolute;
margin: 0;
top: calc(100% + .35em);
right: 0;
}
.main-content .view-filters .exposed-filter-wrapper .form-actions {
display: block;
width: auto;
}
.exposed-filter-wrapper button[data-drupal-selector="edit-reset"],
.exposed-filter-wrapper .form-actions button[data-drupal-selector="edit-reset"] {
display: none;
border: 0;
background-color: var(--color-grey-dark);
text-indent: -9999px;
padding: 0;
height: 1.75em;
width: 1.75em;
border-radius: var(--border-radius);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.828' height='10.828' viewBox='0 0 10.828 10.828'%3E%3Cg id='Gruppe_327' data-name='Gruppe 327' transform='translate(-1328.086 -388.086)'%3E%3Cline id='Linie_138' data-name='Linie 138' x2='8' y2='8' transform='translate(1329.5 389.5)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Linie_139' data-name='Linie 139' x2='8' y2='8' transform='translate(1337.5 389.5) rotate(90)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
margin: 0;
}
.exposed-filter-wrapper .form-actions button[data-drupal-selector="edit-reset"].show-btn {
display: block;
}
.exposed-filter-wrapper .form-actions button:last-child:hover {
background-color: var(--color-primary-dark);
}
/* SELECTED FILTER */
.filter-selected-elements {
width: 100%;
display: flex;
grid-gap: .35em;
padding: .35em 2.5em 0 .35em;
justify-content: right;
min-height: 1.75em;
margin-bottom: .5em;
}
.selected-filter-item {
border-radius: var(--border-radius);
background-color: var(--color-primary);
color: #fff;
font-size: .7em;
padding: .5em 2.25em .5em 2.5em;
line-height: 1.2;
position: relative;
cursor: pointer;
}
.selected-filter-item:before {
display: block;
content: '';
position: absolute;
top: 0;
left: .5em;
width: 1.5em;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: 1.25em auto;
}
.selected-filter-item .remove-selected-filter {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 2em;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10.828' height='10.828' viewBox='0 0 10.828 10.828'%3E%3Cg id='Gruppe_327' data-name='Gruppe 327' transform='translate(-1328.086 -388.086)'%3E%3Cline id='Linie_138' data-name='Linie 138' x2='8' y2='8' transform='translate(1329.5 389.5)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3Cline id='Linie_139' data-name='Linie 139' x2='8' y2='8' transform='translate(1337.5 389.5) rotate(90)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: center;
background-size: .5em;
text-indent: -99999px;
border-radius: 0 var(--border-radius) var(--border-radius) 0;
}
.selected-filter-item:hover .remove-selected-filter {
background-color: var(--color-red-dark);
}
.selected-filter-item#sort_by-title {
pointer-events: none;
}
.selected-filter-item#sort_by-title .remove-selected-filter {
opacity: .3;
}
.selected-filter-item#sort_by-title:hover .remove-selected-filter {
background-color: transparent;
}
.selected-filter-item[data-select-name="field_region_target_id"]:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.917' height='16.185' viewBox='0 0 15.917 16.185'%3E%3Cg id='Gruppe_325' data-name='Gruppe 325' transform='translate(-1342.058 -333.411)'%3E%3Cpath id='Pfad_960' data-name='Pfad 960' d='M693.462-6554.484l-1.861-.285-1.611-.84-1.612,1.125-1.571.694,2.519,1.548,1.454.177-.611,2.551.859.467-.574,1.48,1.145,1.427,2.854.656.331,3.331,3.526-.158.281-1,2.631-.351-.989-1.823.74-1.722-.74-1.841.471-1.212-2.114-1.806V-6553l1.3-2.134-1.58-.144v-.928l-1.541-.636-1.14,1.879Z' transform='translate(656 6891)' fill='%23fff' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='Pfad_961' data-name='Pfad 961' d='M700.4-6545.491l-1.241-.58-1.183.26.429-1.936h1.313l1.141.924Z' transform='translate(652.059 6887.793)' fill='%23c81423' stroke='%23c81423' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.selected-filter-item[data-select-name="field_team_wfbb_contact_target_id"]:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.006' height='15.755' viewBox='0 0 21.006 15.755'%3E%3Cpath id='people' d='M19.693,17.755a1.286,1.286,0,0,0,1.313-1.313c0-1.313-1.313-5.252-6.564-5.252s-6.564,3.939-6.564,5.252A1.286,1.286,0,0,0,9.19,17.755Zm0-1.318C19.677,16.44,19.691,16.091,19.693,16.437Zm-1.313-10.5A3.939,3.939,0,1,1,14.442,2a3.939,3.939,0,0,1,3.939,3.939ZM9.106,11.558a7.72,7.72,0,0,0-1.615-.324q-.462-.044-.927-.043C1.313,11.19,0,15.129,0,16.442a1.16,1.16,0,0,0,1.313,1.313H6.848a2.938,2.938,0,0,1-.284-1.313A6.025,6.025,0,0,1,8,12.629,6.947,6.947,0,0,1,9.106,11.558ZM1.969,6.6a3.939,3.939,0,1,1,3.939,3.939A3.939,3.939,0,0,1,1.969,6.6Z' transform='translate(0 -2)' fill='%23fff'/%3E%3C/svg%3E%0A");
}
.selected-filter-item[data-select-name="field_languages_contact_target_id"]:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.739' height='14.767' viewBox='0 0 14.739 14.767'%3E%3Cpath id='Differenzmenge_7' data-name='Differenzmenge 7' d='M-1113.68,6906.705a1.212,1.212,0,0,1-.522-.119,2.546,2.546,0,0,1-.945-.83,7.461,7.461,0,0,1-1.075-2.332c.856-.052,1.711-.078,2.542-.078h.043c.855,0,1.7.026,2.5.078a9.39,9.39,0,0,1-.458,1.253,4.814,4.814,0,0,1-1.021,1.533,2,2,0,0,1-.541.376A1.22,1.22,0,0,1-1113.68,6906.705Zm2.163-.323,0,0,.016-.02a.545.545,0,0,0,.036-.047,8.452,8.452,0,0,0,1.274-2.819c.824.07,1.632.162,2.4.274a7.7,7.7,0,0,1-.671.773,7.411,7.411,0,0,1-3.057,1.84Zm-4.325,0h0a7.323,7.323,0,0,1-3.728-2.613c.8-.115,1.608-.206,2.4-.272a10.687,10.687,0,0,0,.558,1.569,6.606,6.606,0,0,0,.773,1.315Zm8.616-3.476h0c-.9-.137-1.825-.249-2.745-.333a16.392,16.392,0,0,0,.3-2.786h3.358a7.411,7.411,0,0,1-.915,3.118Zm-12.908,0h0a7.366,7.366,0,0,1-.913-3.116h3.354a16.765,16.765,0,0,0,.3,2.786c-.9.078-1.822.189-2.744.331Zm9.224-.4h0c-.921-.06-1.852-.092-2.769-.094h-.076c-.892,0-1.8.032-2.692.094a15.464,15.464,0,0,1-.309-2.716h6.156a15.621,15.621,0,0,1-.308,2.715Zm4.6-3.649h-3.356a16.747,16.747,0,0,0-.3-2.784c.926-.083,1.849-.194,2.744-.333a7.363,7.363,0,0,1,.914,3.113h0Zm-4.291,0h-6.158a15.427,15.427,0,0,1,.309-2.714c.913.06,1.845.092,2.77.093s1.85-.031,2.769-.093a15.417,15.417,0,0,1,.31,2.713Zm-7.092,0h-3.356a7.392,7.392,0,0,1,.915-3.117c.875.135,1.8.247,2.746.333a16.585,16.585,0,0,0-.305,2.783Zm4.013-3.557h-.079c-.825,0-1.653-.027-2.462-.08a9.782,9.782,0,0,1,.456-1.253,4.823,4.823,0,0,1,1.023-1.531,1.969,1.969,0,0,1,.539-.375,1.222,1.222,0,0,1,.524-.118,1.232,1.232,0,0,1,.522.118,2.566,2.566,0,0,1,.945.823,7.406,7.406,0,0,1,1.075,2.335C-1112.012,6895.268-1112.867,6895.294-1113.681,6895.294Zm3.493-.149h0a10.79,10.79,0,0,0-.556-1.568,6.588,6.588,0,0,0-.775-1.318,7.325,7.325,0,0,1,3.731,2.613c-.776.113-1.583.205-2.4.274Zm-6.986,0h0c-.81-.069-1.617-.16-2.4-.272a7.274,7.274,0,0,1,.671-.775,7.416,7.416,0,0,1,3.058-1.839l-.024.032c-.009.012-.019.024-.028.038a8.529,8.529,0,0,0-1.276,2.816Z' transform='translate(1121.05 -6891.938)' fill='%23fff'/%3E%3C/svg%3E%0A");
}
.selected-filter-item[data-select-name="field_media_category_target_id"]:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.672' height='17.145' viewBox='0 0 13.672 17.145'%3E%3Cg id='Gruppe_335' data-name='Gruppe 335' transform='translate(0 0)'%3E%3Cpath id='file-bar-graph-fill' d='M10.68,0H3.736A1.736,1.736,0,0,0,2,1.736V12.152a1.736,1.736,0,0,0,1.736,1.736H10.68a1.736,1.736,0,0,0,1.736-1.736V1.736A1.736,1.736,0,0,0,10.68,0ZM8.944,9.982V4.774a.434.434,0,0,1,.434-.434h.868a.434.434,0,0,1,.434.434V9.982a.434.434,0,0,1-.434.434H9.378A.434.434,0,0,1,8.944,9.982Zm-2.17.434a.434.434,0,0,1-.434-.434V6.51a.434.434,0,0,1,.434-.434h.868a.434.434,0,0,1,.434.434V9.982a.434.434,0,0,1-.434.434Zm-2.6,0a.434.434,0,0,1-.434-.434V8.246a.434.434,0,0,1,.434-.434h.868a.434.434,0,0,1,.434.434V9.982a.434.434,0,0,1-.434.434Z' transform='translate(1.256 3.257)' fill='%23fff'/%3E%3Cpath id='Differenzmenge_9' data-name='Differenzmenge 9' d='M2.6,13.889H1.737A1.739,1.739,0,0,1,0,12.152V1.736A1.738,1.738,0,0,1,1.737,0H8.68a1.738,1.738,0,0,1,1.736,1.736v.87H4.341A1.738,1.738,0,0,0,2.6,4.342v9.547Z' transform='translate(0 0)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.selected-filter-item[data-select-name="field_crdate_downloadcenter_value"]:before,
.selected-filter-item[data-select-name="field_date_newsletter_value"]:before,
.selected-filter-item[data-select-name="field_year_value"]:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.094' height='14.572' viewBox='0 0 15.094 14.572'%3E%3Cg id='Gruppe_341' data-name='Gruppe 341' transform='translate(-1272 -261.343)'%3E%3Cg id='clock-history' transform='translate(1272 261.343)'%3E%3Cpath id='Pfad_987' data-name='Pfad 987' d='M8.469.928Q8.235.911,8,.911V0q.268,0,.536.02L8.469.928Zm5.9,6.2a6.366,6.366,0,0,0-.091-.933l.9-.155a7.331,7.331,0,0,1,.106,1.065l-.911.023Zm-.119,1.4c.03-.155.055-.309.074-.464l.9.112a7.245,7.245,0,0,1-.209,1.052l-.878-.243q.063-.225.109-.456Zm-.867,2.166a6.432,6.432,0,0,0,.443-.827l.832.369a7.349,7.349,0,0,1-.505.945l-.769-.487Zm-.878,1.1q.167-.167.319-.344l.69.595q-.175.2-.365.393l-.644-.644Z' transform='translate(-0.712)' fill='%23fff'/%3E%3Cpath id='Pfad_988' data-name='Pfad 988' d='M7.284.911a6.374,6.374,0,1,0,4.507,10.882l.644.644A7.286,7.286,0,1,1,7.284,0Z' transform='translate(0.004 0)' fill='%23fff'/%3E%3Cg id='Polygon_9' data-name='Polygon 9' transform='translate(12.111 3.867) rotate(-9)' fill='%23fff'%3E%3Cpath d='M 1.731786489486694 1.321189284324646 L 1.000001907348633 1.321189284324646 L 1.365894675254822 0.8333296179771423 L 1.731786489486694 1.321189284324646 Z' stroke='none'/%3E%3Cpath d='M 1.365893721580505 0.1333342790603638 C 1.425893664360046 0.1333342790603638 1.485893726348877 0.1599992513656616 1.525893688201904 0.2133291959762573 L 2.491783618927002 1.501189231872559 C 2.590673685073853 1.633039236068726 2.496593713760376 1.821189284324646 2.331783771514893 1.821189284324646 L 0.4000036716461182 1.821189284324646 C 0.2351937294006348 1.821189284324646 0.1411137580871582 1.633039236068726 0.2400038242340088 1.501189231872559 L 1.205893754959106 0.2133291959762573 C 1.245893716812134 0.1599992513656616 1.305893778800964 0.1333342790603638 1.365893721580505 0.1333342790603638 Z' stroke='none' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3Cpath id='Differenzmenge_11' data-name='Differenzmenge 11' d='M5.544,11.087a5.543,5.543,0,1,1,5.543-5.543A5.55,5.55,0,0,1,5.544,11.087ZM5.383,1.1a.456.456,0,0,0-.455.455V6.559a.454.454,0,0,0,.23.4L8.344,8.776a.453.453,0,0,0,.216.055A.456.456,0,0,0,8.8,7.984L5.839,6.295V1.551A.456.456,0,0,0,5.383,1.1Z' transform='translate(1273.848 262.979)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.selected-filter-item[data-select-name="sort_by"]:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.017' height='14.462' viewBox='0 0 14.017 14.462'%3E%3Cg id='sort-alpha-down' transform='translate(-1.332 -1.543)'%3E%3Cpath id='Pfad_962' data-name='Pfad 962' d='M10.3,6.219l-.48,1.575H8.6l2.056-6.126h1.418l2.046,6.126H12.831l-.481-1.575Zm1.8-.9-.749-2.478H11.3l-.749,2.478h1.552Z' transform='translate(1.058)' fill='%23fff' stroke='%23fff' stroke-width='0.25' fill-rule='evenodd'/%3E%3Cpath id='Pfad_963' data-name='Pfad 963' d='M14.668,15.788H10.15v-.794l2.963-4.274v-.062H10.23v-1h4.349v.794L11.63,14.73v.062h3.039v1ZM4.947,2.574a.574.574,0,1,0-1.149,0V13.827L2.481,12.509a.575.575,0,1,0-.813.813l2.3,2.3.008.008a.571.571,0,0,0,.8-.007l2.3-2.3a.575.575,0,1,0-.812-.813L4.947,13.827Z' transform='translate(0 0.049)' fill='%23fff' stroke='%23fff' stroke-width='0.25'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.selected-filter-item[data-select-name="field-branch-topic-target-id"] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.673' height='13.673' viewBox='0 0 13.673 13.673'%3E%3Cpath id='Differenzmenge_10' data-name='Differenzmenge 10' d='M-1108.853,6904.674h-12.621a.527.527,0,0,1-.526-.526v-12.621a.527.527,0,0,1,.526-.526h2.629a.527.527,0,0,1,.526.526v5.985l4.5-2.248a.524.524,0,0,1,.235-.056.528.528,0,0,1,.277.079.53.53,0,0,1,.25.448v1.734l3.951-2.2a.533.533,0,0,1,.256-.066.533.533,0,0,1,.267.072.531.531,0,0,1,.259.455v8.413A.527.527,0,0,1-1108.853,6904.674Zm-2.629-4.733a.526.526,0,0,0-.526.526v1.578a.526.526,0,0,0,.526.525.527.527,0,0,0,.526-.525v-1.578A.527.527,0,0,0-1111.482,6899.941Zm-2.1,0a.526.526,0,0,0-.525.526v1.578a.526.526,0,0,0,.525.525.527.527,0,0,0,.526-.525v-1.578A.527.527,0,0,0-1113.586,6899.941Zm-2.1,0a.526.526,0,0,0-.525.526v1.578a.526.526,0,0,0,.525.525.527.527,0,0,0,.527-.525v-1.578A.527.527,0,0,0-1115.69,6899.941Zm-2.1,0a.526.526,0,0,0-.526.526v1.578a.526.526,0,0,0,.526.525.527.527,0,0,0,.526-.525v-1.578A.527.527,0,0,0-1117.793,6899.941Z' transform='translate(1122 -6891)' fill='%23fff'/%3E%3C/svg%3E%0A");
}
.combine-filter .js-form-type-textfield:after {
display: block;
content: '';
position: absolute;
width: 1px;
height: 60%;
background-color: var(--color-grey-light);
right: 0;
}
/* -----------------------------------------------------------------------
04 CONTACTS SETTINGS
/* ---------------------------------------------------------------------*/
.main-content .view-contacts .view-filters {
display: block;
}
.main-content .exposed-filter-wrapper {
display: flex;
padding: 0 !important;
width: 100% !important;
background: var(--color-item-bg-2);
border-radius: var(--border-radius);
box-shadow: 0 10px 20px rgb(0 0 0 / 10%);
position: relative;
min-height: 3.1em;
}
.main-content .exposed-filter-wrapper > div {
width: 50%;
}
.main-content .exposed-filter-wrapper > .general-filter:first-of-type {
width: 100%;
}
.main-content .exposed-filter-wrapper > div:empty {
display: none;
}
/* FILTER LABEL */
.main-content .exposed-filter-wrapper .general-filter:before,
.main-content .event-overview-menu:before {
display: flex;
font-weight: 700;
color: var(--color-grey);
align-items: center;
margin-right: .75em;
white-space: nowrap;
padding-left: 1em
}
.main-content .exposed-filter-wrapper .general-filter:before {
content: 'Filter selection:';
}
html[lang="de"] .main-content .general-filter:before {
content: 'Auswahl filtern:';
}
/* EVENTS VIEW SWITCH LABEL */
.main-content .event-overview-menu:before {
font-size: var(--font-size);
content: 'Change view:';
}
html[lang="de"] .main-content .event-overview-menu:before {
content: 'Ansicht wechseln:';
}
.main-content .general-filter {
display: flex;
justify-content: flex-end;
padding-right: .75em
}
@media (max-width: 767px) {
html[lang="de"] .main-content .event-overview-menu:before {
content: 'Ansicht:';
}
.main-content .exposed-filter-wrapper .general-filter:before {
content: 'Filter:';
}
html[lang="de"] .main-content .general-filter:before {
content: 'Filtern:';
}
.main-content .exposed-filter-wrapper .combine-filter {
width: calc(100% - 4em);
}
.main-content .exposed-filter-wrapper .combine-filter + .general-filter {
display: none;
}
.main-content .exposed-filter-wrapper .general-filter {
padding-right: 1em;
}
.main-content .view-id-wfbb_newsletter_overview .exposed-filter-wrapper .general-filter {
padding-right: .75em;
}
}
/* -----------------------------------------------------------------------
05 DOWNLOADS SETTINGS
/* ---------------------------------------------------------------------*/
.main-content .view-downloadcenter-media .view-filters,
.main-content .view-id-downloadcenter .view-filters {
display: block;
}
.downloadcenter-filter {
display: flex;
justify-content: flex-end;
}
.downloadcenter-filter .form-item-sort-by label {
display: none;
}
/* -----------------------------------------------------------------------
06 NEWS & EVENTS SETTINGS
/* ---------------------------------------------------------------------*/
.main-content .filter-bar {
display: flex;
grid-gap: .5em;
justify-content: flex-end;
}
.node--type-news-overview .main-content .filter-bar {
margin: -6rem 0 0 0;
}
.node--type-wfbb-dates-overview .main-content .filter-bar {
margin: -4rem 0 0 0;
}
.main-content .event-overview-menu {
display: inline-flex;
padding: 0 .5em !important;
background: var(--color-item-bg-2);
border-radius: var(--border-radius);
box-shadow: 0 10px 20px rgb(0 0 0 / 10%);
position: relative;
min-height: 3.88em;
align-items: center;
grid-gap: .5em;
font-size: 1rem;
margin-bottom: 2.85em;
max-height: 62px;
}
.main-content .event-overview-menu a {
display: block;
padding: 0;
background-color: transparent;
border: 0;
cursor: pointer;
width: 2.3em;
height: 2.3em;
border-radius: var(--border-radius);
position: relative;
text-indent: -9999px;
background-position: center;
background-repeat: no-repeat;
transition: all ease-in-out .15s;
}
.main-content .event-overview-menu a:hover {
background-color: var(--color-grey-light);
}
.main-content .event-overview-menu a.active {
background-color: var(--color-primary);
}
.main-content .event-overview-menu #event-link-1 {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23'%3E%3Cg id='Gruppe_345' data-name='Gruppe 345' transform='translate(-1286 -276)'%3E%3Cg id='Rechteck_274' data-name='Rechteck 274' transform='translate(1286 276)' fill='none' stroke='%23212121' stroke-linejoin='round' stroke-width='1.5'%3E%3Crect width='23' height='7' rx='2' stroke='none'/%3E%3Crect x='0.75' y='0.75' width='21.5' height='5.5' rx='1.25' fill='none'/%3E%3C/g%3E%3Cg id='Rechteck_279' data-name='Rechteck 279' transform='translate(1286 292)' fill='none' stroke='%23212121' stroke-linejoin='round' stroke-width='1.5'%3E%3Crect width='23' height='7' rx='2' stroke='none'/%3E%3Crect x='0.75' y='0.75' width='21.5' height='5.5' rx='1.25' fill='none'/%3E%3C/g%3E%3Cg id='Rechteck_275' data-name='Rechteck 275' transform='translate(1286 284.5)' fill='none' stroke='%23212121' stroke-linejoin='round' stroke-width='1.5'%3E%3Crect width='5' height='6' rx='1' stroke='none'/%3E%3Crect x='0.75' y='0.75' width='3.5' height='4.5' rx='0.25' fill='none'/%3E%3C/g%3E%3Cg id='Rechteck_276' data-name='Rechteck 276' transform='translate(1304 284.5)' fill='none' stroke='%23212121' stroke-linejoin='round' stroke-width='1.5'%3E%3Crect width='5' height='6' rx='1' stroke='none'/%3E%3Crect x='0.75' y='0.75' width='3.5' height='4.5' rx='0.25' fill='none'/%3E%3C/g%3E%3Cg id='Rechteck_277' data-name='Rechteck 277' transform='translate(1298 284.5)' fill='none' stroke='%23212121' stroke-linejoin='round' stroke-width='1.5'%3E%3Crect width='5' height='6' rx='1' stroke='none'/%3E%3Crect x='0.75' y='0.75' width='3.5' height='4.5' rx='0.25' fill='none'/%3E%3C/g%3E%3Cg id='Rechteck_278' data-name='Rechteck 278' transform='translate(1292 284.5)' fill='none' stroke='%23212121' stroke-linejoin='round' stroke-width='1.5'%3E%3Crect width='5' height='6' rx='1' stroke='none'/%3E%3Crect x='0.75' y='0.75' width='3.5' height='4.5' rx='0.25' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.main-content .event-overview-menu #event-link-1.active {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23'%3E%3Cg id='Gruppe_344' data-name='Gruppe 344' transform='translate(-1286 -276)'%3E%3Cg id='Rechteck_274' data-name='Rechteck 274' transform='translate(1286 276)' fill='none' stroke='%23fff' stroke-linejoin='round' stroke-width='1.5'%3E%3Crect width='23' height='7' rx='2' stroke='none'/%3E%3Crect x='0.75' y='0.75' width='21.5' height='5.5' rx='1.25' fill='none'/%3E%3C/g%3E%3Cg id='Rechteck_279' data-name='Rechteck 279' transform='translate(1286 292)' fill='none' stroke='%23fff' stroke-linejoin='round' stroke-width='1.5'%3E%3Crect width='23' height='7' rx='2' stroke='none'/%3E%3Crect x='0.75' y='0.75' width='21.5' height='5.5' rx='1.25' fill='none'/%3E%3C/g%3E%3Cg id='Rechteck_275' data-name='Rechteck 275' transform='translate(1286 284.5)' fill='none' stroke='%23fff' stroke-linejoin='round' stroke-width='1.5'%3E%3Crect width='5' height='6' rx='1' stroke='none'/%3E%3Crect x='0.75' y='0.75' width='3.5' height='4.5' rx='0.25' fill='none'/%3E%3C/g%3E%3Cg id='Rechteck_276' data-name='Rechteck 276' transform='translate(1304 284.5)' fill='none' stroke='%23fff' stroke-linejoin='round' stroke-width='1.5'%3E%3Crect width='5' height='6' rx='1' stroke='none'/%3E%3Crect x='0.75' y='0.75' width='3.5' height='4.5' rx='0.25' fill='none'/%3E%3C/g%3E%3Cg id='Rechteck_277' data-name='Rechteck 277' transform='translate(1298 284.5)' fill='none' stroke='%23fff' stroke-linejoin='round' stroke-width='1.5'%3E%3Crect width='5' height='6' rx='1' stroke='none'/%3E%3Crect x='0.75' y='0.75' width='3.5' height='4.5' rx='0.25' fill='none'/%3E%3C/g%3E%3Cg id='Rechteck_278' data-name='Rechteck 278' transform='translate(1292 284.5)' fill='none' stroke='%23fff' stroke-linejoin='round' stroke-width='1.5'%3E%3Crect width='5' height='6' rx='1' stroke='none'/%3E%3Crect x='0.75' y='0.75' width='3.5' height='4.5' rx='0.25' fill='none'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.main-content .event-overview-menu #event-link-2 {
background-image: url("data:image/svg+xml,%3Csvg id='calendar4-week' xmlns='http://www.w3.org/2000/svg' width='24.603' height='24.603' viewBox='0 0 24.603 24.603'%3E%3Cpath id='Pfad_969' data-name='Pfad 969' d='M5.382,0a.769.769,0,0,1,.769.769v.769h12.3V.769a.769.769,0,1,1,1.538,0v.769h1.538A3.075,3.075,0,0,1,24.6,4.613V21.528A3.075,3.075,0,0,1,21.528,24.6H3.075A3.075,3.075,0,0,1,0,21.528V4.613A3.075,3.075,0,0,1,3.075,1.538H4.613V.769A.769.769,0,0,1,5.382,0ZM3.075,3.075A1.538,1.538,0,0,0,1.538,4.613V6.151H23.065V4.613a1.538,1.538,0,0,0-1.538-1.538Zm19.99,4.613H1.538V21.528a1.538,1.538,0,0,0,1.538,1.538H21.528a1.538,1.538,0,0,0,1.538-1.538Z' fill='%23212121'/%3E%3Cpath id='Pfad_970' data-name='Pfad 970' d='M15.3,7.769A.769.769,0,0,1,16.07,7h1.538a.769.769,0,0,1,.769.769V9.307a.769.769,0,0,1-.769.769H16.07a.769.769,0,0,1-.769-.769Zm-4.613,0A.769.769,0,0,1,11.457,7h1.538a.769.769,0,0,1,.769.769V9.307a.769.769,0,0,1-.769.769H11.457a.769.769,0,0,1-.769-.769ZM7.613,12.382a.769.769,0,0,1,.769-.769H9.92a.769.769,0,0,1,.769.769V13.92a.769.769,0,0,1-.769.769H8.382a.769.769,0,0,1-.769-.769ZM3,12.382a.769.769,0,0,1,.769-.769H5.307a.769.769,0,0,1,.769.769V13.92a.769.769,0,0,1-.769.769H3.769A.769.769,0,0,1,3,13.92Z' transform='translate(1.613 3.764)' fill='%23212121'/%3E%3C/svg%3E%0A");
}
.main-content .event-overview-menu #event-link-2.active {
background-image: url("data:image/svg+xml,%3Csvg id='calendar4-week' xmlns='http://www.w3.org/2000/svg' width='24.603' height='24.603' viewBox='0 0 24.603 24.603'%3E%3Cpath id='Pfad_969' data-name='Pfad 969' d='M5.382,0a.769.769,0,0,1,.769.769v.769h12.3V.769a.769.769,0,1,1,1.538,0v.769h1.538A3.075,3.075,0,0,1,24.6,4.613V21.528A3.075,3.075,0,0,1,21.528,24.6H3.075A3.075,3.075,0,0,1,0,21.528V4.613A3.075,3.075,0,0,1,3.075,1.538H4.613V.769A.769.769,0,0,1,5.382,0ZM3.075,3.075A1.538,1.538,0,0,0,1.538,4.613V6.151H23.065V4.613a1.538,1.538,0,0,0-1.538-1.538Zm19.99,4.613H1.538V21.528a1.538,1.538,0,0,0,1.538,1.538H21.528a1.538,1.538,0,0,0,1.538-1.538Z' fill='%23fff'/%3E%3Cpath id='Pfad_970' data-name='Pfad 970' d='M15.3,7.769A.769.769,0,0,1,16.07,7h1.538a.769.769,0,0,1,.769.769V9.307a.769.769,0,0,1-.769.769H16.07a.769.769,0,0,1-.769-.769Zm-4.613,0A.769.769,0,0,1,11.457,7h1.538a.769.769,0,0,1,.769.769V9.307a.769.769,0,0,1-.769.769H11.457a.769.769,0,0,1-.769-.769ZM7.613,12.382a.769.769,0,0,1,.769-.769H9.92a.769.769,0,0,1,.769.769V13.92a.769.769,0,0,1-.769.769H8.382a.769.769,0,0,1-.769-.769ZM3,12.382a.769.769,0,0,1,.769-.769H5.307a.769.769,0,0,1,.769.769V13.92a.769.769,0,0,1-.769.769H3.769A.769.769,0,0,1,3,13.92Z' transform='translate(1.613 3.764)' fill='%23fff'/%3E%3C/svg%3E%0A");
}
.main-content .event-overview-menu #event-link-3 {
text-indent: -9999px;
background-position: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='23.698' height='23.699' viewBox='0 0 23.698 23.699'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='path318' d='M0-682.665H23.7v23.7H0Z' transform='translate(0 682.665)'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='g312' transform='translate(0 682.665)'%3E%3Cg id='g314' transform='translate(0 -682.665)'%3E%3Cg id='g316' clip-path='url(%23clip-path)'%3E%3Cg id='g322' transform='translate(0.694 14.58)'%3E%3Cpath id='path324' d='M-388.687,0V2.777h-5.6V0h-8.378V8.424h22.31V0Z' transform='translate(402.666)' fill='none' stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='g326' transform='translate(4.906 -679.194)'%3E%3Cpath id='path328' d='M0-308.891V-320H13.932v11.109' transform='translate(0 319.999)' fill='none' stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5'/%3E%3C/g%3E%3Cg id='g330' transform='translate(0 -682.665)'%3E%3Cg id='g332' clip-path='url(%23clip-path)'%3E%3Cg id='g338' transform='translate(6.295 0.694)'%3E%3Cpath id='path340' d='M0-77.223V-80H11.155v2.777' transform='translate(0 80)' fill='none' stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5'/%3E%3C/g%3E%3Cg id='g342' transform='translate(0.694 10.414)'%3E%3Cpath id='path344' d='M0-115.834,2.777-120H4.212' transform='translate(0 120)' fill='none' stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5'/%3E%3C/g%3E%3Cg id='g346' transform='translate(18.838 10.414)'%3E%3Cpath id='path348' d='M0,0H1.389L4.166,4.166' fill='none' stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='g350' transform='translate(7.683 -676.416)'%3E%3Cpath id='path352' d='M0,0H8.378' fill='none' stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5'/%3E%3C/g%3E%3Cg id='g354' transform='translate(7.683 -673.639)'%3E%3Cpath id='path356' d='M0,0H8.378' fill='none' stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5'/%3E%3C/g%3E%3Cg id='g358' transform='translate(7.683 -670.862)'%3E%3Cpath id='path360' d='M0,0H5.6' fill='none' stroke='%23212121' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
background-position: center;
background-repeat: no-repeat;
position: relative;
margin-left: .5em;
}
.main-content .event-overview-menu #event-link-3.active {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='23.698' height='23.699' viewBox='0 0 23.698 23.699'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='path318' d='M0-682.665H23.7v23.7H0Z' transform='translate(0 682.665)' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='g312' transform='translate(0 682.665)'%3E%3Cg id='g314' transform='translate(0 -682.665)'%3E%3Cg id='g316' clip-path='url(%23clip-path)'%3E%3Cg id='g322' transform='translate(0.694 14.58)'%3E%3Cpath id='path324' d='M-388.687,0V2.777h-5.6V0h-8.378V8.424h22.31V0Z' transform='translate(402.666)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='g326' transform='translate(4.906 -679.194)'%3E%3Cpath id='path328' d='M0-308.891V-320H13.932v11.109' transform='translate(0 319.999)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5'/%3E%3C/g%3E%3Cg id='g330' transform='translate(0 -682.665)'%3E%3Cg id='g332' clip-path='url(%23clip-path)'%3E%3Cg id='g338' transform='translate(6.295 0.694)'%3E%3Cpath id='path340' d='M0-77.223V-80H11.155v2.777' transform='translate(0 80)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5'/%3E%3C/g%3E%3Cg id='g342' transform='translate(0.694 10.414)'%3E%3Cpath id='path344' d='M0-115.834,2.777-120H4.212' transform='translate(0 120)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5'/%3E%3C/g%3E%3Cg id='g346' transform='translate(18.838 10.414)'%3E%3Cpath id='path348' d='M0,0H1.389L4.166,4.166' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg id='g350' transform='translate(7.683 -676.416)'%3E%3Cpath id='path352' d='M0,0H8.378' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5'/%3E%3C/g%3E%3Cg id='g354' transform='translate(7.683 -673.639)'%3E%3Cpath id='path356' d='M0,0H8.378' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5'/%3E%3C/g%3E%3Cg id='g358' transform='translate(7.683 -670.862)'%3E%3Cpath id='path360' d='M0,0H5.6' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.main-content .event-overview-menu #event-link-3:before {
display: block;
content: '';
position: absolute;
width: 1px;
height: 100%;
background-color: var(--color-grey-light);
left: -.5em;
top: 0;
}
.node--type-wfbb-dates-overview .main-content input#viewFilter,
.node--type-wfbb-event-calender .main-content input#viewFilter {
display: none;
}
@media (max-width: 1400px) {
.node--type-wfbb-dates-overview .main-content .main-content .filter-bar {
margin: -2rem 0 0 0;
}
.main-content .event-overview-menu {
min-height: 3.5em;
}
}
@media (max-width: 991px) {
.main-content .event-overview-menu {
min-height: 3.15em;
margin-bottom: 2.7em;
}
.node--type-wfbb-dates-overview .main-content .filter-bar,
.node--type-wfbb-event-calender .main-content .filter-bar {
margin: 0rem 0 0 0;
}
}
@media (max-width: 767px) {
.node--type-wfbb-dates-overview .main-content .filter-bar,
.node--type-wfbb-event-calender .main-content .filter-bar {
margin: 0rem 0 0 0;
}
.node--type-wfbb-dates-overview .exposed-filter-wrapper .general-filter,
.node--type-wfbb-event-calender .exposed-filter-wrapper .general-filter {
padding-right: .75em;
}
}
/* -----------------------------------------------------------------------
00 LOADING ANIMATION
/* ---------------------------------------------------------------------*/
.ajax-progress-fullscreen {
position: fixed;
z-index: 1000;
top: 48.5%;
left: 49%;
width: 3rem;
height: 3rem;
padding: 0;
opacity: 1;
border-radius: 50%;
background-color: #fff;
background-image: none;
box-shadow: 0 10px 15px rgba(0,0,0,.15)
}
.ajax-progress-fullscreen:before {
display: block;
content: '';
border: 3px solid var(--color-grey-light);
border-top: 3px solid var(--color-primary);
border-radius: 50%;
width: 1.5rem;
height: 1.5rem;
animation: spin 2s linear infinite;
position: absolute;
top: calc(50% - .75rem);
left: calc(50% - .75rem);
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
