@import url(https://fonts.googleapis.com/css2?family=Alegreya+Sans+SC&display=swap);@import url(https://fonts.googleapis.com/css2?family=Hind&display=swap);/*!
 * shariff - v3.2.1 - Mon, 27 May 2019 08:23:57 GMT
 * https://github.com/heiseonline/shariff
 * Copyright (c) 2019 Ines Pauer, Philipp Busse, Sebastian Hilbig, Erich Kramer, Deniz Sesli
 * Licensed under the MIT license
 */
/*!
 * Font Awesome Free 5.8.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */.fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border-radius:.1em;border:.08em solid #eee;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\F26E"}.fa-accessible-icon:before{content:"\F368"}.fa-accusoft:before{content:"\F369"}.fa-acquisitions-incorporated:before{content:"\F6AF"}.fa-ad:before{content:"\F641"}.fa-address-book:before{content:"\F2B9"}.fa-address-card:before{content:"\F2BB"}.fa-adjust:before{content:"\F042"}.fa-adn:before{content:"\F170"}.fa-adobe:before{content:"\F778"}.fa-adversal:before{content:"\F36A"}.fa-affiliatetheme:before{content:"\F36B"}.fa-air-freshener:before{content:"\F5D0"}.fa-airbnb:before{content:"\F834"}.fa-algolia:before{content:"\F36C"}.fa-align-center:before{content:"\F037"}.fa-align-justify:before{content:"\F039"}.fa-align-left:before{content:"\F036"}.fa-align-right:before{content:"\F038"}.fa-alipay:before{content:"\F642"}.fa-allergies:before{content:"\F461"}.fa-amazon:before{content:"\F270"}.fa-amazon-pay:before{content:"\F42C"}.fa-ambulance:before{content:"\F0F9"}.fa-american-sign-language-interpreting:before{content:"\F2A3"}.fa-amilia:before{content:"\F36D"}.fa-anchor:before{content:"\F13D"}.fa-android:before{content:"\F17B"}.fa-angellist:before{content:"\F209"}.fa-angle-double-down:before{content:"\F103"}.fa-angle-double-left:before{content:"\F100"}.fa-angle-double-right:before{content:"\F101"}.fa-angle-double-up:before{content:"\F102"}.fa-angle-down:before{content:"\F107"}.fa-angle-left:before{content:"\F104"}.fa-angle-right:before{content:"\F105"}.fa-angle-up:before{content:"\F106"}.fa-angry:before{content:"\F556"}.fa-angrycreative:before{content:"\F36E"}.fa-angular:before{content:"\F420"}.fa-ankh:before{content:"\F644"}.fa-app-store:before{content:"\F36F"}.fa-app-store-ios:before{content:"\F370"}.fa-apper:before{content:"\F371"}.fa-apple:before{content:"\F179"}.fa-apple-alt:before{content:"\F5D1"}.fa-apple-pay:before{content:"\F415"}.fa-archive:before{content:"\F187"}.fa-archway:before{content:"\F557"}.fa-arrow-alt-circle-down:before{content:"\F358"}.fa-arrow-alt-circle-left:before{content:"\F359"}.fa-arrow-alt-circle-right:before{content:"\F35A"}.fa-arrow-alt-circle-up:before{content:"\F35B"}.fa-arrow-circle-down:before{content:"\F0AB"}.fa-arrow-circle-left:before{content:"\F0A8"}.fa-arrow-circle-right:before{content:"\F0A9"}.fa-arrow-circle-up:before{content:"\F0AA"}.fa-arrow-down:before{content:"\F063"}.fa-arrow-left:before{content:"\F060"}.fa-arrow-right:before{content:"\F061"}.fa-arrow-up:before{content:"\F062"}.fa-arrows-alt:before{content:"\F0B2"}.fa-arrows-alt-h:before{content:"\F337"}.fa-arrows-alt-v:before{content:"\F338"}.fa-artstation:before{content:"\F77A"}.fa-assistive-listening-systems:before{content:"\F2A2"}.fa-asterisk:before{content:"\F069"}.fa-asymmetrik:before{content:"\F372"}.fa-at:before{content:"\F1FA"}.fa-atlas:before{content:"\F558"}.fa-atlassian:before{content:"\F77B"}.fa-atom:before{content:"\F5D2"}.fa-audible:before{content:"\F373"}.fa-audio-description:before{content:"\F29E"}.fa-autoprefixer:before{content:"\F41C"}.fa-avianex:before{content:"\F374"}.fa-aviato:before{content:"\F421"}.fa-award:before{content:"\F559"}.fa-aws:before{content:"\F375"}.fa-baby:before{content:"\F77C"}.fa-baby-carriage:before{content:"\F77D"}.fa-backspace:before{content:"\F55A"}.fa-backward:before{content:"\F04A"}.fa-bacon:before{content:"\F7E5"}.fa-balance-scale:before{content:"\F24E"}.fa-ban:before{content:"\F05E"}.fa-band-aid:before{content:"\F462"}.fa-bandcamp:before{content:"\F2D5"}.fa-barcode:before{content:"\F02A"}.fa-bars:before{content:"\F0C9"}.fa-baseball-ball:before{content:"\F433"}.fa-basketball-ball:before{content:"\F434"}.fa-bath:before{content:"\F2CD"}.fa-battery-empty:before{content:"\F244"}.fa-battery-full:before{content:"\F240"}.fa-battery-half:before{content:"\F242"}.fa-battery-quarter:before{content:"\F243"}.fa-battery-three-quarters:before{content:"\F241"}.fa-battle-net:before{content:"\F835"}.fa-bed:before{content:"\F236"}.fa-beer:before{content:"\F0FC"}.fa-behance:before{content:"\F1B4"}.fa-behance-square:before{content:"\F1B5"}.fa-bell:before{content:"\F0F3"}.fa-bell-slash:before{content:"\F1F6"}.fa-bezier-curve:before{content:"\F55B"}.fa-bible:before{content:"\F647"}.fa-bicycle:before{content:"\F206"}.fa-bimobject:before{content:"\F378"}.fa-binoculars:before{content:"\F1E5"}.fa-biohazard:before{content:"\F780"}.fa-birthday-cake:before{content:"\F1FD"}.fa-bitbucket:before{content:"\F171"}.fa-bitcoin:before{content:"\F379"}.fa-bity:before{content:"\F37A"}.fa-black-tie:before{content:"\F27E"}.fa-blackberry:before{content:"\F37B"}.fa-blender:before{content:"\F517"}.fa-blender-phone:before{content:"\F6B6"}.fa-blind:before{content:"\F29D"}.fa-blog:before{content:"\F781"}.fa-blogger:before{content:"\F37C"}.fa-blogger-b:before{content:"\F37D"}.fa-bluetooth:before{content:"\F293"}.fa-bluetooth-b:before{content:"\F294"}.fa-bold:before{content:"\F032"}.fa-bolt:before{content:"\F0E7"}.fa-bomb:before{content:"\F1E2"}.fa-bone:before{content:"\F5D7"}.fa-bong:before{content:"\F55C"}.fa-book:before{content:"\F02D"}.fa-book-dead:before{content:"\F6B7"}.fa-book-medical:before{content:"\F7E6"}.fa-book-open:before{content:"\F518"}.fa-book-reader:before{content:"\F5DA"}.fa-bookmark:before{content:"\F02E"}.fa-bootstrap:before{content:"\F836"}.fa-bowling-ball:before{content:"\F436"}.fa-box:before{content:"\F466"}.fa-box-open:before{content:"\F49E"}.fa-boxes:before{content:"\F468"}.fa-braille:before{content:"\F2A1"}.fa-brain:before{content:"\F5DC"}.fa-bread-slice:before{content:"\F7EC"}.fa-briefcase:before{content:"\F0B1"}.fa-briefcase-medical:before{content:"\F469"}.fa-broadcast-tower:before{content:"\F519"}.fa-broom:before{content:"\F51A"}.fa-brush:before{content:"\F55D"}.fa-btc:before{content:"\F15A"}.fa-buffer:before{content:"\F837"}.fa-bug:before{content:"\F188"}.fa-building:before{content:"\F1AD"}.fa-bullhorn:before{content:"\F0A1"}.fa-bullseye:before{content:"\F140"}.fa-burn:before{content:"\F46A"}.fa-buromobelexperte:before{content:"\F37F"}.fa-bus:before{content:"\F207"}.fa-bus-alt:before{content:"\F55E"}.fa-business-time:before{content:"\F64A"}.fa-buysellads:before{content:"\F20D"}.fa-calculator:before{content:"\F1EC"}.fa-calendar:before{content:"\F133"}.fa-calendar-alt:before{content:"\F073"}.fa-calendar-check:before{content:"\F274"}.fa-calendar-day:before{content:"\F783"}.fa-calendar-minus:before{content:"\F272"}.fa-calendar-plus:before{content:"\F271"}.fa-calendar-times:before{content:"\F273"}.fa-calendar-week:before{content:"\F784"}.fa-camera:before{content:"\F030"}.fa-camera-retro:before{content:"\F083"}.fa-campground:before{content:"\F6BB"}.fa-canadian-maple-leaf:before{content:"\F785"}.fa-candy-cane:before{content:"\F786"}.fa-cannabis:before{content:"\F55F"}.fa-capsules:before{content:"\F46B"}.fa-car:before{content:"\F1B9"}.fa-car-alt:before{content:"\F5DE"}.fa-car-battery:before{content:"\F5DF"}.fa-car-crash:before{content:"\F5E1"}.fa-car-side:before{content:"\F5E4"}.fa-caret-down:before{content:"\F0D7"}.fa-caret-left:before{content:"\F0D9"}.fa-caret-right:before{content:"\F0DA"}.fa-caret-square-down:before{content:"\F150"}.fa-caret-square-left:before{content:"\F191"}.fa-caret-square-right:before{content:"\F152"}.fa-caret-square-up:before{content:"\F151"}.fa-caret-up:before{content:"\F0D8"}.fa-carrot:before{content:"\F787"}.fa-cart-arrow-down:before{content:"\F218"}.fa-cart-plus:before{content:"\F217"}.fa-cash-register:before{content:"\F788"}.fa-cat:before{content:"\F6BE"}.fa-cc-amazon-pay:before{content:"\F42D"}.fa-cc-amex:before{content:"\F1F3"}.fa-cc-apple-pay:before{content:"\F416"}.fa-cc-diners-club:before{content:"\F24C"}.fa-cc-discover:before{content:"\F1F2"}.fa-cc-jcb:before{content:"\F24B"}.fa-cc-mastercard:before{content:"\F1F1"}.fa-cc-paypal:before{content:"\F1F4"}.fa-cc-stripe:before{content:"\F1F5"}.fa-cc-visa:before{content:"\F1F0"}.fa-centercode:before{content:"\F380"}.fa-centos:before{content:"\F789"}.fa-certificate:before{content:"\F0A3"}.fa-chair:before{content:"\F6C0"}.fa-chalkboard:before{content:"\F51B"}.fa-chalkboard-teacher:before{content:"\F51C"}.fa-charging-station:before{content:"\F5E7"}.fa-chart-area:before{content:"\F1FE"}.fa-chart-bar:before{content:"\F080"}.fa-chart-line:before{content:"\F201"}.fa-chart-pie:before{content:"\F200"}.fa-check:before{content:"\F00C"}.fa-check-circle:before{content:"\F058"}.fa-check-double:before{content:"\F560"}.fa-check-square:before{content:"\F14A"}.fa-cheese:before{content:"\F7EF"}.fa-chess:before{content:"\F439"}.fa-chess-bishop:before{content:"\F43A"}.fa-chess-board:before{content:"\F43C"}.fa-chess-king:before{content:"\F43F"}.fa-chess-knight:before{content:"\F441"}.fa-chess-pawn:before{content:"\F443"}.fa-chess-queen:before{content:"\F445"}.fa-chess-rook:before{content:"\F447"}.fa-chevron-circle-down:before{content:"\F13A"}.fa-chevron-circle-left:before{content:"\F137"}.fa-chevron-circle-right:before{content:"\F138"}.fa-chevron-circle-up:before{content:"\F139"}.fa-chevron-down:before{content:"\F078"}.fa-chevron-left:before{content:"\F053"}.fa-chevron-right:before{content:"\F054"}.fa-chevron-up:before{content:"\F077"}.fa-child:before{content:"\F1AE"}.fa-chrome:before{content:"\F268"}.fa-chromecast:before{content:"\F838"}.fa-church:before{content:"\F51D"}.fa-circle:before{content:"\F111"}.fa-circle-notch:before{content:"\F1CE"}.fa-city:before{content:"\F64F"}.fa-clinic-medical:before{content:"\F7F2"}.fa-clipboard:before{content:"\F328"}.fa-clipboard-check:before{content:"\F46C"}.fa-clipboard-list:before{content:"\F46D"}.fa-clock:before{content:"\F017"}.fa-clone:before{content:"\F24D"}.fa-closed-captioning:before{content:"\F20A"}.fa-cloud:before{content:"\F0C2"}.fa-cloud-download-alt:before{content:"\F381"}.fa-cloud-meatball:before{content:"\F73B"}.fa-cloud-moon:before{content:"\F6C3"}.fa-cloud-moon-rain:before{content:"\F73C"}.fa-cloud-rain:before{content:"\F73D"}.fa-cloud-showers-heavy:before{content:"\F740"}.fa-cloud-sun:before{content:"\F6C4"}.fa-cloud-sun-rain:before{content:"\F743"}.fa-cloud-upload-alt:before{content:"\F382"}.fa-cloudscale:before{content:"\F383"}.fa-cloudsmith:before{content:"\F384"}.fa-cloudversify:before{content:"\F385"}.fa-cocktail:before{content:"\F561"}.fa-code:before{content:"\F121"}.fa-code-branch:before{content:"\F126"}.fa-codepen:before{content:"\F1CB"}.fa-codiepie:before{content:"\F284"}.fa-coffee:before{content:"\F0F4"}.fa-cog:before{content:"\F013"}.fa-cogs:before{content:"\F085"}.fa-coins:before{content:"\F51E"}.fa-columns:before{content:"\F0DB"}.fa-comment:before{content:"\F075"}.fa-comment-alt:before{content:"\F27A"}.fa-comment-dollar:before{content:"\F651"}.fa-comment-dots:before{content:"\F4AD"}.fa-comment-medical:before{content:"\F7F5"}.fa-comment-slash:before{content:"\F4B3"}.fa-comments:before{content:"\F086"}.fa-comments-dollar:before{content:"\F653"}.fa-compact-disc:before{content:"\F51F"}.fa-compass:before{content:"\F14E"}.fa-compress:before{content:"\F066"}.fa-compress-arrows-alt:before{content:"\F78C"}.fa-concierge-bell:before{content:"\F562"}.fa-confluence:before{content:"\F78D"}.fa-connectdevelop:before{content:"\F20E"}.fa-contao:before{content:"\F26D"}.fa-cookie:before{content:"\F563"}.fa-cookie-bite:before{content:"\F564"}.fa-copy:before{content:"\F0C5"}.fa-copyright:before{content:"\F1F9"}.fa-couch:before{content:"\F4B8"}.fa-cpanel:before{content:"\F388"}.fa-creative-commons:before{content:"\F25E"}.fa-creative-commons-by:before{content:"\F4E7"}.fa-creative-commons-nc:before{content:"\F4E8"}.fa-creative-commons-nc-eu:before{content:"\F4E9"}.fa-creative-commons-nc-jp:before{content:"\F4EA"}.fa-creative-commons-nd:before{content:"\F4EB"}.fa-creative-commons-pd:before{content:"\F4EC"}.fa-creative-commons-pd-alt:before{content:"\F4ED"}.fa-creative-commons-remix:before{content:"\F4EE"}.fa-creative-commons-sa:before{content:"\F4EF"}.fa-creative-commons-sampling:before{content:"\F4F0"}.fa-creative-commons-sampling-plus:before{content:"\F4F1"}.fa-creative-commons-share:before{content:"\F4F2"}.fa-creative-commons-zero:before{content:"\F4F3"}.fa-credit-card:before{content:"\F09D"}.fa-critical-role:before{content:"\F6C9"}.fa-crop:before{content:"\F125"}.fa-crop-alt:before{content:"\F565"}.fa-cross:before{content:"\F654"}.fa-crosshairs:before{content:"\F05B"}.fa-crow:before{content:"\F520"}.fa-crown:before{content:"\F521"}.fa-crutch:before{content:"\F7F7"}.fa-css3:before{content:"\F13C"}.fa-css3-alt:before{content:"\F38B"}.fa-cube:before{content:"\F1B2"}.fa-cubes:before{content:"\F1B3"}.fa-cut:before{content:"\F0C4"}.fa-cuttlefish:before{content:"\F38C"}.fa-d-and-d:before{content:"\F38D"}.fa-d-and-d-beyond:before{content:"\F6CA"}.fa-dashcube:before{content:"\F210"}.fa-database:before{content:"\F1C0"}.fa-deaf:before{content:"\F2A4"}.fa-delicious:before{content:"\F1A5"}.fa-democrat:before{content:"\F747"}.fa-deploydog:before{content:"\F38E"}.fa-deskpro:before{content:"\F38F"}.fa-desktop:before{content:"\F108"}.fa-dev:before{content:"\F6CC"}.fa-deviantart:before{content:"\F1BD"}.fa-dharmachakra:before{content:"\F655"}.fa-dhl:before{content:"\F790"}.fa-diagnoses:before{content:"\F470"}.fa-diaspora:before{content:"\F791"}.fa-dice:before{content:"\F522"}.fa-dice-d20:before{content:"\F6CF"}.fa-dice-d6:before{content:"\F6D1"}.fa-dice-five:before{content:"\F523"}.fa-dice-four:before{content:"\F524"}.fa-dice-one:before{content:"\F525"}.fa-dice-six:before{content:"\F526"}.fa-dice-three:before{content:"\F527"}.fa-dice-two:before{content:"\F528"}.fa-digg:before{content:"\F1A6"}.fa-digital-ocean:before{content:"\F391"}.fa-digital-tachograph:before{content:"\F566"}.fa-directions:before{content:"\F5EB"}.fa-discord:before{content:"\F392"}.fa-discourse:before{content:"\F393"}.fa-divide:before{content:"\F529"}.fa-dizzy:before{content:"\F567"}.fa-dna:before{content:"\F471"}.fa-dochub:before{content:"\F394"}.fa-docker:before{content:"\F395"}.fa-dog:before{content:"\F6D3"}.fa-dollar-sign:before{content:"\F155"}.fa-dolly:before{content:"\F472"}.fa-dolly-flatbed:before{content:"\F474"}.fa-donate:before{content:"\F4B9"}.fa-door-closed:before{content:"\F52A"}.fa-door-open:before{content:"\F52B"}.fa-dot-circle:before{content:"\F192"}.fa-dove:before{content:"\F4BA"}.fa-download:before{content:"\F019"}.fa-draft2digital:before{content:"\F396"}.fa-drafting-compass:before{content:"\F568"}.fa-dragon:before{content:"\F6D5"}.fa-draw-polygon:before{content:"\F5EE"}.fa-dribbble:before{content:"\F17D"}.fa-dribbble-square:before{content:"\F397"}.fa-dropbox:before{content:"\F16B"}.fa-drum:before{content:"\F569"}.fa-drum-steelpan:before{content:"\F56A"}.fa-drumstick-bite:before{content:"\F6D7"}.fa-drupal:before{content:"\F1A9"}.fa-dumbbell:before{content:"\F44B"}.fa-dumpster:before{content:"\F793"}.fa-dumpster-fire:before{content:"\F794"}.fa-dungeon:before{content:"\F6D9"}.fa-dyalog:before{content:"\F399"}.fa-earlybirds:before{content:"\F39A"}.fa-ebay:before{content:"\F4F4"}.fa-edge:before{content:"\F282"}.fa-edit:before{content:"\F044"}.fa-egg:before{content:"\F7FB"}.fa-eject:before{content:"\F052"}.fa-elementor:before{content:"\F430"}.fa-ellipsis-h:before{content:"\F141"}.fa-ellipsis-v:before{content:"\F142"}.fa-ello:before{content:"\F5F1"}.fa-ember:before{content:"\F423"}.fa-empire:before{content:"\F1D1"}.fa-envelope:before{content:"\F0E0"}.fa-envelope-open:before{content:"\F2B6"}.fa-envelope-open-text:before{content:"\F658"}.fa-envelope-square:before{content:"\F199"}.fa-envira:before{content:"\F299"}.fa-equals:before{content:"\F52C"}.fa-eraser:before{content:"\F12D"}.fa-erlang:before{content:"\F39D"}.fa-ethereum:before{content:"\F42E"}.fa-ethernet:before{content:"\F796"}.fa-etsy:before{content:"\F2D7"}.fa-euro-sign:before{content:"\F153"}.fa-evernote:before{content:"\F839"}.fa-exchange-alt:before{content:"\F362"}.fa-exclamation:before{content:"\F12A"}.fa-exclamation-circle:before{content:"\F06A"}.fa-exclamation-triangle:before{content:"\F071"}.fa-expand:before{content:"\F065"}.fa-expand-arrows-alt:before{content:"\F31E"}.fa-expeditedssl:before{content:"\F23E"}.fa-external-link-alt:before{content:"\F35D"}.fa-external-link-square-alt:before{content:"\F360"}.fa-eye:before{content:"\F06E"}.fa-eye-dropper:before{content:"\F1FB"}.fa-eye-slash:before{content:"\F070"}.fa-facebook:before{content:"\F09A"}.fa-facebook-f:before{content:"\F39E"}.fa-facebook-messenger:before{content:"\F39F"}.fa-facebook-square:before{content:"\F082"}.fa-fantasy-flight-games:before{content:"\F6DC"}.fa-fast-backward:before{content:"\F049"}.fa-fast-forward:before{content:"\F050"}.fa-fax:before{content:"\F1AC"}.fa-feather:before{content:"\F52D"}.fa-feather-alt:before{content:"\F56B"}.fa-fedex:before{content:"\F797"}.fa-fedora:before{content:"\F798"}.fa-female:before{content:"\F182"}.fa-fighter-jet:before{content:"\F0FB"}.fa-figma:before{content:"\F799"}.fa-file:before{content:"\F15B"}.fa-file-alt:before{content:"\F15C"}.fa-file-archive:before{content:"\F1C6"}.fa-file-audio:before{content:"\F1C7"}.fa-file-code:before{content:"\F1C9"}.fa-file-contract:before{content:"\F56C"}.fa-file-csv:before{content:"\F6DD"}.fa-file-download:before{content:"\F56D"}.fa-file-excel:before{content:"\F1C3"}.fa-file-export:before{content:"\F56E"}.fa-file-image:before{content:"\F1C5"}.fa-file-import:before{content:"\F56F"}.fa-file-invoice:before{content:"\F570"}.fa-file-invoice-dollar:before{content:"\F571"}.fa-file-medical:before{content:"\F477"}.fa-file-medical-alt:before{content:"\F478"}.fa-file-pdf:before{content:"\F1C1"}.fa-file-powerpoint:before{content:"\F1C4"}.fa-file-prescription:before{content:"\F572"}.fa-file-signature:before{content:"\F573"}.fa-file-upload:before{content:"\F574"}.fa-file-video:before{content:"\F1C8"}.fa-file-word:before{content:"\F1C2"}.fa-fill:before{content:"\F575"}.fa-fill-drip:before{content:"\F576"}.fa-film:before{content:"\F008"}.fa-filter:before{content:"\F0B0"}.fa-fingerprint:before{content:"\F577"}.fa-fire:before{content:"\F06D"}.fa-fire-alt:before{content:"\F7E4"}.fa-fire-extinguisher:before{content:"\F134"}.fa-firefox:before{content:"\F269"}.fa-first-aid:before{content:"\F479"}.fa-first-order:before{content:"\F2B0"}.fa-first-order-alt:before{content:"\F50A"}.fa-firstdraft:before{content:"\F3A1"}.fa-fish:before{content:"\F578"}.fa-fist-raised:before{content:"\F6DE"}.fa-flag:before{content:"\F024"}.fa-flag-checkered:before{content:"\F11E"}.fa-flag-usa:before{content:"\F74D"}.fa-flask:before{content:"\F0C3"}.fa-flickr:before{content:"\F16E"}.fa-flipboard:before{content:"\F44D"}.fa-flushed:before{content:"\F579"}.fa-fly:before{content:"\F417"}.fa-folder:before{content:"\F07B"}.fa-folder-minus:before{content:"\F65D"}.fa-folder-open:before{content:"\F07C"}.fa-folder-plus:before{content:"\F65E"}.fa-font:before{content:"\F031"}.fa-font-awesome:before{content:"\F2B4"}.fa-font-awesome-alt:before{content:"\F35C"}.fa-font-awesome-flag:before{content:"\F425"}.fa-font-awesome-logo-full:before{content:"\F4E6"}.fa-fonticons:before{content:"\F280"}.fa-fonticons-fi:before{content:"\F3A2"}.fa-football-ball:before{content:"\F44E"}.fa-fort-awesome:before{content:"\F286"}.fa-fort-awesome-alt:before{content:"\F3A3"}.fa-forumbee:before{content:"\F211"}.fa-forward:before{content:"\F04E"}.fa-foursquare:before{content:"\F180"}.fa-free-code-camp:before{content:"\F2C5"}.fa-freebsd:before{content:"\F3A4"}.fa-frog:before{content:"\F52E"}.fa-frown:before{content:"\F119"}.fa-frown-open:before{content:"\F57A"}.fa-fulcrum:before{content:"\F50B"}.fa-funnel-dollar:before{content:"\F662"}.fa-futbol:before{content:"\F1E3"}.fa-galactic-republic:before{content:"\F50C"}.fa-galactic-senate:before{content:"\F50D"}.fa-gamepad:before{content:"\F11B"}.fa-gas-pump:before{content:"\F52F"}.fa-gavel:before{content:"\F0E3"}.fa-gem:before{content:"\F3A5"}.fa-genderless:before{content:"\F22D"}.fa-get-pocket:before{content:"\F265"}.fa-gg:before{content:"\F260"}.fa-gg-circle:before{content:"\F261"}.fa-ghost:before{content:"\F6E2"}.fa-gift:before{content:"\F06B"}.fa-gifts:before{content:"\F79C"}.fa-git:before{content:"\F1D3"}.fa-git-alt:before{content:"\F841"}.fa-git-square:before{content:"\F1D2"}.fa-github:before{content:"\F09B"}.fa-github-alt:before{content:"\F113"}.fa-github-square:before{content:"\F092"}.fa-gitkraken:before{content:"\F3A6"}.fa-gitlab:before{content:"\F296"}.fa-gitter:before{content:"\F426"}.fa-glass-cheers:before{content:"\F79F"}.fa-glass-martini:before{content:"\F000"}.fa-glass-martini-alt:before{content:"\F57B"}.fa-glass-whiskey:before{content:"\F7A0"}.fa-glasses:before{content:"\F530"}.fa-glide:before{content:"\F2A5"}.fa-glide-g:before{content:"\F2A6"}.fa-globe:before{content:"\F0AC"}.fa-globe-africa:before{content:"\F57C"}.fa-globe-americas:before{content:"\F57D"}.fa-globe-asia:before{content:"\F57E"}.fa-globe-europe:before{content:"\F7A2"}.fa-gofore:before{content:"\F3A7"}.fa-golf-ball:before{content:"\F450"}.fa-goodreads:before{content:"\F3A8"}.fa-goodreads-g:before{content:"\F3A9"}.fa-google:before{content:"\F1A0"}.fa-google-drive:before{content:"\F3AA"}.fa-google-play:before{content:"\F3AB"}.fa-google-plus:before{content:"\F2B3"}.fa-google-plus-g:before{content:"\F0D5"}.fa-google-plus-square:before{content:"\F0D4"}.fa-google-wallet:before{content:"\F1EE"}.fa-gopuram:before{content:"\F664"}.fa-graduation-cap:before{content:"\F19D"}.fa-gratipay:before{content:"\F184"}.fa-grav:before{content:"\F2D6"}.fa-greater-than:before{content:"\F531"}.fa-greater-than-equal:before{content:"\F532"}.fa-grimace:before{content:"\F57F"}.fa-grin:before{content:"\F580"}.fa-grin-alt:before{content:"\F581"}.fa-grin-beam:before{content:"\F582"}.fa-grin-beam-sweat:before{content:"\F583"}.fa-grin-hearts:before{content:"\F584"}.fa-grin-squint:before{content:"\F585"}.fa-grin-squint-tears:before{content:"\F586"}.fa-grin-stars:before{content:"\F587"}.fa-grin-tears:before{content:"\F588"}.fa-grin-tongue:before{content:"\F589"}.fa-grin-tongue-squint:before{content:"\F58A"}.fa-grin-tongue-wink:before{content:"\F58B"}.fa-grin-wink:before{content:"\F58C"}.fa-grip-horizontal:before{content:"\F58D"}.fa-grip-lines:before{content:"\F7A4"}.fa-grip-lines-vertical:before{content:"\F7A5"}.fa-grip-vertical:before{content:"\F58E"}.fa-gripfire:before{content:"\F3AC"}.fa-grunt:before{content:"\F3AD"}.fa-guitar:before{content:"\F7A6"}.fa-gulp:before{content:"\F3AE"}.fa-h-square:before{content:"\F0FD"}.fa-hacker-news:before{content:"\F1D4"}.fa-hacker-news-square:before{content:"\F3AF"}.fa-hackerrank:before{content:"\F5F7"}.fa-hamburger:before{content:"\F805"}.fa-hammer:before{content:"\F6E3"}.fa-hamsa:before{content:"\F665"}.fa-hand-holding:before{content:"\F4BD"}.fa-hand-holding-heart:before{content:"\F4BE"}.fa-hand-holding-usd:before{content:"\F4C0"}.fa-hand-lizard:before{content:"\F258"}.fa-hand-middle-finger:before{content:"\F806"}.fa-hand-paper:before{content:"\F256"}.fa-hand-peace:before{content:"\F25B"}.fa-hand-point-down:before{content:"\F0A7"}.fa-hand-point-left:before{content:"\F0A5"}.fa-hand-point-right:before{content:"\F0A4"}.fa-hand-point-up:before{content:"\F0A6"}.fa-hand-pointer:before{content:"\F25A"}.fa-hand-rock:before{content:"\F255"}.fa-hand-scissors:before{content:"\F257"}.fa-hand-spock:before{content:"\F259"}.fa-hands:before{content:"\F4C2"}.fa-hands-helping:before{content:"\F4C4"}.fa-handshake:before{content:"\F2B5"}.fa-hanukiah:before{content:"\F6E6"}.fa-hard-hat:before{content:"\F807"}.fa-hashtag:before{content:"\F292"}.fa-hat-wizard:before{content:"\F6E8"}.fa-haykal:before{content:"\F666"}.fa-hdd:before{content:"\F0A0"}.fa-heading:before{content:"\F1DC"}.fa-headphones:before{content:"\F025"}.fa-headphones-alt:before{content:"\F58F"}.fa-headset:before{content:"\F590"}.fa-heart:before{content:"\F004"}.fa-heart-broken:before{content:"\F7A9"}.fa-heartbeat:before{content:"\F21E"}.fa-helicopter:before{content:"\F533"}.fa-highlighter:before{content:"\F591"}.fa-hiking:before{content:"\F6EC"}.fa-hippo:before{content:"\F6ED"}.fa-hips:before{content:"\F452"}.fa-hire-a-helper:before{content:"\F3B0"}.fa-history:before{content:"\F1DA"}.fa-hockey-puck:before{content:"\F453"}.fa-holly-berry:before{content:"\F7AA"}.fa-home:before{content:"\F015"}.fa-hooli:before{content:"\F427"}.fa-hornbill:before{content:"\F592"}.fa-horse:before{content:"\F6F0"}.fa-horse-head:before{content:"\F7AB"}.fa-hospital:before{content:"\F0F8"}.fa-hospital-alt:before{content:"\F47D"}.fa-hospital-symbol:before{content:"\F47E"}.fa-hot-tub:before{content:"\F593"}.fa-hotdog:before{content:"\F80F"}.fa-hotel:before{content:"\F594"}.fa-hotjar:before{content:"\F3B1"}.fa-hourglass:before{content:"\F254"}.fa-hourglass-end:before{content:"\F253"}.fa-hourglass-half:before{content:"\F252"}.fa-hourglass-start:before{content:"\F251"}.fa-house-damage:before{content:"\F6F1"}.fa-houzz:before{content:"\F27C"}.fa-hryvnia:before{content:"\F6F2"}.fa-html5:before{content:"\F13B"}.fa-hubspot:before{content:"\F3B2"}.fa-i-cursor:before{content:"\F246"}.fa-ice-cream:before{content:"\F810"}.fa-icicles:before{content:"\F7AD"}.fa-id-badge:before{content:"\F2C1"}.fa-id-card:before{content:"\F2C2"}.fa-id-card-alt:before{content:"\F47F"}.fa-igloo:before{content:"\F7AE"}.fa-image:before{content:"\F03E"}.fa-images:before{content:"\F302"}.fa-imdb:before{content:"\F2D8"}.fa-inbox:before{content:"\F01C"}.fa-indent:before{content:"\F03C"}.fa-industry:before{content:"\F275"}.fa-infinity:before{content:"\F534"}.fa-info:before{content:"\F129"}.fa-info-circle:before{content:"\F05A"}.fa-instagram:before{content:"\F16D"}.fa-intercom:before{content:"\F7AF"}.fa-internet-explorer:before{content:"\F26B"}.fa-invision:before{content:"\F7B0"}.fa-ioxhost:before{content:"\F208"}.fa-italic:before{content:"\F033"}.fa-itch-io:before{content:"\F83A"}.fa-itunes:before{content:"\F3B4"}.fa-itunes-note:before{content:"\F3B5"}.fa-java:before{content:"\F4E4"}.fa-jedi:before{content:"\F669"}.fa-jedi-order:before{content:"\F50E"}.fa-jenkins:before{content:"\F3B6"}.fa-jira:before{content:"\F7B1"}.fa-joget:before{content:"\F3B7"}.fa-joint:before{content:"\F595"}.fa-joomla:before{content:"\F1AA"}.fa-journal-whills:before{content:"\F66A"}.fa-js:before{content:"\F3B8"}.fa-js-square:before{content:"\F3B9"}.fa-jsfiddle:before{content:"\F1CC"}.fa-kaaba:before{content:"\F66B"}.fa-kaggle:before{content:"\F5FA"}.fa-key:before{content:"\F084"}.fa-keybase:before{content:"\F4F5"}.fa-keyboard:before{content:"\F11C"}.fa-keycdn:before{content:"\F3BA"}.fa-khanda:before{content:"\F66D"}.fa-kickstarter:before{content:"\F3BB"}.fa-kickstarter-k:before{content:"\F3BC"}.fa-kiss:before{content:"\F596"}.fa-kiss-beam:before{content:"\F597"}.fa-kiss-wink-heart:before{content:"\F598"}.fa-kiwi-bird:before{content:"\F535"}.fa-korvue:before{content:"\F42F"}.fa-landmark:before{content:"\F66F"}.fa-language:before{content:"\F1AB"}.fa-laptop:before{content:"\F109"}.fa-laptop-code:before{content:"\F5FC"}.fa-laptop-medical:before{content:"\F812"}.fa-laravel:before{content:"\F3BD"}.fa-lastfm:before{content:"\F202"}.fa-lastfm-square:before{content:"\F203"}.fa-laugh:before{content:"\F599"}.fa-laugh-beam:before{content:"\F59A"}.fa-laugh-squint:before{content:"\F59B"}.fa-laugh-wink:before{content:"\F59C"}.fa-layer-group:before{content:"\F5FD"}.fa-leaf:before{content:"\F06C"}.fa-leanpub:before{content:"\F212"}.fa-lemon:before{content:"\F094"}.fa-less:before{content:"\F41D"}.fa-less-than:before{content:"\F536"}.fa-less-than-equal:before{content:"\F537"}.fa-level-down-alt:before{content:"\F3BE"}.fa-level-up-alt:before{content:"\F3BF"}.fa-life-ring:before{content:"\F1CD"}.fa-lightbulb:before{content:"\F0EB"}.fa-line:before{content:"\F3C0"}.fa-link:before{content:"\F0C1"}.fa-linkedin:before{content:"\F08C"}.fa-linkedin-in:before{content:"\F0E1"}.fa-linode:before{content:"\F2B8"}.fa-linux:before{content:"\F17C"}.fa-lira-sign:before{content:"\F195"}.fa-list:before{content:"\F03A"}.fa-list-alt:before{content:"\F022"}.fa-list-ol:before{content:"\F0CB"}.fa-list-ul:before{content:"\F0CA"}.fa-location-arrow:before{content:"\F124"}.fa-lock:before{content:"\F023"}.fa-lock-open:before{content:"\F3C1"}.fa-long-arrow-alt-down:before{content:"\F309"}.fa-long-arrow-alt-left:before{content:"\F30A"}.fa-long-arrow-alt-right:before{content:"\F30B"}.fa-long-arrow-alt-up:before{content:"\F30C"}.fa-low-vision:before{content:"\F2A8"}.fa-luggage-cart:before{content:"\F59D"}.fa-lyft:before{content:"\F3C3"}.fa-magento:before{content:"\F3C4"}.fa-magic:before{content:"\F0D0"}.fa-magnet:before{content:"\F076"}.fa-mail-bulk:before{content:"\F674"}.fa-mailchimp:before{content:"\F59E"}.fa-male:before{content:"\F183"}.fa-mandalorian:before{content:"\F50F"}.fa-map:before{content:"\F279"}.fa-map-marked:before{content:"\F59F"}.fa-map-marked-alt:before{content:"\F5A0"}.fa-map-marker:before{content:"\F041"}.fa-map-marker-alt:before{content:"\F3C5"}.fa-map-pin:before{content:"\F276"}.fa-map-signs:before{content:"\F277"}.fa-markdown:before{content:"\F60F"}.fa-marker:before{content:"\F5A1"}.fa-mars:before{content:"\F222"}.fa-mars-double:before{content:"\F227"}.fa-mars-stroke:before{content:"\F229"}.fa-mars-stroke-h:before{content:"\F22B"}.fa-mars-stroke-v:before{content:"\F22A"}.fa-mask:before{content:"\F6FA"}.fa-mastodon:before{content:"\F4F6"}.fa-maxcdn:before{content:"\F136"}.fa-medal:before{content:"\F5A2"}.fa-medapps:before{content:"\F3C6"}.fa-medium:before{content:"\F23A"}.fa-medium-m:before{content:"\F3C7"}.fa-medkit:before{content:"\F0FA"}.fa-medrt:before{content:"\F3C8"}.fa-meetup:before{content:"\F2E0"}.fa-megaport:before{content:"\F5A3"}.fa-meh:before{content:"\F11A"}.fa-meh-blank:before{content:"\F5A4"}.fa-meh-rolling-eyes:before{content:"\F5A5"}.fa-memory:before{content:"\F538"}.fa-mendeley:before{content:"\F7B3"}.fa-menorah:before{content:"\F676"}.fa-mercury:before{content:"\F223"}.fa-meteor:before{content:"\F753"}.fa-microchip:before{content:"\F2DB"}.fa-microphone:before{content:"\F130"}.fa-microphone-alt:before{content:"\F3C9"}.fa-microphone-alt-slash:before{content:"\F539"}.fa-microphone-slash:before{content:"\F131"}.fa-microscope:before{content:"\F610"}.fa-microsoft:before{content:"\F3CA"}.fa-minus:before{content:"\F068"}.fa-minus-circle:before{content:"\F056"}.fa-minus-square:before{content:"\F146"}.fa-mitten:before{content:"\F7B5"}.fa-mix:before{content:"\F3CB"}.fa-mixcloud:before{content:"\F289"}.fa-mizuni:before{content:"\F3CC"}.fa-mobile:before{content:"\F10B"}.fa-mobile-alt:before{content:"\F3CD"}.fa-modx:before{content:"\F285"}.fa-monero:before{content:"\F3D0"}.fa-money-bill:before{content:"\F0D6"}.fa-money-bill-alt:before{content:"\F3D1"}.fa-money-bill-wave:before{content:"\F53A"}.fa-money-bill-wave-alt:before{content:"\F53B"}.fa-money-check:before{content:"\F53C"}.fa-money-check-alt:before{content:"\F53D"}.fa-monument:before{content:"\F5A6"}.fa-moon:before{content:"\F186"}.fa-mortar-pestle:before{content:"\F5A7"}.fa-mosque:before{content:"\F678"}.fa-motorcycle:before{content:"\F21C"}.fa-mountain:before{content:"\F6FC"}.fa-mouse-pointer:before{content:"\F245"}.fa-mug-hot:before{content:"\F7B6"}.fa-music:before{content:"\F001"}.fa-napster:before{content:"\F3D2"}.fa-neos:before{content:"\F612"}.fa-network-wired:before{content:"\F6FF"}.fa-neuter:before{content:"\F22C"}.fa-newspaper:before{content:"\F1EA"}.fa-nimblr:before{content:"\F5A8"}.fa-nintendo-switch:before{content:"\F418"}.fa-node:before{content:"\F419"}.fa-node-js:before{content:"\F3D3"}.fa-not-equal:before{content:"\F53E"}.fa-notes-medical:before{content:"\F481"}.fa-npm:before{content:"\F3D4"}.fa-ns8:before{content:"\F3D5"}.fa-nutritionix:before{content:"\F3D6"}.fa-object-group:before{content:"\F247"}.fa-object-ungroup:before{content:"\F248"}.fa-odnoklassniki:before{content:"\F263"}.fa-odnoklassniki-square:before{content:"\F264"}.fa-oil-can:before{content:"\F613"}.fa-old-republic:before{content:"\F510"}.fa-om:before{content:"\F679"}.fa-opencart:before{content:"\F23D"}.fa-openid:before{content:"\F19B"}.fa-opera:before{content:"\F26A"}.fa-optin-monster:before{content:"\F23C"}.fa-osi:before{content:"\F41A"}.fa-otter:before{content:"\F700"}.fa-outdent:before{content:"\F03B"}.fa-page4:before{content:"\F3D7"}.fa-pagelines:before{content:"\F18C"}.fa-pager:before{content:"\F815"}.fa-paint-brush:before{content:"\F1FC"}.fa-paint-roller:before{content:"\F5AA"}.fa-palette:before{content:"\F53F"}.fa-palfed:before{content:"\F3D8"}.fa-pallet:before{content:"\F482"}.fa-paper-plane:before{content:"\F1D8"}.fa-paperclip:before{content:"\F0C6"}.fa-parachute-box:before{content:"\F4CD"}.fa-paragraph:before{content:"\F1DD"}.fa-parking:before{content:"\F540"}.fa-passport:before{content:"\F5AB"}.fa-pastafarianism:before{content:"\F67B"}.fa-paste:before{content:"\F0EA"}.fa-patreon:before{content:"\F3D9"}.fa-pause:before{content:"\F04C"}.fa-pause-circle:before{content:"\F28B"}.fa-paw:before{content:"\F1B0"}.fa-paypal:before{content:"\F1ED"}.fa-peace:before{content:"\F67C"}.fa-pen:before{content:"\F304"}.fa-pen-alt:before{content:"\F305"}.fa-pen-fancy:before{content:"\F5AC"}.fa-pen-nib:before{content:"\F5AD"}.fa-pen-square:before{content:"\F14B"}.fa-pencil-alt:before{content:"\F303"}.fa-pencil-ruler:before{content:"\F5AE"}.fa-penny-arcade:before{content:"\F704"}.fa-people-carry:before{content:"\F4CE"}.fa-pepper-hot:before{content:"\F816"}.fa-percent:before{content:"\F295"}.fa-percentage:before{content:"\F541"}.fa-periscope:before{content:"\F3DA"}.fa-person-booth:before{content:"\F756"}.fa-phabricator:before{content:"\F3DB"}.fa-phoenix-framework:before{content:"\F3DC"}.fa-phoenix-squadron:before{content:"\F511"}.fa-phone:before{content:"\F095"}.fa-phone-slash:before{content:"\F3DD"}.fa-phone-square:before{content:"\F098"}.fa-phone-volume:before{content:"\F2A0"}.fa-php:before{content:"\F457"}.fa-pied-piper:before{content:"\F2AE"}.fa-pied-piper-alt:before{content:"\F1A8"}.fa-pied-piper-hat:before{content:"\F4E5"}.fa-pied-piper-pp:before{content:"\F1A7"}.fa-piggy-bank:before{content:"\F4D3"}.fa-pills:before{content:"\F484"}.fa-pinterest:before{content:"\F0D2"}.fa-pinterest-p:before{content:"\F231"}.fa-pinterest-square:before{content:"\F0D3"}.fa-pizza-slice:before{content:"\F818"}.fa-place-of-worship:before{content:"\F67F"}.fa-plane:before{content:"\F072"}.fa-plane-arrival:before{content:"\F5AF"}.fa-plane-departure:before{content:"\F5B0"}.fa-play:before{content:"\F04B"}.fa-play-circle:before{content:"\F144"}.fa-playstation:before{content:"\F3DF"}.fa-plug:before{content:"\F1E6"}.fa-plus:before{content:"\F067"}.fa-plus-circle:before{content:"\F055"}.fa-plus-square:before{content:"\F0FE"}.fa-podcast:before{content:"\F2CE"}.fa-poll:before{content:"\F681"}.fa-poll-h:before{content:"\F682"}.fa-poo:before{content:"\F2FE"}.fa-poo-storm:before{content:"\F75A"}.fa-poop:before{content:"\F619"}.fa-portrait:before{content:"\F3E0"}.fa-pound-sign:before{content:"\F154"}.fa-power-off:before{content:"\F011"}.fa-pray:before{content:"\F683"}.fa-praying-hands:before{content:"\F684"}.fa-prescription:before{content:"\F5B1"}.fa-prescription-bottle:before{content:"\F485"}.fa-prescription-bottle-alt:before{content:"\F486"}.fa-print:before{content:"\F02F"}.fa-procedures:before{content:"\F487"}.fa-product-hunt:before{content:"\F288"}.fa-project-diagram:before{content:"\F542"}.fa-pushed:before{content:"\F3E1"}.fa-puzzle-piece:before{content:"\F12E"}.fa-python:before{content:"\F3E2"}.fa-qq:before{content:"\F1D6"}.fa-qrcode:before{content:"\F029"}.fa-question:before{content:"\F128"}.fa-question-circle:before{content:"\F059"}.fa-quidditch:before{content:"\F458"}.fa-quinscape:before{content:"\F459"}.fa-quora:before{content:"\F2C4"}.fa-quote-left:before{content:"\F10D"}.fa-quote-right:before{content:"\F10E"}.fa-quran:before{content:"\F687"}.fa-r-project:before{content:"\F4F7"}.fa-radiation:before{content:"\F7B9"}.fa-radiation-alt:before{content:"\F7BA"}.fa-rainbow:before{content:"\F75B"}.fa-random:before{content:"\F074"}.fa-raspberry-pi:before{content:"\F7BB"}.fa-ravelry:before{content:"\F2D9"}.fa-react:before{content:"\F41B"}.fa-reacteurope:before{content:"\F75D"}.fa-readme:before{content:"\F4D5"}.fa-rebel:before{content:"\F1D0"}.fa-receipt:before{content:"\F543"}.fa-recycle:before{content:"\F1B8"}.fa-red-river:before{content:"\F3E3"}.fa-reddit:before{content:"\F1A1"}.fa-reddit-alien:before{content:"\F281"}.fa-reddit-square:before{content:"\F1A2"}.fa-redhat:before{content:"\F7BC"}.fa-redo:before{content:"\F01E"}.fa-redo-alt:before{content:"\F2F9"}.fa-registered:before{content:"\F25D"}.fa-renren:before{content:"\F18B"}.fa-reply:before{content:"\F3E5"}.fa-reply-all:before{content:"\F122"}.fa-replyd:before{content:"\F3E6"}.fa-republican:before{content:"\F75E"}.fa-researchgate:before{content:"\F4F8"}.fa-resolving:before{content:"\F3E7"}.fa-restroom:before{content:"\F7BD"}.fa-retweet:before{content:"\F079"}.fa-rev:before{content:"\F5B2"}.fa-ribbon:before{content:"\F4D6"}.fa-ring:before{content:"\F70B"}.fa-road:before{content:"\F018"}.fa-robot:before{content:"\F544"}.fa-rocket:before{content:"\F135"}.fa-rocketchat:before{content:"\F3E8"}.fa-rockrms:before{content:"\F3E9"}.fa-route:before{content:"\F4D7"}.fa-rss:before{content:"\F09E"}.fa-rss-square:before{content:"\F143"}.fa-ruble-sign:before{content:"\F158"}.fa-ruler:before{content:"\F545"}.fa-ruler-combined:before{content:"\F546"}.fa-ruler-horizontal:before{content:"\F547"}.fa-ruler-vertical:before{content:"\F548"}.fa-running:before{content:"\F70C"}.fa-rupee-sign:before{content:"\F156"}.fa-sad-cry:before{content:"\F5B3"}.fa-sad-tear:before{content:"\F5B4"}.fa-safari:before{content:"\F267"}.fa-salesforce:before{content:"\F83B"}.fa-sass:before{content:"\F41E"}.fa-satellite:before{content:"\F7BF"}.fa-satellite-dish:before{content:"\F7C0"}.fa-save:before{content:"\F0C7"}.fa-schlix:before{content:"\F3EA"}.fa-school:before{content:"\F549"}.fa-screwdriver:before{content:"\F54A"}.fa-scribd:before{content:"\F28A"}.fa-scroll:before{content:"\F70E"}.fa-sd-card:before{content:"\F7C2"}.fa-search:before{content:"\F002"}.fa-search-dollar:before{content:"\F688"}.fa-search-location:before{content:"\F689"}.fa-search-minus:before{content:"\F010"}.fa-search-plus:before{content:"\F00E"}.fa-searchengin:before{content:"\F3EB"}.fa-seedling:before{content:"\F4D8"}.fa-sellcast:before{content:"\F2DA"}.fa-sellsy:before{content:"\F213"}.fa-server:before{content:"\F233"}.fa-servicestack:before{content:"\F3EC"}.fa-shapes:before{content:"\F61F"}.fa-share:before{content:"\F064"}.fa-share-alt:before{content:"\F1E0"}.fa-share-alt-square:before{content:"\F1E1"}.fa-share-square:before{content:"\F14D"}.fa-shekel-sign:before{content:"\F20B"}.fa-shield-alt:before{content:"\F3ED"}.fa-ship:before{content:"\F21A"}.fa-shipping-fast:before{content:"\F48B"}.fa-shirtsinbulk:before{content:"\F214"}.fa-shoe-prints:before{content:"\F54B"}.fa-shopping-bag:before{content:"\F290"}.fa-shopping-basket:before{content:"\F291"}.fa-shopping-cart:before{content:"\F07A"}.fa-shopware:before{content:"\F5B5"}.fa-shower:before{content:"\F2CC"}.fa-shuttle-van:before{content:"\F5B6"}.fa-sign:before{content:"\F4D9"}.fa-sign-in-alt:before{content:"\F2F6"}.fa-sign-language:before{content:"\F2A7"}.fa-sign-out-alt:before{content:"\F2F5"}.fa-signal:before{content:"\F012"}.fa-signature:before{content:"\F5B7"}.fa-sim-card:before{content:"\F7C4"}.fa-simplybuilt:before{content:"\F215"}.fa-sistrix:before{content:"\F3EE"}.fa-sitemap:before{content:"\F0E8"}.fa-sith:before{content:"\F512"}.fa-skating:before{content:"\F7C5"}.fa-sketch:before{content:"\F7C6"}.fa-skiing:before{content:"\F7C9"}.fa-skiing-nordic:before{content:"\F7CA"}.fa-skull:before{content:"\F54C"}.fa-skull-crossbones:before{content:"\F714"}.fa-skyatlas:before{content:"\F216"}.fa-skype:before{content:"\F17E"}.fa-slack:before{content:"\F198"}.fa-slack-hash:before{content:"\F3EF"}.fa-slash:before{content:"\F715"}.fa-sleigh:before{content:"\F7CC"}.fa-sliders-h:before{content:"\F1DE"}.fa-slideshare:before{content:"\F1E7"}.fa-smile:before{content:"\F118"}.fa-smile-beam:before{content:"\F5B8"}.fa-smile-wink:before{content:"\F4DA"}.fa-smog:before{content:"\F75F"}.fa-smoking:before{content:"\F48D"}.fa-smoking-ban:before{content:"\F54D"}.fa-sms:before{content:"\F7CD"}.fa-snapchat:before{content:"\F2AB"}.fa-snapchat-ghost:before{content:"\F2AC"}.fa-snapchat-square:before{content:"\F2AD"}.fa-snowboarding:before{content:"\F7CE"}.fa-snowflake:before{content:"\F2DC"}.fa-snowman:before{content:"\F7D0"}.fa-snowplow:before{content:"\F7D2"}.fa-socks:before{content:"\F696"}.fa-solar-panel:before{content:"\F5BA"}.fa-sort:before{content:"\F0DC"}.fa-sort-alpha-down:before{content:"\F15D"}.fa-sort-alpha-up:before{content:"\F15E"}.fa-sort-amount-down:before{content:"\F160"}.fa-sort-amount-up:before{content:"\F161"}.fa-sort-down:before{content:"\F0DD"}.fa-sort-numeric-down:before{content:"\F162"}.fa-sort-numeric-up:before{content:"\F163"}.fa-sort-up:before{content:"\F0DE"}.fa-soundcloud:before{content:"\F1BE"}.fa-sourcetree:before{content:"\F7D3"}.fa-spa:before{content:"\F5BB"}.fa-space-shuttle:before{content:"\F197"}.fa-speakap:before{content:"\F3F3"}.fa-speaker-deck:before{content:"\F83C"}.fa-spider:before{content:"\F717"}.fa-spinner:before{content:"\F110"}.fa-splotch:before{content:"\F5BC"}.fa-spotify:before{content:"\F1BC"}.fa-spray-can:before{content:"\F5BD"}.fa-square:before{content:"\F0C8"}.fa-square-full:before{content:"\F45C"}.fa-square-root-alt:before{content:"\F698"}.fa-squarespace:before{content:"\F5BE"}.fa-stack-exchange:before{content:"\F18D"}.fa-stack-overflow:before{content:"\F16C"}.fa-stackpath:before{content:"\F842"}.fa-stamp:before{content:"\F5BF"}.fa-star:before{content:"\F005"}.fa-star-and-crescent:before{content:"\F699"}.fa-star-half:before{content:"\F089"}.fa-star-half-alt:before{content:"\F5C0"}.fa-star-of-david:before{content:"\F69A"}.fa-star-of-life:before{content:"\F621"}.fa-staylinked:before{content:"\F3F5"}.fa-steam:before{content:"\F1B6"}.fa-steam-square:before{content:"\F1B7"}.fa-steam-symbol:before{content:"\F3F6"}.fa-step-backward:before{content:"\F048"}.fa-step-forward:before{content:"\F051"}.fa-stethoscope:before{content:"\F0F1"}.fa-sticker-mule:before{content:"\F3F7"}.fa-sticky-note:before{content:"\F249"}.fa-stop:before{content:"\F04D"}.fa-stop-circle:before{content:"\F28D"}.fa-stopwatch:before{content:"\F2F2"}.fa-store:before{content:"\F54E"}.fa-store-alt:before{content:"\F54F"}.fa-strava:before{content:"\F428"}.fa-stream:before{content:"\F550"}.fa-street-view:before{content:"\F21D"}.fa-strikethrough:before{content:"\F0CC"}.fa-stripe:before{content:"\F429"}.fa-stripe-s:before{content:"\F42A"}.fa-stroopwafel:before{content:"\F551"}.fa-studiovinari:before{content:"\F3F8"}.fa-stumbleupon:before{content:"\F1A4"}.fa-stumbleupon-circle:before{content:"\F1A3"}.fa-subscript:before{content:"\F12C"}.fa-subway:before{content:"\F239"}.fa-suitcase:before{content:"\F0F2"}.fa-suitcase-rolling:before{content:"\F5C1"}.fa-sun:before{content:"\F185"}.fa-superpowers:before{content:"\F2DD"}.fa-superscript:before{content:"\F12B"}.fa-supple:before{content:"\F3F9"}.fa-surprise:before{content:"\F5C2"}.fa-suse:before{content:"\F7D6"}.fa-swatchbook:before{content:"\F5C3"}.fa-swimmer:before{content:"\F5C4"}.fa-swimming-pool:before{content:"\F5C5"}.fa-symfony:before{content:"\F83D"}.fa-synagogue:before{content:"\F69B"}.fa-sync:before{content:"\F021"}.fa-sync-alt:before{content:"\F2F1"}.fa-syringe:before{content:"\F48E"}.fa-table:before{content:"\F0CE"}.fa-table-tennis:before{content:"\F45D"}.fa-tablet:before{content:"\F10A"}.fa-tablet-alt:before{content:"\F3FA"}.fa-tablets:before{content:"\F490"}.fa-tachometer-alt:before{content:"\F3FD"}.fa-tag:before{content:"\F02B"}.fa-tags:before{content:"\F02C"}.fa-tape:before{content:"\F4DB"}.fa-tasks:before{content:"\F0AE"}.fa-taxi:before{content:"\F1BA"}.fa-teamspeak:before{content:"\F4F9"}.fa-teeth:before{content:"\F62E"}.fa-teeth-open:before{content:"\F62F"}.fa-telegram:before{content:"\F2C6"}.fa-telegram-plane:before{content:"\F3FE"}.fa-temperature-high:before{content:"\F769"}.fa-temperature-low:before{content:"\F76B"}.fa-tencent-weibo:before{content:"\F1D5"}.fa-tenge:before{content:"\F7D7"}.fa-terminal:before{content:"\F120"}.fa-text-height:before{content:"\F034"}.fa-text-width:before{content:"\F035"}.fa-th:before{content:"\F00A"}.fa-th-large:before{content:"\F009"}.fa-th-list:before{content:"\F00B"}.fa-the-red-yeti:before{content:"\F69D"}.fa-theater-masks:before{content:"\F630"}.fa-themeco:before{content:"\F5C6"}.fa-themeisle:before{content:"\F2B2"}.fa-thermometer:before{content:"\F491"}.fa-thermometer-empty:before{content:"\F2CB"}.fa-thermometer-full:before{content:"\F2C7"}.fa-thermometer-half:before{content:"\F2C9"}.fa-thermometer-quarter:before{content:"\F2CA"}.fa-thermometer-three-quarters:before{content:"\F2C8"}.fa-think-peaks:before{content:"\F731"}.fa-thumbs-down:before{content:"\F165"}.fa-thumbs-up:before{content:"\F164"}.fa-thumbtack:before{content:"\F08D"}.fa-ticket-alt:before{content:"\F3FF"}.fa-times:before{content:"\F00D"}.fa-times-circle:before{content:"\F057"}.fa-tint:before{content:"\F043"}.fa-tint-slash:before{content:"\F5C7"}.fa-tired:before{content:"\F5C8"}.fa-toggle-off:before{content:"\F204"}.fa-toggle-on:before{content:"\F205"}.fa-toilet:before{content:"\F7D8"}.fa-toilet-paper:before{content:"\F71E"}.fa-toolbox:before{content:"\F552"}.fa-tools:before{content:"\F7D9"}.fa-tooth:before{content:"\F5C9"}.fa-torah:before{content:"\F6A0"}.fa-torii-gate:before{content:"\F6A1"}.fa-tractor:before{content:"\F722"}.fa-trade-federation:before{content:"\F513"}.fa-trademark:before{content:"\F25C"}.fa-traffic-light:before{content:"\F637"}.fa-train:before{content:"\F238"}.fa-tram:before{content:"\F7DA"}.fa-transgender:before{content:"\F224"}.fa-transgender-alt:before{content:"\F225"}.fa-trash:before{content:"\F1F8"}.fa-trash-alt:before{content:"\F2ED"}.fa-trash-restore:before{content:"\F829"}.fa-trash-restore-alt:before{content:"\F82A"}.fa-tree:before{content:"\F1BB"}.fa-trello:before{content:"\F181"}.fa-tripadvisor:before{content:"\F262"}.fa-trophy:before{content:"\F091"}.fa-truck:before{content:"\F0D1"}.fa-truck-loading:before{content:"\F4DE"}.fa-truck-monster:before{content:"\F63B"}.fa-truck-moving:before{content:"\F4DF"}.fa-truck-pickup:before{content:"\F63C"}.fa-tshirt:before{content:"\F553"}.fa-tty:before{content:"\F1E4"}.fa-tumblr:before{content:"\F173"}.fa-tumblr-square:before{content:"\F174"}.fa-tv:before{content:"\F26C"}.fa-twitch:before{content:"\F1E8"}.fa-twitter:before{content:"\F099"}.fa-twitter-square:before{content:"\F081"}.fa-typo3:before{content:"\F42B"}.fa-uber:before{content:"\F402"}.fa-ubuntu:before{content:"\F7DF"}.fa-uikit:before{content:"\F403"}.fa-umbrella:before{content:"\F0E9"}.fa-umbrella-beach:before{content:"\F5CA"}.fa-underline:before{content:"\F0CD"}.fa-undo:before{content:"\F0E2"}.fa-undo-alt:before{content:"\F2EA"}.fa-uniregistry:before{content:"\F404"}.fa-universal-access:before{content:"\F29A"}.fa-university:before{content:"\F19C"}.fa-unlink:before{content:"\F127"}.fa-unlock:before{content:"\F09C"}.fa-unlock-alt:before{content:"\F13E"}.fa-untappd:before{content:"\F405"}.fa-upload:before{content:"\F093"}.fa-ups:before{content:"\F7E0"}.fa-usb:before{content:"\F287"}.fa-user:before{content:"\F007"}.fa-user-alt:before{content:"\F406"}.fa-user-alt-slash:before{content:"\F4FA"}.fa-user-astronaut:before{content:"\F4FB"}.fa-user-check:before{content:"\F4FC"}.fa-user-circle:before{content:"\F2BD"}.fa-user-clock:before{content:"\F4FD"}.fa-user-cog:before{content:"\F4FE"}.fa-user-edit:before{content:"\F4FF"}.fa-user-friends:before{content:"\F500"}.fa-user-graduate:before{content:"\F501"}.fa-user-injured:before{content:"\F728"}.fa-user-lock:before{content:"\F502"}.fa-user-md:before{content:"\F0F0"}.fa-user-minus:before{content:"\F503"}.fa-user-ninja:before{content:"\F504"}.fa-user-nurse:before{content:"\F82F"}.fa-user-plus:before{content:"\F234"}.fa-user-secret:before{content:"\F21B"}.fa-user-shield:before{content:"\F505"}.fa-user-slash:before{content:"\F506"}.fa-user-tag:before{content:"\F507"}.fa-user-tie:before{content:"\F508"}.fa-user-times:before{content:"\F235"}.fa-users:before{content:"\F0C0"}.fa-users-cog:before{content:"\F509"}.fa-usps:before{content:"\F7E1"}.fa-ussunnah:before{content:"\F407"}.fa-utensil-spoon:before{content:"\F2E5"}.fa-utensils:before{content:"\F2E7"}.fa-vaadin:before{content:"\F408"}.fa-vector-square:before{content:"\F5CB"}.fa-venus:before{content:"\F221"}.fa-venus-double:before{content:"\F226"}.fa-venus-mars:before{content:"\F228"}.fa-viacoin:before{content:"\F237"}.fa-viadeo:before{content:"\F2A9"}.fa-viadeo-square:before{content:"\F2AA"}.fa-vial:before{content:"\F492"}.fa-vials:before{content:"\F493"}.fa-viber:before{content:"\F409"}.fa-video:before{content:"\F03D"}.fa-video-slash:before{content:"\F4E2"}.fa-vihara:before{content:"\F6A7"}.fa-vimeo:before{content:"\F40A"}.fa-vimeo-square:before{content:"\F194"}.fa-vimeo-v:before{content:"\F27D"}.fa-vine:before{content:"\F1CA"}.fa-vk:before{content:"\F189"}.fa-vnv:before{content:"\F40B"}.fa-volleyball-ball:before{content:"\F45F"}.fa-volume-down:before{content:"\F027"}.fa-volume-mute:before{content:"\F6A9"}.fa-volume-off:before{content:"\F026"}.fa-volume-up:before{content:"\F028"}.fa-vote-yea:before{content:"\F772"}.fa-vr-cardboard:before{content:"\F729"}.fa-vuejs:before{content:"\F41F"}.fa-walking:before{content:"\F554"}.fa-wallet:before{content:"\F555"}.fa-warehouse:before{content:"\F494"}.fa-water:before{content:"\F773"}.fa-wave-square:before{content:"\F83E"}.fa-waze:before{content:"\F83F"}.fa-weebly:before{content:"\F5CC"}.fa-weibo:before{content:"\F18A"}.fa-weight:before{content:"\F496"}.fa-weight-hanging:before{content:"\F5CD"}.fa-weixin:before{content:"\F1D7"}.fa-whatsapp:before{content:"\F232"}.fa-whatsapp-square:before{content:"\F40C"}.fa-wheelchair:before{content:"\F193"}.fa-whmcs:before{content:"\F40D"}.fa-wifi:before{content:"\F1EB"}.fa-wikipedia-w:before{content:"\F266"}.fa-wind:before{content:"\F72E"}.fa-window-close:before{content:"\F410"}.fa-window-maximize:before{content:"\F2D0"}.fa-window-minimize:before{content:"\F2D1"}.fa-window-restore:before{content:"\F2D2"}.fa-windows:before{content:"\F17A"}.fa-wine-bottle:before{content:"\F72F"}.fa-wine-glass:before{content:"\F4E3"}.fa-wine-glass-alt:before{content:"\F5CE"}.fa-wix:before{content:"\F5CF"}.fa-wizards-of-the-coast:before{content:"\F730"}.fa-wolf-pack-battalion:before{content:"\F514"}.fa-won-sign:before{content:"\F159"}.fa-wordpress:before{content:"\F19A"}.fa-wordpress-simple:before{content:"\F411"}.fa-wpbeginner:before{content:"\F297"}.fa-wpexplorer:before{content:"\F2DE"}.fa-wpforms:before{content:"\F298"}.fa-wpressr:before{content:"\F3E4"}.fa-wrench:before{content:"\F0AD"}.fa-x-ray:before{content:"\F497"}.fa-xbox:before{content:"\F412"}.fa-xing:before{content:"\F168"}.fa-xing-square:before{content:"\F169"}.fa-y-combinator:before{content:"\F23B"}.fa-yahoo:before{content:"\F19E"}.fa-yammer:before{content:"\F840"}.fa-yandex:before{content:"\F413"}.fa-yandex-international:before{content:"\F414"}.fa-yarn:before{content:"\F7E3"}.fa-yelp:before{content:"\F1E9"}.fa-yen-sign:before{content:"\F157"}.fa-yin-yang:before{content:"\F6AD"}.fa-yoast:before{content:"\F2B1"}.fa-youtube:before{content:"\F167"}.fa-youtube-square:before{content:"\F431"}.fa-zhihu:before{content:"\F63F"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}/*!
 * Font Awesome Free 5.8.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */@font-face{font-family:Font Awesome\ 5 Brands;font-style:normal;font-weight:400;font-display:auto;src:url(/fonts/vendor/shariff/dist/fa-brands-400.eot?8e49b728413079dfd9ee45d0c58d54e4);src:url(/fonts/vendor/shariff/dist/fa-brands-400.eot?8e49b728413079dfd9ee45d0c58d54e4?#iefix) format("embedded-opentype"),url(/fonts/vendor/shariff/dist/fa-brands-400.woff2?9f4ce3dc689981a1b87faab0f5484f9e) format("woff2"),url(/fonts/vendor/shariff/dist/fa-brands-400.woff?9f018d1025561e96439f7c0e9026301a) format("woff"),url(/fonts/vendor/shariff/dist/fa-brands-400.ttf?b7d071b9c3c197bff4af902070622423) format("truetype"),url(/images/vendor/shariff/dist/fa-brands-400.svg?38975343b586296e9b73e6b56cc3ec5d#fontawesome) format("svg")}.fab{font-family:Font Awesome\ 5 Brands}/*!
 * Font Awesome Free 5.8.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */@font-face{font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:400;font-display:auto;src:url(/fonts/vendor/shariff/dist/fa-regular-400.eot?859001f6ae8eb0bb3878aaa971b50fc6);src:url(/fonts/vendor/shariff/dist/fa-regular-400.eot?859001f6ae8eb0bb3878aaa971b50fc6?#iefix) format("embedded-opentype"),url(/fonts/vendor/shariff/dist/fa-regular-400.woff2?7980a6361c25b4665dbbe92d4488783c) format("woff2"),url(/fonts/vendor/shariff/dist/fa-regular-400.woff?7aaf5675efd6339e9aba53ecbe5f1e36) format("woff"),url(/fonts/vendor/shariff/dist/fa-regular-400.ttf?f33342516f7cbe46f1d6b68f9e7bbeda) format("truetype"),url(/images/vendor/shariff/dist/fa-regular-400.svg?da8a235bb207c74eea21507f3a86a53b#fontawesome) format("svg")}.far{font-weight:400}/*!
 * Font Awesome Free 5.8.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */@font-face{font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:900;font-display:auto;src:url(/fonts/vendor/shariff/dist/fa-solid-900.eot?e2675a616b68f446fa6284c111554c7f);src:url(/fonts/vendor/shariff/dist/fa-solid-900.eot?e2675a616b68f446fa6284c111554c7f?#iefix) format("embedded-opentype"),url(/fonts/vendor/shariff/dist/fa-solid-900.woff2?64b3e814a66c2719b15abf8f7998bd73) format("woff2"),url(/fonts/vendor/shariff/dist/fa-solid-900.woff?0be94a07755ba9b88f2ebcac0f23a3da) format("woff"),url(/fonts/vendor/shariff/dist/fa-solid-900.ttf?f14c3b2ff7c821a4c838debbffd6ad2d) format("truetype"),url(/images/vendor/shariff/dist/fa-solid-900.svg?7726a281c1d436eb038f78c6e9048c96#fontawesome) format("svg")}.fa,.far,.fas{font-family:Font Awesome\ 5 Free}.fa,.fas{font-weight:900}.shariff:after,.shariff:before{content:" ";display:table}.shariff:after{clear:both}.shariff ul{padding:0;margin:0;list-style:none}.shariff li{overflow:hidden}.shariff li,.shariff li a{height:35px;box-sizing:border-box}.shariff li a{color:#fff;position:relative;display:block;text-decoration:none}.shariff li .share_count,.shariff li .share_text{font-family:Arial,Helvetica,sans-serif;font-size:12px;vertical-align:middle;line-height:35px}.shariff li .fab,.shariff li .far,.shariff li .fas{width:35px;line-height:35px;text-align:center;vertical-align:middle}.shariff li .share_count{padding:0 8px;height:33px;position:absolute;top:1px;right:1px}.shariff .orientation-horizontal li{-webkit-box-flex:1}.shariff .orientation-horizontal .info{-webkit-box-flex:0}.shariff .orientation-horizontal{display:flex;flex-wrap:wrap}.shariff .orientation-horizontal li{float:left;flex:none;width:35px;margin-right:3%;margin-bottom:10px}.shariff .orientation-horizontal li:last-child{margin-right:0}.shariff .orientation-horizontal li .share_text{display:block;text-indent:-9999px;padding-left:3px}.shariff .orientation-horizontal li .share_count{display:none}.shariff .theme-grey .shariff-button a{background-color:#b0b0b0}.shariff .theme-grey .shariff-button .share_count{background-color:#ccc;color:#333}.shariff .theme-white .shariff-button{border:1px solid #ddd}.shariff .theme-white .shariff-button a{background-color:#fff}.shariff .theme-white .shariff-button a:hover{background-color:#eee}.shariff .theme-white .shariff-button .share_count{background-color:#fff;color:#999}.shariff .orientation-vertical.button-style-icon{min-width:35px}.shariff .orientation-vertical.button-style-icon-count{min-width:80px}.shariff .orientation-vertical.button-style-standard{min-width:110px}.shariff .orientation-vertical li{display:block;width:100%;margin:5px 0}.shariff .orientation-vertical.button-style-icon-count li .share_count,.shariff .orientation-vertical.button-style-standard li .share_count{width:24px;text-align:right}@media only screen and (min-width:360px){.shariff .orientation-horizontal li{margin-right:1.8%}.shariff .orientation-horizontal.button-style-icon-count li,.shariff .orientation-horizontal.button-style-standard li{min-width:80px}.shariff .orientation-horizontal.button-style-icon-count li .share_count,.shariff .orientation-horizontal.button-style-standard li .share_count{display:block}.shariff .orientation-horizontal.button-style-standard li{width:auto;flex:1 0 auto}.shariff .orientation-horizontal.button-style-standard.shariff-col-1 li,.shariff .orientation-horizontal.button-style-standard.shariff-col-2 li{min-width:110px;max-width:160px}.shariff .orientation-horizontal.button-style-standard.shariff-col-1 li .share_text,.shariff .orientation-horizontal.button-style-standard.shariff-col-2 li .share_text{text-indent:0;display:inline}.shariff .orientation-horizontal.button-style-standard.shariff-col-5 li,.shariff .orientation-horizontal.button-style-standard.shariff-col-6 li{flex:none}}@media only screen and (min-width:640px){.shariff .orientation-horizontal.button-style-standard.shariff-col-3 li{min-width:110px;max-width:160px}.shariff .orientation-horizontal.button-style-standard.shariff-col-3 li .share_text{text-indent:0;display:inline}}@media only screen and (min-width:768px){.shariff .orientation-horizontal.button-style-standard li{min-width:110px;max-width:160px}.shariff .orientation-horizontal.button-style-standard li .share_text{text-indent:0;display:inline}.shariff .orientation-horizontal.button-style-standard.shariff-col-5 li,.shariff .orientation-horizontal.button-style-standard.shariff-col-6 li{flex:1 0 auto}}@media only screen and (min-width:1024px){.shariff li,.shariff li a{height:30px}.shariff li .fab,.shariff li .far,.shariff li .fas{width:30px;line-height:30px}.shariff li .share_count,.shariff li .share_text{line-height:30px}.shariff li .share_count{height:28px}}.shariff .addthis a{background-color:#f8694d}.shariff .addthis a:hover{background-color:#f75b44}.shariff .addthis .fa-plus{font-size:14px}.shariff .addthis .share_count{color:#f8694d;background-color:#f1b8b0}.shariff .theme-white .addthis a{color:#f8694d}@media only screen and (min-width:600px){.shariff .addthis .fa-plus{font-size:14px;position:relative;top:1px}}.shariff .buffer a{background-color:#3a3a3a}.shariff .buffer a:hover{background-color:#555}.shariff .buffer .fa-buffer{font-size:22px}.shariff .buffer .share_count{color:#3a3a3a;background-color:#ddd}.shariff .theme-white .buffer a{color:#3a3a3a}@media only screen and (min-width:600px){.shariff .buffer .fa-buffer{font-size:19px;position:relative;top:1px}}.shariff .diaspora a{background-color:#999}.shariff .diaspora a:hover{background-color:#b3b3b3}.shariff .diaspora .fa-times-circle{font-size:17px}.shariff .theme-white .diaspora a{color:#999}@media only screen and (min-width:600px){.shariff .diaspora .fa-times-circle{font-size:16px}}.shariff .facebook a{background-color:#3b5998}.shariff .facebook a:hover{background-color:#4273c8}.shariff .facebook .fa-facebook-f{font-size:22px}.shariff .facebook .share_count{color:#183a75;background-color:#99adcf}.shariff .theme-white .facebook a{color:#3b5998}@media only screen and (min-width:600px){.shariff .facebook .fa-facebook-f{font-size:19px}}.shariff .flattr a{background-color:#7ea352}.shariff .flattr a:hover{background-color:#f67c1a}.shariff .flattr a:hover .share_count{color:#d56308;background-color:#fab47c}.shariff .flattr .fa-money-bill-alt{font-size:22px}.shariff .flattr .share_count{color:#648141;background-color:#b0c893}.shariff .theme-white .flattr a{color:#f67c1a}@media only screen and (min-width:600px){.shariff .flattr .fa-money-bill-alt{font-size:19px}}.shariff .flipboard a{background-color:#e12828}.shariff .flipboard a:hover{background-color:#ff2e2e}.shariff .flipboard .fa-flipboard{font-size:22px}.shariff .theme-white .flipboard a{color:#e12828}@media only screen and (min-width:600px){.shariff .flipboard .fa-flipboard{font-size:19px}}.shariff .info{border:1px solid #ccc}.shariff .info a{color:#666;background-color:#fff}.shariff .info a:hover{background-color:#efefef}.shariff .info .fa-info{font-size:20px;width:33px}.shariff .info .share_text{display:block!important;text-indent:-9999px!important}.shariff .theme-grey .info a{background-color:#fff}.shariff .theme-grey .info a:hover{background-color:#efefef}.shariff .orientation-vertical .info{width:35px;float:right}@media only screen and (min-width:360px){.shariff .orientation-horizontal .info{flex:none!important;width:35px;min-width:35px!important}}@media only screen and (min-width:1024px){.shariff .info .fa-info{font-size:16px;width:23px}.shariff .orientation-horizontal .info{width:25px;min-width:25px!important}.shariff .orientation-vertical .info{width:25px}}.shariff .linkedin a{background-color:#0077b5}.shariff .linkedin a:hover{background-color:#0369a0}.shariff .linkedin .fa-linkedin-in{font-size:22px}.shariff .linkedin .share_count{color:#004785;background-color:#33aae8}.shariff .theme-white .linkedin a{color:#0077b5}@media only screen and (min-width:600px){.shariff .linkedin .fa-linkedin-in{font-size:19px}}.shariff .mail a{background-color:#999}.shariff .mail a:hover{background-color:#a8a8a8}.shariff .mail .fa-envelope{font-size:21px}.shariff .theme-white .mail a{color:#999}@media only screen and (min-width:600px){.shariff .mail .fa-envelope{font-size:18px}}.shariff .print a{background-color:#999}.shariff .print a:hover{background-color:#a8a8a8}.shariff .print .fa-print{font-size:21px}.shariff .theme-white .print a{color:#999}@media only screen and (min-width:600px){.shariff .print .fa-print{font-size:18px}}.shariff .pinterest a{background-color:#bd081c}.shariff .pinterest a:hover{background-color:#d50920}.shariff .pinterest .fa-pinterest-p{font-size:22px}.shariff .pinterest .share_count{color:#a31601;background-color:#eda79d}.shariff .theme-white .pinterest a{color:#bd081c}@media only screen and (min-width:600px){.shariff .pinterest .fa-pinterest-p{font-size:19px;position:relative;top:1px}}.shariff .pocket a{background-color:#ef4056}.shariff .pocket a:hover{background-color:#ff5066}.shariff .pocket .fa-get-pocket{font-size:22px}.shariff .theme-white .pocket a{color:#ef4056}@media only screen and (min-width:600px){.shariff .pocket .fa-get-pocket{font-size:19px}}.shariff .reddit a{background-color:#ff4500}.shariff .reddit a:hover{background-color:#ff6a33}.shariff .reddit .fa-reddit{font-size:17px}.shariff .theme-white .reddit a{color:#ff4500}@media only screen and (min-width:600px){.shariff .reddit .fa-reddit{font-size:16px}}.shariff .stumbleupon a{background-color:#eb4924}.shariff .stumbleupon a:hover{background-color:#ef7053}.shariff .stumbleupon .fa-stumbleupon{font-size:17px}.shariff .theme-white .stumbleupon a{color:#eb4924}@media only screen and (min-width:600px){.shariff .stumbleupon .fa-stumbleupon{font-size:16px}}.shariff .twitter a{background-color:#55acee}.shariff .twitter a:hover{background-color:#32bbf5}.shariff .twitter .fa-twitter{font-size:28px}.shariff .twitter .share_count{color:#0174a4;background-color:#96d4ee}.shariff .theme-white .twitter a{color:#55acee}@media only screen and (min-width:600px){.shariff .twitter .fa-twitter{font-size:24px}}.shariff .whatsapp a{background-color:#5cbe4a}.shariff .whatsapp a:hover{background-color:#34af23}.shariff .whatsapp .fa-whatsapp{font-size:28px}.shariff .theme-white .whatsapp a{color:#5cbe4a}@media only screen and (min-width:600px){.shariff .whatsapp .fa-whatsapp{font-size:22px}}.shariff .xing a{background-color:#126567}.shariff .xing a:hover{background-color:#29888a}.shariff .xing .fa-xing{font-size:22px}.shariff .xing .share_count{color:#15686a;background-color:#4fa5a7}.shariff .theme-white .xing a{color:#126567}@media only screen and (min-width:600px){.shariff .xing .fa-xing{font-size:19px}}.shariff .tumblr a{background-color:#36465d}.shariff .tumblr a:hover{background-color:#44546b}.shariff .tumblr .fa-tumblr{font-size:28px}.shariff .theme-white .tumblr a{color:#5cbe4a}@media only screen and (min-width:600px){.shariff .tumblr .fa-tumblr{font-size:22px}}.shariff .threema a{background-color:#333}.shariff .threema a:hover{background-color:#1f1f1f}.shariff .threema .fa-lock{font-size:28px}.shariff .theme-white .threema a{color:#333}@media only screen and (min-width:600px){.shariff .threema .fa-lock{font-size:22px}}.shariff .weibo a{background-color:#f56770}.shariff .weibo a:hover{background-color:#fa7f8a}.shariff .weibo .fa-weibo{font-size:28px}.shariff .weibo .share_count{color:#0174a4;background-color:#f56770}.shariff .theme-white .weibo a{color:#f56770}@media only screen and (min-width:600px){.shariff .weibo .fa-weibo{font-size:24px}}.shariff .tencent-weibo a{background-color:#26ace0}.shariff .tencent-weibo a:hover{background-color:#38bbeb}.shariff .tencent-weibo .fa-tencent-weibo{font-size:28px}.shariff .tencent-weibo .share_count{color:#0174a4;background-color:#26ace0}.shariff .theme-white .tencent-weibo a{color:#26ace0}@media only screen and (min-width:600px){.shariff .tencent-weibo .fa-tencent-weibo{font-size:24px}}.shariff .telegram a{background-color:#08c}.shariff .telegram a:hover{background-color:#007dbb}.shariff .telegram .fa-telegram{font-size:28px}.shariff .theme-white .telegram a{color:#08c}@media only screen and (min-width:600px){.shariff .telegram .fa-telegram{font-size:22px}}.shariff .qzone a{background-color:#2b82d9}.shariff .qzone a:hover{background-color:#398fe6}.shariff .qzone .fa-qq{font-size:28px}.shariff .qzone .share_count{color:#0174a4;background-color:#2b82d9}.shariff .theme-white .qzone a{color:#2b82d9}@media only screen and (min-width:600px){.shariff .qzone .fa-qq{font-size:24px}}.shariff .vk a{background-color:#5d7fa4}.shariff .vk a:hover{background-color:#678eb4}.shariff .vk .fa-vk{font-size:22px}.shariff .vk .share_count{color:#55677d;background-color:#fff}.shariff .theme-white .vk a{color:#3b5998}@media only screen and (min-width:600px){.shariff .vk .fa-vk{font-size:19px}}@font-face{font-family:lg;src:url(/fonts/vendor/lightgallery/dist/lg.ttf?f4292655f93dd12d9b8e4fc067ef2489) format("truetype"),url(/fonts/vendor/lightgallery/dist/lg.woff?1fbfd4bcffccb94e8e8a5ea70616b296) format("woff"),url(/fonts/vendor/lightgallery/dist/lg.svg?2ec2cb2199d4d881e6a6ad86690f6add#lg) format("svg");font-weight:400;font-style:normal;font-display:block}.lg-icon{font-family:lg!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-actions .lg-next,.lg-actions .lg-prev{background-color:rgba(0,0,0,.45);border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1080;border:none;outline:0}.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled{pointer-events:none;opacity:.5}.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{color:#FFF}.lg-actions .lg-next{right:20px}.lg-actions .lg-next:before{content:"\E095"}.lg-actions .lg-prev{left:20px}.lg-actions .lg-prev:after{content:"\E094"}@-webkit-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-webkit-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%;background-color:rgba(0,0,0,.45)}.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:0;background:0 0;border:none;box-shadow:none;transition:color .2s linear}.lg-toolbar .lg-icon:hover{color:#FFF}.lg-toolbar .lg-close:after{content:"\E070"}.lg-toolbar .lg-download:after{content:"\E0F2"}.lg-sub-html{background-color:rgba(0,0,0,.45);bottom:0;color:#EEE;font-size:16px;left:0;padding:10px 40px;position:fixed;right:0;text-align:center;z-index:1080}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}#lg-counter{color:#999;display:inline-block;font-size:16px;padding-left:20px;padding-top:12px;vertical-align:middle}.lg-next,.lg-prev,.lg-toolbar{opacity:1;transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear}.lg-hide-items .lg-prev{opacity:0;transform:translate3d(-10px,0,0)}.lg-hide-items .lg-next{opacity:0;transform:translate3d(10px,0,0)}.lg-hide-items .lg-toolbar{opacity:0;transform:translate3d(0,-10px,0)}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{transform:scale3d(.5,.5,.5);opacity:0;transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;transform-origin:50% 50%}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{transform:scale3d(1,1,1);opacity:1}.lg-outer .lg-thumb-outer{background-color:#0D0A0A;bottom:0;position:absolute;width:100%;z-index:1080;max-height:350px;transform:translate3d(0,100%,0);transition:transform .25s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-webkit-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{transition-duration:0s!important}.lg-outer.lg-thumb-open .lg-thumb-outer{transform:translate3d(0,0,0)}.lg-outer .lg-thumb{padding:10px 0;height:100%;margin-bottom:-5px}.lg-outer .lg-thumb-item{cursor:pointer;float:left;overflow:hidden;height:100%;border:2px solid #FFF;border-radius:4px;margin-bottom:5px}@media (min-width:1025px){.lg-outer .lg-thumb-item{transition:border-color .25s ease}}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#a90707}.lg-outer .lg-thumb-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.lg-outer.lg-has-thumb .lg-item{padding-bottom:120px}.lg-outer.lg-can-toggle .lg-item{padding-bottom:0}.lg-outer.lg-pull-caption-up .lg-sub-html{transition:bottom .25s ease}.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{bottom:100px}.lg-outer .lg-toogle-thumb{background-color:#0D0A0A;border-radius:2px 2px 0 0;color:#999;cursor:pointer;font-size:24px;height:39px;line-height:27px;padding:5px 0;position:absolute;right:20px;text-align:center;top:-39px;width:50px;outline:0;border:none}.lg-outer .lg-toogle-thumb:after{content:"\E1FF"}.lg-outer .lg-toogle-thumb:hover{color:#FFF}.lg-outer .lg-video-cont{display:inline-block;vertical-align:middle;max-width:1140px;max-height:100%;width:100%;padding:0 5px}.lg-outer .lg-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}.lg-outer .lg-video .lg-object{display:inline-block;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.lg-outer .lg-video .lg-video-play{width:84px;height:59px;position:absolute;left:50%;top:50%;margin-left:-42px;margin-top:-30px;z-index:1080;cursor:pointer}.lg-outer .lg-has-iframe .lg-video{-webkit-overflow-scrolling:touch;overflow:auto}.lg-outer .lg-has-vimeo .lg-video-play{background:url(/images/vendor/lightgallery/dist/vimeo-play.png?dfe7764b4fe444c3880736ac6131f5b4) no-repeat}.lg-outer .lg-has-vimeo:hover .lg-video-play{background:url(/images/vendor/lightgallery/dist/vimeo-play.png?dfe7764b4fe444c3880736ac6131f5b4) 0 -58px no-repeat}.lg-outer .lg-has-html5 .lg-video-play{background:url(/images/vendor/lightgallery/dist/video-play.png?dc34cc9c99e935cd9c88c036e34103f5) no-repeat;height:64px;margin-left:-32px;margin-top:-32px;width:64px;opacity:.8}.lg-outer .lg-has-html5:hover .lg-video-play{opacity:1}.lg-outer .lg-has-youtube .lg-video-play{background:url(/images/vendor/lightgallery/dist/youtube-play.png?e6f0c233c87ddefab049c991c61e2d69) no-repeat}.lg-outer .lg-has-youtube:hover .lg-video-play{background:url(/images/vendor/lightgallery/dist/youtube-play.png?e6f0c233c87ddefab049c991c61e2d69) 0 -60px no-repeat}.lg-outer .lg-video-object{width:100%!important;height:100%!important;position:absolute;top:0;left:0}.lg-outer .lg-has-video .lg-video-object{visibility:hidden}.lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play{display:none}.lg-outer .lg-has-video.lg-video-playing .lg-video-object{visibility:visible}.lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1083;opacity:0;transition:opacity 80ms ease 0s}.lg-progress-bar .lg-progress{background-color:#a90707;height:5px;width:0}.lg-progress-bar.lg-start .lg-progress{width:100%}.lg-show-autoplay .lg-progress-bar{opacity:1}.lg-autoplay-button:after{content:"\E01D"}.lg-show-autoplay .lg-autoplay-button:after{content:"\E01A"}.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{transition-duration:0s}.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{transition:transform .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap{transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{transform:scale3d(1,1,1);transition:transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;transform-origin:0 0;-webkit-backface-visibility:hidden;backface-visibility:hidden}#lg-zoom-in:after{content:"\E311"}#lg-actual-size{font-size:20px}#lg-actual-size:after{content:"\E033"}#lg-zoom-out{opacity:.5;pointer-events:none}#lg-zoom-out:after{content:"\E312"}.lg-zoomed #lg-zoom-out{opacity:1;pointer-events:auto}.lg-outer .lg-pager-outer{bottom:60px;left:0;position:absolute;right:0;text-align:center;z-index:1080;height:10px}.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible}.lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px}.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;transform:translate3d(0,0,0)}.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:0 0 0 2px #fff inset}.lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#FFF;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;transition:opacity .15s ease 0s,transform .15s ease 0s;transform:translate3d(0,5px,0)}.lg-outer .lg-pager-thumb-cont img{width:100%;height:100%}.lg-outer .lg-pager{background-color:rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;transition:box-shadow .3s ease 0s;width:12px}.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{box-shadow:0 0 0 8px #fff inset}.lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0}.lg-fullscreen:after{content:"\E20C"}.lg-fullscreen-on .lg-fullscreen:after{content:"\E20D"}.lg-outer #lg-dropdown-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:fixed;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;transition:visibility 0s linear .18s,opacity .18s linear 0s}.lg-outer.lg-dropdown-active #lg-dropdown-overlay,.lg-outer.lg-dropdown-active .lg-dropdown{transition-delay:0s;transform:translate3d(0,0,0);opacity:1;visibility:visible}.lg-outer.lg-dropdown-active #lg-share{color:#FFF}.lg-outer .lg-dropdown{background-color:#fff;border-radius:2px;font-size:14px;list-style-type:none;margin:0;padding:10px 0;position:absolute;right:0;text-align:left;top:50px;opacity:0;visibility:hidden;transform:translate3d(0,5px,0);transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s}.lg-outer .lg-dropdown:after{content:"";display:block;height:0;width:0;position:absolute;border:8px solid transparent;border-bottom-color:#FFF;right:16px;top:-16px}.lg-outer .lg-dropdown>li:last-child{margin-bottom:0}.lg-outer .lg-dropdown>li:hover .lg-icon,.lg-outer .lg-dropdown>li:hover a{color:#333}.lg-outer .lg-dropdown a{color:#333;display:block;white-space:pre;padding:4px 12px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px}.lg-outer .lg-dropdown a:hover{background-color:rgba(0,0,0,.07)}.lg-outer .lg-dropdown .lg-dropdown-text{display:inline-block;line-height:1;margin-top:-3px;vertical-align:middle}.lg-outer .lg-dropdown .lg-icon{color:#333;display:inline-block;float:none;font-size:20px;height:auto;line-height:1;margin-right:8px;padding:0;vertical-align:middle;width:auto}.lg-outer,.lg-outer .lg,.lg-outer .lg-inner{height:100%;width:100%}.lg-outer #lg-share{position:relative}.lg-outer #lg-share:after{content:"\E80D"}.lg-outer #lg-share-facebook .lg-icon{color:#3b5998}.lg-outer #lg-share-facebook .lg-icon:after{content:"\E904"}.lg-outer #lg-share-twitter .lg-icon{color:#00aced}.lg-outer #lg-share-twitter .lg-icon:after{content:"\E907"}.lg-outer #lg-share-googleplus .lg-icon{color:#dd4b39}.lg-outer #lg-share-googleplus .lg-icon:after{content:"\E905"}.lg-outer #lg-share-pinterest .lg-icon{color:#cb2027}.lg-outer #lg-share-pinterest .lg-icon:after{content:"\E906"}.lg-outer .lg-img-rotate{position:absolute;padding:0 5px;left:0;right:0;top:0;bottom:0;transition:transform .3s cubic-bezier(.32,0,.67,0) 0s}.lg-rotate-left:after{content:"\E900"}.lg-rotate-right:after{content:"\E901"}.lg-icon.lg-flip-hor,.lg-icon.lg-flip-ver{font-size:26px}.lg-flip-ver:after{content:"\E903"}.lg-flip-hor:after{content:"\E902"}.lg-group:after{content:"";display:table;clear:both}.lg-outer{position:fixed;top:0;left:0;z-index:1050;text-align:left;opacity:0;outline:0;transition:opacity .15s ease 0s}.lg-outer *{box-sizing:border-box}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide{transition-duration:inherit!important;transition-timing-function:inherit!important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{transition-duration:0s!important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg{position:relative;overflow:hidden;margin-left:auto;margin-right:auto;max-width:100%;max-height:100%}.lg-outer .lg-inner{position:absolute;left:0;top:0;white-space:nowrap}.lg-outer .lg-item{background:url(/images/vendor/lightgallery/dist/loading.gif?bbdac9cda255c54bfd809110aff87898) center center no-repeat;display:none!important}.lg-outer.lg-css .lg-current,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block!important}.lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}.lg-outer .lg-img-wrap{position:absolute;padding:0 5px;left:0;right:0;top:0;bottom:0}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-image{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto!important;height:auto!important}.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play{opacity:0;transition:opacity .15s ease 0s}.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{opacity:1}.lg-outer .lg-empty-html,.lg-outer.lg-hide-download #lg-download{display:none}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000;opacity:0;transition:opacity .15s ease 0s}.lg-backdrop.in{opacity:1}.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{transition:none 0s ease 0s!important}.lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item{-webkit-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{transition:opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{transform:translate3d(-100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{transform:translate3d(100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-left .lg-item{opacity:0;position:absolute;left:0}.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{left:-100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{left:100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{left:0;opacity:1}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        -ms-user-select: none;
	    user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::-moz-selection {
	background: transparent;
}
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg,
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	}

.leaflet-container.leaflet-touch-zoom {
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-tile {
	will-change: opacity;
	}
.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	transform-origin: 0 0;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	will-change: transform;
	}
.leaflet-zoom-anim .leaflet-zoom-animated {
	transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline: 0;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-container a.leaflet-active {
	outline: 2px solid orange;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a,
.leaflet-bar a:hover {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(/images/vendor/leaflet/dist/layers.png?a6137456ed160d7606981aa57c559898);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(/images/vendor/leaflet/dist/layers-2x.png?4f0283c6ce28e888000e978e537a6a56);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path {
	background-image: url(/images/vendor/leaflet/dist/marker-icon.png?2273e3d8ad9264b7daa5bdbf8e6b47f8);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover {
	text-decoration: underline;
	}
.leaflet-container .leaflet-control-attribution,
.leaflet-container .leaflet-control-scale {
	font-size: 11px;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	font-size: 11px;
	white-space: nowrap;
	overflow: hidden;
	box-sizing: border-box;

	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 19px;
	line-height: 1.4;
	}
.leaflet-popup-content p {
	margin: 18px 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	padding: 4px 4px 0 0;
	border: none;
	text-align: center;
	width: 18px;
	height: 14px;
	font: 16px/14px Tahoma, Verdana, sans-serif;
	color: #c3c3c3;
	text-decoration: none;
	font-weight: bold;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover {
	color: #999;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}
.leaflet-oldie .leaflet-popup-tip-container {
	margin-top: -1px;
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-clickable {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}
.leaflet-control-fullscreen a {
  background:#fff url(/images/vendor/leaflet-fullscreen/dist/fullscreen.png?ddb8362e333c8f3225da9d578d00c14c) no-repeat 0 0;
  background-size:26px 52px;
  }
  .leaflet-touch .leaflet-control-fullscreen a {
    background-position: 2px 2px;
    }
  .leaflet-fullscreen-on .leaflet-control-fullscreen a {
    background-position:0 -26px;
    }
  .leaflet-touch.leaflet-fullscreen-on .leaflet-control-fullscreen a {
    background-position: 2px -24px;
    }

/* Do not combine these two rules; IE will break. */
.leaflet-container:-webkit-full-screen {
  width:100%!important;
  height:100%!important;
  }
.leaflet-container.leaflet-fullscreen-on {
  width:100%!important;
  height:100%!important;
  }

.leaflet-pseudo-fullscreen {
  position:fixed!important;
  width:100%!important;
  height:100%!important;
  top:0!important;
  left:0!important;
  z-index:99999;
  }

@media
  (-webkit-min-device-pixel-ratio:2),
  (min-resolution:192dpi) {
    .leaflet-control-fullscreen a {
      background-image:url(/images/vendor/leaflet-fullscreen/dist/fullscreen@2x.png?473ee081160a469c95199d70e78f55fa);
    }
  }
@charset "UTF-8";

/*======================================
  Selectric v1.13.0
======================================*/

.selectric-wrapper {
  position: relative;
  cursor: pointer;
}

.selectric-responsive {
  width: 100%;
}

.selectric {
  border: 1px solid #DDD;
  border-radius: 0px;
  background: #F8F8F8;
  position: relative;
  overflow: hidden;
}

.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 38px 0 10px;
  font-size: 12px;
  line-height: 38px;
  color: #444;
  height: 38px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.selectric .button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 38px;
  height: 38px;
  line-height: 38px;
  background-color: #F8f8f8;
  color: #BBB;
  text-align: center;
  font: 0/0 a;
  *font: 20px/38px Lucida Sans Unicode, Arial Unicode MS, Arial;
}

.selectric .button:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #BBB;
  border-bottom: none;
}

.selectric-focus .selectric {
  border-color: #aaaaaa;
}

.selectric-hover .selectric {
  border-color: #c4c4c4;
}

.selectric-hover .selectric .button {
  color: #a2a2a2;
}

.selectric-hover .selectric .button:after {
  border-top-color: #a2a2a2;
}

.selectric-open {
  z-index: 9999;
}

.selectric-open .selectric {
  border-color: #c4c4c4;
}

.selectric-open .selectric-items {
  display: block;
}

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}

.selectric-hide-select select {
  position: absolute;
  left: -100%;
}

.selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.selectric-hide-select.selectric-is-native select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  box-sizing: border-box;
  opacity: 0;
}

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

/* Items box */

.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #F8F8F8;
  border: 1px solid #c4c4c4;
  z-index: -1;
  box-shadow: 0 0 10px -6px;
}

.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;
}

.selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
}

.selectric-items ul,
.selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  min-height: 20px;
}

.selectric-items li {
  display: block;
  padding: 10px;
  color: #666;
  cursor: pointer;
}

.selectric-items li.selected {
  background: #E0E0E0;
  color: #444;
}

.selectric-items li.highlighted {
  background: #D0D0D0;
  color: #444;
}

.selectric-items li:hover {
  background: #D5D5D5;
  color: #444;
}

.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: none;
  color: #444;
}

.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1;
}

.selectric-items .selectric-group li {
  padding-left: 25px;
}

/* Slider */

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */

.slick-loading .slick-list {
  background: #fff url(/images/vendor/slick-carousel/slick/ajax-loader.gif?c5cd7f5300576ab4c88202b42f6ded62) center center no-repeat;
}

/* Icons */

@font-face {
  font-family: "slick";
  src: url(/fonts/vendor/slick-carousel/slick/slick.eot?ced611daf7709cc778da928fec876475);
  src: url(/fonts/vendor/slick-carousel/slick/slick.eot?ced611daf7709cc778da928fec876475) format("embedded-opentype"), url(/fonts/vendor/slick-carousel/slick/slick.woff?b7c9e1e479de3b53f1e4e30ebac2403a) format("woff"), url(/fonts/vendor/slick-carousel/slick/slick.ttf?d41f55a78e6f49a5512878df1737e58a) format("truetype"), url(/fonts/vendor/slick-carousel/slick/slick.svg?f97e3bbf73254b0112091d0192f17aec) format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Arrows */

.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "\2190";
}

[dir="rtl"] .slick-prev:before {
  content: "\2192";
}

.slick-next {
  right: -25px;
}

[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "\2192";
}

[dir="rtl"] .slick-next:before {
  content: "\2190";
}

/* Dots */

.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "\2022";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

@font-face {
  font-family: 'Dax';
  src: url(/fonts/Dax-Regular.eot?e9c513a6fd998b382a4f0a9c391b33b0);
  src: url(/fonts/Dax-Regular.eot?e9c513a6fd998b382a4f0a9c391b33b0) format("embedded-opentype"), url(/fonts/Dax-Regular.woff2?e9bc580065327ee96362246e83842702) format("woff2"), url(/fonts/Dax-Regular.woff?144bab6b394b72562c8a514aa121cab3) format("woff"), url(/fonts/Dax-Regular.ttf?304c613bfe9610baaa4e3790fb60cef4) format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Dax';
  src: url(/fonts/Dax-Light.eot?8c928b0b1d75756ad29f48754d8e5306);
  src: url(/fonts/Dax-Light.eot?8c928b0b1d75756ad29f48754d8e5306) format("embedded-opentype"), url(/fonts/Dax-Light.woff2?443e92279469c19935073572c0bbc9f9) format("woff2"), url(/fonts/Dax-Light.woff?ecec8336f3b0009ca46bc8de09343c04) format("woff"), url(/fonts/Dax-Light.ttf?bdcde037ecf44acfffd36252b4921289) format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Dax';
  src: url(/fonts/Dax-Medium.eot?95c423f06cba5970839ed68d540bd88a);
  src: url(/fonts/Dax-Medium.eot?95c423f06cba5970839ed68d540bd88a) format("embedded-opentype"), url(/fonts/Dax-Medium.woff2?2766065e04362dd1502d15006f8cb719) format("woff2"), url(/fonts/Dax-Medium.woff?db8d2d21ef27f705113e162a314a0ae7) format("woff"), url(/fonts/Dax-Medium.ttf?2d93e434b243f4cd233aa88e4dd8c304) format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Dax';
  src: url(/fonts/Dax-Bold.eot?6957e61080f47abea16a94e90d818b2e);
  src: url(/fonts/Dax-Bold.eot?6957e61080f47abea16a94e90d818b2e) format("embedded-opentype"), url(/fonts/Dax-Bold.woff2?8a95e656914fa24eaf702700381a118f) format("woff2"), url(/fonts/Dax-Bold.woff?dfc2ec6f595b22dacbd1e18b4b9bc8c7) format("woff"), url(/fonts/Dax-Bold.ttf?efefd2a5a997e80da72244fedd58d559) format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'System Font';
  font-style: normal;
  font-weight: 300;
  src: local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Ubuntu Light"), local("Segoe UI Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma");
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

main,
object {
  display: block;
}

:focus {
  outline: none;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);
}

[data-whatinput="mouse"] :focus,
[data-whatinput="touch"] :focus {
  outline: none;
  box-shadow: none;
}

/* rem calc function from foundation 6 */

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.course-slider--popular .csi-category-link,
.course-slider--popular .csi-item,
.footer-scrollToTop,
.ikh-courses-wrapper .ikh-course-box .csi-category-link,
.black-white .course-slider--popular .csi-category-link,
.black-white .course-slider--popular .csi-item {
  cursor: pointer;
  padding: 1em 2.5em;
  transition: all 0.4s;
}

.course-slider--popular .csi-category-link:hover,
.course-slider--popular .csi-item:hover,
.footer-scrollToTop:hover,
.ikh-courses-wrapper .ikh-course-box .csi-category-link:hover {
  background: #f20000;
  text-decoration: none;
}

.course-slider--popular .csi-category-link:active,
.course-slider--popular .csi-item:active,
.footer-scrollToTop:active,
.ikh-courses-wrapper .ikh-course-box .csi-category-link:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #f20000;
}

.screen-reader-text,
.assistive-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus,
.assistive-text:hover,
.assistive-text:active,
.assistive-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar */
}

.screen-reader-text-only {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

@media screen and (max-width: 48em) {
  .hide-small {
    display: none;
  }
}

.icon {
  position: relative;
  width: 2rem;
  display: inline-block;
  fill: currentColor;
  vertical-align: middle;
}

.icon::before {
  content: '';
  display: block;
}

.icon svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.icon-stroke svg {
  fill: transparent !important;
  stroke: currentColor;
  stroke-miterlimit: 10;
}

.icon-accessibility::before {
  padding-bottom: 100%;
}

.icon-arrow-cornered-medium::before {
  padding-bottom: 170.63409563%;
}

.icon-arrow-cornered-small::before {
  padding-bottom: 221.9895288%;
}

.icon-arrow-double-rounded-small::before {
  padding-bottom: 157.97101449%;
}

.icon-arrow-rounded-down::before {
  padding-bottom: 55.35714286%;
}

.icon-arrow-rounded-large::before {
  padding-bottom: 243.47826087%;
}

.icon-arrow-rounded-medium::before {
  padding-bottom: 225.64102564%;
}

.icon-arrow-rounded-small::before {
  padding-bottom: 202.86624204%;
}

.icon-arrow-rounded-up::before {
  padding-bottom: 55.35714286%;
}

.icon-bag::before {
  padding-bottom: 110.96014493%;
}

.icon-bag-outline::before {
  padding-bottom: 110.96014493%;
}

.icon-bar-chart::before {
  padding-bottom: 106.66666667%;
}

.icon-burger-close::before {
  padding-bottom: 100%;
}

.icon-burger-menu::before {
  padding-bottom: 53.33333333%;
}

.icon-checkmark::before {
  padding-bottom: 68.62745098%;
}

.icon-checkmark-circled::before {
  padding-bottom: 100%;
}

.icon-checkmark-large::before {
  padding-bottom: 68.62745098%;
}

.icon-checkmark-medium::before {
  padding-bottom: 70.58823529%;
}

.icon-checkmark-small::before {
  padding-bottom: 76.07802875%;
}

.icon-clock::before {
  padding-bottom: 100%;
}

.icon-close::before {
  padding-bottom: 100%;
}

.icon-comment::before {
  padding-bottom: 80.99688474%;
}

.icon-contrast::before {
  padding-bottom: 100%;
}

.icon-course_duration::before {
  padding-bottom: 78.57142857%;
}

.icon-download::before {
  padding-bottom: 132.33333333%;
}

.icon-elearning::before {
  padding-bottom: 68%;
}

.icon-external::before {
  padding-bottom: 106.30841121%;
}

.icon-eye::before {
  padding-bottom: 61.27633209%;
}

.icon-facebook::before {
  padding-bottom: 100%;
}

.icon-file::before {
  padding-bottom: 132.33333333%;
}

.icon-font::before {
  padding-bottom: 79.92895204%;
}

.icon-googleplus::before {
  padding-bottom: 100%;
}

.icon-group::before {
  padding-bottom: 44.7483155%;
}

.icon-hash::before {
  padding-bottom: 140%;
}

.icon-heart::before {
  padding-bottom: 83.33333333%;
}

.icon-heart-outline::before {
  padding-bottom: 83.33333333%;
}

.icon-home::before {
  padding-bottom: 100.32141422%;
}

.icon-info::before {
  padding-bottom: 100%;
}

.icon-instagram::before {
  padding-bottom: 100%;
}

.icon-language::before {
  padding-bottom: 92.5%;
}

.icon-linkedin::before {
  padding-bottom: 100%;
}

.icon-magnifier::before {
  padding-bottom: 100%;
}

.icon-mail::before {
  padding-bottom: 73.66953877%;
}

.icon-marker::before {
  padding-bottom: 153.33333333%;
}

.icon-nav-close::before {
  padding-bottom: 100%;
}

.icon-niveau::before {
  padding-bottom: 106.66666667%;
}

.icon-participants::before {
  padding-bottom: 44%;
}

.icon-pdf::before {
  padding-bottom: 132.57676903%;
}

.icon-pen::before {
  padding-bottom: 122.49093108%;
}

.icon-phone::before {
  padding-bottom: 97.56097561%;
}

.icon-rocket::before {
  padding-bottom: 140%;
}

.icon-share::before {
  padding-bottom: 95.33333333%;
}

.icon-spinner::before {
  padding-bottom: 102.15053763%;
}

.icon-switch::before {
  padding-bottom: 57.89473684%;
}

.icon-telephone::before {
  padding-bottom: 96.26794258%;
}

.icon-tickets::before {
  padding-bottom: 81.22350091%;
}

.icon-trash::before {
  padding-bottom: 116.64423508%;
}

.icon-twitter::before {
  padding-bottom: 100%;
}

.icon-user::before {
  padding-bottom: 100%;
}

.icon-user-avatar::before {
  padding-bottom: 84.875%;
}

.icon-users::before {
  padding-bottom: 80%;
}

.icon-vhs::before {
  padding-bottom: 100%;
}

.icon-warning::before {
  padding-bottom: 89.05852417%;
}

.icon-youtube::before {
  padding-bottom: 100%;
}

.page-wrapper {
  overflow-x: hidden;
}

.outer-container {
  width: 100%;
  max-width: 168rem;
  margin: 0 auto;
  position: relative;
}

@media screen and (min-width: 40em) {
  .outer-container {
    width: 92%;
  }
}

.inner-container {
  width: 94%;
  max-width: 144rem;
  margin: 0 auto;
  position: relative;
}

@media screen and (min-width: 40em) {
  .inner-container {
    width: 92%;
  }
}

@media screen and (min-width: 64.0625em) {
  .content-container {
    padding-left: 2rem;
    padding-right: 12.5rem;
  }
}

.page-content {
  padding-top: 4.5rem;
  margin-bottom: 12rem;
}

@media print {
  .page-content {
    margin-bottom: 0;
  }
}

.grid {
  *zoom: 1;
  position: relative;
  margin-left: -2rem;
  margin-right: -2rem;
}

.grid:before,
.grid:after {
  content: " ";
  display: table;
}

.grid:after {
  clear: both;
}

.grid.grid-no-margin {
  margin: 0;
}

.grid .col,
.grid .widget,
.grid .dates-widget,
.grid .download-widget,
.grid .logo-widget,
.grid .map-widget,
.grid .newsletter-widget,
.grid .payment-widget,
.grid .social-widget,
.grid .share-widget {
  float: left;
}

.flex-grid {
  display: flex;
  flex-wrap: wrap;
  margin-left: -2rem;
  margin-right: -2rem;
}

.flex-grid.grid-no-margin {
  margin: 0;
}

.teilnehmer-grid,
.gewinner-grid {
  display: flex;
  flex-wrap: wrap;
  margin-left: -2rem;
  margin-right: -2rem;
}

.teilnehmer-grid.grid-no-margin,
.gewinner-grid.grid-no-margin {
  margin: 0;
}

.teilnehmer-grid .col,
.gewinner-grid .col {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.col-1-1 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 2rem 0 2rem;
}

.col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-small-1-1 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 2rem 0 2rem;
}

.col-small-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
  padding: 0 2rem 0 2rem;
}

.order-small-1 {
  order: 1;
}

.col-1-2 {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 2rem 0 2rem;
}

.col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-small-1-2 {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 2rem 0 2rem;
}

.col-small-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
  padding: 0 2rem 0 2rem;
}

.order-small-1 {
  order: 1;
}

.col-2-2 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 2rem 0 2rem;
}

.col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-small-2-2 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 2rem 0 2rem;
}

.col-small-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
  padding: 0 2rem 0 2rem;
}

.order-small-2 {
  order: 2;
}

.col-1-3 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-small-1-3 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-small-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
  padding: 0 2rem 0 2rem;
}

.order-small-1 {
  order: 1;
}

.col-2-3 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-small-2-3 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-small-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
  padding: 0 2rem 0 2rem;
}

.order-small-2 {
  order: 2;
}

.col-3-3 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 2rem 0 2rem;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 2rem 0 2rem;
}

.col-small-3-3 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 2rem 0 2rem;
}

.col-small-3 {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 2rem 0 2rem;
}

.order-small-3 {
  order: 3;
}

.col-1-4 {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 2rem 0 2rem;
}

.col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-small-1-4 {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 2rem 0 2rem;
}

.col-small-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
  padding: 0 2rem 0 2rem;
}

.order-small-1 {
  order: 1;
}

.col-2-4 {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 2rem 0 2rem;
}

.col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-small-2-4 {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 2rem 0 2rem;
}

.col-small-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
  padding: 0 2rem 0 2rem;
}

.order-small-2 {
  order: 2;
}

.col-3-4 {
  flex: 0 0 75%;
  max-width: 75%;
  padding: 0 2rem 0 2rem;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 2rem 0 2rem;
}

.col-small-3-4 {
  flex: 0 0 75%;
  max-width: 75%;
  padding: 0 2rem 0 2rem;
}

.col-small-3 {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 2rem 0 2rem;
}

.order-small-3 {
  order: 3;
}

.col-4-4 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 2rem 0 2rem;
}

.col-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-small-4-4 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 2rem 0 2rem;
}

.col-small-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
  padding: 0 2rem 0 2rem;
}

.order-small-4 {
  order: 4;
}

.col-1-5 {
  flex: 0 0 20%;
  max-width: 20%;
  padding: 0 2rem 0 2rem;
}

.col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-small-1-5 {
  flex: 0 0 20%;
  max-width: 20%;
  padding: 0 2rem 0 2rem;
}

.col-small-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
  padding: 0 2rem 0 2rem;
}

.order-small-1 {
  order: 1;
}

.col-2-5 {
  flex: 0 0 40%;
  max-width: 40%;
  padding: 0 2rem 0 2rem;
}

.col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-small-2-5 {
  flex: 0 0 40%;
  max-width: 40%;
  padding: 0 2rem 0 2rem;
}

.col-small-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
  padding: 0 2rem 0 2rem;
}

.order-small-2 {
  order: 2;
}

.col-3-5 {
  flex: 0 0 60%;
  max-width: 60%;
  padding: 0 2rem 0 2rem;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 2rem 0 2rem;
}

.col-small-3-5 {
  flex: 0 0 60%;
  max-width: 60%;
  padding: 0 2rem 0 2rem;
}

.col-small-3 {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 2rem 0 2rem;
}

.order-small-3 {
  order: 3;
}

.col-4-5 {
  flex: 0 0 80%;
  max-width: 80%;
  padding: 0 2rem 0 2rem;
}

.col-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-small-4-5 {
  flex: 0 0 80%;
  max-width: 80%;
  padding: 0 2rem 0 2rem;
}

.col-small-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
  padding: 0 2rem 0 2rem;
}

.order-small-4 {
  order: 4;
}

.col-5-5 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 2rem 0 2rem;
}

.col-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-small-5-5 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 2rem 0 2rem;
}

.col-small-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
  padding: 0 2rem 0 2rem;
}

.order-small-5 {
  order: 5;
}

.col-1-6 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-small-1-6 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-small-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
  padding: 0 2rem 0 2rem;
}

.order-small-1 {
  order: 1;
}

.col-2-6 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-small-2-6 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-small-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
  padding: 0 2rem 0 2rem;
}

.order-small-2 {
  order: 2;
}

.col-3-6 {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 2rem 0 2rem;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 2rem 0 2rem;
}

.col-small-3-6 {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 2rem 0 2rem;
}

.col-small-3 {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 2rem 0 2rem;
}

.order-small-3 {
  order: 3;
}

.col-4-6 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-small-4-6 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-small-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
  padding: 0 2rem 0 2rem;
}

.order-small-4 {
  order: 4;
}

.col-5-6 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-small-5-6 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-small-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
  padding: 0 2rem 0 2rem;
}

.order-small-5 {
  order: 5;
}

.col-6-6 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 2rem 0 2rem;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 2rem 0 2rem;
}

.col-small-6-6 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 2rem 0 2rem;
}

.col-small-6 {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 2rem 0 2rem;
}

.order-small-6 {
  order: 6;
}

.col-1-7 {
  flex: 0 0 14.28571429%;
  max-width: 14.28571429%;
  padding: 0 2rem 0 2rem;
}

.col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-small-1-7 {
  flex: 0 0 14.28571429%;
  max-width: 14.28571429%;
  padding: 0 2rem 0 2rem;
}

.col-small-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
  padding: 0 2rem 0 2rem;
}

.order-small-1 {
  order: 1;
}

.col-2-7 {
  flex: 0 0 28.57142857%;
  max-width: 28.57142857%;
  padding: 0 2rem 0 2rem;
}

.col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-small-2-7 {
  flex: 0 0 28.57142857%;
  max-width: 28.57142857%;
  padding: 0 2rem 0 2rem;
}

.col-small-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
  padding: 0 2rem 0 2rem;
}

.order-small-2 {
  order: 2;
}

.col-3-7 {
  flex: 0 0 42.85714286%;
  max-width: 42.85714286%;
  padding: 0 2rem 0 2rem;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 2rem 0 2rem;
}

.col-small-3-7 {
  flex: 0 0 42.85714286%;
  max-width: 42.85714286%;
  padding: 0 2rem 0 2rem;
}

.col-small-3 {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 2rem 0 2rem;
}

.order-small-3 {
  order: 3;
}

.col-4-7 {
  flex: 0 0 57.14285714%;
  max-width: 57.14285714%;
  padding: 0 2rem 0 2rem;
}

.col-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-small-4-7 {
  flex: 0 0 57.14285714%;
  max-width: 57.14285714%;
  padding: 0 2rem 0 2rem;
}

.col-small-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
  padding: 0 2rem 0 2rem;
}

.order-small-4 {
  order: 4;
}

.col-5-7 {
  flex: 0 0 71.42857143%;
  max-width: 71.42857143%;
  padding: 0 2rem 0 2rem;
}

.col-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-small-5-7 {
  flex: 0 0 71.42857143%;
  max-width: 71.42857143%;
  padding: 0 2rem 0 2rem;
}

.col-small-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
  padding: 0 2rem 0 2rem;
}

.order-small-5 {
  order: 5;
}

.col-6-7 {
  flex: 0 0 85.71428571%;
  max-width: 85.71428571%;
  padding: 0 2rem 0 2rem;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 2rem 0 2rem;
}

.col-small-6-7 {
  flex: 0 0 85.71428571%;
  max-width: 85.71428571%;
  padding: 0 2rem 0 2rem;
}

.col-small-6 {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 2rem 0 2rem;
}

.order-small-6 {
  order: 6;
}

.col-7-7 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 2rem 0 2rem;
}

.col-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-small-7-7 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 2rem 0 2rem;
}

.col-small-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
  padding: 0 2rem 0 2rem;
}

.order-small-7 {
  order: 7;
}

.col-1-8 {
  flex: 0 0 12.5%;
  max-width: 12.5%;
  padding: 0 2rem 0 2rem;
}

.col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-small-1-8 {
  flex: 0 0 12.5%;
  max-width: 12.5%;
  padding: 0 2rem 0 2rem;
}

.col-small-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
  padding: 0 2rem 0 2rem;
}

.order-small-1 {
  order: 1;
}

.col-2-8 {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 2rem 0 2rem;
}

.col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-small-2-8 {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 2rem 0 2rem;
}

.col-small-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
  padding: 0 2rem 0 2rem;
}

.order-small-2 {
  order: 2;
}

.col-3-8 {
  flex: 0 0 37.5%;
  max-width: 37.5%;
  padding: 0 2rem 0 2rem;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 2rem 0 2rem;
}

.col-small-3-8 {
  flex: 0 0 37.5%;
  max-width: 37.5%;
  padding: 0 2rem 0 2rem;
}

.col-small-3 {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 2rem 0 2rem;
}

.order-small-3 {
  order: 3;
}

.col-4-8 {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 2rem 0 2rem;
}

.col-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-small-4-8 {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 2rem 0 2rem;
}

.col-small-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
  padding: 0 2rem 0 2rem;
}

.order-small-4 {
  order: 4;
}

.col-5-8 {
  flex: 0 0 62.5%;
  max-width: 62.5%;
  padding: 0 2rem 0 2rem;
}

.col-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-small-5-8 {
  flex: 0 0 62.5%;
  max-width: 62.5%;
  padding: 0 2rem 0 2rem;
}

.col-small-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
  padding: 0 2rem 0 2rem;
}

.order-small-5 {
  order: 5;
}

.col-6-8 {
  flex: 0 0 75%;
  max-width: 75%;
  padding: 0 2rem 0 2rem;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 2rem 0 2rem;
}

.col-small-6-8 {
  flex: 0 0 75%;
  max-width: 75%;
  padding: 0 2rem 0 2rem;
}

.col-small-6 {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 2rem 0 2rem;
}

.order-small-6 {
  order: 6;
}

.col-7-8 {
  flex: 0 0 87.5%;
  max-width: 87.5%;
  padding: 0 2rem 0 2rem;
}

.col-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-small-7-8 {
  flex: 0 0 87.5%;
  max-width: 87.5%;
  padding: 0 2rem 0 2rem;
}

.col-small-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
  padding: 0 2rem 0 2rem;
}

.order-small-7 {
  order: 7;
}

.col-8-8 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 2rem 0 2rem;
}

.col-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-small-8-8 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 2rem 0 2rem;
}

.col-small-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
  padding: 0 2rem 0 2rem;
}

.order-small-8 {
  order: 8;
}

.col-1-9 {
  flex: 0 0 11.11111111%;
  max-width: 11.11111111%;
  padding: 0 2rem 0 2rem;
}

.col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-small-1-9 {
  flex: 0 0 11.11111111%;
  max-width: 11.11111111%;
  padding: 0 2rem 0 2rem;
}

.col-small-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
  padding: 0 2rem 0 2rem;
}

.order-small-1 {
  order: 1;
}

.col-2-9 {
  flex: 0 0 22.22222222%;
  max-width: 22.22222222%;
  padding: 0 2rem 0 2rem;
}

.col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-small-2-9 {
  flex: 0 0 22.22222222%;
  max-width: 22.22222222%;
  padding: 0 2rem 0 2rem;
}

.col-small-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
  padding: 0 2rem 0 2rem;
}

.order-small-2 {
  order: 2;
}

.col-3-9 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 2rem 0 2rem;
}

.col-small-3-9 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-small-3 {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 2rem 0 2rem;
}

.order-small-3 {
  order: 3;
}

.col-4-9 {
  flex: 0 0 44.44444444%;
  max-width: 44.44444444%;
  padding: 0 2rem 0 2rem;
}

.col-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-small-4-9 {
  flex: 0 0 44.44444444%;
  max-width: 44.44444444%;
  padding: 0 2rem 0 2rem;
}

.col-small-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
  padding: 0 2rem 0 2rem;
}

.order-small-4 {
  order: 4;
}

.col-5-9 {
  flex: 0 0 55.55555556%;
  max-width: 55.55555556%;
  padding: 0 2rem 0 2rem;
}

.col-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-small-5-9 {
  flex: 0 0 55.55555556%;
  max-width: 55.55555556%;
  padding: 0 2rem 0 2rem;
}

.col-small-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
  padding: 0 2rem 0 2rem;
}

.order-small-5 {
  order: 5;
}

.col-6-9 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 2rem 0 2rem;
}

.col-small-6-9 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-small-6 {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 2rem 0 2rem;
}

.order-small-6 {
  order: 6;
}

.col-7-9 {
  flex: 0 0 77.77777778%;
  max-width: 77.77777778%;
  padding: 0 2rem 0 2rem;
}

.col-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-small-7-9 {
  flex: 0 0 77.77777778%;
  max-width: 77.77777778%;
  padding: 0 2rem 0 2rem;
}

.col-small-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
  padding: 0 2rem 0 2rem;
}

.order-small-7 {
  order: 7;
}

.col-8-9 {
  flex: 0 0 88.88888889%;
  max-width: 88.88888889%;
  padding: 0 2rem 0 2rem;
}

.col-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-small-8-9 {
  flex: 0 0 88.88888889%;
  max-width: 88.88888889%;
  padding: 0 2rem 0 2rem;
}

.col-small-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
  padding: 0 2rem 0 2rem;
}

.order-small-8 {
  order: 8;
}

.col-9-9 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 2rem 0 2rem;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
  padding: 0 2rem 0 2rem;
}

.col-small-9-9 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 2rem 0 2rem;
}

.col-small-9 {
  flex: 0 0 75%;
  max-width: 75%;
  padding: 0 2rem 0 2rem;
}

.order-small-9 {
  order: 9;
}

.col-1-10 {
  flex: 0 0 10%;
  max-width: 10%;
  padding: 0 2rem 0 2rem;
}

.col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-small-1-10 {
  flex: 0 0 10%;
  max-width: 10%;
  padding: 0 2rem 0 2rem;
}

.col-small-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
  padding: 0 2rem 0 2rem;
}

.order-small-1 {
  order: 1;
}

.col-2-10 {
  flex: 0 0 20%;
  max-width: 20%;
  padding: 0 2rem 0 2rem;
}

.col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-small-2-10 {
  flex: 0 0 20%;
  max-width: 20%;
  padding: 0 2rem 0 2rem;
}

.col-small-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
  padding: 0 2rem 0 2rem;
}

.order-small-2 {
  order: 2;
}

.col-3-10 {
  flex: 0 0 30%;
  max-width: 30%;
  padding: 0 2rem 0 2rem;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 2rem 0 2rem;
}

.col-small-3-10 {
  flex: 0 0 30%;
  max-width: 30%;
  padding: 0 2rem 0 2rem;
}

.col-small-3 {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 2rem 0 2rem;
}

.order-small-3 {
  order: 3;
}

.col-4-10 {
  flex: 0 0 40%;
  max-width: 40%;
  padding: 0 2rem 0 2rem;
}

.col-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-small-4-10 {
  flex: 0 0 40%;
  max-width: 40%;
  padding: 0 2rem 0 2rem;
}

.col-small-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
  padding: 0 2rem 0 2rem;
}

.order-small-4 {
  order: 4;
}

.col-5-10 {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 2rem 0 2rem;
}

.col-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-small-5-10 {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 2rem 0 2rem;
}

.col-small-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
  padding: 0 2rem 0 2rem;
}

.order-small-5 {
  order: 5;
}

.col-6-10 {
  flex: 0 0 60%;
  max-width: 60%;
  padding: 0 2rem 0 2rem;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 2rem 0 2rem;
}

.col-small-6-10 {
  flex: 0 0 60%;
  max-width: 60%;
  padding: 0 2rem 0 2rem;
}

.col-small-6 {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 2rem 0 2rem;
}

.order-small-6 {
  order: 6;
}

.col-7-10 {
  flex: 0 0 70%;
  max-width: 70%;
  padding: 0 2rem 0 2rem;
}

.col-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-small-7-10 {
  flex: 0 0 70%;
  max-width: 70%;
  padding: 0 2rem 0 2rem;
}

.col-small-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
  padding: 0 2rem 0 2rem;
}

.order-small-7 {
  order: 7;
}

.col-8-10 {
  flex: 0 0 80%;
  max-width: 80%;
  padding: 0 2rem 0 2rem;
}

.col-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-small-8-10 {
  flex: 0 0 80%;
  max-width: 80%;
  padding: 0 2rem 0 2rem;
}

.col-small-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
  padding: 0 2rem 0 2rem;
}

.order-small-8 {
  order: 8;
}

.col-9-10 {
  flex: 0 0 90%;
  max-width: 90%;
  padding: 0 2rem 0 2rem;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
  padding: 0 2rem 0 2rem;
}

.col-small-9-10 {
  flex: 0 0 90%;
  max-width: 90%;
  padding: 0 2rem 0 2rem;
}

.col-small-9 {
  flex: 0 0 75%;
  max-width: 75%;
  padding: 0 2rem 0 2rem;
}

.order-small-9 {
  order: 9;
}

.col-10-10 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 2rem 0 2rem;
}

.col-10 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-small-10-10 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 2rem 0 2rem;
}

.col-small-10 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
  padding: 0 2rem 0 2rem;
}

.order-small-10 {
  order: 10;
}

.col-1-11 {
  flex: 0 0 9.09090909%;
  max-width: 9.09090909%;
  padding: 0 2rem 0 2rem;
}

.col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-small-1-11 {
  flex: 0 0 9.09090909%;
  max-width: 9.09090909%;
  padding: 0 2rem 0 2rem;
}

.col-small-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
  padding: 0 2rem 0 2rem;
}

.order-small-1 {
  order: 1;
}

.col-2-11 {
  flex: 0 0 18.18181818%;
  max-width: 18.18181818%;
  padding: 0 2rem 0 2rem;
}

.col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-small-2-11 {
  flex: 0 0 18.18181818%;
  max-width: 18.18181818%;
  padding: 0 2rem 0 2rem;
}

.col-small-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
  padding: 0 2rem 0 2rem;
}

.order-small-2 {
  order: 2;
}

.col-3-11 {
  flex: 0 0 27.27272727%;
  max-width: 27.27272727%;
  padding: 0 2rem 0 2rem;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 2rem 0 2rem;
}

.col-small-3-11 {
  flex: 0 0 27.27272727%;
  max-width: 27.27272727%;
  padding: 0 2rem 0 2rem;
}

.col-small-3 {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 2rem 0 2rem;
}

.order-small-3 {
  order: 3;
}

.col-4-11 {
  flex: 0 0 36.36363636%;
  max-width: 36.36363636%;
  padding: 0 2rem 0 2rem;
}

.col-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-small-4-11 {
  flex: 0 0 36.36363636%;
  max-width: 36.36363636%;
  padding: 0 2rem 0 2rem;
}

.col-small-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
  padding: 0 2rem 0 2rem;
}

.order-small-4 {
  order: 4;
}

.col-5-11 {
  flex: 0 0 45.45454545%;
  max-width: 45.45454545%;
  padding: 0 2rem 0 2rem;
}

.col-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-small-5-11 {
  flex: 0 0 45.45454545%;
  max-width: 45.45454545%;
  padding: 0 2rem 0 2rem;
}

.col-small-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
  padding: 0 2rem 0 2rem;
}

.order-small-5 {
  order: 5;
}

.col-6-11 {
  flex: 0 0 54.54545455%;
  max-width: 54.54545455%;
  padding: 0 2rem 0 2rem;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 2rem 0 2rem;
}

.col-small-6-11 {
  flex: 0 0 54.54545455%;
  max-width: 54.54545455%;
  padding: 0 2rem 0 2rem;
}

.col-small-6 {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 2rem 0 2rem;
}

.order-small-6 {
  order: 6;
}

.col-7-11 {
  flex: 0 0 63.63636364%;
  max-width: 63.63636364%;
  padding: 0 2rem 0 2rem;
}

.col-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-small-7-11 {
  flex: 0 0 63.63636364%;
  max-width: 63.63636364%;
  padding: 0 2rem 0 2rem;
}

.col-small-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
  padding: 0 2rem 0 2rem;
}

.order-small-7 {
  order: 7;
}

.col-8-11 {
  flex: 0 0 72.72727273%;
  max-width: 72.72727273%;
  padding: 0 2rem 0 2rem;
}

.col-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-small-8-11 {
  flex: 0 0 72.72727273%;
  max-width: 72.72727273%;
  padding: 0 2rem 0 2rem;
}

.col-small-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
  padding: 0 2rem 0 2rem;
}

.order-small-8 {
  order: 8;
}

.col-9-11 {
  flex: 0 0 81.81818182%;
  max-width: 81.81818182%;
  padding: 0 2rem 0 2rem;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
  padding: 0 2rem 0 2rem;
}

.col-small-9-11 {
  flex: 0 0 81.81818182%;
  max-width: 81.81818182%;
  padding: 0 2rem 0 2rem;
}

.col-small-9 {
  flex: 0 0 75%;
  max-width: 75%;
  padding: 0 2rem 0 2rem;
}

.order-small-9 {
  order: 9;
}

.col-10-11 {
  flex: 0 0 90.90909091%;
  max-width: 90.90909091%;
  padding: 0 2rem 0 2rem;
}

.col-10 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-small-10-11 {
  flex: 0 0 90.90909091%;
  max-width: 90.90909091%;
  padding: 0 2rem 0 2rem;
}

.col-small-10 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
  padding: 0 2rem 0 2rem;
}

.order-small-10 {
  order: 10;
}

.col-11-11 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 2rem 0 2rem;
}

.col-11 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-small-11-11 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 2rem 0 2rem;
}

.col-small-11 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
  padding: 0 2rem 0 2rem;
}

.order-small-11 {
  order: 11;
}

.col-1-12 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-small-1-12 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-small-1 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
  padding: 0 2rem 0 2rem;
}

.order-small-1 {
  order: 1;
}

.col-2-12 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-small-2-12 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-small-2 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
  padding: 0 2rem 0 2rem;
}

.order-small-2 {
  order: 2;
}

.col-3-12 {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 2rem 0 2rem;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 2rem 0 2rem;
}

.col-small-3-12 {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 2rem 0 2rem;
}

.col-small-3 {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 2rem 0 2rem;
}

.order-small-3 {
  order: 3;
}

.col-4-12 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-small-4-12 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-small-4 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
  padding: 0 2rem 0 2rem;
}

.order-small-4 {
  order: 4;
}

.col-5-12 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-small-5-12 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-small-5 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
  padding: 0 2rem 0 2rem;
}

.order-small-5 {
  order: 5;
}

.col-6-12 {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 2rem 0 2rem;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 2rem 0 2rem;
}

.col-small-6-12 {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 2rem 0 2rem;
}

.col-small-6 {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 0 2rem 0 2rem;
}

.order-small-6 {
  order: 6;
}

.col-7-12 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-small-7-12 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-small-7 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
  padding: 0 2rem 0 2rem;
}

.order-small-7 {
  order: 7;
}

.col-8-12 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-small-8-12 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-small-8 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
  padding: 0 2rem 0 2rem;
}

.order-small-8 {
  order: 8;
}

.col-9-12 {
  flex: 0 0 75%;
  max-width: 75%;
  padding: 0 2rem 0 2rem;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
  padding: 0 2rem 0 2rem;
}

.col-small-9-12 {
  flex: 0 0 75%;
  max-width: 75%;
  padding: 0 2rem 0 2rem;
}

.col-small-9 {
  flex: 0 0 75%;
  max-width: 75%;
  padding: 0 2rem 0 2rem;
}

.order-small-9 {
  order: 9;
}

.col-10-12 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-10 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-small-10-12 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
  padding: 0 2rem 0 2rem;
}

.col-small-10 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
  padding: 0 2rem 0 2rem;
}

.order-small-10 {
  order: 10;
}

.col-11-12 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-11 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-small-11-12 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
  padding: 0 2rem 0 2rem;
}

.col-small-11 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
  padding: 0 2rem 0 2rem;
}

.order-small-11 {
  order: 11;
}

.col-12-12 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 2rem 0 2rem;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 2rem 0 2rem;
}

.col-small-12-12 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 2rem 0 2rem;
}

.col-small-12 {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 2rem 0 2rem;
}

.order-small-12 {
  order: 12;
}

@media screen and (min-width: 40.0625em) {
  .col-medium-1-1 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-1 {
    order: 1;
  }

  .col-medium-1-2 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-1 {
    order: 1;
  }

  .col-medium-2-2 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-2 {
    order: 2;
  }

  .col-medium-1-3 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-1 {
    order: 1;
  }

  .col-medium-2-3 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-2 {
    order: 2;
  }

  .col-medium-3-3 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-3 {
    order: 3;
  }

  .col-medium-1-4 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-1 {
    order: 1;
  }

  .col-medium-2-4 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-2 {
    order: 2;
  }

  .col-medium-3-4 {
    flex: 0 0 75%;
    max-width: 75%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-3 {
    order: 3;
  }

  .col-medium-4-4 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-4 {
    order: 4;
  }

  .col-medium-1-5 {
    flex: 0 0 20%;
    max-width: 20%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-1 {
    order: 1;
  }

  .col-medium-2-5 {
    flex: 0 0 40%;
    max-width: 40%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-2 {
    order: 2;
  }

  .col-medium-3-5 {
    flex: 0 0 60%;
    max-width: 60%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-3 {
    order: 3;
  }

  .col-medium-4-5 {
    flex: 0 0 80%;
    max-width: 80%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-4 {
    order: 4;
  }

  .col-medium-5-5 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-5 {
    order: 5;
  }

  .col-medium-1-6 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-1 {
    order: 1;
  }

  .col-medium-2-6 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-2 {
    order: 2;
  }

  .col-medium-3-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-3 {
    order: 3;
  }

  .col-medium-4-6 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-4 {
    order: 4;
  }

  .col-medium-5-6 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-5 {
    order: 5;
  }

  .col-medium-6-6 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-6 {
    order: 6;
  }

  .col-medium-1-7 {
    flex: 0 0 14.28571429%;
    max-width: 14.28571429%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-1 {
    order: 1;
  }

  .col-medium-2-7 {
    flex: 0 0 28.57142857%;
    max-width: 28.57142857%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-2 {
    order: 2;
  }

  .col-medium-3-7 {
    flex: 0 0 42.85714286%;
    max-width: 42.85714286%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-3 {
    order: 3;
  }

  .col-medium-4-7 {
    flex: 0 0 57.14285714%;
    max-width: 57.14285714%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-4 {
    order: 4;
  }

  .col-medium-5-7 {
    flex: 0 0 71.42857143%;
    max-width: 71.42857143%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-5 {
    order: 5;
  }

  .col-medium-6-7 {
    flex: 0 0 85.71428571%;
    max-width: 85.71428571%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-6 {
    order: 6;
  }

  .col-medium-7-7 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-7 {
    order: 7;
  }

  .col-medium-1-8 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-1 {
    order: 1;
  }

  .col-medium-2-8 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-2 {
    order: 2;
  }

  .col-medium-3-8 {
    flex: 0 0 37.5%;
    max-width: 37.5%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-3 {
    order: 3;
  }

  .col-medium-4-8 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-4 {
    order: 4;
  }

  .col-medium-5-8 {
    flex: 0 0 62.5%;
    max-width: 62.5%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-5 {
    order: 5;
  }

  .col-medium-6-8 {
    flex: 0 0 75%;
    max-width: 75%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-6 {
    order: 6;
  }

  .col-medium-7-8 {
    flex: 0 0 87.5%;
    max-width: 87.5%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-7 {
    order: 7;
  }

  .col-medium-8-8 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-8 {
    order: 8;
  }

  .col-medium-1-9 {
    flex: 0 0 11.11111111%;
    max-width: 11.11111111%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-1 {
    order: 1;
  }

  .col-medium-2-9 {
    flex: 0 0 22.22222222%;
    max-width: 22.22222222%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-2 {
    order: 2;
  }

  .col-medium-3-9 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-3 {
    order: 3;
  }

  .col-medium-4-9 {
    flex: 0 0 44.44444444%;
    max-width: 44.44444444%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-4 {
    order: 4;
  }

  .col-medium-5-9 {
    flex: 0 0 55.55555556%;
    max-width: 55.55555556%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-5 {
    order: 5;
  }

  .col-medium-6-9 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-6 {
    order: 6;
  }

  .col-medium-7-9 {
    flex: 0 0 77.77777778%;
    max-width: 77.77777778%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-7 {
    order: 7;
  }

  .col-medium-8-9 {
    flex: 0 0 88.88888889%;
    max-width: 88.88888889%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-8 {
    order: 8;
  }

  .col-medium-9-9 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-9 {
    flex: 0 0 75%;
    max-width: 75%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-9 {
    order: 9;
  }

  .col-medium-1-10 {
    flex: 0 0 10%;
    max-width: 10%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-1 {
    order: 1;
  }

  .col-medium-2-10 {
    flex: 0 0 20%;
    max-width: 20%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-2 {
    order: 2;
  }

  .col-medium-3-10 {
    flex: 0 0 30%;
    max-width: 30%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-3 {
    order: 3;
  }

  .col-medium-4-10 {
    flex: 0 0 40%;
    max-width: 40%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-4 {
    order: 4;
  }

  .col-medium-5-10 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-5 {
    order: 5;
  }

  .col-medium-6-10 {
    flex: 0 0 60%;
    max-width: 60%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-6 {
    order: 6;
  }

  .col-medium-7-10 {
    flex: 0 0 70%;
    max-width: 70%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-7 {
    order: 7;
  }

  .col-medium-8-10 {
    flex: 0 0 80%;
    max-width: 80%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-8 {
    order: 8;
  }

  .col-medium-9-10 {
    flex: 0 0 90%;
    max-width: 90%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-9 {
    flex: 0 0 75%;
    max-width: 75%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-9 {
    order: 9;
  }

  .col-medium-10-10 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-10 {
    order: 10;
  }

  .col-medium-1-11 {
    flex: 0 0 9.09090909%;
    max-width: 9.09090909%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-1 {
    order: 1;
  }

  .col-medium-2-11 {
    flex: 0 0 18.18181818%;
    max-width: 18.18181818%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-2 {
    order: 2;
  }

  .col-medium-3-11 {
    flex: 0 0 27.27272727%;
    max-width: 27.27272727%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-3 {
    order: 3;
  }

  .col-medium-4-11 {
    flex: 0 0 36.36363636%;
    max-width: 36.36363636%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-4 {
    order: 4;
  }

  .col-medium-5-11 {
    flex: 0 0 45.45454545%;
    max-width: 45.45454545%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-5 {
    order: 5;
  }

  .col-medium-6-11 {
    flex: 0 0 54.54545455%;
    max-width: 54.54545455%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-6 {
    order: 6;
  }

  .col-medium-7-11 {
    flex: 0 0 63.63636364%;
    max-width: 63.63636364%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-7 {
    order: 7;
  }

  .col-medium-8-11 {
    flex: 0 0 72.72727273%;
    max-width: 72.72727273%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-8 {
    order: 8;
  }

  .col-medium-9-11 {
    flex: 0 0 81.81818182%;
    max-width: 81.81818182%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-9 {
    flex: 0 0 75%;
    max-width: 75%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-9 {
    order: 9;
  }

  .col-medium-10-11 {
    flex: 0 0 90.90909091%;
    max-width: 90.90909091%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-10 {
    order: 10;
  }

  .col-medium-11-11 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-11 {
    order: 11;
  }

  .col-medium-1-12 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-1 {
    order: 1;
  }

  .col-medium-2-12 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-2 {
    order: 2;
  }

  .col-medium-3-12 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-3 {
    order: 3;
  }

  .col-medium-4-12 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-4 {
    order: 4;
  }

  .col-medium-5-12 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-5 {
    order: 5;
  }

  .col-medium-6-12 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-6 {
    order: 6;
  }

  .col-medium-7-12 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-7 {
    order: 7;
  }

  .col-medium-8-12 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-8 {
    order: 8;
  }

  .col-medium-9-12 {
    flex: 0 0 75%;
    max-width: 75%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-9 {
    flex: 0 0 75%;
    max-width: 75%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-9 {
    order: 9;
  }

  .col-medium-10-12 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-10 {
    order: 10;
  }

  .col-medium-11-12 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-11 {
    order: 11;
  }

  .col-medium-12-12 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-medium-12 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .order-medium-12 {
    order: 12;
  }
}

@media screen and (min-width: 64em) {
  .col-large-1-1 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-1 {
    order: 1;
  }

  .col-large-1-2 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-1 {
    order: 1;
  }

  .col-large-2-2 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-2 {
    order: 2;
  }

  .col-large-1-3 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-1 {
    order: 1;
  }

  .col-large-2-3 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-2 {
    order: 2;
  }

  .col-large-3-3 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-3 {
    order: 3;
  }

  .col-large-1-4 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-1 {
    order: 1;
  }

  .col-large-2-4 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-2 {
    order: 2;
  }

  .col-large-3-4 {
    flex: 0 0 75%;
    max-width: 75%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-3 {
    order: 3;
  }

  .col-large-4-4 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-4 {
    order: 4;
  }

  .col-large-1-5 {
    flex: 0 0 20%;
    max-width: 20%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-1 {
    order: 1;
  }

  .col-large-2-5 {
    flex: 0 0 40%;
    max-width: 40%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-2 {
    order: 2;
  }

  .col-large-3-5 {
    flex: 0 0 60%;
    max-width: 60%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-3 {
    order: 3;
  }

  .col-large-4-5 {
    flex: 0 0 80%;
    max-width: 80%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-4 {
    order: 4;
  }

  .col-large-5-5 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-5 {
    order: 5;
  }

  .col-large-1-6 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-1 {
    order: 1;
  }

  .col-large-2-6 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-2 {
    order: 2;
  }

  .col-large-3-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-3 {
    order: 3;
  }

  .col-large-4-6 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-4 {
    order: 4;
  }

  .col-large-5-6 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-5 {
    order: 5;
  }

  .col-large-6-6 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-6 {
    order: 6;
  }

  .col-large-1-7 {
    flex: 0 0 14.28571429%;
    max-width: 14.28571429%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-1 {
    order: 1;
  }

  .col-large-2-7 {
    flex: 0 0 28.57142857%;
    max-width: 28.57142857%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-2 {
    order: 2;
  }

  .col-large-3-7 {
    flex: 0 0 42.85714286%;
    max-width: 42.85714286%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-3 {
    order: 3;
  }

  .col-large-4-7 {
    flex: 0 0 57.14285714%;
    max-width: 57.14285714%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-4 {
    order: 4;
  }

  .col-large-5-7 {
    flex: 0 0 71.42857143%;
    max-width: 71.42857143%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-5 {
    order: 5;
  }

  .col-large-6-7 {
    flex: 0 0 85.71428571%;
    max-width: 85.71428571%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-6 {
    order: 6;
  }

  .col-large-7-7 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-7 {
    order: 7;
  }

  .col-large-1-8 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-1 {
    order: 1;
  }

  .col-large-2-8 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-2 {
    order: 2;
  }

  .col-large-3-8 {
    flex: 0 0 37.5%;
    max-width: 37.5%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-3 {
    order: 3;
  }

  .col-large-4-8 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-4 {
    order: 4;
  }

  .col-large-5-8 {
    flex: 0 0 62.5%;
    max-width: 62.5%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-5 {
    order: 5;
  }

  .col-large-6-8 {
    flex: 0 0 75%;
    max-width: 75%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-6 {
    order: 6;
  }

  .col-large-7-8 {
    flex: 0 0 87.5%;
    max-width: 87.5%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-7 {
    order: 7;
  }

  .col-large-8-8 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-8 {
    order: 8;
  }

  .col-large-1-9 {
    flex: 0 0 11.11111111%;
    max-width: 11.11111111%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-1 {
    order: 1;
  }

  .col-large-2-9 {
    flex: 0 0 22.22222222%;
    max-width: 22.22222222%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-2 {
    order: 2;
  }

  .col-large-3-9 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-3 {
    order: 3;
  }

  .col-large-4-9 {
    flex: 0 0 44.44444444%;
    max-width: 44.44444444%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-4 {
    order: 4;
  }

  .col-large-5-9 {
    flex: 0 0 55.55555556%;
    max-width: 55.55555556%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-5 {
    order: 5;
  }

  .col-large-6-9 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-6 {
    order: 6;
  }

  .col-large-7-9 {
    flex: 0 0 77.77777778%;
    max-width: 77.77777778%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-7 {
    order: 7;
  }

  .col-large-8-9 {
    flex: 0 0 88.88888889%;
    max-width: 88.88888889%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-8 {
    order: 8;
  }

  .col-large-9-9 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-9 {
    flex: 0 0 75%;
    max-width: 75%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-9 {
    order: 9;
  }

  .col-large-1-10 {
    flex: 0 0 10%;
    max-width: 10%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-1 {
    order: 1;
  }

  .col-large-2-10 {
    flex: 0 0 20%;
    max-width: 20%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-2 {
    order: 2;
  }

  .col-large-3-10 {
    flex: 0 0 30%;
    max-width: 30%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-3 {
    order: 3;
  }

  .col-large-4-10 {
    flex: 0 0 40%;
    max-width: 40%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-4 {
    order: 4;
  }

  .col-large-5-10 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-5 {
    order: 5;
  }

  .col-large-6-10 {
    flex: 0 0 60%;
    max-width: 60%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-6 {
    order: 6;
  }

  .col-large-7-10 {
    flex: 0 0 70%;
    max-width: 70%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-7 {
    order: 7;
  }

  .col-large-8-10 {
    flex: 0 0 80%;
    max-width: 80%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-8 {
    order: 8;
  }

  .col-large-9-10 {
    flex: 0 0 90%;
    max-width: 90%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-9 {
    flex: 0 0 75%;
    max-width: 75%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-9 {
    order: 9;
  }

  .col-large-10-10 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-10 {
    order: 10;
  }

  .col-large-1-11 {
    flex: 0 0 9.09090909%;
    max-width: 9.09090909%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-1 {
    order: 1;
  }

  .col-large-2-11 {
    flex: 0 0 18.18181818%;
    max-width: 18.18181818%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-2 {
    order: 2;
  }

  .col-large-3-11 {
    flex: 0 0 27.27272727%;
    max-width: 27.27272727%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-3 {
    order: 3;
  }

  .col-large-4-11 {
    flex: 0 0 36.36363636%;
    max-width: 36.36363636%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-4 {
    order: 4;
  }

  .col-large-5-11 {
    flex: 0 0 45.45454545%;
    max-width: 45.45454545%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-5 {
    order: 5;
  }

  .col-large-6-11 {
    flex: 0 0 54.54545455%;
    max-width: 54.54545455%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-6 {
    order: 6;
  }

  .col-large-7-11 {
    flex: 0 0 63.63636364%;
    max-width: 63.63636364%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-7 {
    order: 7;
  }

  .col-large-8-11 {
    flex: 0 0 72.72727273%;
    max-width: 72.72727273%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-8 {
    order: 8;
  }

  .col-large-9-11 {
    flex: 0 0 81.81818182%;
    max-width: 81.81818182%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-9 {
    flex: 0 0 75%;
    max-width: 75%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-9 {
    order: 9;
  }

  .col-large-10-11 {
    flex: 0 0 90.90909091%;
    max-width: 90.90909091%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-10 {
    order: 10;
  }

  .col-large-11-11 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-11 {
    order: 11;
  }

  .col-large-1-12 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-1 {
    order: 1;
  }

  .col-large-2-12 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-2 {
    order: 2;
  }

  .col-large-3-12 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-3 {
    order: 3;
  }

  .col-large-4-12 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-4 {
    order: 4;
  }

  .col-large-5-12 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-5 {
    order: 5;
  }

  .col-large-6-12 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-6 {
    order: 6;
  }

  .col-large-7-12 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-7 {
    order: 7;
  }

  .col-large-8-12 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-8 {
    order: 8;
  }

  .col-large-9-12 {
    flex: 0 0 75%;
    max-width: 75%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-9 {
    flex: 0 0 75%;
    max-width: 75%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-9 {
    order: 9;
  }

  .col-large-10-12 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-10 {
    order: 10;
  }

  .col-large-11-12 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-11 {
    order: 11;
  }

  .col-large-12-12 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-12 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .order-large-12 {
    order: 12;
  }
}

@media screen and (min-width: 87.5625em) {
  .col-wide-1-1 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-1 {
    order: 1;
  }

  .col-wide-1-2 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-1 {
    order: 1;
  }

  .col-wide-2-2 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-2 {
    order: 2;
  }

  .col-wide-1-3 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-1 {
    order: 1;
  }

  .col-wide-2-3 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-2 {
    order: 2;
  }

  .col-wide-3-3 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-3 {
    order: 3;
  }

  .col-wide-1-4 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-1 {
    order: 1;
  }

  .col-wide-2-4 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-2 {
    order: 2;
  }

  .col-wide-3-4 {
    flex: 0 0 75%;
    max-width: 75%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-3 {
    order: 3;
  }

  .col-wide-4-4 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-4 {
    order: 4;
  }

  .col-wide-1-5 {
    flex: 0 0 20%;
    max-width: 20%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-1 {
    order: 1;
  }

  .col-wide-2-5 {
    flex: 0 0 40%;
    max-width: 40%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-2 {
    order: 2;
  }

  .col-wide-3-5 {
    flex: 0 0 60%;
    max-width: 60%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-3 {
    order: 3;
  }

  .col-wide-4-5 {
    flex: 0 0 80%;
    max-width: 80%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-4 {
    order: 4;
  }

  .col-wide-5-5 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-5 {
    order: 5;
  }

  .col-wide-1-6 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-1 {
    order: 1;
  }

  .col-wide-2-6 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-2 {
    order: 2;
  }

  .col-wide-3-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-3 {
    order: 3;
  }

  .col-wide-4-6 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-4 {
    order: 4;
  }

  .col-wide-5-6 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-5 {
    order: 5;
  }

  .col-wide-6-6 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-6 {
    order: 6;
  }

  .col-wide-1-7 {
    flex: 0 0 14.28571429%;
    max-width: 14.28571429%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-1 {
    order: 1;
  }

  .col-wide-2-7 {
    flex: 0 0 28.57142857%;
    max-width: 28.57142857%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-2 {
    order: 2;
  }

  .col-wide-3-7 {
    flex: 0 0 42.85714286%;
    max-width: 42.85714286%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-3 {
    order: 3;
  }

  .col-wide-4-7 {
    flex: 0 0 57.14285714%;
    max-width: 57.14285714%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-4 {
    order: 4;
  }

  .col-wide-5-7 {
    flex: 0 0 71.42857143%;
    max-width: 71.42857143%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-5 {
    order: 5;
  }

  .col-wide-6-7 {
    flex: 0 0 85.71428571%;
    max-width: 85.71428571%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-6 {
    order: 6;
  }

  .col-wide-7-7 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-7 {
    order: 7;
  }

  .col-wide-1-8 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-1 {
    order: 1;
  }

  .col-wide-2-8 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-2 {
    order: 2;
  }

  .col-wide-3-8 {
    flex: 0 0 37.5%;
    max-width: 37.5%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-3 {
    order: 3;
  }

  .col-wide-4-8 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-4 {
    order: 4;
  }

  .col-wide-5-8 {
    flex: 0 0 62.5%;
    max-width: 62.5%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-5 {
    order: 5;
  }

  .col-wide-6-8 {
    flex: 0 0 75%;
    max-width: 75%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-6 {
    order: 6;
  }

  .col-wide-7-8 {
    flex: 0 0 87.5%;
    max-width: 87.5%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-7 {
    order: 7;
  }

  .col-wide-8-8 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-8 {
    order: 8;
  }

  .col-wide-1-9 {
    flex: 0 0 11.11111111%;
    max-width: 11.11111111%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-1 {
    order: 1;
  }

  .col-wide-2-9 {
    flex: 0 0 22.22222222%;
    max-width: 22.22222222%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-2 {
    order: 2;
  }

  .col-wide-3-9 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-3 {
    order: 3;
  }

  .col-wide-4-9 {
    flex: 0 0 44.44444444%;
    max-width: 44.44444444%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-4 {
    order: 4;
  }

  .col-wide-5-9 {
    flex: 0 0 55.55555556%;
    max-width: 55.55555556%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-5 {
    order: 5;
  }

  .col-wide-6-9 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-6 {
    order: 6;
  }

  .col-wide-7-9 {
    flex: 0 0 77.77777778%;
    max-width: 77.77777778%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-7 {
    order: 7;
  }

  .col-wide-8-9 {
    flex: 0 0 88.88888889%;
    max-width: 88.88888889%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-8 {
    order: 8;
  }

  .col-wide-9-9 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-9 {
    flex: 0 0 75%;
    max-width: 75%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-9 {
    order: 9;
  }

  .col-wide-1-10 {
    flex: 0 0 10%;
    max-width: 10%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-1 {
    order: 1;
  }

  .col-wide-2-10 {
    flex: 0 0 20%;
    max-width: 20%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-2 {
    order: 2;
  }

  .col-wide-3-10 {
    flex: 0 0 30%;
    max-width: 30%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-3 {
    order: 3;
  }

  .col-wide-4-10 {
    flex: 0 0 40%;
    max-width: 40%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-4 {
    order: 4;
  }

  .col-wide-5-10 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-5 {
    order: 5;
  }

  .col-wide-6-10 {
    flex: 0 0 60%;
    max-width: 60%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-6 {
    order: 6;
  }

  .col-wide-7-10 {
    flex: 0 0 70%;
    max-width: 70%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-7 {
    order: 7;
  }

  .col-wide-8-10 {
    flex: 0 0 80%;
    max-width: 80%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-8 {
    order: 8;
  }

  .col-wide-9-10 {
    flex: 0 0 90%;
    max-width: 90%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-9 {
    flex: 0 0 75%;
    max-width: 75%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-9 {
    order: 9;
  }

  .col-wide-10-10 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-10 {
    order: 10;
  }

  .col-wide-1-11 {
    flex: 0 0 9.09090909%;
    max-width: 9.09090909%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-1 {
    order: 1;
  }

  .col-wide-2-11 {
    flex: 0 0 18.18181818%;
    max-width: 18.18181818%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-2 {
    order: 2;
  }

  .col-wide-3-11 {
    flex: 0 0 27.27272727%;
    max-width: 27.27272727%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-3 {
    order: 3;
  }

  .col-wide-4-11 {
    flex: 0 0 36.36363636%;
    max-width: 36.36363636%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-4 {
    order: 4;
  }

  .col-wide-5-11 {
    flex: 0 0 45.45454545%;
    max-width: 45.45454545%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-5 {
    order: 5;
  }

  .col-wide-6-11 {
    flex: 0 0 54.54545455%;
    max-width: 54.54545455%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-6 {
    order: 6;
  }

  .col-wide-7-11 {
    flex: 0 0 63.63636364%;
    max-width: 63.63636364%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-7 {
    order: 7;
  }

  .col-wide-8-11 {
    flex: 0 0 72.72727273%;
    max-width: 72.72727273%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-8 {
    order: 8;
  }

  .col-wide-9-11 {
    flex: 0 0 81.81818182%;
    max-width: 81.81818182%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-9 {
    flex: 0 0 75%;
    max-width: 75%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-9 {
    order: 9;
  }

  .col-wide-10-11 {
    flex: 0 0 90.90909091%;
    max-width: 90.90909091%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-10 {
    order: 10;
  }

  .col-wide-11-11 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-11 {
    order: 11;
  }

  .col-wide-1-12 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-1 {
    order: 1;
  }

  .col-wide-2-12 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-2 {
    order: 2;
  }

  .col-wide-3-12 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-3 {
    order: 3;
  }

  .col-wide-4-12 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-4 {
    order: 4;
  }

  .col-wide-5-12 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-5 {
    order: 5;
  }

  .col-wide-6-12 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-6 {
    order: 6;
  }

  .col-wide-7-12 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-7 {
    order: 7;
  }

  .col-wide-8-12 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-8 {
    order: 8;
  }

  .col-wide-9-12 {
    flex: 0 0 75%;
    max-width: 75%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-9 {
    flex: 0 0 75%;
    max-width: 75%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-9 {
    order: 9;
  }

  .col-wide-10-12 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-10 {
    order: 10;
  }

  .col-wide-11-12 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-11 {
    order: 11;
  }

  .col-wide-12-12 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-wide-12 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .order-wide-12 {
    order: 12;
  }
}

@media print {
  .col-large-1-1 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-1-2 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-2-2 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-1-3 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-2-3 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-3-3 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-1-4 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-2-4 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-3-4 {
    flex: 0 0 75%;
    max-width: 75%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-4-4 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-1-5 {
    flex: 0 0 20%;
    max-width: 20%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-2-5 {
    flex: 0 0 40%;
    max-width: 40%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-3-5 {
    flex: 0 0 60%;
    max-width: 60%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-4-5 {
    flex: 0 0 80%;
    max-width: 80%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-5-5 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-1-6 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-2-6 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-3-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-4-6 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-5-6 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-6-6 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-1-7 {
    flex: 0 0 14.28571429%;
    max-width: 14.28571429%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-2-7 {
    flex: 0 0 28.57142857%;
    max-width: 28.57142857%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-3-7 {
    flex: 0 0 42.85714286%;
    max-width: 42.85714286%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-4-7 {
    flex: 0 0 57.14285714%;
    max-width: 57.14285714%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-5-7 {
    flex: 0 0 71.42857143%;
    max-width: 71.42857143%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-6-7 {
    flex: 0 0 85.71428571%;
    max-width: 85.71428571%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-7-7 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-1-8 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-2-8 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-3-8 {
    flex: 0 0 37.5%;
    max-width: 37.5%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-4-8 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-5-8 {
    flex: 0 0 62.5%;
    max-width: 62.5%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-6-8 {
    flex: 0 0 75%;
    max-width: 75%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-7-8 {
    flex: 0 0 87.5%;
    max-width: 87.5%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-8-8 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-1-9 {
    flex: 0 0 11.11111111%;
    max-width: 11.11111111%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-2-9 {
    flex: 0 0 22.22222222%;
    max-width: 22.22222222%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-3-9 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-4-9 {
    flex: 0 0 44.44444444%;
    max-width: 44.44444444%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-5-9 {
    flex: 0 0 55.55555556%;
    max-width: 55.55555556%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-6-9 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-7-9 {
    flex: 0 0 77.77777778%;
    max-width: 77.77777778%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-8-9 {
    flex: 0 0 88.88888889%;
    max-width: 88.88888889%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-9-9 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-9 {
    flex: 0 0 75%;
    max-width: 75%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-1-10 {
    flex: 0 0 10%;
    max-width: 10%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-2-10 {
    flex: 0 0 20%;
    max-width: 20%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-3-10 {
    flex: 0 0 30%;
    max-width: 30%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-4-10 {
    flex: 0 0 40%;
    max-width: 40%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-5-10 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-6-10 {
    flex: 0 0 60%;
    max-width: 60%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-7-10 {
    flex: 0 0 70%;
    max-width: 70%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-8-10 {
    flex: 0 0 80%;
    max-width: 80%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-9-10 {
    flex: 0 0 90%;
    max-width: 90%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-9 {
    flex: 0 0 75%;
    max-width: 75%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-10-10 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-1-11 {
    flex: 0 0 9.09090909%;
    max-width: 9.09090909%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-2-11 {
    flex: 0 0 18.18181818%;
    max-width: 18.18181818%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-3-11 {
    flex: 0 0 27.27272727%;
    max-width: 27.27272727%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-4-11 {
    flex: 0 0 36.36363636%;
    max-width: 36.36363636%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-5-11 {
    flex: 0 0 45.45454545%;
    max-width: 45.45454545%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-6-11 {
    flex: 0 0 54.54545455%;
    max-width: 54.54545455%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-7-11 {
    flex: 0 0 63.63636364%;
    max-width: 63.63636364%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-8-11 {
    flex: 0 0 72.72727273%;
    max-width: 72.72727273%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-9-11 {
    flex: 0 0 81.81818182%;
    max-width: 81.81818182%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-9 {
    flex: 0 0 75%;
    max-width: 75%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-10-11 {
    flex: 0 0 90.90909091%;
    max-width: 90.90909091%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-11-11 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-1-12 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-2-12 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-3-12 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-3 {
    flex: 0 0 25%;
    max-width: 25%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-4-12 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-5-12 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-6-12 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-6 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-7-12 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-8-12 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-9-12 {
    flex: 0 0 75%;
    max-width: 75%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-9 {
    flex: 0 0 75%;
    max-width: 75%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-10-12 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-11-12 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-12-12 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }

  .col-large-12 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 2rem 0 2rem;
  }
}

.section-header {
  display: flex;
  flex-flow: column wrap;
  align-items: flex-start;
  margin-bottom: 3rem;
}

@media screen and (min-width: 48em) {
  .section-header {
    flex-direction: row;
    align-items: center;
    padding: 0 1rem;
  }
}

@media screen and (min-width: 64.0625em) {
  .section-header {
    padding-left: 2rem;
  }
}

.section-title {
  font-size: 3rem;
  font-weight: 600;
  padding-left: 0;
}

@media screen and (min-width: 48.0625em) {
  .section-title {
    font-size: 4rem;
  }
}

@media screen and (min-width: 64.0625em) {
  .section-title {
    padding-left: 2rem;
  }
}

.page-section-title {
  font-size: 4rem;
  font-weight: 600;
  margin-top: 5rem;
  margin-bottom: 2rem;
}

@media screen and (min-width: 64.0625em) {
  .page-section-title {
    padding-left: 2rem;
  }
}

.page-section-subtitle {
  font-size: 2rem;
  font-weight: 400;
  margin-top: 5rem;
  margin-bottom: 2rem;
}

@media screen and (min-width: 64.0625em) {
  .page-section-subtitle {
    padding-left: 2rem;
  }
}

.section-title-link {
  position: relative;
  text-decoration: none;
  transition: all 0.15s ease-in-out;
  color: #000;
  font-size: 2rem;
  font-weight: 600;
  margin-top: 2rem;
  padding-right: 3rem;
  padding-bottom: 0.4rem;
  position: relative;
}

.section-title-link::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background: currentcolor;
  opacity: 0;
  transition: height 0.3s, opacity 0.3s, transform 0.3s;
  transform: translateY(-10px);
}

.section-title-link:hover::after,
.section-title-link.is-active::after {
  height: 2px;
  opacity: 1;
  transform: translateY(2px);
}

@media screen and (min-width: 48em) {
  .section-title-link {
    display: inline-block;
    margin-left: auto;
    margin-top: 0;
  }
}

.section-title-link .icon {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  height: 1.3rem;
  stroke-width: 2px;
  transform: translateY(-50%);
}

.section-nav {
  margin: 0;
  padding-left: 0;
  order: 3;
}

@media screen and (min-width: 40.0625em) {
  .section-nav {
    margin-top: 2rem;
  }
}

@media screen and (min-width: 48.0625em) {
  .section-nav {
    width: 100%;
  }
}

@media screen and (min-width: 64.0625em) {
  .section-nav {
    margin-top: 0;
    margin-left: auto;
    order: 0;
    padding-left: 2rem;
    width: auto;
  }
}

.section-nav-item {
  position: relative;
  text-decoration: none;
  transition: all 0.15s ease-in-out;
  color: #000;
  cursor: pointer;
  display: block;
  font-size: 2rem;
  font-weight: 600;
  margin-top: 2rem;
  padding-bottom: 0.4rem;
}

.section-nav-item::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background: currentcolor;
  opacity: 0;
  transition: height 0.3s, opacity 0.3s, transform 0.3s;
  transform: translateY(-10px);
}

.section-nav-item:hover::after,
.section-nav-item.is-active::after {
  height: 2px;
  opacity: 1;
  transform: translateY(2px);
}

@media screen and (min-width: 48em) {
  .section-nav-item {
    display: inline-block;
    margin-top: 0;
  }
}

.section-nav-item:not(:last-child) {
  margin-right: 4.5rem;
}

* {
  box-sizing: border-box;
}

:root {
  font-size: 10px;
}

html {
  height: 100%;
}

body {
  background: #f2f2f2;
  color: #000;
  font-family: "Dax", "System Font", "Verdana", sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.3;
  min-height: 100%;
  min-width: 32rem;
  position: relative;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media screen and (min-width: 48em) {
  body {
    font-size: 1.5rem;
  }
}

.wf-active body {
  font-family: inherit;
}

@media screen and (max-width: 64em) {
  body.no-scroll {
    height: 100vh !important;
    overflow: hidden !important;
  }
}

body .page-wrapper.page-lai {
  font-family: 'Hind', sans-serif;
}

body .page-wrapper.page-lai h1,
body .page-wrapper.page-lai h2,
body .page-wrapper.page-lai h3,
body .page-wrapper.page-lai h4,
body .page-wrapper.page-lai h5 {
  font-family: 'Alegreya Sans SC', sans-serif;
}

body .page-wrapper.page-lai .hp-navbar-nav-desktop {
  font-family: 'Alegreya Sans SC', sans-serif;
}

body .page-wrapper.page-lai .page-content a {
  color: #2ea341;
}

h1,
h2,
h3,
h4,
h5 {
  font-weight: 600;
  line-height: 1;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span {
  font-family: inherit;
  font-weight: 600;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
  color: inherit;
}

h1 {
  font-size: 6rem;
  font-weight: 700;
}

h1 + * {
  margin-top: 1rem;
}

h2 {
  font-size: 2rem;
}

h2 + * {
  margin-top: 1.5rem;
}

* + h2 {
  margin-top: 1.5rem;
}

@media screen and (min-width: 40em) {
  h2 {
    font-size: 3.3rem;
  }
}

h3 {
  font-size: 2rem;
}

p {
  font-size: 2rem;
}

p + * {
  margin-top: 2rem;
}

a {
  color: #f00;
  text-decoration: none;
  position: relative;
  transition: all 200ms ease;
}

a:hover,
a:active {
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
}

figure img {
  display: block;
}

figure figcaption {
  font-size: 1.5rem;
  display: block;
}

strong,
b {
  font-weight: 600;
}

i,
em,
cite,
dfn,
var {
  font-style: italic;
}

ol:not(.list),
ul:not(.list) {
  list-style: none;
}

.list {
  padding-left: 7.5rem;
}

table {
  width: 100%;
  margin: 2rem 0;
}

blockquote {
  font-size: 2rem;
  position: relative;
  padding: 0 5rem;
  text-align: center;
}

@media screen and (min-width: 48em) {
  blockquote {
    font-size: 3rem;
    padding: 0 10rem;
  }
}

blockquote::before,
blockquote::after {
  color: #dadada;
  font-size: 8rem;
  line-height: 1;
  position: absolute;
}

@media screen and (min-width: 48em) {
  blockquote::before,
  blockquote::after {
    font-size: 16rem;
  }
}

blockquote::before {
  content: '\201E';
  top: 35%;
  left: 0;
  transform: translateY(-50%);
}

blockquote::after {
  content: '\201C';
  bottom: 35%;
  right: 0;
  transform: translateY(50%);
}

blockquote + * {
  margin-top: 2rem;
}

sup,
sub {
  vertical-align: super;
  font-size: 0.8em;
}

sub {
  vertical-align: sub;
  font-size: 0.8em;
}

small {
  font-size: 0.8em;
}

abbr {
  border-bottom: 1px dotted #dadada;
  cursor: help;
}

kbd,
code,
pre {
  font-family: monospace;
}

mark {
  background: rgba(255, 0, 0, 0.7);
  color: #fff;
}

hr {
  border-top: 3px solid #dadada;
}

.cms-content {
  font-size: 2rem;
}

@media screen and (min-width: 64.0625em) {
  .cms-content {
    padding-left: 2rem;
    padding-right: 12.5rem;
  }
}

.cms-content h1,
.cms-content h2,
.cms-content h3,
.cms-content h4,
.cms-content h5,
.cms-content h6,
.cms-content p,
.cms-content a,
.cms-content table,
.cms-content blockquote {
  max-width: 66rem;
}

.cms-content h1 + * {
  margin-top: 1rem;
}

.cms-content h2 {
  font-size: 2.5rem;
  margin-bottom: 4.5rem;
  word-wrap: break-word;
}

@media screen and (min-width: 48em) {
  .cms-content h2 {
    font-size: 4rem;
  }
}

.cms-content h2 + * {
  margin-top: 1.5rem;
}

* + .cms-content h2 {
  margin-top: 8rem;
}

.cms-content h3 {
  font-size: 3rem;
  margin-bottom: 4.5rem;
}

@media (max-width: 768px) {
  .cms-content h3 {
    font-size: 1.8rem;
  }
}

.cms-content h3 + * {
  margin-top: 1rem;
}

* + .cms-content h3 {
  margin-top: 6rem;
}

.cms-content div[data-type="default"] {
  margin-bottom: 2rem;
}

.cms-content ul,
.cms-content ol {
  list-style: initial;
  margin-top: 3rem;
  padding-left: 7.5rem;
}

.cms-content ol {
  list-style-type: decimal;
}

.cms-content ul {
  list-style-type: disc;
}

.cms-content li {
  padding-bottom: 2.5rem;
}

.cms-content input[type="checkbox"] + label,
.cms-content input[type="radio"] + label {
  font-size: 2rem;
}

.cms-content blockquote {
  margin: 9rem 0;
}

.cms-content thead {
  border-bottom: 2px solid #000;
  font-weight: 600;
}

.cms-content tr:not(:last-child) {
  border-bottom: 1px solid #000;
}

.cms-content td,
.cms-content th {
  padding: 1rem 2rem;
  text-align: center;
}

.cms-content td:first-child,
.cms-content th:first-child {
  text-align: right;
}

.cms-content td:last-child,
.cms-content th:last-child {
  text-align: left;
}

.cms-content td:not(:last-child),
.cms-content th:not(:last-child) {
  border-right: 1px solid #000;
}

.cms-content .cms-table {
  overflow: auto;
}

.cms-content .image-with-caption {
  margin: 4rem 0 4.5rem;
}

.cms-content .image-slider-with-thumbs {
  margin: 4rem 0 4.5rem;
}

.cms-content .image-thumbs {
  margin: 4rem 0 4.5rem;
}

.cms-content .table-with-background {
  margin-top: 8rem;
  margin-bottom: 8rem;
  position: relative;
}

.cms-content .table-with-background::before {
  content: "";
  background: #dadada;
  border-radius: 10px;
  position: absolute;
  top: -4.8rem;
  bottom: -4.8rem;
  left: -2rem;
  right: -2rem;
  z-index: -1;
}

.cms-content .table-with-background table {
  max-width: none;
}

@media screen and (min-width: 64em) {
  .cms-content .table-with-background td:first-child {
    width: 32.2rem;
  }
}

.cms-content .logos-block {
  margin-bottom: 5rem;
  margin-top: 5rem;
}

.cms-content .logos-block + .cms-content .logos-block {
  margin-top: 0;
}

@media print {
  .cms-content {
    font-size: 1.5rem;
  }
}

@media (max-width: 640px) {
  .lowresolution-mt {
    margin-top: 12rem;
  }
}

@media screen and (min-width: 64.0625em) {
  .page-content-grid {
    display: flex;
  }
}

.page-content-main {
  overflow: hidden;
}

@media screen and (min-width: 64.0625em) {
  .page-content-main {
    width: calc(100% - 330px);
    margin-bottom: 0;
    max-width: none;
    flex: 1 1;
    padding-right: 4rem;
  }
}

.page-content-side {
  flex: 1;
  margin-top: 4rem;
}

@media screen and (min-width: 48em) {
  .page-content-side {
    max-width: 33rem;
  }
}

@media screen and (min-width: 64.0625em) {
  .page-content-side {
    margin-top: 0;
  }
}

@media screen and (min-width: 48em) {
  .pcm-container {
    padding: 0 2rem;
  }
}

@media screen and (min-width: 48em) {
  .pcm-text {
    padding-left: 2rem;
  }
}

.pcm-topbar {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.pcm-topbar .pcm-count {
  padding-left: 2rem;
  margin-bottom: 1.5rem;
}

.pcm-topbar .pcm-sort-wrapper {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 0 0 1.5rem 0;
}

.pcm-topbar .pcm-sort-wrapper label {
  display: block;
  font-size: 1.5rem;
  font-weight: 400;
  padding: 0 1.5rem 0 0;
}

.pcm-topbar .pcm-sort-wrapper .pcm-sort .filter-item {
  margin: 0;
  width: auto;
}

.pcm-topbar .pcm-sort-wrapper .pcm-sort .filter-item .fi-toggle {
  align-items: center;
  background-color: #000;
  border-radius: 1rem;
  color: #fff;
  font-size: 100%;
  font: inherit;
  justify-content: space-between;
  padding: 0.4rem 1.5rem;
}

.pcm-topbar .pcm-sort-wrapper .pcm-sort .filter-item .fi-toggle .selected-text {
  box-sizing: border-box;
  font: inherit;
  padding: 0 1.5rem 0 0;
}

.pcm-topbar .pcm-sort-wrapper .pcm-sort .filter-item .fi-toggle .icon {
  height: 1.3rem;
  margin: 0;
  padding: 0;
  stroke-width: 6px;
  width: 1.3rem;
}

.pcm-topbar .pcm-sort-wrapper .pcm-sort .filter-item .fi-toggle .icon svg {
  height: 1.3rem !important;
  width: 1.3rem !important;
}

.pcm-topbar .pcm-sort-wrapper .pcm-sort .filter-item .fi-toggle .icon::before {
  content: none;
  display: none;
}

.pcm-topbar .pcm-sort-wrapper .pcm-sort .filter-item .fi-dropdown {
  background-color: transparent;
  border-radius: 10px 0 10px 10px;
  left: auto;
  right: 0;
  width: auto;
}

.pcm-topbar .pcm-sort-wrapper .pcm-sort .filter-item .fi-dropdown .dropdown {
  background-color: #fff;
  border-bottom: 0.1rem solid #dadada;
}

.pcm-topbar .pcm-sort-wrapper .pcm-sort .filter-item .fi-dropdown .dropdown a {
  color: #000;
  display: block;
  font-size: 2rem;
  font-weight: 600;
  padding: 2rem;
  text-decoration: none;
  white-space: nowrap;
}

.pcm-topbar .pcm-sort-wrapper .pcm-sort .filter-item .fi-dropdown .dropdown:last-child {
  border-bottom: none;
}

.pcm-topbar .pcm-sort-wrapper .pcm-sort .filter-item.is-open .fi-toggle {
  border-radius: 1rem 1rem 0 0;
}

@media screen and (max-width: 768px) {
  .pcm-topbar {
    align-items: flex-start;
    flex-direction: column;
  }

  .pcm-topbar .pcm-count {
    padding-left: 0;
  }

  .pcm-topbar .pcm-sort-wrapper .pcm-sort .filter-item .fi-dropdown {
    background-color: transparent;
    border-radius: 0 0 10px 10px;
    left: 0;
    right: 0;
    width: 100%;
  }

  .pcm-topbar .pcm-sort-wrapper .pcm-sort .filter-item .fi-dropdown .dropdown a {
    white-space: normal;
  }
}

.pcm-pagination {
  margin-top: 12.8rem;
  text-align: center;
}

.page-comments {
  background: #dadada;
}

.pc-pagination {
  margin-top: 12.8rem;
  text-align: center;
}

.sidebar-widget:not(:first-child) {
  margin-top: 4rem;
}

.sidebar-widget.sidebar-widget--share {
  margin-top: 2rem;
}

.sidebar-title {
  font-size: 2rem;
  margin-bottom: 2rem;
}

@media print {
  .page-content {
    padding-top: 0;
  }

  .page-content-main {
    margin-bottom: 0;
  }

  .sidebar-widget {
    margin-top: 0 !important;
  }
}

.aa_container .abss_hidden {
  color: gray;
}

.aa_container .abss_hidden .select2-container .select2-selection--single {
  border-bottom: 2px solid gray;
  color: gray;
}

.aa_container .abss_hidden .select2-selection__arrow {
  display: none !important;
}

.aa_container .abss_hidden.aa_realhide {
  display: none;
}

.aa_container input:disabled {
  border-bottom: 2px solid gray;
  color: gray;
}

.select2-container .select2-results {
  max-height: 200px;
  overflow-y: auto;
}

.select2-results {
  max-height: 200px;
  overflow-y: auto;
}

.select2-choices {
  min-height: 150px;
  max-height: 150px;
  overflow-y: auto;
}

.anchor-nav {
  background: #fff;
  border-radius: 10px;
  max-width: 60rem;
  overflow: hidden;
  margin-bottom: 2rem;
}

.anchor-nav .an-title {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  padding-left: 2rem;
}

.anchor-nav .an-items {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.anchor-nav .an-item {
  margin: 0;
  padding: 0;
}

.anchor-nav .an-item:not(:last-child) {
  border-bottom: 1px solid #dadada;
}

.anchor-nav .an-item a {
  background: #fff;
  border: none;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 2rem;
  font-weight: 600;
  line-height: 6rem;
  padding: 0 2.5rem;
  text-align: center;
  transition: all 0.4s;
  border-radius: 0;
  color: #000;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 5rem;
  text-align: left;
  display: block;
  max-width: none;
  padding: 0 2rem;
}

.anchor-nav .an-item a:hover {
  background: #f2f2f2;
  text-decoration: none;
}

.anchor-nav .an-item a:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #f2f2f2;
  text-decoration: none;
}

.aria-dropdown {
  position: relative;
}

.aria-dropdown[data-state="open"] {
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}

.aria-dd-toggle {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  cursor: pointer;
  font-weight: 600;
}

@media screen and (min-width: 48em) {
  .aria-dd-toggle {
    padding: 0.5rem 1.4rem;
  }
}

[data-state="open"] .aria-dd-toggle {
  background: #000;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: #fff;
  fill: #fff;
}

.aria-dd-toggle .icon {
  margin-left: auto;
  stroke-width: 2px;
  vertical-align: middle;
  width: 1rem;
}

.page-planetarium-home .aria-dd-toggle {
  color: #fff;
}

.page-lai-home .aria-dd-toggle {
  color: #fff;
}

.aria-dd-close {
  background: #000;
  bottom: auto;
  color: #fff;
  display: block;
  font-size: 3rem;
  height: 6rem;
  line-height: 1;
  opacity: 1;
  padding: 1rem;
  position: relative;
  right: auto;
  text-align: center;
  width: 100%;
}

@media screen and (min-width: 48em) {
  .aria-dd-close {
    bottom: 2rem;
    height: 8rem;
    opacity: 0;
    position: absolute;
    right: 2rem;
    width: 8rem;
  }
}

.aria-dd-close .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.aria-dd-content {
  background: #fff;
  overflow: hidden;
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  text-align: left;
}

[data-state="open"] .aria-dd-content {
  display: block;
}

@media screen and (min-width: 48em) {
  .aria-dd-content {
    background: none;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    width: auto;
    height: auto;
    min-width: calc(100% + 10px);
    top: 100%;
    z-index: 150;
  }
}

.aria-dd-item {
  background: #fff;
  padding: 2rem;
}

.aria-dd-item:not(:last-child) {
  margin-bottom: 1px;
}

.aria-dd-item--fonts {
  display: none;
}

@media screen and (min-width: 48em) {
  .aria-dd-item--fonts {
    display: block;
  }
}

.aria-dd-label {
  font-weight: 600;
  margin-bottom: 1rem;
}

.aria-dd-options {
  display: flex;
}

.aria-dd-options--fonts .aria-dd-option:nth-child(2) .icon {
  width: 2.5rem;
}

.aria-dd-options--fonts .aria-dd-option:nth-child(3) .icon {
  width: 3rem;
}

.aria-dd-options--contrast .aria-dd-option .icon-contrast {
  border: 1px solid #000;
  border-radius: 50%;
  background: linear-gradient(to right, #f00 0, #f00 50%, #fff 50%, #fff 100%);
  display: block;
  height: 2rem;
  width: 2rem;
}

.aria-dd-options--contrast .aria-dd-option[data-option="by"] .icon-contrast {
  border: 1px solid #00f;
  border-radius: 50%;
  background: linear-gradient(to right, #00f 0, #00f 50%, #ff0 50%, #ff0 100%);
  display: block;
  height: 2rem;
  width: 2rem;
}

.aria-dd-options--contrast .aria-dd-option[data-option="bw"] .icon-contrast {
  border: 1px solid #000;
  border-radius: 50%;
  background: linear-gradient(to right, #000 0, #000 50%, #fff 50%, #fff 100%);
  display: block;
  height: 2rem;
  width: 2rem;
}

.aria-dd-option {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding: 2rem;
  height: 8rem;
  width: 8rem;
}

.aria-dd-option.is-active {
  border: 1px solid #000;
  border-radius: 50%;
}

.aria-dd-option:not(:last-child) {
  margin-right: 2rem;
}

.aria-dd-option .icon {
  margin: 0 auto 0.5rem;
}

button {
  background: none;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  border: none;
  color: inherit;
  cursor: pointer;
  outline: none;
  padding: 0;
}

.btn,
.ci-btn,
.coi-side-item-btn,
.csi-link,
.fi-btn,
.input-file + label,
input[type="submit"],
.searchbar-btn,
.swal-button,
.mw-map-btn,
.nw-btn,
.payment-widget-btn,
.course-slider--recent .csi-link,
.esi-link,
.hh-slide-btn,
.hp-slide-btn,
.he-slide-btn,
.hl-slide-btn,
.srb-group--kurs .srb-group-body-item-btn,
.teaser-item-link,
.price-widget-btn {
  background: #f00;
  border: none;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 2rem;
  font-weight: 600;
  line-height: 6rem;
  padding: 0 2.5rem;
  text-align: center;
  transition: all 0.4s;
}

.btn:hover,
.ci-btn:hover,
.coi-side-item-btn:hover,
.csi-link:hover,
.fi-btn:hover,
.input-file + label:hover,
input:hover[type="submit"],
.searchbar-btn:hover,
.swal-button:hover,
.mw-map-btn:hover,
.nw-btn:hover,
.payment-widget-btn:hover,
.esi-link:hover,
.hh-slide-btn:hover,
.hp-slide-btn:hover,
.he-slide-btn:hover,
.hl-slide-btn:hover,
.srb-group--kurs .srb-group-body-item-btn:hover,
.teaser-item-link:hover,
.price-widget-btn:hover {
  background: #f20000;
  text-decoration: none;
}

.btn:active,
.ci-btn:active,
.coi-side-item-btn:active,
.csi-link:active,
.fi-btn:active,
.input-file + label:active,
input:active[type="submit"],
.searchbar-btn:active,
.swal-button:active,
.mw-map-btn:active,
.nw-btn:active,
.payment-widget-btn:active,
.esi-link:active,
.hh-slide-btn:active,
.hp-slide-btn:active,
.he-slide-btn:active,
.hl-slide-btn:active,
.srb-group--kurs .srb-group-body-item-btn:active,
.teaser-item-link:active,
.price-widget-btn:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #f20000;
  text-decoration: none;
}

.btn--dark {
  background: #868686;
}

.btn--dark:hover {
  background: #6d6c6c;
}

.btn--dark:active {
  box-shadow: inset 0 0 20px #535353;
}

.btn.btn--outline,
.btn--outline.ci-btn,
.btn--outline.coi-side-item-btn,
.btn--outline.csi-link,
.btn--outline.fi-btn,
.input-file + label.btn--outline,
input.btn--outline[type="submit"],
.btn--outline.searchbar-btn,
.btn--outline.swal-button,
.btn--outline.mw-map-btn,
.btn--outline.nw-btn,
.btn--outline.payment-widget-btn,
.btn--outline.esi-link,
.btn--outline.hh-slide-btn,
.btn--outline.hp-slide-btn,
.btn--outline.he-slide-btn,
.btn--outline.hl-slide-btn,
.srb-group--kurs .btn--outline.srb-group-body-item-btn,
.btn--outline.teaser-item-link,
.btn--outline.price-widget-btn {
  background: transparent;
  border: 2px solid #fff;
  line-height: 5.6rem;
}

.btn.btn--outline:hover,
.btn--outline.ci-btn:hover,
.btn--outline.coi-side-item-btn:hover,
.btn--outline.csi-link:hover,
.btn--outline.fi-btn:hover,
.input-file + label.btn--outline:hover,
input.btn--outline:hover[type="submit"],
.btn--outline.searchbar-btn:hover,
.btn--outline.swal-button:hover,
.btn--outline.mw-map-btn:hover,
.btn--outline.nw-btn:hover,
.btn--outline.payment-widget-btn:hover,
.btn--outline.esi-link:hover,
.btn--outline.hh-slide-btn:hover,
.btn--outline.hp-slide-btn:hover,
.btn--outline.he-slide-btn:hover,
.btn--outline.hl-slide-btn:hover,
.srb-group--kurs .btn--outline.srb-group-body-item-btn:hover,
.btn--outline.teaser-item-link:hover,
.btn--outline.price-widget-btn:hover {
  background: rgba(0, 0, 0, 0.1);
  text-decoration: none;
}

.btn.btn--outline:active,
.btn--outline.ci-btn:active,
.btn--outline.coi-side-item-btn:active,
.btn--outline.csi-link:active,
.btn--outline.fi-btn:active,
.input-file + label.btn--outline:active,
input.btn--outline:active[type="submit"],
.btn--outline.searchbar-btn:active,
.btn--outline.swal-button:active,
.btn--outline.mw-map-btn:active,
.btn--outline.nw-btn:active,
.btn--outline.payment-widget-btn:active,
.btn--outline.esi-link:active,
.btn--outline.hh-slide-btn:active,
.btn--outline.hp-slide-btn:active,
.btn--outline.he-slide-btn:active,
.btn--outline.hl-slide-btn:active,
.srb-group--kurs .btn--outline.srb-group-body-item-btn:active,
.btn--outline.teaser-item-link:active,
.btn--outline.price-widget-btn:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: rgba(0, 0, 0, 0.1);
}

button[disabled],
.btn[disabled],
.ci-btn[disabled],
.coi-side-item-btn[disabled],
.csi-link[disabled],
.fi-btn[disabled],
.input-file + label[disabled],
input[disabled][type="submit"],
.searchbar-btn[disabled],
.swal-button[disabled],
.mw-map-btn[disabled],
.nw-btn[disabled],
.payment-widget-btn[disabled],
.esi-link[disabled],
.hh-slide-btn[disabled],
.hp-slide-btn[disabled],
.he-slide-btn[disabled],
.hl-slide-btn[disabled],
.srb-group--kurs .srb-group-body-item-btn[disabled],
.teaser-item-link[disabled],
.price-widget-btn[disabled] {
  background: #dadada;
  color: #fff;
  cursor: not-allowed;
}

button[disabled]:hover,
button[disabled]:active,
button[disabled]:focus,
button[disabled][aria-pressed="true"],
.btn[disabled]:hover,
.ci-btn[disabled]:hover,
.coi-side-item-btn[disabled]:hover,
.csi-link[disabled]:hover,
.fi-btn[disabled]:hover,
.input-file + label[disabled]:hover,
input[disabled]:hover[type="submit"],
.searchbar-btn[disabled]:hover,
.swal-button[disabled]:hover,
.mw-map-btn[disabled]:hover,
.nw-btn[disabled]:hover,
.payment-widget-btn[disabled]:hover,
.esi-link[disabled]:hover,
.hh-slide-btn[disabled]:hover,
.hp-slide-btn[disabled]:hover,
.he-slide-btn[disabled]:hover,
.hl-slide-btn[disabled]:hover,
.srb-group--kurs .srb-group-body-item-btn[disabled]:hover,
.teaser-item-link[disabled]:hover,
.price-widget-btn[disabled]:hover,
.btn[disabled]:active,
.ci-btn[disabled]:active,
.coi-side-item-btn[disabled]:active,
.csi-link[disabled]:active,
.fi-btn[disabled]:active,
.input-file + label[disabled]:active,
input[disabled]:active[type="submit"],
.searchbar-btn[disabled]:active,
.swal-button[disabled]:active,
.mw-map-btn[disabled]:active,
.nw-btn[disabled]:active,
.payment-widget-btn[disabled]:active,
.esi-link[disabled]:active,
.hh-slide-btn[disabled]:active,
.hp-slide-btn[disabled]:active,
.he-slide-btn[disabled]:active,
.hl-slide-btn[disabled]:active,
.srb-group--kurs .srb-group-body-item-btn[disabled]:active,
.teaser-item-link[disabled]:active,
.price-widget-btn[disabled]:active,
.btn[disabled]:focus,
.ci-btn[disabled]:focus,
.coi-side-item-btn[disabled]:focus,
.csi-link[disabled]:focus,
.fi-btn[disabled]:focus,
.input-file + label[disabled]:focus,
input[disabled]:focus[type="submit"],
.searchbar-btn[disabled]:focus,
.swal-button[disabled]:focus,
.mw-map-btn[disabled]:focus,
.nw-btn[disabled]:focus,
.payment-widget-btn[disabled]:focus,
.esi-link[disabled]:focus,
.hh-slide-btn[disabled]:focus,
.hp-slide-btn[disabled]:focus,
.he-slide-btn[disabled]:focus,
.hl-slide-btn[disabled]:focus,
.srb-group--kurs .srb-group-body-item-btn[disabled]:focus,
.teaser-item-link[disabled]:focus,
.price-widget-btn[disabled]:focus,
.btn[disabled][aria-pressed="true"],
.ci-btn[disabled][aria-pressed="true"],
.coi-side-item-btn[disabled][aria-pressed="true"],
.csi-link[disabled][aria-pressed="true"],
.fi-btn[disabled][aria-pressed="true"],
.input-file + label[disabled][aria-pressed="true"],
input[disabled][aria-pressed="true"][type="submit"],
.searchbar-btn[disabled][aria-pressed="true"],
.swal-button[disabled][aria-pressed="true"],
.mw-map-btn[disabled][aria-pressed="true"],
.nw-btn[disabled][aria-pressed="true"],
.payment-widget-btn[disabled][aria-pressed="true"],
.esi-link[disabled][aria-pressed="true"],
.hh-slide-btn[disabled][aria-pressed="true"],
.hp-slide-btn[disabled][aria-pressed="true"],
.he-slide-btn[disabled][aria-pressed="true"],
.hl-slide-btn[disabled][aria-pressed="true"],
.srb-group--kurs .srb-group-body-item-btn[disabled][aria-pressed="true"],
.teaser-item-link[disabled][aria-pressed="true"],
.price-widget-btn[disabled][aria-pressed="true"] {
  box-shadow: none;
  background: #dadada;
  outline: none;
}

.card {
  background: #fff;
  border-radius: 10px;
  max-width: 100%;
  width: 33rem;
  transition: box-shadow 0.2s ease-out;
}

.card:hover {
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}

@media screen and (min-width: 64.0625em) {
  .card--big {
    display: flex;
    width: 107rem;
  }
}

.card-header {
  border-radius: 10px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  height: 22rem;
  overflow: hidden;
  position: relative;
}

@media screen and (min-width: 64.0625em) {
  .card--big .card-header {
    border-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    flex: 1 70rem;
    height: 46.7rem;
  }
}

.card-header--noimage {
  height: auto;
  padding: 2rem 2rem 0;
}

@media screen and (min-width: 64.0625em) {
  .card--big .card-header--noimage {
    min-height: auto;
    padding: 5rem 2.2rem;
  }
}

.card-img-link {
  border-top-right-radius: 10px;
  display: block;
  overflow: hidden;
  height: 100%;
}

@media screen and (min-width: 64.0625em) {
  .card--big .card-img-link {
    border-top-right-radius: 0;
  }
}

.card-img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: block;
  max-width: none;
  height: 100%;
}

@media screen and (min-width: 64.0625em) {
  .card--big .card-img {
    border-radius: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    max-width: none;
  }
}

.card-title {
  position: absolute;
  bottom: 1.5rem;
  left: 1rem;
}

.card-header--noimage .card-title {
  position: static;
}

.card-title-label-line {
  background: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 400;
  padding: 0.6rem 1rem;
}

.card-header--noimage .card-title-label-line {
  background: transparent;
  display: block;
  padding: 0;
}

.lai-card-title {
  background: #fff;
  border-radius: 10px;
  display: inline-block;
  font-size: 3rem;
  font-weight: 600;
  padding: 0.6rem 1rem;
}

.lai-card-title.laiGreen {
  color: #2ea341;
}

.lai-card-title.laiBlue {
  color: #11b5ac;
}

.lai-card-title.laiViolet {
  color: #9d64c2;
}

.lai-card-title.laiYellow {
  color: #d39b00;
}

.lai-card-title.laiRed {
  color: #ce382a;
}

.lai-card-title.laiOrange {
  color: #e6781f;
}

.card-title-line {
  background: #fff;
  display: table;
  font-size: 2rem;
  font-weight: 600;
  padding: 0.3rem 1rem;
}

.card-title-line:nth-child(2) {
  border-top-right-radius: 10px;
}

.card-title-line:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.card-title-line.ctl--longest {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

@media screen and (min-width: 64.0625em) {
  .card--big .card-title-line {
    font-size: 3rem;
  }
}

.card-header--noimage .card-title-line {
  background: transparent;
  display: inline;
  padding: 0;
}

.card-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 2rem 2rem 4rem;
}

@media screen and (min-width: 64.0625em) {
  .card--big .card-body {
    width: 37rem;
    padding: 10rem 6rem 8rem;
  }

  .page-content .card--big .card-body {
    justify-content: flex-start;
    padding: 4.5rem 6rem;
  }
}

.card-body .icon {
  fill: #868686;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.card-info {
  font-size: 1.5rem;
  margin-bottom: 2.5rem;
}

.card-date {
  margin-bottom: 0.2rem;
  padding-left: 2.5rem;
  position: relative;
}

.card-date .icon {
  width: 1.6rem;
}

.card-author {
  margin-bottom: 0.2rem;
  padding-left: 2.5rem;
  position: relative;
}

.card-author .icon {
  width: 1.6rem;
}

.card-comment {
  margin-bottom: 0.2rem;
  padding-left: 2.5rem;
  position: relative;
}

.card-comment .icon {
  width: 1.6rem;
}

.card-text {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2rem;
  max-width: 100%;
}

.card-link {
  position: relative;
  text-decoration: none;
  transition: all 0.15s ease-in-out;
  margin-top: 4rem;
}

.card-link::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background: currentcolor;
  opacity: 0;
  transition: height 0.3s, opacity 0.3s, transform 0.3s;
  transform: translateY(-10px);
}

.card-link:hover::after,
.card-link.is-active::after {
  height: 2px;
  opacity: 1;
  transform: translateY(2px);
}

.card-link::after {
  height: 1px;
}

.card-link-text {
  color: #f00;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 3.2px;
  position: relative;
  text-transform: uppercase;
}

.card-link-text::after {
  content: "";
  background: #f00;
  display: block;
  height: 1px;
  width: 1rem;
  position: absolute;
  top: 50%;
  right: -1.8rem;
  transform: translateY(-50%);
}

.page-lai .card-link-text {
  color: #2ea341;
}

.cart-item {
  background: #fff;
  border-radius: 10px;
  overflow: visible;
}

@media screen and (min-width: 80em) {
  .cart-item {
    display: flex;
    justify-content: space-between;
  }
}

.cart-item + .cart-item {
  margin-top: 2rem;
}

.cart-item .icon-heart-outline {
  width: 3rem;
}

.ci-content {
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 80em) {
  .ci-content {
    width: calc(100% - 330px);
  }
}

.ci-header {
  display: flex;
  position: relative;
  min-height: 10rem;
}

.ci-title {
  font-size: 3rem;
  font-weight: 600;
  flex: 1;
  line-height: 4rem;
  padding: 2rem 2.5rem;
}

.ci-title a {
  text-decoration: none;
}

.ci-label {
  background: #f00;
  border-radius: 5px;
  color: #fff;
  font-size: 1.4rem;
  line-height: 4.5rem;
  padding: 0.3rem 0.7rem;
  position: relative;
  top: -0.8rem;
}

.ci-img-container {
  flex: 1;
  margin-left: auto;
  max-width: 24.7rem;
  overflow: hidden;
}

.ci-img {
  display: block;
  max-width: none;
  min-height: 100%;
  min-width: 100%;
}

.ci-details {
  border-top: 1px solid #dadada;
  color: #868686;
  display: flex;
  flex-direction: column;
  font-size: 1.5rem;
  margin-top: auto;
  padding: 2rem 2.5rem;
}

@media screen and (min-width: 80em) {
  .ci-details {
    flex-direction: row;
    max-height: 6rem;
  }
}

.ci-details .ci-details-col {
  padding-left: 3rem;
  position: relative;
  flex: 1;
}

@media screen and (max-width: 80em) {
  .ci-details .ci-details-col {
    display: block;
    width: 100%;
  }

  .ci-details .ci-details-col:not(:last-child) {
    margin-bottom: 2rem;
  }
}

.ci-details .icon {
  fill: #868686;
  position: absolute;
  top: 0;
  left: 0;
}

.ci-details .icon-clock,
.ci-details .icon-user-avatar {
  width: 1.6rem;
}

.ci-details .icon-marker {
  width: 1.1rem;
}

.ci-side {
  background: #dadada;
  color: #000;
  position: relative;
  display: flex;
  flex-direction: row;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

@media screen and (max-width: 79.9375em) {
  .ci-side {
    flex-direction: column;
  }

  .ci-side a {
    height: 6rem;
    width: calc(100% - 180px);
  }

  .ci-side a:first-child,
  .ci-side a:last-child {
    width: 9rem;
  }
}

@media screen and (min-width: 80em) {
  .ci-side {
    border-radius: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 33rem;
    flex-direction: column;
  }

  .ci-side a {
    height: calc(100% - 140px);
  }

  .ci-side a:first-child,
  .ci-side a:last-child {
    height: 7rem;
  }
}

.bookmarks-list .ci-side {
  background: #f2f2f2;
}

.ci-side-content {
  display: flex;
  flex-direction: column;
  padding: 1.8rem 1rem 0.8rem 2rem;
}

.ci-side-content .input-number-increment::before {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8.4 4.65"><path d="M8.4, 3.6c0, 0.2-0.1, 0.4-0.2, 0.6c-0.3, 0.4-1, 0.5-1.4, 0.2l0, 0l-2.6-2l-2.6, 2C1.2, 4.8, 0.5, 4.7, 0.2, 4.2C-0.1, 3.8, 0, 3.2, 0.4, 2.8L4.2, 0L8, 2.8C8.3, 3, 8.4, 3.3, 8.4, 3.6z" fill="rgb(0,0,0)"/></svg>') center no-repeat;
  background-size: cover;
}

.ci-side-content .input-number-decrement::before {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8.4 4.65"><path d="M0, 1A1, 1, 0, 0, 1, 0.2.4, 1, 1, 0, 0, 1, 1.6.2l2.6, 2L6.8.2A1, 1, 0, 0, 1, 8, 1.8L4.2, 4.65.4, 1.8A1, 1, 0, 0, 1, 0, 1Z" fill="rgb(0,0,0)"/></svg>') center no-repeat;
  background-size: cover;
}

.ci-amount {
  font-size: 2rem;
}

.ci-amount input {
  display: inline-block;
  font-weight: 600;
  width: 5rem;
}

.ci-price {
  position: relative;
  margin-top: auto;
  align-self: flex-end;
  font-size: 3rem;
  font-weight: 600;
}

.ci-checkbox {
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

.cart-shop-items .ci-checkbox,
.bookmarks-list .ci-checkbox {
  display: none;
}

.ci-checkbox input[type="checkbox"] + label,
.ci-checkbox input[type="radio"] + label {
  font-size: 1.5rem;
  padding-left: 3rem;
}

.ci-checkbox input[type="checkbox"] + label::before,
.ci-checkbox input[type="radio"] + label::before {
  top: -1px;
}

.ci-actions {
  border-top: 1px solid #fff;
  display: flex;
  font-size: 1.5rem;
  margin-top: auto;
  padding: 2rem 1rem 2rem 2rem;
}

@media screen and (min-width: 80em) {
  .ci-actions {
    max-height: 6rem;
    min-height: 6rem;
  }
}

.ci-actions-item {
  background: none;
}

.ci-actions-item .icon {
  vertical-align: -3px;
}

.ci-actions-item .icon-trash {
  width: 1.3rem;
}

.ci-actions-addtobookmarks {
  margin-left: auto;
}

.bookmarks-list .ci-actions-addtobookmarks {
  display: none;
}

.ci-actions-addtobookmarks .icon {
  width: 1.6rem;
}

.ci-actions-addtocart {
  display: none;
  color: #f00;
  font-size: 2rem;
  font-weight: 600;
  margin-left: auto;
  height: 100%;
}

.bookmarks-list .ci-actions-addtocart {
  display: block;
}

.ci-btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: auto;
}

.checkout-item {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}

.checkout-item + .checkout-item {
  margin-top: 2rem;
}

@media screen and (min-width: 40em) {
  .coi-row {
    display: flex;
    justify-content: space-between;
  }
}

@media screen and (min-width: 48em) {
  .coi-row {
    height: 6rem;
  }
}

.coi-row.is-open {
  height: auto;
}

.coi-main {
  border-top: 1px solid #dadada;
  flex: 1;
}

@media screen and (min-width: 40em) {
  .coi-main {
    width: calc(100% - 330px);
  }
}

.coi-side {
  background: #dadada;
  color: #000;
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
}

@media screen and (max-width: 39.9375em) {
  .coi-side a {
    height: 6rem;
    width: calc(100% - 180px);
  }

  .coi-side a:first-child,
  .coi-side a:last-child {
    width: 9rem;
  }
}

@media screen and (min-width: 40em) {
  .coi-side {
    width: 33rem;
    flex-direction: column;
  }

  .coi-side a {
    height: calc(100% - 140px);
  }

  .coi-side a:first-child,
  .coi-side a:last-child {
    height: 7rem;
  }
}

@media screen and (min-width: 48em) {
  .coi-side {
    max-width: 33rem;
  }
}

.coi-side-item {
  border-top: 1px solid #fff;
  min-height: 6rem;
  padding: 1.6rem 2rem;
  text-align: center;
}

.coi-side-item .icon {
  fill: #2ecd2e;
}

.coi-side-item-btn {
  border-radius: 0;
}

.is-open .coi-side-item-btn {
  background: #868686;
  color: #fff;
}

.coi--has-success .coi-side-item-btn {
  background: #2ecd2e;
  color: #fff;
}

.coi-side-item-checked {
  display: none;
}

.coi-person--has-success .coi-side-item-checked {
  display: block;
}

.coi-side-item-edit {
  background: #dadada;
  color: #f00;
  font-weight: 600;
}

.coi-side-item-edit .icon {
  fill: #f00;
}

.coi-person.is-open .coi-side-item-edit {
  color: #868686;
  height: auto;
}

.coi-person.is-open .coi-side-item-edit .icon {
  fill: #868686;
}

.coi-person--has-success .coi-side-item-edit {
  display: none;
}

.coi-side-item-edit .icon {
  fill: #f00;
  margin-right: 0.5rem;
  vertical-align: middle;
  width: 1.7rem;
}

.coi-side-item-edit-info {
  flex: 1;
  display: none;
  flex-direction: column;
  justify-content: center;
  min-height: 6rem;
  padding: 1.6rem 2rem;
}

.coi-person--has-error .coi-side-item-edit-info {
  display: flex;
}

.coi-person--has-error .coi-side-item-edit-info:empty {
  display: none;
}

.coi-header {
  min-height: 14rem;
}

.coi-header .coi-main {
  border-top: none;
  display: flex;
  flex-direction: column;
  padding: 1.5rem 2rem;
  position: relative;
}

@media screen and (min-width: 64.0625em) {
  .coi-header .coi-main {
    padding-right: 16rem;
  }
}

.coi-header .coi-main .coi-info-text {
  margin-top: auto;
}

.coi-header .coi-main .coi-info-text .icon {
  fill: #868686;
  margin-right: 1rem;
  vertical-align: middle;
  width: 1.6rem;
}

.coi-header .coi-side {
  padding: 1.5rem 1.5rem 1.5rem 2rem;
}

.coi-title {
  font-size: 3rem;
  font-weight: 600;
}

.coi-title a {
  text-decoration: none;
}

.coi-label {
  background: #f00;
  border-radius: 5px;
  color: #fff;
  font-size: 1.4rem;
  line-height: 4.5rem;
  padding: 0.3rem 0.7rem;
  position: relative;
  top: -0.8rem;
}

.coi-pricing {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin-bottom: 2rem;
}

@media screen and (min-width: 48em) {
  .coi-pricing {
    flex-direction: row;
  }
}

.coi-amount {
  font-size: 2rem;
}

.coi-amount .input-number-label {
  margin-right: 1rem;
}

.coi-amount .input-number {
  display: flex;
  margin-bottom: 1rem;
}

.coi-amount .input-number input {
  font-weight: 600;
  margin-left: auto;
  width: 5rem;
}

.coi-amount .input-number-increment::before {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8.4 4.65"><path d="M8.4, 3.6c0, 0.2-0.1, 0.4-0.2, 0.6c-0.3, 0.4-1, 0.5-1.4, 0.2l0, 0l-2.6-2l-2.6, 2C1.2, 4.8, 0.5, 4.7, 0.2, 4.2C-0.1, 3.8, 0, 3.2, 0.4, 2.8L4.2, 0L8, 2.8C8.3, 3, 8.4, 3.3, 8.4, 3.6z" fill="rgb(0,0,0)"/></svg>') center no-repeat;
  background-size: cover;
}

.coi-amount .input-number-decrement::before {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8.4 4.65"><path d="M0, 1A1, 1, 0, 0, 1, 0.2.4, 1, 1, 0, 0, 1, 1.6.2l2.6, 2L6.8.2A1, 1, 0, 0, 1, 8, 1.8L4.2, 4.65.4, 1.8A1, 1, 0, 0, 1, 0, 1Z" fill="rgb(0,0,0)"/></svg>') center no-repeat;
  background-size: cover;
}

.coi-price {
  font-size: 3rem;
  font-weight: 600;
  position: relative;
}

.coi-price-reduced {
  font-size: 1.2rem;
  position: absolute;
  bottom: -1.2rem;
  right: 0;
}

.coi-details .coi-main {
  color: #868686;
  display: flex;
  font-size: 1.5rem;
  padding: 2rem;
  flex: inherit;
}

@media screen and (min-width: 64.0625em) {
  .coi-details .coi-main {
    flex: 1;
  }
}

.coi-details .coi-main .coi-details-col {
  padding-left: 3rem;
  position: relative;
  flex: 1;
}

@media screen and (max-width: 64em) {
  .coi-details .coi-main .coi-details-col {
    display: block;
    margin-bottom: 2rem;
    width: 100%;
  }
}

.coi-details .coi-main .icon {
  fill: #868686;
  position: absolute;
  top: 0;
  left: 0;
}

.coi-details .coi-main .icon-clock {
  width: 1.8rem;
}

.coi-details .coi-main .icon-marker {
  width: 1.1rem;
}

.coi-person {
  background: #fff;
  position: relative;
}

.coi-person.is-open {
  z-index: 500;
}

.coi-person .coi-side {
  text-align: center;
}

.coi-person-header {
  color: #000;
  cursor: pointer;
  display: flex;
  font-size: 2rem;
  font-weight: 600;
  padding: 1.7rem 2rem;
}

.coi-person-header .icon-arrow-rounded-small {
  margin-right: 1.8rem;
  width: 1.1rem;
  transform: translateY(5px) rotate(90deg);
  transform-origin: center right;
}

.coi-person-header .icon-arrow-rounded-small svg {
  stroke: #868686;
}

.coi-person-header .coi-content-item-delete {
  margin-left: auto;
}

.coi-person-header .icon-trash {
  fill: #868686;
  width: 1.5rem;
}

.coi-person-body {
  padding: 1.7rem 2rem;
}

.coi-add input[type="text"] {
  border: none;
  height: 100%;
  padding: 0 5rem;
}

.coi-add input[type="text"]::-webkit-input-placeholder {
  color: #868686;
  font-style: normal;
  font-weight: 600;
}

.coi-add input[type="text"]:-moz-placeholder {
  /* Firefox 18- */
  color: #868686;
  font-style: normal;
  font-weight: 600;
}

.coi-add input[type="text"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #868686;
  font-style: normal;
  font-weight: 600;
}

.coi-add input[type="text"]:-ms-input-placeholder {
  color: #868686;
  font-style: normal;
  font-weight: 600;
}

.coi-add .coi-main {
  border-bottom: none;
}

.coi-add .coi-side button {
  background: #868686;
  color: #fff;
  font-weight: 600;
}

.coi-add .coi-side button .icon {
  font-size: 3.2rem;
  font-weight: 400;
  line-height: 1;
  vertical-align: -6px;
}

.css-counter {
  counter-reset: person-counter;
  /* Set a counter named 'section', and it`s initial value is 0. */
}

.coi-person-counter::before {
  counter-increment: person-counter;
  /* Increment the value of section counter by 1 */
  content: counter(person-counter);
  /* Display the value of section counter */
}

.checkout-review-addresses {
  padding-left: 2rem;
  padding-bottom: 8rem;
}

.cra-title {
  display: inline-block;
  font-size: 2rem;
  margin-bottom: 2rem;
  margin-right: 1.2rem;
}

.cra-edit {
  color: #f00;
  font-weight: 600;
}

.cra-edit .icon {
  fill: #f00;
  margin-left: 0.5rem;
  width: 1.5rem;
}

.cra-details {
  line-height: 2rem;
}

.checkout-review-item {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}

.checkout-review-item + .checkout-review-item {
  margin-top: 2rem;
}

.cri-row {
  display: flex;
}

.cri-main {
  display: flex;
  flex: 1;
}

.cri-main .cri-info-text {
  margin-top: auto;
}

.cri-main .cri-info-text .icon {
  fill: #868686;
  margin-right: 1rem;
  vertical-align: middle;
  width: 1.6rem;
}

@media screen and (min-width: 40em) {
  .cri-main {
    width: calc(100% - 330px);
  }
}

@media screen and (min-width: 48em) {
  .shop-item .cri-main {
    padding-right: 16rem;
  }
}

.cri-img-container {
  height: 4rem;
}

.cri-side {
  background: #dadada;
  color: #000;
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  max-width: 33rem;
}

@media screen and (min-width: 40em) {
  .cri-side {
    width: 33rem;
    flex-direction: column;
  }
}

.cri-title {
  font-size: 2rem;
  font-weight: 600;
}

.cri-title a {
  display: block;
  padding: 1rem 2rem;
  text-decoration: none;
}

.cri-label {
  background: #f00;
  border-radius: 5px;
  color: #fff;
  font-size: 1.5rem;
  margin-left: 1rem;
  padding: 0.2rem 0.7rem;
  position: relative;
}

.cri-amount {
  padding: 1rem 1.5rem 1rem 2rem;
  margin-bottom: 2rem;
}

.cri-amount-item {
  margin-bottom: 0.5rem;
}

.cri-amount-item-label {
  font-weight: 600;
}

.cri-actions {
  border-top: 1px solid #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem 1rem 2rem;
}

.cri-actions .icon {
  fill: #868686;
  vertical-align: middle;
  width: 1.6rem;
}

.cri-actions .icon-pen {
  fill: #868686;
  margin-left: 2rem;
  width: 1.4rem;
}

.cri-price {
  font-size: 2rem;
  font-weight: 600;
  position: relative;
}

.cri-details {
  border-top: 1px solid #dadada;
  font-size: 1.5rem;
  flex: 1;
  padding: 1rem 2rem;
  position: relative;
}

.cri-details .icon {
  position: absolute;
  top: 1.2rem;
  left: 2rem;
  width: 1.6rem;
}

.cri-details-participants {
  padding-left: 3rem;
  padding-right: 3rem;
}

.cri-details-label {
  font-weight: 600;
}

.cc-link {
  color: #fff;
  font-weight: 600;
}

.cc-btn {
  border-radius: 10px;
}

.cc-btn:hover {
  text-decoration: none;
}

.likeButton {
  text-align: right;
  color: #f00;
  font-size: 1.5rem;
  font-weight: 600;
  margin-top: 10px;
  margin-left: auto;
  margin-bottom: 10px;
}

@media screen and (min-width: 48em) {
  .likeButton {
    padding-right: 1rem;
  }
}

@media screen and (min-width: 64.0625em) {
  .likeButton {
    padding-right: 2rem;
  }
}

.likeButton .icon {
  width: 3rem;
  margin-left: 0.7rem;
  vertical-align: middle;
}

.likeButton .order-group__save-saved-text {
  display: none;
}

.likeButton.is-active .icon-heart {
  display: inline-block;
}

.likeButton.is-active .icon-heart-outline {
  display: none;
}

.likeButton.is-active .order-group__save-save-text {
  display: none;
}

.likeButton.is-active .order-group__save-saved-text {
  display: inline-block;
}

.likeButton:not(.is-active) .icon-heart {
  display: none;
}

.likeButton:not(.is-active):hover {
  color: #d90000;
  text-decoration: none;
}

.likeButton:not(.is-active):hover .icon-heart-outline {
  display: none;
}

.likeButton:not(.is-active):hover .icon-heart {
  display: inline-block;
}

.likeButton2 {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  transition: box-shadow 0.2s ease-out;
}

.likeButton2.is-active .icon-heart {
  display: inline-block;
}

.likeButton2.is-active .icon-heart-outline {
  display: none;
}

.likeButton2.is-active .order-group__save-save-text {
  display: none;
}

.likeButton2.is-active .order-group__save-saved-text {
  display: inline-block;
}

.likeButton2:not(.is-active) .icon-heart {
  display: none;
}

.likeButton2:not(.is-active):hover .icon-heart-outline {
  display: none;
}

.likeButton2:not(.is-active):hover .icon-heart {
  display: inline-block;
}

.courseOverviewItem {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  transition: box-shadow 0.2s ease-out;
}

.courseOverviewItem:hover {
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}

@media screen and (min-width: 40em) {
  .courseOverviewItem {
    display: flex;
    justify-content: space-between;
  }
}

.courseOverviewItem + .courseOverviewItem {
  margin-top: 4rem;
}

@media screen and (min-width: 40em) {
  .courseOverviewItem__content {
    width: calc(100% - 125px);
  }
}

.courseOverviewItem__side {
  background: #868686;
  color: #fff;
  position: relative;
  display: flex;
}

.courseOverviewItem__side::after {
  content: '';
  position: absolute;
}

.courseOverviewItem__side a {
  color: inherit;
  text-align: center;
  position: relative;
}

.courseOverviewItem__side a span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.courseOverviewItem__side a:first-child {
  background: rgba(255, 255, 255, 0.5);
}

.courseOverviewItem__side a:last-child {
  background: rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 39.9375em) {
  .courseOverviewItem__side::after {
    height: 6px;
    width: 100%;
    top: -3px;
    left: 0;
    background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6"><circle cx="3" cy="3" r="3" fill="rgb(242,242,242)"/></svg>') center;
  }

  .courseOverviewItem__side a {
    height: 6rem;
    flex: 1;
  }

  .courseOverviewItem__side .like-button,
  .courseOverviewItem__side .courseOverviewItem__save,
  .courseOverviewItem__side .courseOverviewItem__tel,
  .courseOverviewItem__side .courseOverviewItem__cart {
    max-width: 9rem;
  }
}

@media screen and (min-width: 40em) {
  .courseOverviewItem__side {
    width: 12.5rem;
    flex-direction: column;
  }

  .courseOverviewItem__side::after {
    width: 6px;
    height: 100%;
    top: 0;
    left: -3px;
    background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 10"><circle cx="3" cy="3" r="3" fill="rgb(242,242,242)"/></svg>') center;
  }

  .courseOverviewItem__side a {
    flex: 1;
  }

  .courseOverviewItem__side .like-button,
  .courseOverviewItem__side .courseOverviewItem__save,
  .courseOverviewItem__side .courseOverviewItem__tel,
  .courseOverviewItem__side .courseOverviewItem__cart {
    max-height: 7rem;
  }
}

.courseOverviewItem__more,
.courseOverviewItem__waiting {
  font-size: 2rem;
  font-weight: 600;
}

.courseOverviewItem__waiting {
  font-size: 1.5rem;
}

.courseOverviewItem__save i,
.courseOverviewItem__tel i,
.courseOverviewItem__cart i {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

.courseOverviewItem__save {
  flex: 1;
}

.courseOverviewItem__save .icon {
  width: 3rem;
}

.courseOverviewItem__save.is-active .icon-heart {
  display: inline-block;
}

.courseOverviewItem__save.is-active .icon-heart-outline {
  display: none;
}

.courseOverviewItem__save.is-active .order-group__save-save-text {
  display: none;
}

.courseOverviewItem__save.is-active .order-group__save-saved-text {
  display: inline-block;
}

.courseOverviewItem__save:not(.is-active) .icon-heart {
  display: none;
}

.courseOverviewItem__save:not(.is-active):hover .icon-heart-outline {
  display: none;
}

.courseOverviewItem__save:not(.is-active):hover .icon-heart {
  display: inline-block;
}

.courseOverviewItem .icon-phone,
.courseOverviewItem .icon-bag {
  width: 2.2rem;
}

.courseOverviewItem .icon-bag svg {
  stroke-width: 2px;
}

.courseOverviewItem--basisbildung-und-bildungsabschlusse .courseOverviewItem__side {
  background: #d9861c;
}

.courseOverviewItem--basisbildung-und-bildungsabschlusse .courseOverviewItem__save {
  background: #efc185;
  transition: all 0.4s;
}

.courseOverviewItem--basisbildung-und-bildungsabschlusse .courseOverviewItem__save:hover {
  background: #e3b77f;
  text-decoration: none;
}

.courseOverviewItem--basisbildung-und-bildungsabschlusse .courseOverviewItem__save:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #e3b77f;
  text-decoration: none;
}

.courseOverviewItem--basisbildung-und-bildungsabschlusse .courseOverviewItem__wating {
  background: #ac6a16;
  transition: all 0.4s;
}

.courseOverviewItem--basisbildung-und-bildungsabschlusse .courseOverviewItem__wating:hover {
  background: #633d0d;
  text-decoration: none;
}

.courseOverviewItem--basisbildung-und-bildungsabschlusse .courseOverviewItem__wating:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #633d0d;
  text-decoration: none;
}

.courseOverviewItem--basisbildung-und-bildungsabschlusse .courseOverviewItem__more {
  transition: all 0.4s;
}

.courseOverviewItem--basisbildung-und-bildungsabschlusse .courseOverviewItem__more:hover {
  background: #ce7f1b;
  text-decoration: none;
}

.courseOverviewItem--basisbildung-und-bildungsabschlusse .courseOverviewItem__more:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #ce7f1b;
  text-decoration: none;
}

.courseOverviewItem--computer-internet-und-multimedia .courseOverviewItem__side {
  background: #837bad;
}

.courseOverviewItem--computer-internet-und-multimedia .courseOverviewItem__save {
  background: #cdcade;
  transition: all 0.4s;
}

.courseOverviewItem--computer-internet-und-multimedia .courseOverviewItem__save:hover {
  background: #c3c0d3;
  text-decoration: none;
}

.courseOverviewItem--computer-internet-und-multimedia .courseOverviewItem__save:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #c3c0d3;
  text-decoration: none;
}

.courseOverviewItem--computer-internet-und-multimedia .courseOverviewItem__wating {
  background: #675e97;
  transition: all 0.4s;
}

.courseOverviewItem--computer-internet-und-multimedia .courseOverviewItem__wating:hover {
  background: #433d63;
  text-decoration: none;
}

.courseOverviewItem--computer-internet-und-multimedia .courseOverviewItem__wating:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #433d63;
  text-decoration: none;
}

.courseOverviewItem--computer-internet-und-multimedia .courseOverviewItem__more {
  transition: all 0.4s;
}

.courseOverviewItem--computer-internet-und-multimedia .courseOverviewItem__more:hover {
  background: #7c75a4;
  text-decoration: none;
}

.courseOverviewItem--computer-internet-und-multimedia .courseOverviewItem__more:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #7c75a4;
  text-decoration: none;
}

.courseOverviewItem--elementarpadagogik .courseOverviewItem__side {
  background: #8a285e;
}

.courseOverviewItem--elementarpadagogik .courseOverviewItem__save {
  background: #d1609e;
  transition: all 0.4s;
}

.courseOverviewItem--elementarpadagogik .courseOverviewItem__save:hover {
  background: #c75c97;
  text-decoration: none;
}

.courseOverviewItem--elementarpadagogik .courseOverviewItem__save:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #c75c97;
  text-decoration: none;
}

.courseOverviewItem--elementarpadagogik .courseOverviewItem__wating {
  background: #621d43;
  transition: all 0.4s;
}

.courseOverviewItem--elementarpadagogik .courseOverviewItem__wating:hover {
  background: #250b19;
  text-decoration: none;
}

.courseOverviewItem--elementarpadagogik .courseOverviewItem__wating:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #250b19;
  text-decoration: none;
}

.courseOverviewItem--elementarpadagogik .courseOverviewItem__more {
  transition: all 0.4s;
}

.courseOverviewItem--elementarpadagogik .courseOverviewItem__more:hover {
  background: #832659;
  text-decoration: none;
}

.courseOverviewItem--elementarpadagogik .courseOverviewItem__more:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #832659;
  text-decoration: none;
}

.courseOverviewItem--gesundheit-und-bewegung .courseOverviewItem__side {
  background: #acc435;
}

.courseOverviewItem--gesundheit-und-bewegung .courseOverviewItem__save {
  background: #d6e396;
  transition: all 0.4s;
}

.courseOverviewItem--gesundheit-und-bewegung .courseOverviewItem__save:hover {
  background: #cbd78e;
  text-decoration: none;
}

.courseOverviewItem--gesundheit-und-bewegung .courseOverviewItem__save:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #cbd78e;
  text-decoration: none;
}

.courseOverviewItem--gesundheit-und-bewegung .courseOverviewItem__wating {
  background: #899c2a;
  transition: all 0.4s;
}

.courseOverviewItem--gesundheit-und-bewegung .courseOverviewItem__wating:hover {
  background: #505b19;
  text-decoration: none;
}

.courseOverviewItem--gesundheit-und-bewegung .courseOverviewItem__wating:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #505b19;
  text-decoration: none;
}

.courseOverviewItem--gesundheit-und-bewegung .courseOverviewItem__more {
  transition: all 0.4s;
}

.courseOverviewItem--gesundheit-und-bewegung .courseOverviewItem__more:hover {
  background: #a3ba32;
  text-decoration: none;
}

.courseOverviewItem--gesundheit-und-bewegung .courseOverviewItem__more:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #a3ba32;
  text-decoration: none;
}

.courseOverviewItem--interne-weiterbildung .courseOverviewItem__side {
  background: #666666;
}

.courseOverviewItem--interne-weiterbildung .courseOverviewItem__save {
  background: #a6a6a6;
  transition: all 0.4s;
}

.courseOverviewItem--interne-weiterbildung .courseOverviewItem__save:hover {
  background: #9d9d9d;
  text-decoration: none;
}

.courseOverviewItem--interne-weiterbildung .courseOverviewItem__save:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #9d9d9d;
  text-decoration: none;
}

.courseOverviewItem--interne-weiterbildung .courseOverviewItem__wating {
  background: #4d4c4c;
  transition: all 0.4s;
}

.courseOverviewItem--interne-weiterbildung .courseOverviewItem__wating:hover {
  background: #242424;
  text-decoration: none;
}

.courseOverviewItem--interne-weiterbildung .courseOverviewItem__wating:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #242424;
  text-decoration: none;
}

.courseOverviewItem--interne-weiterbildung .courseOverviewItem__more {
  transition: all 0.4s;
}

.courseOverviewItem--interne-weiterbildung .courseOverviewItem__more:hover {
  background: #616161;
  text-decoration: none;
}

.courseOverviewItem--interne-weiterbildung .courseOverviewItem__more:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #616161;
  text-decoration: none;
}

.courseOverviewItem--kinder .courseOverviewItem__side {
  background: #98bae4;
}

.courseOverviewItem--kinder .courseOverviewItem__save {
  background: #fdfefe;
  transition: all 0.4s;
}

.courseOverviewItem--kinder .courseOverviewItem__save:hover {
  background: #f0f1f2;
  text-decoration: none;
}

.courseOverviewItem--kinder .courseOverviewItem__save:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #f0f1f2;
  text-decoration: none;
}

.courseOverviewItem--kinder .courseOverviewItem__wating {
  background: #709fd9;
  transition: all 0.4s;
}

.courseOverviewItem--kinder .courseOverviewItem__wating:hover {
  background: #3271be;
  text-decoration: none;
}

.courseOverviewItem--kinder .courseOverviewItem__wating:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #3271be;
  text-decoration: none;
}

.courseOverviewItem--kinder .courseOverviewItem__more {
  transition: all 0.4s;
}

.courseOverviewItem--kinder .courseOverviewItem__more:hover {
  background: #90b1d9;
  text-decoration: none;
}

.courseOverviewItem--kinder .courseOverviewItem__more:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #90b1d9;
  text-decoration: none;
}

.courseOverviewItem--kinder-und-eltern .courseOverviewItem__side {
  background: #98bae4;
}

.courseOverviewItem--kinder-und-eltern .courseOverviewItem__save {
  background: #fdfefe;
  transition: all 0.4s;
}

.courseOverviewItem--kinder-und-eltern .courseOverviewItem__save:hover {
  background: #f0f1f2;
  text-decoration: none;
}

.courseOverviewItem--kinder-und-eltern .courseOverviewItem__save:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #f0f1f2;
  text-decoration: none;
}

.courseOverviewItem--kinder-und-eltern .courseOverviewItem__wating {
  background: #709fd9;
  transition: all 0.4s;
}

.courseOverviewItem--kinder-und-eltern .courseOverviewItem__wating:hover {
  background: #3271be;
  text-decoration: none;
}

.courseOverviewItem--kinder-und-eltern .courseOverviewItem__wating:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #3271be;
  text-decoration: none;
}

.courseOverviewItem--kinder-und-eltern .courseOverviewItem__more {
  transition: all 0.4s;
}

.courseOverviewItem--kinder-und-eltern .courseOverviewItem__more:hover {
  background: #90b1d9;
  text-decoration: none;
}

.courseOverviewItem--kinder-und-eltern .courseOverviewItem__more:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #90b1d9;
  text-decoration: none;
}

.courseOverviewItem--kunst-kreativitat-und-handwerk .courseOverviewItem__side {
  background: #5b2573;
}

.courseOverviewItem--kunst-kreativitat-und-handwerk .courseOverviewItem__save {
  background: #a251c7;
  transition: all 0.4s;
}

.courseOverviewItem--kunst-kreativitat-und-handwerk .courseOverviewItem__save:hover {
  background: #9a4dbd;
  text-decoration: none;
}

.courseOverviewItem--kunst-kreativitat-und-handwerk .courseOverviewItem__save:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #9a4dbd;
  text-decoration: none;
}

.courseOverviewItem--kunst-kreativitat-und-handwerk .courseOverviewItem__wating {
  background: #3c194c;
  transition: all 0.4s;
}

.courseOverviewItem--kunst-kreativitat-und-handwerk .courseOverviewItem__wating:hover {
  background: #0e0612;
  text-decoration: none;
}

.courseOverviewItem--kunst-kreativitat-und-handwerk .courseOverviewItem__wating:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #0e0612;
  text-decoration: none;
}

.courseOverviewItem--kunst-kreativitat-und-handwerk .courseOverviewItem__more {
  transition: all 0.4s;
}

.courseOverviewItem--kunst-kreativitat-und-handwerk .courseOverviewItem__more:hover {
  background: #56236d;
  text-decoration: none;
}

.courseOverviewItem--kunst-kreativitat-und-handwerk .courseOverviewItem__more:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #56236d;
  text-decoration: none;
}

.courseOverviewItem--lernforderung .courseOverviewItem__side {
  background: #d26d99;
}

.courseOverviewItem--lernforderung .courseOverviewItem__save {
  background: #f0cedd;
  transition: all 0.4s;
}

.courseOverviewItem--lernforderung .courseOverviewItem__save:hover {
  background: #e4c4d2;
  text-decoration: none;
}

.courseOverviewItem--lernforderung .courseOverviewItem__save:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #e4c4d2;
  text-decoration: none;
}

.courseOverviewItem--lernforderung .courseOverviewItem__wating {
  background: #c6467e;
  transition: all 0.4s;
}

.courseOverviewItem--lernforderung .courseOverviewItem__wating:hover {
  background: #8b2b55;
  text-decoration: none;
}

.courseOverviewItem--lernforderung .courseOverviewItem__wating:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #8b2b55;
  text-decoration: none;
}

.courseOverviewItem--lernforderung .courseOverviewItem__more {
  transition: all 0.4s;
}

.courseOverviewItem--lernforderung .courseOverviewItem__more:hover {
  background: #c86891;
  text-decoration: none;
}

.courseOverviewItem--lernforderung .courseOverviewItem__more:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #c86891;
  text-decoration: none;
}

.courseOverviewItem--naturwissenschaften-und-technik .courseOverviewItem__side {
  background: #75ad40;
}

.courseOverviewItem--naturwissenschaften-und-technik .courseOverviewItem__save {
  background: #b5d895;
  transition: all 0.4s;
}

.courseOverviewItem--naturwissenschaften-und-technik .courseOverviewItem__save:hover {
  background: #accd8d;
  text-decoration: none;
}

.courseOverviewItem--naturwissenschaften-und-technik .courseOverviewItem__save:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #accd8d;
  text-decoration: none;
}

.courseOverviewItem--naturwissenschaften-und-technik .courseOverviewItem__wating {
  background: #5c8832;
  transition: all 0.4s;
}

.courseOverviewItem--naturwissenschaften-und-technik .courseOverviewItem__wating:hover {
  background: #334c1c;
  text-decoration: none;
}

.courseOverviewItem--naturwissenschaften-und-technik .courseOverviewItem__wating:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #334c1c;
  text-decoration: none;
}

.courseOverviewItem--naturwissenschaften-und-technik .courseOverviewItem__more {
  transition: all 0.4s;
}

.courseOverviewItem--naturwissenschaften-und-technik .courseOverviewItem__more:hover {
  background: #6fa43d;
  text-decoration: none;
}

.courseOverviewItem--naturwissenschaften-und-technik .courseOverviewItem__more:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #6fa43d;
  text-decoration: none;
}

.courseOverviewItem--personlichkeitsentwicklung .courseOverviewItem__side {
  background: #5a80a5;
}

.courseOverviewItem--personlichkeitsentwicklung .courseOverviewItem__save {
  background: #adc0d2;
  transition: all 0.4s;
}

.courseOverviewItem--personlichkeitsentwicklung .courseOverviewItem__save:hover {
  background: #a4b6c8;
  text-decoration: none;
}

.courseOverviewItem--personlichkeitsentwicklung .courseOverviewItem__save:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #a4b6c8;
  text-decoration: none;
}

.courseOverviewItem--personlichkeitsentwicklung .courseOverviewItem__wating {
  background: #486684;
  transition: all 0.4s;
}

.courseOverviewItem--personlichkeitsentwicklung .courseOverviewItem__wating:hover {
  background: #2b3d4e;
  text-decoration: none;
}

.courseOverviewItem--personlichkeitsentwicklung .courseOverviewItem__wating:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #2b3d4e;
  text-decoration: none;
}

.courseOverviewItem--personlichkeitsentwicklung .courseOverviewItem__more {
  transition: all 0.4s;
}

.courseOverviewItem--personlichkeitsentwicklung .courseOverviewItem__more:hover {
  background: #567a9d;
  text-decoration: none;
}

.courseOverviewItem--personlichkeitsentwicklung .courseOverviewItem__more:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #567a9d;
  text-decoration: none;
}

.courseOverviewItem--politik-und-gesellschaft .courseOverviewItem__side {
  background: #9b2524;
}

.courseOverviewItem--politik-und-gesellschaft .courseOverviewItem__save {
  background: #db6564;
  transition: all 0.4s;
}

.courseOverviewItem--politik-und-gesellschaft .courseOverviewItem__save:hover {
  background: #d0605f;
  text-decoration: none;
}

.courseOverviewItem--politik-und-gesellschaft .courseOverviewItem__save:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #d0605f;
  text-decoration: none;
}

.courseOverviewItem--politik-und-gesellschaft .courseOverviewItem__wating {
  background: #721b1a;
  transition: all 0.4s;
}

.courseOverviewItem--politik-und-gesellschaft .courseOverviewItem__wating:hover {
  background: #310c0b;
  text-decoration: none;
}

.courseOverviewItem--politik-und-gesellschaft .courseOverviewItem__wating:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #310c0b;
  text-decoration: none;
}

.courseOverviewItem--politik-und-gesellschaft .courseOverviewItem__more {
  transition: all 0.4s;
}

.courseOverviewItem--politik-und-gesellschaft .courseOverviewItem__more:hover {
  background: #932322;
  text-decoration: none;
}

.courseOverviewItem--politik-und-gesellschaft .courseOverviewItem__more:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #932322;
  text-decoration: none;
}

.courseOverviewItem--science .courseOverviewItem__side {
  background: #dcdc40;
}

.courseOverviewItem--science .courseOverviewItem__save {
  background: #f0f0ac;
  transition: all 0.4s;
}

.courseOverviewItem--science .courseOverviewItem__save:hover {
  background: #e4e4a3;
  text-decoration: none;
}

.courseOverviewItem--science .courseOverviewItem__save:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #e4e4a3;
  text-decoration: none;
}

.courseOverviewItem--science .courseOverviewItem__wating {
  background: #c5c524;
  transition: all 0.4s;
}

.courseOverviewItem--science .courseOverviewItem__wating:hover {
  background: #7e7e17;
  text-decoration: none;
}

.courseOverviewItem--science .courseOverviewItem__wating:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #7e7e17;
  text-decoration: none;
}

.courseOverviewItem--science .courseOverviewItem__more {
  transition: all 0.4s;
}

.courseOverviewItem--science .courseOverviewItem__more:hover {
  background: #d1d13d;
  text-decoration: none;
}

.courseOverviewItem--science .courseOverviewItem__more:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #d1d13d;
  text-decoration: none;
}

.courseOverviewItem--sprachen .courseOverviewItem__side {
  background: #c4007a;
}

.courseOverviewItem--sprachen .courseOverviewItem__save {
  background: #ff45b9;
  transition: all 0.4s;
}

.courseOverviewItem--sprachen .courseOverviewItem__save:hover {
  background: #f241af;
  text-decoration: none;
}

.courseOverviewItem--sprachen .courseOverviewItem__save:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #f241af;
  text-decoration: none;
}

.courseOverviewItem--sprachen .courseOverviewItem__wating {
  background: #91005a;
  transition: all 0.4s;
}

.courseOverviewItem--sprachen .courseOverviewItem__wating:hover {
  background: #410029;
  text-decoration: none;
}

.courseOverviewItem--sprachen .courseOverviewItem__wating:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #410029;
  text-decoration: none;
}

.courseOverviewItem--sprachen .courseOverviewItem__more {
  transition: all 0.4s;
}

.courseOverviewItem--sprachen .courseOverviewItem__more:hover {
  background: #ba0074;
  text-decoration: none;
}

.courseOverviewItem--sprachen .courseOverviewItem__more:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #ba0074;
  text-decoration: none;
}

.courseOverviewItem--vhs-gratis-lernhilfe .courseOverviewItem__side {
  background: #eab818;
}

.courseOverviewItem--vhs-gratis-lernhilfe .courseOverviewItem__save {
  background: #f5dc8d;
  transition: all 0.4s;
}

.courseOverviewItem--vhs-gratis-lernhilfe .courseOverviewItem__save:hover {
  background: #e8d186;
  text-decoration: none;
}

.courseOverviewItem--vhs-gratis-lernhilfe .courseOverviewItem__save:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #e8d186;
  text-decoration: none;
}

.courseOverviewItem--vhs-gratis-lernhilfe .courseOverviewItem__wating {
  background: #be9511;
  transition: all 0.4s;
}

.courseOverviewItem--vhs-gratis-lernhilfe .courseOverviewItem__wating:hover {
  background: #72590a;
  text-decoration: none;
}

.courseOverviewItem--vhs-gratis-lernhilfe .courseOverviewItem__wating:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #72590a;
  text-decoration: none;
}

.courseOverviewItem--vhs-gratis-lernhilfe .courseOverviewItem__more {
  transition: all 0.4s;
}

.courseOverviewItem--vhs-gratis-lernhilfe .courseOverviewItem__more:hover {
  background: #deaf17;
  text-decoration: none;
}

.courseOverviewItem--vhs-gratis-lernhilfe .courseOverviewItem__more:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #deaf17;
  text-decoration: none;
}

.courseOverviewItem--wirtschaft-und-management .courseOverviewItem__side {
  background: #2c517f;
}

.courseOverviewItem--wirtschaft-und-management .courseOverviewItem__save {
  background: #6290c9;
  transition: all 0.4s;
}

.courseOverviewItem--wirtschaft-und-management .courseOverviewItem__save:hover {
  background: #5d89bf;
  text-decoration: none;
}

.courseOverviewItem--wirtschaft-und-management .courseOverviewItem__save:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #5d89bf;
  text-decoration: none;
}

.courseOverviewItem--wirtschaft-und-management .courseOverviewItem__wating {
  background: #1f3959;
  transition: all 0.4s;
}

.courseOverviewItem--wirtschaft-und-management .courseOverviewItem__wating:hover {
  background: #0b141f;
  text-decoration: none;
}

.courseOverviewItem--wirtschaft-und-management .courseOverviewItem__wating:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #0b141f;
  text-decoration: none;
}

.courseOverviewItem--wirtschaft-und-management .courseOverviewItem__more {
  transition: all 0.4s;
}

.courseOverviewItem--wirtschaft-und-management .courseOverviewItem__more:hover {
  background: #2a4d79;
  text-decoration: none;
}

.courseOverviewItem--wirtschaft-und-management .courseOverviewItem__more:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #2a4d79;
  text-decoration: none;
}

.courseOverviewItem--lai .courseOverviewItem__side {
  background: #2ea341;
}

.courseOverviewItem--lai .courseOverviewItem__save {
  background: #78d987;
  transition: all 0.4s;
}

.courseOverviewItem--lai .courseOverviewItem__save:hover {
  background: #72ce81;
  text-decoration: none;
}

.courseOverviewItem--lai .courseOverviewItem__save:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #72ce81;
  text-decoration: none;
}

.courseOverviewItem--lai .courseOverviewItem__wating {
  background: #237b31;
  transition: all 0.4s;
}

.courseOverviewItem--lai .courseOverviewItem__wating:hover {
  background: #113c18;
  text-decoration: none;
}

.courseOverviewItem--lai .courseOverviewItem__wating:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #113c18;
  text-decoration: none;
}

.courseOverviewItem--lai .courseOverviewItem__more {
  transition: all 0.4s;
}

.courseOverviewItem--lai .courseOverviewItem__more:hover {
  background: #2c9b3e;
  text-decoration: none;
}

.courseOverviewItem--lai .courseOverviewItem__more:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #2c9b3e;
  text-decoration: none;
}

.courseOverviewItem--kinder-und-eltern .courseOverviewItem__side {
  background: #98bae4;
}

.courseOverviewItem--kinder-und-eltern .courseOverviewItem__save {
  background: #c0d5ef;
  transition: all 0.4s;
}

.courseOverviewItem--kinder-und-eltern .courseOverviewItem__save:hover {
  background: #b7cae3;
  text-decoration: none;
}

.courseOverviewItem--kinder-und-eltern .courseOverviewItem__save:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #b7cae3;
  text-decoration: none;
}

.courseOverviewItem--kinder-und-eltern .courseOverviewItem__wating {
  background: #709fd9;
  transition: all 0.4s;
}

.courseOverviewItem--kinder-und-eltern .courseOverviewItem__wating:hover {
  background: #6a97cf;
  text-decoration: none;
}

.courseOverviewItem--kinder-und-eltern .courseOverviewItem__wating:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #6a97cf;
  text-decoration: none;
}

.courseOverviewItem--kinder-und-eltern .courseOverviewItem__more {
  transition: all 0.4s;
}

.courseOverviewItem--kinder-und-eltern .courseOverviewItem__more:hover {
  background: #90b1d9;
  text-decoration: none;
}

.courseOverviewItem--kinder-und-eltern .courseOverviewItem__more:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #90b1d9;
  text-decoration: none;
}

.courseOverviewItem__content {
  padding: 3rem 2.5rem 2.5rem;
}

.courseOverviewItem header {
  position: relative;
  margin-bottom: 4.5rem;
}

@media screen and (min-width: 48em) {
  .courseOverviewItem header {
    padding-right: 16rem;
  }
}

.courseOverviewItem__title {
  font-size: 2.5rem;
  font-weight: 600;
  word-wrap: break-word;
}

@media screen and (min-width: 48em) {
  .courseOverviewItem__title {
    font-size: 4rem;
  }
}

.courseOverviewItem__title a {
  text-decoration: none;
}

.courseOverviewItem__subtitle {
  font-size: 1.5rem;
  font-weight: 600;
  margin-top: 0.5rem;
}

@media screen and (min-width: 48em) {
  .courseOverviewItem__subtitle {
    font-size: 2rem;
  }
}

.courseOverviewItem__subtitle + .courseOverviewItem__price {
  margin-top: 1rem;
}

.courseOverviewItem__price {
  position: relative;
  font-size: 2.5rem;
  font-weight: 600;
  margin-top: 1rem;
}

@media screen and (min-width: 48em) {
  .courseOverviewItem__price {
    font-size: 3rem;
    margin-left: 2rem;
    margin-top: 0;
    position: absolute;
    top: 0;
    right: 0;
  }
}

.courseOverviewItem__availibility {
  position: absolute;
  top: 0;
  left: -1rem;
  bottom: 0;
  margin: auto;
  transform: translateX(-100%);
  width: 1.3rem;
  height: 1.3rem;
  border-radius: 100%;
  background: #fc3;
  text-indent: -333em;
  cursor: help;
}

.courseOverviewItem__availibility.active::before,
.courseOverviewItem__availibility:hover::before {
  content: attr(data-text);
  display: block;
  background: #fff;
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  border-radius: 1rem;
  position: absolute;
  top: -1.3rem;
  left: 50%;
  transform: translate(-50%, -100%);
  text-indent: 0;
  font-size: 1.4rem;
  padding: 1rem 1.5rem;
  white-space: nowrap;
}

.courseOverviewItem__availibility.active::after,
.courseOverviewItem__availibility:hover::after {
  content: '';
  display: block;
  position: absolute;
  top: -0.5rem;
  left: 50%;
  transform: translate(-50%, -100%);
  border-top: 0.8rem solid #fff;
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
  border-radius: 0.4rem;
}

.courseOverviewItem__details {
  font-size: 1.5rem;
}

@media screen and (min-width: 48em) {
  .courseOverviewItem__details {
    font-size: 2rem;
  }
}

.courseOverviewItem__details td {
  padding-left: 3rem;
  position: relative;
  width: 50%;
}

.courseOverviewItem__details .icon {
  fill: #868686;
  position: absolute;
  top: 0.6rem;
  left: 0;
}

.courseOverviewItem__details .icon-clock,
.courseOverviewItem__details .icon-user-avatar {
  width: 1.6rem;
}

.courseOverviewItem__details .icon-marker {
  width: 1.1rem;
}

@media screen and (max-width: 64em) {
  .courseOverviewItem__details table,
  .courseOverviewItem__details tr,
  .courseOverviewItem__details td {
    display: block;
  }

  .courseOverviewItem__details td {
    margin-bottom: 2rem;
    width: 100%;
  }
}

.courseOverviewItem__info {
  border-top: 1px solid #e6e6e6;
  margin-left: -2.5rem;
  margin-right: -2.5rem;
  padding: 2.5rem 2.5rem 0;
  font-size: 1.5rem;
}

.courseOverviewItem__info p {
  font-size: inherit;
  padding: 0 2.5rem;
  position: relative;
}

.courseOverviewItem__info .icon {
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (min-width: 48em) {
  .courseOverviewItem__info {
    display: flex;
  }

  .courseOverviewItem__info p {
    width: 50%;
    margin: 0;
  }

  .courseOverviewItem__info p:first-child:last-child {
    width: 100%;
  }
}

.courseOverviewItem__status .icon {
  fill: #868686;
  width: 1.6rem;
  top: 0.2rem;
}

.courseOverviewItem__status--started {
  font-weight: 600;
}

.courseOverviewItem__status--started .icon {
  fill: #ea2727;
}

.courseOverviewItem__ad {
  position: relative;
  cursor: help;
}

.courseOverviewItem__ad .icon {
  fill: #868686;
  width: 1.4rem;
}

.courseOverviewItem__ad::before {
  content: '';
  display: block;
  position: absolute;
  top: -1rem;
  left: -1rem;
  right: -1rem;
  bottom: -1rem;
  background: transparent;
}

.courseOverviewItem__ad:hover .courseOverviewItem__ad__tooltip {
  height: auto;
  opacity: 1;
}

.courseOverviewItem__ad__tooltip {
  background: #fff;
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  border-radius: 1rem;
  position: absolute;
  top: -1.3rem;
  left: 50%;
  transform: translate(-50%, -100%);
  width: 30rem;
  text-indent: 0;
  font-size: 1.4rem;
  padding: 1rem 1.5rem;
  height: 0;
  opacity: 0;
}

.courseOverviewItem__ad__tooltip::after {
  content: '';
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-top: 0.8rem solid #fff;
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
  border-radius: 0.4rem;
}

.courseOverviewItem--lai .courseOverviewItem__content .page-title__extra {
  background-color: #2ea341;
}

.courseOverviewItem--lai .courseOverviewItem__content .courseOverviewItem__details a {
  color: #2ea341;
}

.courseOverviewItem--lai .courseOverviewItem__side .like-button,
.courseOverviewItem--lai .courseOverviewItem__side .courseOverviewItem__save,
.courseOverviewItem--lai .courseOverviewItem__side .courseOverviewItem__more,
.courseOverviewItem--lai .courseOverviewItem__side .courseOverviewItem__cart {
  color: #fff !important;
}

.courseDetail-info {
  padding: 2.5rem;
  border-radius: 1rem;
  background: #fff;
  margin-bottom: 3rem;
}

.courseDetail-info__item {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  font-size: 16px;
}

@media screen and (min-width: 768px) {
  .courseDetail-info__item {
    font-size: calc(16px + 4 * (100vw - 768px) / 632);
  }
}

@media screen and (min-width: 1400px) {
  .courseDetail-info__item {
    font-size: 20px;
  }
}

.courseDetail-info__item--courseNr {
  margin-top: 3rem;
}

.courseDetail-info__item--courseNr,
.courseDetail-info__item--duration {
  font-size: 1.5rem;
}

.courseDetail-info__text {
  flex: 1;
}

.courseDetail-info .icon {
  fill: #868686;
  margin-right: 1rem;
}

.courseDetail-info .icon-vhs,
.courseDetail-info .icon-clock,
.courseDetail-info .icon-user-avatar,
.courseDetail-info .icon-niveau {
  flex-basis: 1.6rem;
  max-width: 1.6rem;
}

.courseDetail-info .icon-participants {
  flex-basis: 2.6rem;
  max-width: 2.6rem;
}

.courseDetail-info .icon-marker {
  flex-basis: 1.6rem;
  max-width: 1.6rem;
}

.courseDetail-info .icon-hash {
  flex-basis: 1.1rem;
  max-width: 1.1rem;
}

.courseDetail-info .icon-course_duration {
  flex-basis: 1.4rem;
  max-width: 1.4rem;
}

@media screen and (min-width: 48em) {
  .courseDetail-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 6rem;
  }

  .courseDetail-info .courseDetail-info__item {
    width: calc(50% - 20px);
  }

  .courseDetail-info .courseDetail-info__item--organizer {
    order: 1;
  }

  .courseDetail-info .courseDetail-info__item--instructor {
    order: 3;
  }

  .courseDetail-info .courseDetail-info__item--niveau {
    order: 2;
  }

  .courseDetail-info .courseDetail-info__item--niveau .icon {
    margin-right: 1rem;
  }

  .courseDetail-info .courseDetail-info__item--participants {
    order: 4;
  }

  .courseDetail-info .courseDetail-info__item--location {
    order: 5;
  }

  .courseDetail-info .courseDetail-info__item--location .icon {
    flex-basis: 1.3rem;
    max-width: 1.3rem;
    min-width: 1.3rem;
  }

  .courseDetail-info .courseDetail-info__item--placeholder {
    order: 6;
  }

  .courseDetail-info .courseDetail-info__item--teilnehmer {
    order: 7;
  }

  .courseDetail-info .courseDetail-info__item--courseNr {
    order: 8;
  }

  .courseDetail-info .courseDetail-info__item--duration {
    order: 9;
  }

  .courseDetail-info .courseDetail-info__item--courseNr,
  .courseDetail-info .courseDetail-info__item--duration {
    margin-top: 2.8rem;
    margin-bottom: 0;
  }
}

@media print {
  .courseDetail-info {
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    border-radius: 0;
    padding: 1rem 0;
  }
}

.page-lai .courseDetail-info .courseDetail-info__item a {
  color: #2ea341;
}

.course-slider-item {
  height: 100%;
}

.course-slider-item-inner {
  width: 96%;
}

@media screen and (min-width: 48.0625em) {
  .course-slider-item-inner {
    width: 100%;
  }
}

.csi-footer-bookmark {
  border-bottom-left-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 8rem;
  text-align: center;
}

.csi-footer-bookmark .icon {
  width: 3.1rem;
}

.csi-footer-bookmark.is-active .icon-heart {
  display: inline-block;
}

.csi-footer-bookmark.is-active .icon-heart-outline {
  display: none;
}

.csi-footer-bookmark:not(.is-active) .icon-heart {
  display: none;
}

.csi-footer-bookmark:not(.is-active):hover .icon-heart-outline {
  display: none;
}

.csi-footer-bookmark:not(.is-active):hover .icon-heart {
  display: inline-block;
}

.csi-footer-bookmark svg {
  fill: #fff;
}

.csi-footer-bookmark:hover .csi-footer-bookmark-tooltip {
  height: auto;
  opacity: 1;
}

.csi-footer-bookmark-tooltip {
  background: #fff;
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  border-radius: 1rem;
  position: absolute;
  top: -1.3rem;
  left: 50%;
  transform: translate(-50%, -100%);
  width: 30rem;
  text-indent: 0;
  font-size: 1.4rem;
  padding: 1rem 1.5rem;
  height: 0;
  opacity: 0;
}

.csi-footer-bookmark-tooltip::after {
  content: '';
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-top: 0.8rem solid #fff;
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
  border-radius: 0.4rem;
}

.csi-link {
  background: none;
  border-radius: 0;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  font-size: 2rem;
  padding: 0.5em;
  text-align: center;
}

.downloads-with-background {
  padding-top: 8rem;
  padding-bottom: 8rem;
  position: relative;
}

.downloads-with-background::before {
  content: "";
  background: #fff;
  border-radius: 10px;
  position: absolute;
  top: 3.2rem;
  bottom: 4.8rem;
  left: -2rem;
  right: -2rem;
  z-index: -1;
}

.download-item {
  color: #f00;
  display: flex;
  margin-bottom: 1.5rem;
}

.download-icon {
  display: flex;
  margin: 0 2.5rem;
}

.download-icon .icon {
  width: 2.4rem;
}

.download-text {
  font-size: 2rem;
}

.download-text-link {
  font-weight: 600;
}

.dropdown {
  position: relative;
  text-align: left;
}

.dropdown[data-state="open"] {
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}

.dd-toggle {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  cursor: pointer;
  padding: 0.5rem 1.4rem;
}

[data-state="open"] .dd-toggle {
  background: #000;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: #fff;
  fill: #fff;
}

.dd-toggle .icon {
  margin-left: auto;
  stroke-width: 2px;
  vertical-align: middle;
  width: 1rem;
}

.dd-toggle-arrow {
  transform: rotate(90deg);
  transform-origin: center center;
}

[data-state="open"] .dd-toggle-arrow {
  transform: rotate(270deg);
}

.dd-content {
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: calc(100% + 10px);
  z-index: 150;
}

[data-state="open"] .dd-content {
  display: block;
}

.eventOverviewItem {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  transition: box-shadow 0.2s ease-out;
}

.eventOverviewItem:hover {
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}

@media screen and (min-width: 40em) {
  .eventOverviewItem {
    display: flex;
    justify-content: space-between;
  }
}

.eventOverviewItem + .eventOverviewItem {
  margin-top: 4rem;
}

.eventOverviewItem__img-link {
  display: block;
  overflow: hidden;
}

.eventOverviewItem__img {
  display: block;
  max-width: none;
  min-height: 100%;
}

@media screen and (min-width: 40em) {
  .eventOverviewItem__content {
    width: calc(100% - 125px);
  }
}

.eventOverviewItem__side {
  background: #868686;
  color: #fff;
  position: relative;
  display: flex;
}

.eventOverviewItem__side::after {
  content: '';
  position: absolute;
}

.eventOverviewItem__side a {
  color: inherit;
  text-align: center;
  position: relative;
}

.eventOverviewItem__side a span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.eventOverviewItem__side a:first-child {
  background: rgba(255, 255, 255, 0.5);
}

.eventOverviewItem__side a:last-child {
  background: rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 39.9375em) {
  .eventOverviewItem__side::after {
    height: 6px;
    width: 100%;
    top: -3px;
    left: 0;
    background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6"><circle cx="3" cy="3" r="3" fill="rgb(242,242,242)"/></svg>') center;
  }

  .eventOverviewItem__side a {
    height: 6rem;
    width: calc(100% - 180px);
  }

  .eventOverviewItem__side a:first-child,
  .eventOverviewItem__side a:last-child {
    width: 9rem;
  }
}

@media screen and (min-width: 40em) {
  .eventOverviewItem__side {
    min-width: 12.5rem;
    width: 12.5rem;
    flex-direction: column;
  }

  .eventOverviewItem__side::after {
    width: 6px;
    height: 100%;
    top: 0;
    left: -3px;
    background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 10"><circle cx="3" cy="3" r="3" fill="rgb(242,242,242)"/></svg>') center;
  }

  .eventOverviewItem__side a {
    height: calc(100% - 140px);
  }

  .eventOverviewItem__side a:first-child,
  .eventOverviewItem__side a:last-child {
    height: 7rem;
  }
}

.eventOverviewItem__more,
.eventOverviewItem__waiting {
  font-size: 2rem;
  font-weight: 600;
}

.eventOverviewItem__waiting {
  font-size: 1.5rem;
}

.eventOverviewItem__save i,
.eventOverviewItem__tel i,
.eventOverviewItem__cart i {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

.eventOverviewItem .icon-heart-outline {
  width: 3rem;
}

.eventOverviewItem .icon-phone {
  width: 2.2rem;
}

.eventOverviewItem--basisbildung-und-bildungsabschlusse .eventOverviewItem__side {
  background: #d9861c;
}

.eventOverviewItem--basisbildung-und-bildungsabschlusse .eventOverviewItem__save {
  background: #efc185;
  transition: all 0.4s;
}

.eventOverviewItem--basisbildung-und-bildungsabschlusse .eventOverviewItem__save:hover {
  background: #e3b77f;
  text-decoration: none;
}

.eventOverviewItem--basisbildung-und-bildungsabschlusse .eventOverviewItem__save:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #e3b77f;
  text-decoration: none;
}

.eventOverviewItem--basisbildung-und-bildungsabschlusse .eventOverviewItem__wating {
  background: #ac6a16;
  transition: all 0.4s;
}

.eventOverviewItem--basisbildung-und-bildungsabschlusse .eventOverviewItem__wating:hover {
  background: #633d0d;
  text-decoration: none;
}

.eventOverviewItem--basisbildung-und-bildungsabschlusse .eventOverviewItem__wating:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #633d0d;
  text-decoration: none;
}

.eventOverviewItem--basisbildung-und-bildungsabschlusse .eventOverviewItem__more {
  transition: all 0.4s;
}

.eventOverviewItem--basisbildung-und-bildungsabschlusse .eventOverviewItem__more:hover {
  background: #ce7f1b;
  text-decoration: none;
}

.eventOverviewItem--basisbildung-und-bildungsabschlusse .eventOverviewItem__more:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #ce7f1b;
  text-decoration: none;
}

.eventOverviewItem--computer-internet-und-multimedia .eventOverviewItem__side {
  background: #837bad;
}

.eventOverviewItem--computer-internet-und-multimedia .eventOverviewItem__save {
  background: #cdcade;
  transition: all 0.4s;
}

.eventOverviewItem--computer-internet-und-multimedia .eventOverviewItem__save:hover {
  background: #c3c0d3;
  text-decoration: none;
}

.eventOverviewItem--computer-internet-und-multimedia .eventOverviewItem__save:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #c3c0d3;
  text-decoration: none;
}

.eventOverviewItem--computer-internet-und-multimedia .eventOverviewItem__wating {
  background: #675e97;
  transition: all 0.4s;
}

.eventOverviewItem--computer-internet-und-multimedia .eventOverviewItem__wating:hover {
  background: #433d63;
  text-decoration: none;
}

.eventOverviewItem--computer-internet-und-multimedia .eventOverviewItem__wating:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #433d63;
  text-decoration: none;
}

.eventOverviewItem--computer-internet-und-multimedia .eventOverviewItem__more {
  transition: all 0.4s;
}

.eventOverviewItem--computer-internet-und-multimedia .eventOverviewItem__more:hover {
  background: #7c75a4;
  text-decoration: none;
}

.eventOverviewItem--computer-internet-und-multimedia .eventOverviewItem__more:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #7c75a4;
  text-decoration: none;
}

.eventOverviewItem--elementarpadagogik .eventOverviewItem__side {
  background: #8a285e;
}

.eventOverviewItem--elementarpadagogik .eventOverviewItem__save {
  background: #d1609e;
  transition: all 0.4s;
}

.eventOverviewItem--elementarpadagogik .eventOverviewItem__save:hover {
  background: #c75c97;
  text-decoration: none;
}

.eventOverviewItem--elementarpadagogik .eventOverviewItem__save:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #c75c97;
  text-decoration: none;
}

.eventOverviewItem--elementarpadagogik .eventOverviewItem__wating {
  background: #621d43;
  transition: all 0.4s;
}

.eventOverviewItem--elementarpadagogik .eventOverviewItem__wating:hover {
  background: #250b19;
  text-decoration: none;
}

.eventOverviewItem--elementarpadagogik .eventOverviewItem__wating:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #250b19;
  text-decoration: none;
}

.eventOverviewItem--elementarpadagogik .eventOverviewItem__more {
  transition: all 0.4s;
}

.eventOverviewItem--elementarpadagogik .eventOverviewItem__more:hover {
  background: #832659;
  text-decoration: none;
}

.eventOverviewItem--elementarpadagogik .eventOverviewItem__more:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #832659;
  text-decoration: none;
}

.eventOverviewItem--gesundheit-und-bewegung .eventOverviewItem__side {
  background: #acc435;
}

.eventOverviewItem--gesundheit-und-bewegung .eventOverviewItem__save {
  background: #d6e396;
  transition: all 0.4s;
}

.eventOverviewItem--gesundheit-und-bewegung .eventOverviewItem__save:hover {
  background: #cbd78e;
  text-decoration: none;
}

.eventOverviewItem--gesundheit-und-bewegung .eventOverviewItem__save:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #cbd78e;
  text-decoration: none;
}

.eventOverviewItem--gesundheit-und-bewegung .eventOverviewItem__wating {
  background: #899c2a;
  transition: all 0.4s;
}

.eventOverviewItem--gesundheit-und-bewegung .eventOverviewItem__wating:hover {
  background: #505b19;
  text-decoration: none;
}

.eventOverviewItem--gesundheit-und-bewegung .eventOverviewItem__wating:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #505b19;
  text-decoration: none;
}

.eventOverviewItem--gesundheit-und-bewegung .eventOverviewItem__more {
  transition: all 0.4s;
}

.eventOverviewItem--gesundheit-und-bewegung .eventOverviewItem__more:hover {
  background: #a3ba32;
  text-decoration: none;
}

.eventOverviewItem--gesundheit-und-bewegung .eventOverviewItem__more:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #a3ba32;
  text-decoration: none;
}

.eventOverviewItem--interne-weiterbildung .eventOverviewItem__side {
  background: #666666;
}

.eventOverviewItem--interne-weiterbildung .eventOverviewItem__save {
  background: #a6a6a6;
  transition: all 0.4s;
}

.eventOverviewItem--interne-weiterbildung .eventOverviewItem__save:hover {
  background: #9d9d9d;
  text-decoration: none;
}

.eventOverviewItem--interne-weiterbildung .eventOverviewItem__save:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #9d9d9d;
  text-decoration: none;
}

.eventOverviewItem--interne-weiterbildung .eventOverviewItem__wating {
  background: #4d4c4c;
  transition: all 0.4s;
}

.eventOverviewItem--interne-weiterbildung .eventOverviewItem__wating:hover {
  background: #242424;
  text-decoration: none;
}

.eventOverviewItem--interne-weiterbildung .eventOverviewItem__wating:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #242424;
  text-decoration: none;
}

.eventOverviewItem--interne-weiterbildung .eventOverviewItem__more {
  transition: all 0.4s;
}

.eventOverviewItem--interne-weiterbildung .eventOverviewItem__more:hover {
  background: #616161;
  text-decoration: none;
}

.eventOverviewItem--interne-weiterbildung .eventOverviewItem__more:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #616161;
  text-decoration: none;
}

.eventOverviewItem--kinder .eventOverviewItem__side {
  background: #98bae4;
}

.eventOverviewItem--kinder .eventOverviewItem__save {
  background: #fdfefe;
  transition: all 0.4s;
}

.eventOverviewItem--kinder .eventOverviewItem__save:hover {
  background: #f0f1f2;
  text-decoration: none;
}

.eventOverviewItem--kinder .eventOverviewItem__save:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #f0f1f2;
  text-decoration: none;
}

.eventOverviewItem--kinder .eventOverviewItem__wating {
  background: #709fd9;
  transition: all 0.4s;
}

.eventOverviewItem--kinder .eventOverviewItem__wating:hover {
  background: #3271be;
  text-decoration: none;
}

.eventOverviewItem--kinder .eventOverviewItem__wating:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #3271be;
  text-decoration: none;
}

.eventOverviewItem--kinder .eventOverviewItem__more {
  transition: all 0.4s;
}

.eventOverviewItem--kinder .eventOverviewItem__more:hover {
  background: #90b1d9;
  text-decoration: none;
}

.eventOverviewItem--kinder .eventOverviewItem__more:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #90b1d9;
  text-decoration: none;
}

.eventOverviewItem--kinder-und-eltern .eventOverviewItem__side {
  background: #98bae4;
}

.eventOverviewItem--kinder-und-eltern .eventOverviewItem__save {
  background: #fdfefe;
  transition: all 0.4s;
}

.eventOverviewItem--kinder-und-eltern .eventOverviewItem__save:hover {
  background: #f0f1f2;
  text-decoration: none;
}

.eventOverviewItem--kinder-und-eltern .eventOverviewItem__save:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #f0f1f2;
  text-decoration: none;
}

.eventOverviewItem--kinder-und-eltern .eventOverviewItem__wating {
  background: #709fd9;
  transition: all 0.4s;
}

.eventOverviewItem--kinder-und-eltern .eventOverviewItem__wating:hover {
  background: #3271be;
  text-decoration: none;
}

.eventOverviewItem--kinder-und-eltern .eventOverviewItem__wating:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #3271be;
  text-decoration: none;
}

.eventOverviewItem--kinder-und-eltern .eventOverviewItem__more {
  transition: all 0.4s;
}

.eventOverviewItem--kinder-und-eltern .eventOverviewItem__more:hover {
  background: #90b1d9;
  text-decoration: none;
}

.eventOverviewItem--kinder-und-eltern .eventOverviewItem__more:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #90b1d9;
  text-decoration: none;
}

.eventOverviewItem--kunst-kreativitat-und-handwerk .eventOverviewItem__side {
  background: #5b2573;
}

.eventOverviewItem--kunst-kreativitat-und-handwerk .eventOverviewItem__save {
  background: #a251c7;
  transition: all 0.4s;
}

.eventOverviewItem--kunst-kreativitat-und-handwerk .eventOverviewItem__save:hover {
  background: #9a4dbd;
  text-decoration: none;
}

.eventOverviewItem--kunst-kreativitat-und-handwerk .eventOverviewItem__save:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #9a4dbd;
  text-decoration: none;
}

.eventOverviewItem--kunst-kreativitat-und-handwerk .eventOverviewItem__wating {
  background: #3c194c;
  transition: all 0.4s;
}

.eventOverviewItem--kunst-kreativitat-und-handwerk .eventOverviewItem__wating:hover {
  background: #0e0612;
  text-decoration: none;
}

.eventOverviewItem--kunst-kreativitat-und-handwerk .eventOverviewItem__wating:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #0e0612;
  text-decoration: none;
}

.eventOverviewItem--kunst-kreativitat-und-handwerk .eventOverviewItem__more {
  transition: all 0.4s;
}

.eventOverviewItem--kunst-kreativitat-und-handwerk .eventOverviewItem__more:hover {
  background: #56236d;
  text-decoration: none;
}

.eventOverviewItem--kunst-kreativitat-und-handwerk .eventOverviewItem__more:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #56236d;
  text-decoration: none;
}

.eventOverviewItem--lernforderung .eventOverviewItem__side {
  background: #d26d99;
}

.eventOverviewItem--lernforderung .eventOverviewItem__save {
  background: #f0cedd;
  transition: all 0.4s;
}

.eventOverviewItem--lernforderung .eventOverviewItem__save:hover {
  background: #e4c4d2;
  text-decoration: none;
}

.eventOverviewItem--lernforderung .eventOverviewItem__save:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #e4c4d2;
  text-decoration: none;
}

.eventOverviewItem--lernforderung .eventOverviewItem__wating {
  background: #c6467e;
  transition: all 0.4s;
}

.eventOverviewItem--lernforderung .eventOverviewItem__wating:hover {
  background: #8b2b55;
  text-decoration: none;
}

.eventOverviewItem--lernforderung .eventOverviewItem__wating:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #8b2b55;
  text-decoration: none;
}

.eventOverviewItem--lernforderung .eventOverviewItem__more {
  transition: all 0.4s;
}

.eventOverviewItem--lernforderung .eventOverviewItem__more:hover {
  background: #c86891;
  text-decoration: none;
}

.eventOverviewItem--lernforderung .eventOverviewItem__more:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #c86891;
  text-decoration: none;
}

.eventOverviewItem--naturwissenschaften-und-technik .eventOverviewItem__side {
  background: #75ad40;
}

.eventOverviewItem--naturwissenschaften-und-technik .eventOverviewItem__save {
  background: #b5d895;
  transition: all 0.4s;
}

.eventOverviewItem--naturwissenschaften-und-technik .eventOverviewItem__save:hover {
  background: #accd8d;
  text-decoration: none;
}

.eventOverviewItem--naturwissenschaften-und-technik .eventOverviewItem__save:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #accd8d;
  text-decoration: none;
}

.eventOverviewItem--naturwissenschaften-und-technik .eventOverviewItem__wating {
  background: #5c8832;
  transition: all 0.4s;
}

.eventOverviewItem--naturwissenschaften-und-technik .eventOverviewItem__wating:hover {
  background: #334c1c;
  text-decoration: none;
}

.eventOverviewItem--naturwissenschaften-und-technik .eventOverviewItem__wating:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #334c1c;
  text-decoration: none;
}

.eventOverviewItem--naturwissenschaften-und-technik .eventOverviewItem__more {
  transition: all 0.4s;
}

.eventOverviewItem--naturwissenschaften-und-technik .eventOverviewItem__more:hover {
  background: #6fa43d;
  text-decoration: none;
}

.eventOverviewItem--naturwissenschaften-und-technik .eventOverviewItem__more:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #6fa43d;
  text-decoration: none;
}

.eventOverviewItem--personlichkeitsentwicklung .eventOverviewItem__side {
  background: #5a80a5;
}

.eventOverviewItem--personlichkeitsentwicklung .eventOverviewItem__save {
  background: #adc0d2;
  transition: all 0.4s;
}

.eventOverviewItem--personlichkeitsentwicklung .eventOverviewItem__save:hover {
  background: #a4b6c8;
  text-decoration: none;
}

.eventOverviewItem--personlichkeitsentwicklung .eventOverviewItem__save:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #a4b6c8;
  text-decoration: none;
}

.eventOverviewItem--personlichkeitsentwicklung .eventOverviewItem__wating {
  background: #486684;
  transition: all 0.4s;
}

.eventOverviewItem--personlichkeitsentwicklung .eventOverviewItem__wating:hover {
  background: #2b3d4e;
  text-decoration: none;
}

.eventOverviewItem--personlichkeitsentwicklung .eventOverviewItem__wating:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #2b3d4e;
  text-decoration: none;
}

.eventOverviewItem--personlichkeitsentwicklung .eventOverviewItem__more {
  transition: all 0.4s;
}

.eventOverviewItem--personlichkeitsentwicklung .eventOverviewItem__more:hover {
  background: #567a9d;
  text-decoration: none;
}

.eventOverviewItem--personlichkeitsentwicklung .eventOverviewItem__more:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #567a9d;
  text-decoration: none;
}

.eventOverviewItem--politik-und-gesellschaft .eventOverviewItem__side {
  background: #9b2524;
}

.eventOverviewItem--politik-und-gesellschaft .eventOverviewItem__save {
  background: #db6564;
  transition: all 0.4s;
}

.eventOverviewItem--politik-und-gesellschaft .eventOverviewItem__save:hover {
  background: #d0605f;
  text-decoration: none;
}

.eventOverviewItem--politik-und-gesellschaft .eventOverviewItem__save:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #d0605f;
  text-decoration: none;
}

.eventOverviewItem--politik-und-gesellschaft .eventOverviewItem__wating {
  background: #721b1a;
  transition: all 0.4s;
}

.eventOverviewItem--politik-und-gesellschaft .eventOverviewItem__wating:hover {
  background: #310c0b;
  text-decoration: none;
}

.eventOverviewItem--politik-und-gesellschaft .eventOverviewItem__wating:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #310c0b;
  text-decoration: none;
}

.eventOverviewItem--politik-und-gesellschaft .eventOverviewItem__more {
  transition: all 0.4s;
}

.eventOverviewItem--politik-und-gesellschaft .eventOverviewItem__more:hover {
  background: #932322;
  text-decoration: none;
}

.eventOverviewItem--politik-und-gesellschaft .eventOverviewItem__more:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #932322;
  text-decoration: none;
}

.eventOverviewItem--science .eventOverviewItem__side {
  background: #dcdc40;
}

.eventOverviewItem--science .eventOverviewItem__save {
  background: #f0f0ac;
  transition: all 0.4s;
}

.eventOverviewItem--science .eventOverviewItem__save:hover {
  background: #e4e4a3;
  text-decoration: none;
}

.eventOverviewItem--science .eventOverviewItem__save:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #e4e4a3;
  text-decoration: none;
}

.eventOverviewItem--science .eventOverviewItem__wating {
  background: #c5c524;
  transition: all 0.4s;
}

.eventOverviewItem--science .eventOverviewItem__wating:hover {
  background: #7e7e17;
  text-decoration: none;
}

.eventOverviewItem--science .eventOverviewItem__wating:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #7e7e17;
  text-decoration: none;
}

.eventOverviewItem--science .eventOverviewItem__more {
  transition: all 0.4s;
}

.eventOverviewItem--science .eventOverviewItem__more:hover {
  background: #d1d13d;
  text-decoration: none;
}

.eventOverviewItem--science .eventOverviewItem__more:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #d1d13d;
  text-decoration: none;
}

.eventOverviewItem--sprachen .eventOverviewItem__side {
  background: #c4007a;
}

.eventOverviewItem--sprachen .eventOverviewItem__save {
  background: #ff45b9;
  transition: all 0.4s;
}

.eventOverviewItem--sprachen .eventOverviewItem__save:hover {
  background: #f241af;
  text-decoration: none;
}

.eventOverviewItem--sprachen .eventOverviewItem__save:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #f241af;
  text-decoration: none;
}

.eventOverviewItem--sprachen .eventOverviewItem__wating {
  background: #91005a;
  transition: all 0.4s;
}

.eventOverviewItem--sprachen .eventOverviewItem__wating:hover {
  background: #410029;
  text-decoration: none;
}

.eventOverviewItem--sprachen .eventOverviewItem__wating:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #410029;
  text-decoration: none;
}

.eventOverviewItem--sprachen .eventOverviewItem__more {
  transition: all 0.4s;
}

.eventOverviewItem--sprachen .eventOverviewItem__more:hover {
  background: #ba0074;
  text-decoration: none;
}

.eventOverviewItem--sprachen .eventOverviewItem__more:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #ba0074;
  text-decoration: none;
}

.eventOverviewItem--vhs-gratis-lernhilfe .eventOverviewItem__side {
  background: #eab818;
}

.eventOverviewItem--vhs-gratis-lernhilfe .eventOverviewItem__save {
  background: #f5dc8d;
  transition: all 0.4s;
}

.eventOverviewItem--vhs-gratis-lernhilfe .eventOverviewItem__save:hover {
  background: #e8d186;
  text-decoration: none;
}

.eventOverviewItem--vhs-gratis-lernhilfe .eventOverviewItem__save:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #e8d186;
  text-decoration: none;
}

.eventOverviewItem--vhs-gratis-lernhilfe .eventOverviewItem__wating {
  background: #be9511;
  transition: all 0.4s;
}

.eventOverviewItem--vhs-gratis-lernhilfe .eventOverviewItem__wating:hover {
  background: #72590a;
  text-decoration: none;
}

.eventOverviewItem--vhs-gratis-lernhilfe .eventOverviewItem__wating:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #72590a;
  text-decoration: none;
}

.eventOverviewItem--vhs-gratis-lernhilfe .eventOverviewItem__more {
  transition: all 0.4s;
}

.eventOverviewItem--vhs-gratis-lernhilfe .eventOverviewItem__more:hover {
  background: #deaf17;
  text-decoration: none;
}

.eventOverviewItem--vhs-gratis-lernhilfe .eventOverviewItem__more:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #deaf17;
  text-decoration: none;
}

.eventOverviewItem--wirtschaft-und-management .eventOverviewItem__side {
  background: #2c517f;
}

.eventOverviewItem--wirtschaft-und-management .eventOverviewItem__save {
  background: #6290c9;
  transition: all 0.4s;
}

.eventOverviewItem--wirtschaft-und-management .eventOverviewItem__save:hover {
  background: #5d89bf;
  text-decoration: none;
}

.eventOverviewItem--wirtschaft-und-management .eventOverviewItem__save:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #5d89bf;
  text-decoration: none;
}

.eventOverviewItem--wirtschaft-und-management .eventOverviewItem__wating {
  background: #1f3959;
  transition: all 0.4s;
}

.eventOverviewItem--wirtschaft-und-management .eventOverviewItem__wating:hover {
  background: #0b141f;
  text-decoration: none;
}

.eventOverviewItem--wirtschaft-und-management .eventOverviewItem__wating:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #0b141f;
  text-decoration: none;
}

.eventOverviewItem--wirtschaft-und-management .eventOverviewItem__more {
  transition: all 0.4s;
}

.eventOverviewItem--wirtschaft-und-management .eventOverviewItem__more:hover {
  background: #2a4d79;
  text-decoration: none;
}

.eventOverviewItem--wirtschaft-und-management .eventOverviewItem__more:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #2a4d79;
  text-decoration: none;
}

.eventOverviewItem--lai .eventOverviewItem__side {
  background: #2ea341;
}

.eventOverviewItem--lai .eventOverviewItem__save {
  background: #78d987;
  transition: all 0.4s;
}

.eventOverviewItem--lai .eventOverviewItem__save:hover {
  background: #72ce81;
  text-decoration: none;
}

.eventOverviewItem--lai .eventOverviewItem__save:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #72ce81;
  text-decoration: none;
}

.eventOverviewItem--lai .eventOverviewItem__wating {
  background: #237b31;
  transition: all 0.4s;
}

.eventOverviewItem--lai .eventOverviewItem__wating:hover {
  background: #113c18;
  text-decoration: none;
}

.eventOverviewItem--lai .eventOverviewItem__wating:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #113c18;
  text-decoration: none;
}

.eventOverviewItem--lai .eventOverviewItem__more {
  transition: all 0.4s;
}

.eventOverviewItem--lai .eventOverviewItem__more:hover {
  background: #2c9b3e;
  text-decoration: none;
}

.eventOverviewItem--lai .eventOverviewItem__more:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #2c9b3e;
  text-decoration: none;
}

.eventOverviewItem__content {
  padding: 3rem 2.5rem 2.5rem;
}

.eventOverviewItem header {
  position: relative;
  margin-bottom: 4.5rem;
}

@media screen and (min-width: 48em) {
  .eventOverviewItem header {
    padding-right: 16rem;
  }
}

.eventOverviewItem__title {
  font-size: 4rem;
  font-weight: 600;
}

.eventOverviewItem__title a {
  text-decoration: none;
}

.eventOverviewItem__subtitle {
  font-weight: 600;
  margin-top: 0.5rem;
}

.eventOverviewItem__details {
  font-size: 2rem;
}

.eventOverviewItem__details div {
  padding-left: 3rem;
  position: relative;
  width: 50%;
}

.eventOverviewItem__details .icon {
  fill: #868686;
  position: absolute;
  top: 0.6rem;
  left: 0;
}

.eventOverviewItem__details .icon-clock {
  width: 1.6rem;
}

.eventOverviewItem__details .icon-marker {
  width: 1.1rem;
}

@media screen and (max-width: 64em) {
  .eventOverviewItem__details div {
    margin-bottom: 2rem;
    width: 100%;
  }
}

.filter {
  margin-bottom: 5rem;
}

.filter-main {
  background: #dadada;
  border-radius: 10px;
  padding: 1.8rem 0;
}

.is-active .filter-main {
  background: #868686;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: #fff;
}

.is-open .filter-main {
  background: #dadada;
  color: #000;
}

.filter-title {
  cursor: pointer;
  font-size: 3rem;
}

.filter-title .icon {
  margin-left: 2rem;
  margin-right: 2rem;
  transform: rotate(90deg);
  transform-origin: center center;
  vertical-align: middle;
  width: 1.8rem;
}

.is-open .filter-title .icon {
  transform: rotate(270deg);
}

.filter-dropdown {
  display: flex;
  flex-wrap: wrap;
  height: 0;
  overflow: hidden;
  transition: height 0.12s ease-out;
}

.is-open .filter-dropdown {
  height: auto;
  overflow: visible;
  padding-top: 1rem;
}

.filter-item {
  border-radius: 10px;
  margin-right: 3rem;
  margin-bottom: 2rem;
  position: relative;
  width: 33rem;
}

.filter-item.is-open {
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}

.fi-toggle {
  background: #fff;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  font-size: 2rem;
  font-weight: 600;
  line-height: 6rem;
  padding: 0 1rem;
  text-transform: capitalize;
}

.filter-item.is-open .fi-toggle {
  background: #000;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: #fff;
  fill: #fff;
}

.pcm-sort .fi-toggle {
  text-transform: none;
}

.fi-toggle .icon {
  margin-left: auto;
  margin-right: 1rem;
  stroke-width: 2px;
  transform: rotate(90deg);
  transform-origin: center center;
  vertical-align: middle;
  width: 1rem;
}

.filter-item.is-open .fi-toggle .icon {
  transform: rotate(270deg);
}

.fi-dropdown {
  background: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  font-weight: 600;
  height: 0;
  overflow: hidden;
  transition: height 0.12s ease-out;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 2;
}

.filter-item.is-open .fi-dropdown {
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  height: auto;
}

.filter-type-select .fi-dropdown,
.filter-type-checkbox .fi-dropdown {
  max-height: 24rem;
  overflow: auto;
}

.fi-btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  display: block;
  width: 100%;
}

.filter-actives {
  background: #868686;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  color: #fff;
  padding: 3rem 0;
}

.filter-actives-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: -1rem;
}

@media screen and (min-width: 48em) {
  .filter-actives-inner {
    flex-direction: row;
  }
}

.filter-actives-item {
  background: #f2f2f2;
  border-radius: 6px;
  color: #000;
  display: flex;
  font-size: 2rem;
  margin-bottom: 1rem;
  margin-right: 1rem;
}

.fai-text {
  font-weight: 600;
  line-height: 3rem;
  padding: 0 0.8rem;
}

.fai-delete {
  background: #dadada;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3rem;
  text-align: center;
}

.fai-delete .icon {
  height: 1.2rem;
  width: 1.2rem;
  stroke-width: 2px;
}

.filter-actives-reset {
  color: #fff;
  font-size: 1.5rem;
  line-height: 2;
}

.filter-actives-reset .icon {
  height: 1.2rem;
  width: 1.2rem;
  margin-left: 0.5rem;
  stroke-width: 2px;
  vertical-align: -1px;
}

div[label] .dropdown-checkbox {
  border-bottom: 1px solid #868686;
}

div[label] .dropdown-checkbox input[type="checkbox"] {
  visibility: hidden;
  width: 0;
  height: 0;
  position: absolute;
  left: -333em;
}

div[label] .dropdown-checkbox input[type="checkbox"] + label {
  cursor: pointer;
  line-height: 1.2;
  font-size: 2rem;
  font-weight: 400;
  overflow: hidden;
  padding-left: 6rem;
  position: relative;
  min-height: 6rem;
  display: flex;
  align-items: center;
  word-wrap: break-word;
}

div[label] .dropdown-checkbox input[type="checkbox"] + label::before {
  content: '';
  background: #fff;
  height: 1.8rem;
  width: 1.8rem;
  position: absolute;
  left: 2rem;
  top: 50%;
  transform: translateY(-50%);
}

div[label] .dropdown-checkbox input[type="checkbox"]:checked + label::before {
  content: "";
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25.5 17.5"><path d="M25.21, 1.71, 9.71, 17.21a1, 1, 0, 0, 1-1.41, 0l-8-8A1, 1, 0, 0, 1, 1.71, 7.79L9, 15.09, 23.79.29a1, 1, 0, 0, 1, 1.41, 1.41"/></svg>') center no-repeat;
  background-size: cover;
}

[data-whatinput="keyboard"] div[label] .dropdown-checkbox input[type="checkbox"]:focus + label {
  box-shadow: 0 0 3px 1px #f00;
}

div[label] .dropdown-checkbox.sub-checkbox input[type="checkbox"] + label {
  padding-left: 8rem;
}

div[label] .dropdown-checkbox.sub-checkbox input[type="checkbox"] + label::before {
  left: 4rem;
}

div[label] .dropdown-checkbox:last-child {
  border-bottom: 0;
}

div[label]:not(:last-child) {
  border-bottom: 1px solid #868686;
}

.dropdown-checkbox:not(:last-child) {
  border-bottom: 1px solid #868686;
}

.dropdown-checkbox input[type="checkbox"] {
  visibility: hidden;
  width: 0;
  height: 0;
  position: absolute;
  left: -333em;
}

.dropdown-checkbox input[type="checkbox"] + label {
  cursor: pointer;
  line-height: 1.2;
  font-size: 2rem;
  font-weight: 400;
  overflow: hidden;
  padding-left: 6rem;
  position: relative;
  min-height: 6rem;
  display: flex;
  align-items: center;
  word-wrap: break-word;
}

.dropdown-checkbox input[type="checkbox"] + label::before {
  content: '';
  background: #fff;
  height: 1.8rem;
  width: 1.8rem;
  position: absolute;
  left: 2rem;
  top: 50%;
  transform: translateY(-50%);
}

.dropdown-checkbox input[type="checkbox"]:checked + label::before {
  content: "";
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25.5 17.5"><path d="M25.21, 1.71, 9.71, 17.21a1, 1, 0, 0, 1-1.41, 0l-8-8A1, 1, 0, 0, 1, 1.71, 7.79L9, 15.09, 23.79.29a1, 1, 0, 0, 1, 1.41, 1.41"/></svg>') center no-repeat;
  background-size: cover;
}

[data-whatinput="keyboard"] .dropdown-checkbox input[type="checkbox"]:focus + label {
  box-shadow: 0 0 3px 1px #f00;
}

input,
textarea {
  background: none;
  border: none;
  color: #000;
  font-size: 2rem;
  font-family: inherit;
  line-height: 1.3;
  padding: 0.3rem 0;
  position: relative;
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

input:focus,
textarea:focus {
  outline: none;
  box-shadow: none;
}

input:focus::before,
textarea:focus::before {
  content: "";
  background: #fff;
  border-radius: 10px;
  position: absolute;
  top: -4.8rem;
  bottom: -4.8rem;
  left: -2rem;
  right: -2rem;
  z-index: -1;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #000;
  font-style: italic;
  font-size: 2rem;
  font-weight: 300;
  opacity: 1;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #000;
  font-style: italic;
  font-size: 2rem;
  font-weight: 300;
  opacity: 1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #000;
  font-style: italic;
  font-size: 2rem;
  font-weight: 300;
  opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #000;
  font-style: italic;
  font-size: 2rem;
  font-weight: 300;
  opacity: 1;
}

textarea,
input[type="text"],
input[type="password"],
input[type="email"] {
  border-bottom: 2px solid #000;
}

.has-error textarea,
.has-error
input[type="text"],
.has-error
input[type="password"],
.has-error
input[type="email"] {
  border-bottom-color: #ea2727;
  box-shadow: none;
}

.has-error textarea ~ label,
.has-error
input[type="text"] ~ label,
.has-error
input[type="password"] ~ label,
.has-error
input[type="email"] ~ label {
  color: #ea2727;
}

.has-error textarea[value=""]:invalid,
.has-error
input[type="text"][value=""]:invalid,
.has-error
input[type="password"][value=""]:invalid,
.has-error
input[type="email"][value=""]:invalid {
  border-bottom-color: #ea2727;
}

textarea {
  height: 11.2rem;
}

label {
  display: block;
  font-size: 1.5rem;
  font-weight: 600;
}

.has-error label {
  color: #ea2727;
}

input[type="checkbox"] {
  width: 0;
  height: 0;
  position: absolute;
  left: -333em;
}

input[type="checkbox"] + label {
  cursor: pointer;
  font-weight: 400;
  padding-left: 3.5rem;
  position: relative;
  display: block;
}

input[type="checkbox"] + label::before {
  content: '';
  cursor: pointer;
  background: #fff;
  border: 1px solid #000;
  width: 2rem;
  height: 2rem;
  position: absolute;
  left: 0;
  top: -1px;
}

input[type="checkbox"]:checked + label::before {
  content: "";
  background: #000 url(/images/checkbox-checked.png?845f334fa9670631c24a660815b724f5);
  background-size: cover;
}

input[type="checkbox"]:disabled + label {
  opacity: 0.5;
}

[data-whatinput="keyboard"] input[type="checkbox"]:focus + label {
  box-shadow: 0 0 3px 1px #f00;
}

input[type="checkbox"]:focus + label {
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.3);
}

input[type="radio"] {
  visibility: hidden;
  width: 0;
  height: 0;
  position: absolute;
  left: -333em;
}

input[type="radio"] + label {
  cursor: pointer;
  display: block;
  font-weight: 400;
  padding-left: 3.5rem;
  position: relative;
}

input[type="radio"] + label::before {
  content: '';
  cursor: pointer;
  background: #fff;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  position: absolute;
  left: 0;
  top: 3px;
}

input[type="radio"]:checked + label::before {
  content: "";
  background: #000 url(/images/radio-checked.png?e537ec94dd614d8747937fa682b6ba7b);
  background-size: cover;
}

[data-whatinput="keyboard"] input[type="radio"]:focus + label {
  box-shadow: 0 0 3px 1px #f00;
}

.input-file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
  position: absolute;
  left: -333em;
  z-index: -1;
}

.input-file + label {
  line-height: 5.2rem;
}

.input-file + label .icon {
  margin-right: 0.5rem;
  vertical-align: -5px;
}

.input-file:focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}

input[type="submit"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

@media screen and (max-width: 48em) {
  .form .col {
    margin-bottom: 2rem;
  }
}

.form-field {
  padding-top: 2rem;
  position: relative;
}

.form-field.has-focus::before {
  content: "";
  background: #fff;
  border-radius: 10px;
  position: absolute;
  top: -1rem;
  bottom: -1rem;
  left: -1rem;
  right: -1rem;
  z-index: 0;
}

.form-field label {
  position: absolute;
  top: 0;
  left: 0;
}

.form-select {
  margin-bottom: 5rem;
}

.form-select .selectric-items {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.form-select .selectric-scroll {
  max-height: 24rem;
  overflow: auto;
}

.form-textfield {
  margin-bottom: 5rem;
}

.form-checkbox {
  margin-bottom: 3rem;
}

.form-radio {
  margin-bottom: 3rem;
}

.form-password {
  position: relative;
}

@media screen and (min-width: 48em) {
  .form-birthdate,
  .form-address,
  .form-city {
    display: flex;
    justify-content: space-between;
  }
}

.form-birthdate input[type="number"]::-webkit-outer-spin-button,
.form-birthdate input[type="number"]::-webkit-inner-spin-button,
.form-address input[type="number"]::-webkit-outer-spin-button,
.form-address input[type="number"]::-webkit-inner-spin-button,
.form-city input[type="number"]::-webkit-outer-spin-button,
.form-city input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.form-birthdate input[type="number"],
.form-address input[type="number"],
.form-city input[type="number"] {
  -moz-appearance: textfield;
  border-bottom: 2px solid #000;
}

.form-birthdate input[type="number"]:invalid,
.has-error .form-birthdate input[type="number"],
.form-address input[type="number"]:invalid,
.has-error
.form-address input[type="number"],
.form-city input[type="number"]:invalid,
.has-error
.form-city input[type="number"] {
  border-bottom-color: #ea2727;
  box-shadow: none;
}

.form-birthdate-day {
  margin-bottom: 1rem;
}

@media screen and (min-width: 48em) {
  .form-birthdate-day {
    margin-bottom: 0;
    width: 16%;
  }
}

.form-birthdate-month {
  margin-bottom: 1rem;
}

@media screen and (min-width: 48em) {
  .form-birthdate-month {
    margin-bottom: 0;
    width: 28%;
  }
}

.form-birthdate-year {
  margin-bottom: 1rem;
}

@media screen and (min-width: 48em) {
  .form-birthdate-year {
    margin-bottom: 0;
    width: 40%;
  }
}

.form-address-field {
  margin-bottom: 1rem;
}

@media screen and (min-width: 48em) {
  .form-address-field {
    margin-bottom: 0;
    width: 28%;
  }
}

.form-city-field {
  margin-bottom: 1rem;
}

@media screen and (min-width: 48em) {
  .form-city-field {
    margin-bottom: 0;
    width: 42%;
  }
}

.form-upload-field {
  margin-bottom: 3rem;
}

.form-field-description {
  font-size: 1.5rem;
  margin-top: 1rem;
  position: relative;
  z-index: 1;
}

.form-field-description a {
  font-weight: 600;
}

.form-btn {
  display: block;
  width: 100%;
}

.pass-toggle {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 2.7rem;
}

.pass-toggle .icon svg {
  stroke: #000;
  stroke-width: 2px;
}

.pass-toggle.is-active .icon svg {
  stroke: #868686;
}

.multiselect-label,
.form-upload-label {
  display: block;
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.selectric-focus .selectric,
.selectric-open .selectric,
.selectric-hover .selectric,
.selectric {
  background: none;
  border: none;
}

.selectric-focus .selectric .label,
.selectric-open .selectric .label,
.selectric-hover .selectric .label,
.selectric .label {
  color: #000;
  font-size: 2rem;
  height: 34px;
  line-height: 34px;
  margin: 0;
}

.selectric-focus .selectric .button,
.selectric-open .selectric .button,
.selectric-hover .selectric .button,
.selectric .button {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><polyline points="1 1 16 21 1 41" fill="none" stroke="rgb(0,0,0)" stroke-miterlimit="10" stroke-width="4" /></svg>') center no-repeat;
  background-size: 50%;
  background-position: 1.6rem 0;
  transform: rotate(90deg);
}

.selectric-focus .selectric .button::after,
.selectric-open .selectric .button::after,
.selectric-hover .selectric .button::after,
.selectric .button::after {
  content: none;
}

.selectric-items {
  background: none;
  border: none;
  border-radius: 10px;
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  height: auto !important;
  overflow: hidden;
}

.selectric-items .selectric-scroll ul {
  margin: 0;
  padding: 0;
}

.selectric-items .selectric-scroll li {
  background: #fff;
  border-bottom: 0.1rem solid #dadada;
  color: #000;
  font-size: 2rem;
  padding: 1rem 1.2rem;
}

.selectric-items .selectric-scroll li.selected {
  background: #E0E0E0;
  color: #444;
}

.selectric-items .selectric-scroll li.highlighted {
  background: #d0d0d0;
  color: #444;
}

.selectric-items .selectric-scroll li:last-child {
  border-bottom: none;
}

.selectric-items li,
.selectric-items ul {
  max-height: 300px;
}

.form-field .selectric-focus .selectric,
.form-field .selectric-open .selectric,
.form-field .selectric-hover .selectric,
.form-field .selectric {
  border-bottom: 2px solid #000;
  color: #000;
}

.form-errors {
  background: #fff;
  border: 3px solid #f00;
  border-radius: 10px;
  color: #f00;
  font-size: 2rem;
  margin-bottom: 4rem;
  padding: 2rem;
}

.form-errors .list {
  padding-left: 3.5rem;
}

@media screen and (min-width: 48em) {
  .form-errors .list {
    padding-left: 7.5rem;
  }
}

.sidebar-widget .form-errors .list {
  padding-left: 3.5rem;
}

.form-success {
  background: #fff;
  border: 3px solid #2ecd2e;
  border-radius: 10px;
  color: #2ecd2e;
  font-size: 2rem;
  margin-bottom: 4rem;
  padding: 2rem;
}

.sidebar-widget .form-success .list {
  padding-left: 3.5rem;
}

/* select2 */

.select2-select {
  width: 100%;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.form-select .select2-container {
  width: 100% !important;
}

.select2-container .select2-selection--single {
  background: none;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 34px;
  line-height: 34px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  font-size: 2rem;
  border-bottom: 2px solid #000;
  color: #000;
  width: 100%;
}

.select2-container .select2-selection--single:focus {
  outline: none;
  box-shadow: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 2rem;
  margin-top: 5px;
  margin-left: 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 #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
  border-top: 1px solid #aaa;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px 8px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  font-size: 1.5rem;
  -webkit-user-select: none;
}

.select2-results__option.select2-results__message a {
  color: red;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-results__option--highlighted {
  background: #f2f2f2;
}

.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;
  font-size: 1.5rem;
}

.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 .select2-selection__arrow {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><polyline points="1 1 16 21 1 41" fill="none" stroke="rgb(0,0,0)" stroke-miterlimit="10" stroke-width="4" /></svg>') center no-repeat;
  background-size: 50%;
  background-position: 1.6rem 0;
  transform: rotate(90deg);
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
}

.select2-container--default .select2-selection--single .select2-selection__arrow::after {
  content: none;
}

/*.button {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40"><polyline points="1 1 16 21 1 41" fill="none" stroke="rgb(0,0,0)" stroke-miterlimit="10" stroke-width="4" /></svg>') center no-repeat;
  background-size: 50%;
  background-position: 1.6rem 0;
  transform: rotate(90deg);

  &::after {
    content: none;
  }
}*/

.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

/*
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0
}

.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 {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none
}

.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__display {
  padding-left: 5px;
  padding-right: 2px
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 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 #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto
}

.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--group {
  padding: 0
}

.select2-container--default .select2-results__option--disabled {
  color: #999
}

.select2-container--default .select2-results__option--selected {
  background-color: #ddd
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px
}
*/

.image-slider-with-thumbs .slick-prev,
.image-slider-with-thumbs .slick-next {
  background: #fff;
  opacity: 1;
  padding: 0.8rem;
  padding-left: 1.2rem;
  text-align: center;
  transition: opacity 0.2s linear;
  z-index: 1;
}

.image-slider-with-thumbs .slick-prev::before,
.image-slider-with-thumbs .slick-prev::after,
.image-slider-with-thumbs .slick-next::before,
.image-slider-with-thumbs .slick-next::after {
  content: none;
}

.image-slider-with-thumbs .slick-prev .icon-stroke,
.image-slider-with-thumbs .slick-next .icon-stroke {
  width: 1.8rem;
}

.image-slider-with-thumbs .slick-prev .icon-stroke svg,
.image-slider-with-thumbs .slick-next .icon-stroke svg {
  stroke: #000;
  stroke-width: 2px;
}

.iswt-slider img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
}

.iswt-slider figcaption {
  background: #fff;
  padding: 1.5rem 2rem;
}

.iswt-slider .slick-prev,
.iswt-slider .slick-next {
  border-radius: 10px;
  height: 6rem;
  width: 6rem;
}

.iswt-slider .slick-prev.slick-disabled,
.iswt-slider .slick-next.slick-disabled {
  opacity: 0;
}

.iswt-slider .slick-prev {
  transform: translateY(-50%) rotate(180deg);
  transform-origin: center center;
  left: -2rem;
}

.iswt-slider .slick-next {
  transform: translateY(-50%) rotate(0);
  transform-origin: center center;
  right: -2rem;
}

.iswt-thumb-slider {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-top: 0.2rem;
  padding: 0 7rem;
  position: relative;
}

.iswt-thumb-slider .iswt-thumb-slide {
  opacity: 0.8;
}

.iswt-thumb-slider .iswt-thumb-slide.is-active {
  opacity: 1;
}

.iswt-thumb-slider .iswt-thumb-img {
  max-width: none;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.iswt-thumb-slider .slick-list {
  background: #e6e6e6;
}

.iswt-thumb-slider .slick-slide {
  cursor: pointer;
  margin: 0 0.1rem;
  overflow: hidden;
  position: relative;
  height: 16rem;
  width: 16rem;
}

.iswt-thumb-slider .slick-prev,
.iswt-thumb-slider .slick-next {
  border-bottom-right-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 6.7rem;
  transition: all 0.4s;
}

.iswt-thumb-slider .slick-prev:hover,
.iswt-thumb-slider .slick-next:hover {
  box-shadow: inset 0 0 2rem rgba(0, 0, 0, 0.2);
  text-decoration: none;
}

.iswt-thumb-slider .slick-prev:active,
.iswt-thumb-slider .slick-next:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #f2f2f2;
}

.iswt-thumb-slider .slick-prev.slick-disabled,
.iswt-thumb-slider .slick-next.slick-disabled {
  opacity: 0.5;
}

.iswt-thumb-slider .slick-prev .icon-stroke,
.iswt-thumb-slider .slick-next .icon-stroke {
  width: 1rem;
}

.iswt-thumb-slider .slick-prev {
  left: 0;
  transform: rotateY(180deg);
  transform-origin: center center;
}

.iswt-thumb-slider .slick-next {
  right: 0;
  transform: rotateY(0);
  transform-origin: center center;
}

.image-thumbs {
  display: flex;
  flex-wrap: wrap;
  margin-left: -2px;
}

.image-thumbs-link {
  margin-left: 2px;
  margin-bottom: 2px;
}

@media screen and (min-width: 48em) {
  .image-thumbs-link {
    width: calc(25% - 2px);
  }
}

@media screen and (min-width: 64em) {
  .image-thumbs-link {
    width: calc(16.6% - 2px);
  }
}

.image-thumbs-link:nth-child(6) .image-thumbs-img {
  border-top-right-radius: 10px;
}

.image-thumbs-link:nth-child(12) .image-thumbs-img {
  border-top-right-radius: 10px;
}

.image-thumbs-link:first-child .image-thumbs-img {
  border-top-left-radius: 10px;
}

.image-thumbs-link:last-child .image-thumbs-img {
  border-bottom-right-radius: 10px;
}

.image-thumbs-img {
  display: block;
  width: 100%;
}

.image-thumbs-img:not(:last-child) {
  margin-right: 0.1rem;
}

.image-with-caption img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
}

.image-with-caption figcaption {
  background: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 1.5rem 2rem;
}

.input-number {
  display: inline-block;
  position: relative;
}

.input-number input[type="number"]::-webkit-outer-spin-button,
.input-number input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input-number input[type="number"] {
  -moz-appearance: textfield;
}

.input-number input[type="number"]:invalid,
.has-error .input-number input[type="number"] {
  box-shadow: none;
}

.input-number-label {
  border: none;
  display: inline-block;
  font-size: 2rem;
  font-weight: 400;
}

.input-number-increment,
.input-number-decrement {
  border: 0;
  cursor: pointer;
  display: block;
  outline: none;
  position: absolute;
  width: 1.3rem;
  height: 0.8rem;
  text-align: center;
  right: 0;
}

.input-number-increment {
  top: 0;
}

.input-number-decrement {
  bottom: 5px;
}

.input-number-increment::before,
.input-number-decrement::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 1.3rem;
  height: 0.8rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.input-number-increment::before {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8.4 4.65"><path d="M8.4, 3.6c0, 0.2-0.1, 0.4-0.2, 0.6c-0.3, 0.4-1, 0.5-1.4, 0.2l0, 0l-2.6-2l-2.6, 2C1.2, 4.8, 0.5, 4.7, 0.2, 4.2C-0.1, 3.8, 0, 3.2, 0.4, 2.8L4.2, 0L8, 2.8C8.3, 3, 8.4, 3.3, 8.4, 3.6z" fill="rgb(255,0,0)"/></svg>') center no-repeat;
  background-size: contain;
}

.input-number-decrement::before {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8.4 4.65"><path d="M0, 1A1, 1, 0, 0, 1, 0.2.4, 1, 1, 0, 0, 1, 1.6.2l2.6, 2L6.8.2A1, 1, 0, 0, 1, 8, 1.8L4.2, 4.65.4, 1.8A1, 1, 0, 0, 1, 0, 1Z" fill="rgb(255,0,0)"/></svg>') center no-repeat;
  background-size: contain;
}

.location-card {
  background: #fff;
  border-radius: 10px;
  max-width: 34rem;
  overflow: hidden;
  transition: box-shadow 0.2s ease-out;
}

.location-card:hover {
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}

.lc-header {
  display: block;
  position: relative;
}

.lc-img {
  display: block;
  width: 100%;
}

.lc-title {
  color: #fff;
  font-size: 4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 80%;
  transform: translate(-50%, -50%);
  text-align: center;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.lc-link {
  background: #fff;
  border: none;
  border-radius: 10px;
  color: #000;
  cursor: pointer;
  display: block;
  font-size: 2rem;
  font-weight: 600;
  line-height: 6rem;
  padding: 0 2.5rem;
  text-align: center;
  transition: all 0.4s;
  border-radius: 0;
  padding: 0;
}

.lc-link:hover {
  background: #f2f2f2;
  text-decoration: none;
}

.lc-link:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #f2f2f2;
  text-decoration: none;
}

.lc-link:not(:last-child) {
  border-bottom: 1px solid #868686;
}

.lc-btn {
  background: #f00;
  border: none;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 2rem;
  font-weight: 600;
  line-height: 6rem;
  padding: 0 2.5rem;
  text-align: center;
  transition: all 0.4s;
  border-radius: 0;
  display: block;
  line-height: 5.6rem;
  padding: 0;
}

.lc-btn:hover {
  background: #f20000;
  text-decoration: none;
}

.lc-btn:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #f20000;
  text-decoration: none;
}

.page-planetarium .lc-btn {
  background: #002247;
}

.page-lai .lc-btn {
  background: #2ea341;
}

.logos-block {
  border-radius: 10px;
  display: inline-flex;
  flex-wrap: wrap;
  overflow: hidden;
}

.lgb-item {
  background: #fff;
  flex: 1;
  padding: 3rem 5.5rem;
  max-width: 100% !important;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .lgb-item {
    flex: auto;
  }
}

.lgb-item-img {
  display: block;
  margin: 0 auto;
  max-width: 20rem;
}

.order-group {
  margin-top: 5rem;
}

.order-group__info {
  display: flex;
  align-items: center;
}

.order-group__price {
  position: relative;
  font-size: 3rem;
  font-weight: 600;
  margin-top: 0;
}

@media screen and (min-width: 48em) {
  .order-group__price {
    padding-left: 1rem;
  }
}

@media screen and (min-width: 64.0625em) {
  .order-group__price {
    padding-left: 2rem;
  }
}

.order-group__tel {
  background: #fff;
  border-radius: 10px;
  display: flex;
  font-size: 1.5rem;
  margin-top: 1rem;
  padding: 1rem 2rem;
  position: relative;
}

@media screen and (min-width: 48em) {
  .order-group__tel {
    padding-left: 1rem;
  }
}

@media screen and (min-width: 64.0625em) {
  .order-group__tel {
    padding-left: 2rem;
  }
}

.order-group__tel .icon {
  flex: 1;
  margin-right: 0.8rem;
  max-width: 2rem;
}

.order-group__tel i {
  flex: 1;
}

.order-group__astroinfo {
  margin-left: 2rem;
}

.order-group__astroinfo:hover .order-group__tooltip {
  height: auto;
  opacity: 1;
}

.order-group__astroinfo .icon {
  fill: #868686;
  vertical-align: middle;
}

.order-group__tooltip {
  background: #fff;
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
  color: #000;
  font-size: 1.2rem;
  pointer-events: none;
  position: absolute;
  top: -1.3rem;
  left: 50%;
  transform: translate(-50%, -100%);
  width: 30rem;
  text-indent: 0;
  padding: 1rem 1.5rem;
  height: 0;
  opacity: 0;
  z-index: 200;
}

.order-group__tooltip::after {
  content: '';
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-top: 0.8rem solid #fff;
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
  border-radius: 0.4rem;
}

.order-group__astropreise {
  margin-bottom: 1rem;
}

.order-group__availibility {
  position: absolute;
  top: 0;
  left: -1rem;
  bottom: 0;
  margin: auto;
  transform: translateX(-100%);
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 100%;
  background: #fc3;
  text-indent: -333em;
  cursor: help;
}

.order-group__availibility.active::before,
.order-group__availibility:hover::before {
  content: attr(data-text);
  display: block;
  background: #fff;
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  border-radius: 1rem;
  position: absolute;
  top: -1.3rem;
  left: 50%;
  transform: translate(-10%, -100%);
  text-indent: 0;
  font-size: 1.4rem;
  padding: 1rem 1.5rem;
  white-space: nowrap;
}

@media screen and (min-width: 40em) {
  .order-group__availibility.active::before,
  .order-group__availibility:hover::before {
    transform: translate(-20%, -100%);
  }
}

.order-group__availibility.active::after,
.order-group__availibility:hover::after {
  content: '';
  display: block;
  position: absolute;
  top: -0.5rem;
  left: 50%;
  transform: translate(-50%, -100%);
  border-top: 0.8rem solid #fff;
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
  border-radius: 0.4rem;
}

.order-group__save {
  color: #f00;
  font-size: 1.5rem;
  font-weight: 600;
  margin-top: 0;
  margin-left: auto;
}

@media screen and (min-width: 48em) {
  .order-group__save {
    padding-right: 1rem;
  }
}

@media screen and (min-width: 64.0625em) {
  .order-group__save {
    padding-right: 2rem;
  }
}

.order-group__save .icon {
  width: 3rem;
  margin-left: 0.7rem;
  vertical-align: middle;
}

.order-group__save .order-group__save-saved-text {
  display: none;
}

.order-group__save.is-active .icon-heart {
  display: inline-block;
}

.order-group__save.is-active .icon-heart-outline {
  display: none;
}

.order-group__save.is-active .order-group__save-save-text {
  display: none;
}

.order-group__save.is-active .order-group__save-saved-text {
  display: inline-block;
}

.order-group__save:not(.is-active) .icon-heart {
  display: none;
}

.order-group__save:not(.is-active):hover {
  color: #d90000;
  text-decoration: none;
}

.order-group__save:not(.is-active):hover .icon-heart-outline {
  display: none;
}

.order-group__save:not(.is-active):hover .icon-heart {
  display: inline-block;
}

.order-group__form {
  border: 3px solid #f00;
  border-radius: 1rem 1rem 1.3rem 1.3rem;
  margin-top: 1rem;
}

@media screen and (min-width: 48em) {
  .order-group__form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 1rem 1.3rem 1.3rem 1rem;
  }
}

.order-group__formItem:first-of-type {
  padding: 1rem 2rem;
}

@media screen and (min-width: 48em) {
  .order-group__formItem:first-of-type {
    width: 16rem;
    padding: 0 0.5rem 0 1.5rem;
  }

  .order-group__formItem:last-of-type {
    width: calc(100% - 160px);
  }
}

.order-group input[type="submit"] {
  border-radius: 0 0 1rem 1rem;
}

@media screen and (min-width: 48em) {
  .order-group input[type="submit"] {
    border-radius: 0 1rem 1rem 0;
  }
}

.order-group__amount {
  color: #f00;
}

.order-group__amount input {
  color: #f00;
  display: inline-block;
  font-weight: 600;
  padding-left: 0.5rem;
  width: 5rem;
}

.order-group__amount-label {
  border: none;
  display: inline-block;
  font-size: 2rem;
  font-weight: 400;
}

@media print {
  .sidebar-widget .order-group,
  .order-group__form,
  .order-group__save-save-text,
  .order-group .icon {
    display: none;
  }
}

.order-group__alert {
  font-size: 2rem;
  padding: 0 2rem;
}

.page-lai .order-group .order-group__save {
  color: #2ea341;
}

.page-lai .order-group .order-group__save .icon {
  fill: #2ea341;
}

.page-lai .order-group .order-group__form {
  border-color: #2ea341;
}

.page-lai .order-group .order-group__form .order-group__formItem.order-group__amount {
  color: #2ea341;
}

.page-lai .order-group .order-group__form .order-group__formItem.order-group__amount input {
  color: #2ea341;
}

.page-lai .order-group .order-group__form .order-group__formItem.order-group__amount .input-number-increment::before {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8.4 4.65"><path d="M8.4, 3.6c0, 0.2-0.1, 0.4-0.2, 0.6c-0.3, 0.4-1, 0.5-1.4, 0.2l0, 0l-2.6-2l-2.6, 2C1.2, 4.8, 0.5, 4.7, 0.2, 4.2C-0.1, 3.8, 0, 3.2, 0.4, 2.8L4.2, 0L8, 2.8C8.3, 3, 8.4, 3.3, 8.4, 3.6z" fill="rgb(46,163,65)"/></svg>') center no-repeat;
  background-size: cover;
}

.page-lai .order-group .order-group__form .order-group__formItem.order-group__amount .input-number-decrement::before {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8.4 4.65"><path d="M0, 1A1, 1, 0, 0, 1, 0.2.4, 1, 1, 0, 0, 1, 1.6.2l2.6, 2L6.8.2A1, 1, 0, 0, 1, 8, 1.8L4.2, 4.65.4, 1.8A1, 1, 0, 0, 1, 0, 1Z" fill="rgb(46,163,65)"/></svg>') center no-repeat;
  background-size: cover;
}

.page-lai .order-group .order-group__form .order-group__formItem input[type=submit] {
  background-color: #2ea341;
}

.marquee {
  background: #ea2727;
  color: #fff;
  line-height: 6rem;
  overflow: hidden;
}

.marquee-item {
  font-size: 2rem;
  font-weight: 600;
  padding-right: 4rem;
  position: relative;
}

.marquee-item::after {
  content: "";
  background: #fff;
  border-radius: 50%;
  height: 0.6rem;
  width: 0.6rem;
  position: absolute;
  top: 50%;
  right: 1.7rem;
  transform: translateY(-50%);
}

.marquee-item a {
  color: white;
  text-decoration: underline;
}

.page-mask {
  pointer-events: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
}

.page-mask.is-active {
  pointer-events: auto;
}

.page-mask-bg {
  background: rgba(0, 0, 0, 0.4);
  cursor: pointer;
  opacity: 0;
  /* will-change-change */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  transition: all 0.13s ease-out;
}

.is-active .page-mask-bg {
  opacity: 0.9;
}

.modal {
  pointer-events: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3000;
}

.modal[data-state="open"] {
  pointer-events: auto;
}

.modal-bg {
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  /* will-change-change */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  transition: all 0.13s ease-out;
}

[data-state="open"] .modal-bg {
  opacity: 0.9;
}

.modal-content {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  opacity: 0;
  padding: 4rem 2rem;
  position: fixed;
  top: 120%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70rem;
}

[data-state="open"] .modal-content {
  -webkit-animation: bounce-in-bottom 0.2s;
          animation: bounce-in-bottom 0.2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}

.modal-title {
  font-size: 3rem;
  font-weight: 600;
  margin-bottom: 4rem;
}

.modal-text {
  margin-bottom: 2rem;
}

.modal-buttons {
  display: flex;
  justify-content: center;
  margin-top: 4rem;
}

.modal-buttons .btn,
.modal-buttons .ci-btn,
.modal-buttons .coi-side-item-btn,
.modal-buttons .csi-link,
.modal-buttons .fi-btn,
.modal-buttons .input-file + label,
.modal-buttons input[type="submit"],
.modal-buttons .searchbar-btn,
.modal-buttons .swal-button,
.modal-buttons .mw-map-btn,
.modal-buttons .nw-btn,
.modal-buttons .payment-widget-btn,
.modal-buttons .esi-link,
.modal-buttons .hh-slide-btn,
.modal-buttons .hp-slide-btn,
.modal-buttons .he-slide-btn,
.modal-buttons .hl-slide-btn,
.modal-buttons .srb-group--kurs .srb-group-body-item-btn,
.srb-group--kurs .modal-buttons .srb-group-body-item-btn,
.modal-buttons .teaser-item-link,
.modal-buttons .price-widget-btn {
  flex: 1;
}

.modal-buttons .btn:not(:last-child),
.modal-buttons .ci-btn:not(:last-child),
.modal-buttons .coi-side-item-btn:not(:last-child),
.modal-buttons .csi-link:not(:last-child),
.modal-buttons .fi-btn:not(:last-child),
.modal-buttons .input-file + label:not(:last-child),
.modal-buttons input:not(:last-child)[type="submit"],
.modal-buttons .searchbar-btn:not(:last-child),
.modal-buttons .swal-button:not(:last-child),
.modal-buttons .mw-map-btn:not(:last-child),
.modal-buttons .nw-btn:not(:last-child),
.modal-buttons .payment-widget-btn:not(:last-child),
.modal-buttons .esi-link:not(:last-child),
.modal-buttons .hh-slide-btn:not(:last-child),
.modal-buttons .hp-slide-btn:not(:last-child),
.modal-buttons .he-slide-btn:not(:last-child),
.modal-buttons .hl-slide-btn:not(:last-child),
.modal-buttons .srb-group--kurs .srb-group-body-item-btn:not(:last-child),
.srb-group--kurs .modal-buttons .srb-group-body-item-btn:not(:last-child),
.modal-buttons .teaser-item-link:not(:last-child),
.modal-buttons .price-widget-btn:not(:last-child) {
  margin-right: 2rem;
}

@-webkit-keyframes bounce-in-bottom {
  0% {
    opacity: 0;
    top: 120%;
  }

  80% {
    top: 39%;
  }

  100% {
    opacity: 1;
    top: 47%;
  }
}

@keyframes bounce-in-bottom {
  0% {
    opacity: 0;
    top: 120%;
  }

  80% {
    top: 39%;
  }

  100% {
    opacity: 1;
    top: 47%;
  }
}

.navbar {
  background: #f00;
  border-radius: 0;
  color: #fff;
  font-size: 1.5rem;
  margin-top: 2rem;
  position: relative;
  width: 100%;
  z-index: 120;
}

@media screen and (min-width: 64.0625em) {
  .navbar {
    border-radius: 10px;
    margin: 0 auto;
    max-width: 168rem;
    width: 92%;
  }
}

.header--subnav .navbar {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.navbar a {
  color: inherit;
}

.navbar-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3rem 0 2rem;
  position: relative;
}

@media screen and (min-width: 48em) {
  .navbar-inner {
    padding: 3.5rem 0 2.5rem;
  }
}

@media screen and (min-width: 64.0625em) {
  .navbar-inner {
    width: 100%;
  }
}

.navbar-search {
  position: absolute;
  top: -52%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 2;
}

@media screen and (min-width: 48em) {
  .navbar-search {
    top: -45%;
  }
}

.navbar-nav-mobile {
  display: block;
  fill: #fff;
}

@media screen and (min-width: 77.5625em) {
  .navbar-nav-mobile {
    display: none;
  }
}

.navbar-nav-mobile .navbar-mobileToggle {
  display: flex;
  align-items: center;
}

.navbar-nm-icon {
  margin-right: 1rem;
}

.navbar-nm-text {
  font-size: 1.8rem;
  font-weight: 600;
}

@media (max-width: 320px) {
  .navbar-nm-text {
    display: none;
  }
}

.navbar-nav-desktop {
  display: none;
  padding: 0 1rem;
  text-align: center;
}

@media screen and (min-width: 77.5625em) {
  .navbar-nav-desktop {
    display: block;
  }
}

.navbar-title {
  display: none;
  flex: 1;
  font-size: 1.5rem;
  font-weight: 600;
  white-space: nowrap;
}

@media screen and (min-width: 77.5625em) {
  .navbar-title {
    display: block;
    margin-right: 3.5rem;
  }
}

.navbar-nav-item {
  position: relative;
  text-decoration: none;
  transition: all 0.15s ease-in-out;
  color: #fff;
  font-size: 2rem;
  font-weight: 600;
}

.navbar-nav-item::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background: currentcolor;
  opacity: 0;
  transition: height 0.3s, opacity 0.3s, transform 0.3s;
  transform: translateY(-10px);
}

.navbar-nav-item:hover::after,
.navbar-nav-item.is-active::after {
  height: 2px;
  opacity: 1;
  transform: translateY(2px);
}

.navbar-nav-item:not(:last-child) {
  margin-right: 3.5rem;
}

.navbar-user-nav {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  margin-left: 3.5rem;
}

@media (max-width: 320px) {
  .navbar-user-nav {
    margin-left: 10px;
  }
}

.nun-label {
  display: none;
  font-size: 1.5rem;
  font-weight: 600;
  margin-right: 0.5rem;
}

@media screen and (min-width: 64.0625em) {
  .nun-label {
    display: inline-block;
  }
}

.nun-item {
  stroke-width: 2px;
  white-space: nowrap;
}

.nun-item:not(:last-child) {
  margin-right: 0.5rem;
}

.nun-item[data-itemcount] {
  position: relative;
}

.nun-item[data-itemcount]::before {
  content: attr(data-itemcount);
  background: #fff;
  border-radius: 6px;
  color: #f00;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.2rem;
  width: 1.6rem;
  text-align: center;
  position: absolute;
  top: -70%;
  left: 50%;
  transform: translateX(-50%);
}

.nun-item[data-itemcount] .icon-heart,
.nun-item[data-itemcount] .icon-bag {
  display: block;
}

.nun-item[data-itemcount] .icon-heart-outline,
.nun-item[data-itemcount] .icon-bag-outline {
  display: none;
}

.nun-item .icon-heart,
.nun-item .icon-heart-outline {
  width: 2.4rem;
}

.nun-item .icon-bag,
.nun-item .icon-bag-outline {
  width: 1.8rem;
}

.nun-item .icon-heart,
.nun-item .icon-bag {
  display: none;
}

@media print {
  .navbar {
    display: none;
  }
}

.elearning-flex {
  display: flex !important;
  margin-right: 0 !important;
  align-items: center !important;
}

.elearning svg {
  height: 21px;
  width: 23px;
  fill: #fff;
}

.elearning-text {
  margin-right: 0.5rem;
}

@media (max-width: 767px) {
  .elearning-text {
    display: none;
  }
}

.hp-navbar {
  border-radius: 0;
  color: #fff;
  font-size: 1.5rem;
  position: relative;
  width: 100%;
  z-index: 120;
}

.page-planetarium .hp-navbar {
  background: rgba(0, 34, 71, 0.92);
}

@media screen and (min-width: 64.0625em) {
  .hp-navbar {
    border-radius: 10px;
    margin: 0 auto;
    max-width: 168rem;
    width: 92%;
  }
}

@media screen and (max-width: 64em) {
  .hp-navbar {
    width: 100%;
  }
}

.header--subnav .hp-navbar {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.hp-navbar-inner {
  display: flex;
  padding: 2.8rem 0 1rem;
  position: relative;
}

@media screen and (min-width: 48em) {
  .hp-navbar-inner {
    padding: 3.5rem 0 2.5rem;
  }
}

.hp-navbar-logo {
  flex: 1;
  max-width: 12rem;
  margin-left: auto;
}

@media screen and (min-width: 64.0625em) {
  .hp-navbar-logo {
    display: block;
    margin: 0;
    max-width: 24rem;
  }
}

.hp-navbar-nav-group {
  flex: 0;
}

@media screen and (min-width: 64.0625em) {
  .hp-navbar-nav-group {
    flex: 1;
    margin-left: 12rem;
    display: block;
  }
}

.hp-navbar-search {
  max-width: 70rem;
  width: 100%;
  z-index: 2;
}

@media screen and (max-width: 64em) {
  .hp-navbar-search {
    position: absolute;
    top: -5%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

@media screen and (min-width: 64.0625em) {
  .hp-navbar-search {
    position: relative;
  }
}

.hp-navbar-search.is-active {
  position: absolute;
  top: -5%;
  transform: translate(-50%, -50%);
  left: 50%;
}

.navbar-mobileToggle {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 64.0625em) {
  .navbar-mobileToggle {
    display: none;
  }
}

.hp-navbar-nm-icon {
  margin-right: 1rem;
}

.hp-navbar-nm-text {
  font-size: 1.8rem;
  font-weight: 600;
}

.hp-navbar-nav-desktop {
  display: none;
  flex: 1;
  padding-top: 2rem;
  padding-left: 3rem;
}

@media screen and (min-width: 64.0625em) {
  .hp-navbar-nav-desktop {
    display: block;
  }
}

.hp-navbar-nav-desktop .navbar-nav-item {
  color: #fff;
  display: inline-block;
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 2rem;
}

.hp-navbar-nav-desktop .navbar-nav-item:not(:last-child) {
  margin-right: 3.5rem;
}

.hp-navbar-title {
  display: none;
  flex: 1;
  font-size: 1.5rem;
  font-weight: 600;
}

@media screen and (min-width: 48em) {
  .hp-navbar-title {
    display: block;
  }
}

.hp-nav-vhs {
  background: linear-gradient(to right, transparent 0, transparent 42px, #f00 42px, #f00 100%);
  color: #fff;
  display: flex;
  font-size: 1.5rem;
  margin-bottom: 4.2rem;
}

@media screen and (min-width: 64.0625em) {
  .hp-nav-vhs {
    border-radius: 10px;
    margin-bottom: 1rem;
  }
}

.header--subnav .hp-nav-vhs {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

@media screen and (max-width: 48em) {
  .hp-nav-vhs {
    margin-bottom: 5.2rem;
  }
}

@media screen and (max-width: 64em) {
  .hp-nav-vhs {
    width: 100%;
  }
}

.hp-nav-vhs-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.7rem 0;
  padding-left: 3rem;
  position: relative;
  min-height: 4rem;
}

.hp-nav-vhs-logo {
  background: #f00;
  height: 4rem;
  width: 4rem;
  position: absolute;
}

@media screen and (min-width: 64.0625em) {
  .hp-nav-vhs-logo {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;
  }
}

.hp-nav-vhs-logo img {
  display: block;
}

.hp-nav-vhs-nav-mobile {
  display: flex;
  fill: #fff;
}

@media screen and (min-width: 48em) {
  .hp-nav-vhs-nav-mobile {
    display: none;
  }
}

.hp-nav-vhs-nm-icon {
  margin-right: 1rem;
}

.hp-nav-vhs-nm-text {
  font-size: 1.8rem;
  font-weight: 600;
}

.hp-nav-vhs-nav-desktop {
  display: none;
  flex: 1;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .hp-nav-vhs-nav-desktop {
    display: block;
  }
}

.hp-nav-vhs-title {
  display: none;
  flex: 1;
  font-size: 1.5rem;
  font-weight: 600;
}

.hp-nav-vhs-title a {
  color: #fff;
}

@media screen and (min-width: 64.0625em) {
  .hp-nav-vhs-title {
    display: block;
  }
}

.hp-nav-vhs-nav-item {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
}

.hp-nav-vhs-nav-item:not(:last-child) {
  margin-right: 3.5rem;
}

.hp-nav-vhs-user-nav {
  display: flex;
  flex: 1;
  justify-content: flex-end;
}

.nun-label {
  display: none;
  font-size: 1.5rem;
  font-weight: 600;
  margin-right: 0.5rem;
}

@media screen and (min-width: 48em) {
  .nun-label {
    display: inline-block;
  }
}

.nun-item {
  stroke-width: 2px;
}

.nun-item:not(:last-child) {
  margin-right: 1.5rem;
}

.he-navbar {
  background: rgba(218, 218, 218, 0.92);
  border-radius: 0;
  color: #000;
  font-size: 1.5rem;
  position: relative;
  width: 100%;
  z-index: 120;
}

@media screen and (min-width: 64.0625em) {
  .he-navbar {
    border-radius: 10px;
    margin: 0 auto;
    max-width: 168rem;
    width: 92%;
  }
}

@media screen and (max-width: 64em) {
  .he-navbar {
    width: 100%;
  }
}

.header--subnav .he-navbar {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.he-navbar-inner {
  display: flex;
  padding: 2.8rem 0 1rem;
  position: relative;
}

@media screen and (min-width: 48em) {
  .he-navbar-inner {
    padding: 3.5rem 0 2.5rem;
  }
}

.he-navbar-logo {
  flex: 1;
  max-width: 12rem;
  margin-left: auto;
}

@media screen and (min-width: 64.0625em) {
  .he-navbar-logo {
    display: block;
    margin: 0;
    max-width: 24rem;
  }
}

.he-navbar-nav-group {
  flex: 0;
}

@media screen and (min-width: 64.0625em) {
  .he-navbar-nav-group {
    flex: 1;
    margin-left: 12rem;
    display: block;
  }
}

.he-navbar-search {
  max-width: 70rem;
  width: 100%;
  z-index: 2;
}

@media screen and (max-width: 64em) {
  .he-navbar-search {
    position: absolute;
    top: -5%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

@media screen and (min-width: 64.0625em) {
  .he-navbar-search {
    position: relative;
  }
}

.he-navbar-search.is-active {
  position: absolute;
  top: -5%;
  transform: translate(-50%, -50%);
  left: 50%;
}

.navbar-mobileToggle {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 64.0625em) {
  .navbar-mobileToggle {
    display: none;
  }
}

.he-navbar-nm-icon {
  margin-right: 1rem;
}

.he-navbar-nm-text {
  font-size: 1.8rem;
  font-weight: 600;
}

.he-navbar-nav-desktop {
  display: none;
  flex: 1;
  padding-top: 2rem;
  padding-left: 3rem;
}

@media screen and (min-width: 64.0625em) {
  .he-navbar-nav-desktop {
    display: block;
  }
}

.he-navbar-nav-desktop .navbar-nav-item {
  color: #000;
  display: inline-block;
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 2rem;
}

.he-navbar-nav-desktop .navbar-nav-item:not(:last-child) {
  margin-right: 3.5rem;
}

.he-navbar-title {
  display: none;
  flex: 1;
  font-size: 1.5rem;
  font-weight: 600;
}

@media screen and (min-width: 48em) {
  .he-navbar-title {
    display: block;
  }
}

.he-nav-vhs {
  background: linear-gradient(to right, transparent 0, transparent 42px, #f00 42px, #f00 100%);
  color: #fff;
  display: flex;
  font-size: 1.5rem;
  margin-bottom: 4.2rem;
}

@media screen and (min-width: 64.0625em) {
  .he-nav-vhs {
    border-radius: 10px;
    margin-bottom: 1rem;
  }
}

.header--subnav .he-nav-vhs {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

@media screen and (max-width: 48em) {
  .he-nav-vhs {
    margin-bottom: 5.2rem;
  }
}

@media screen and (max-width: 64em) {
  .he-nav-vhs {
    width: 100%;
  }
}

.he-nav-vhs-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.7rem 0;
  padding-left: 3rem;
  position: relative;
  min-height: 4rem;
}

.he-nav-vhs-logo {
  background: #f00;
  height: 4rem;
  width: 4rem;
  position: absolute;
}

@media screen and (min-width: 64.0625em) {
  .he-nav-vhs-logo {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;
  }
}

.he-nav-vhs-logo img {
  display: block;
}

.he-nav-vhs-nav-mobile {
  display: flex;
  fill: #fff;
}

@media screen and (min-width: 48em) {
  .he-nav-vhs-nav-mobile {
    display: none;
  }
}

.he-nav-vhs-nm-icon {
  margin-right: 1rem;
}

.he-nav-vhs-nm-text {
  font-size: 1.8rem;
  font-weight: 600;
}

.he-nav-vhs-nav-desktop {
  display: none;
  flex: 1;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .he-nav-vhs-nav-desktop {
    display: block;
  }
}

.he-nav-vhs-title {
  display: none;
  flex: 1;
  font-size: 1.5rem;
  font-weight: 600;
}

.he-nav-vhs-title a {
  color: #fff;
}

@media screen and (min-width: 64.0625em) {
  .he-nav-vhs-title {
    display: block;
  }
}

.he-nav-vhs-nav-item {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
}

.he-nav-vhs-nav-item:not(:last-child) {
  margin-right: 3.5rem;
}

.he-nav-vhs-user-nav {
  display: flex;
  flex: 1;
  justify-content: flex-end;
}

.nun-label {
  display: none;
  font-size: 1.5rem;
  font-weight: 600;
  margin-right: 0.5rem;
}

@media screen and (min-width: 48em) {
  .nun-label {
    display: inline-block;
  }
}

.nun-item {
  stroke-width: 2px;
}

.nun-item:not(:last-child) {
  margin-right: 1.5rem;
}

.hl-navbar {
  border-radius: 0;
  color: #fff;
  font-size: 1.5rem;
  position: relative;
  width: 100%;
  z-index: 120;
}

.page-lai .hl-navbar {
  background: rgba(218, 218, 218, 0.92);
}

@media screen and (min-width: 64.0625em) {
  .hl-navbar {
    border-radius: 10px;
    margin: 0 auto;
    max-width: 168rem;
    width: 92%;
  }
}

@media screen and (max-width: 64em) {
  .hl-navbar {
    width: 100%;
  }
}

.header--subnav .hl-navbar {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.hl-navbar-inner {
  display: flex;
  padding: 2.8rem 0 1rem;
  position: relative;
}

@media screen and (min-width: 48em) {
  .hl-navbar-inner {
    padding: 3.5rem 0 2.5rem;
  }
}

.hl-navbar-logo {
  flex: 1;
  max-width: 12rem;
  margin-left: auto;
}

@media screen and (min-width: 64.0625em) {
  .hl-navbar-logo {
    display: block;
    margin: 0;
    max-width: 18rem;
  }
}

.hl-navbar-nav-group {
  flex: 0;
}

@media screen and (min-width: 64.0625em) {
  .hl-navbar-nav-group {
    flex: 1;
    margin-left: 12rem;
    display: block;
  }
}

.hl-navbar-search {
  max-width: 70rem;
  width: 100%;
  z-index: 2;
}

@media screen and (max-width: 64em) {
  .hl-navbar-search {
    position: absolute;
    top: -5%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

@media screen and (min-width: 64.0625em) {
  .hl-navbar-search {
    position: relative;
  }
}

.hl-navbar-search.is-active {
  position: absolute;
  top: -5%;
  transform: translate(-50%, -50%);
  left: 50%;
}

.navbar-mobileToggle {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 64.0625em) {
  .navbar-mobileToggle {
    display: none;
  }
}

.hl-navbar-nm-icon {
  margin-right: 1rem;
}

.hl-navbar-nm-text {
  font-size: 1.8rem;
  font-weight: 600;
}

.hl-navbar-nav-desktop {
  display: none;
  flex: 1;
  padding-top: 2rem;
  padding-left: 3rem;
}

@media screen and (min-width: 64.0625em) {
  .hl-navbar-nav-desktop {
    display: block;
  }
}

.hl-navbar-nav-desktop .navbar-nav-item {
  color: #fff;
  display: inline-block;
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 2rem;
}

.hl-navbar-nav-desktop .navbar-nav-item:nth-child(1) {
  color: #11b5ac;
}

.hl-navbar-nav-desktop .navbar-nav-item:nth-child(2) {
  color: #9d64c2;
}

.hl-navbar-nav-desktop .navbar-nav-item:nth-child(3) {
  color: #d39b00;
}

.hl-navbar-nav-desktop .navbar-nav-item:nth-child(4) {
  color: #ce382a;
}

.hl-navbar-nav-desktop .navbar-nav-item:nth-child(5) {
  color: #2ea341;
}

.hl-navbar-nav-desktop .navbar-nav-item:nth-child(6) {
  color: #e6781f;
}

.hl-navbar-nav-desktop .navbar-nav-item:not(:last-child) {
  margin-right: 3.5rem;
}

.hl-navbar-title {
  display: none;
  flex: 1;
  font-size: 1.5rem;
  font-weight: 600;
}

@media screen and (min-width: 48em) {
  .hl-navbar-title {
    display: block;
  }
}

.hl-nav-vhs {
  background: linear-gradient(to right, transparent 0, transparent 42px, #f00 42px, #f00 100%);
  color: #fff;
  display: flex;
  font-size: 1.5rem;
  margin-bottom: 4.2rem;
}

@media screen and (min-width: 64.0625em) {
  .hl-nav-vhs {
    border-radius: 10px;
    margin-bottom: 1rem;
  }
}

.header--subnav .hl-nav-vhs {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

@media screen and (max-width: 48em) {
  .hl-nav-vhs {
    margin-bottom: 5.2rem;
  }
}

@media screen and (max-width: 64em) {
  .hl-nav-vhs {
    width: 100%;
  }
}

.hl-nav-vhs-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.7rem 0;
  padding-left: 3rem;
  position: relative;
  min-height: 4rem;
}

.hl-nav-vhs-logo {
  background: #f00;
  height: 4rem;
  width: 4rem;
  position: absolute;
}

@media screen and (min-width: 64.0625em) {
  .hl-nav-vhs-logo {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;
  }
}

.hl-nav-vhs-logo img {
  display: block;
}

.hl-nav-vhs-nav-mobile {
  display: flex;
  fill: #fff;
}

@media screen and (min-width: 48em) {
  .hl-nav-vhs-nav-mobile {
    display: none;
  }
}

.hl-nav-vhs-nm-icon {
  margin-right: 1rem;
}

.hl-nav-vhs-nm-text {
  font-size: 1.8rem;
  font-weight: 600;
}

.hl-nav-vhs-nav-desktop {
  display: none;
  flex: 1;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .hl-nav-vhs-nav-desktop {
    display: block;
  }
}

.hl-nav-vhs-title {
  display: none;
  flex: 1;
  font-size: 1.5rem;
  font-weight: 600;
}

.hl-nav-vhs-title a {
  color: #fff;
}

.hl-nav-vhs-title a:last-child {
  margin: 0 0 0 2rem;
}

@media screen and (min-width: 64.0625em) {
  .hl-nav-vhs-title {
    display: block;
  }
}

.hl-nav-vhs-nav-item {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
}

.hl-nav-vhs-nav-item:not(:last-child) {
  margin-right: 3.5rem;
}

.hl-nav-vhs-user-nav {
  display: flex;
  flex: 1;
  justify-content: flex-end;
}

.nun-label {
  display: none;
  font-size: 1.5rem;
  font-weight: 600;
  margin-right: 0.5rem;
}

@media screen and (min-width: 48em) {
  .nun-label {
    display: inline-block;
  }
}

.nun-item {
  stroke-width: 2px;
}

.nun-item:not(:last-child) {
  margin-right: 1.5rem;
}

.page-title {
  font-size: 4rem;
  font-weight: 700;
  margin-bottom: 3rem;
  word-wrap: break-word;
}

@media screen and (min-width: 48em) {
  .page-title {
    font-size: 6rem;
  }
}

@media screen and (min-width: 64.0625em) {
  .page-title {
    padding-left: 2rem;
  }
}

.page-title--hasExtra {
  max-width: 76rem;
}

.page-title--hasSubtitle {
  margin-bottom: 1rem;
}

.page-title__extra {
  vertical-align: 10px;
  display: inline-block;
  padding: 0.6rem 1rem;
  border-radius: 0.6rem;
  background: #f00;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1;
  margin-right: 0.6rem;
}

.page-lai .page-title .page-title__extra {
  background-color: #2ea341;
}

.page-subtitle {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 3rem;
}

@media screen and (min-width: 48em) {
  .page-subtitle {
    font-size: 3rem;
  }
}

@media screen and (min-width: 64.0625em) {
  .page-subtitle {
    padding-left: 2rem;
  }
}

.page-title-label {
  font-size: 2rem;
  margin-bottom: 0.3rem;
}

@media screen and (min-width: 64.0625em) {
  .page-title-label {
    padding-left: 2rem;
  }
}

.page-back-btn {
  color: #000;
  display: inline-block;
  font-size: 2rem;
  margin-bottom: 1.2rem;
  position: relative;
}

.page-back-btn .icon {
  margin-right: 0.8rem;
  stroke-width: 2px;
  transform: rotate(180deg);
  transform-origin: center center;
  vertical-align: -1px;
  width: 0.8rem;
}

@media print {
  .page-back-btn .icon {
    display: none;
  }

  .page-title__extra {
    display: block;
    padding: 0;
  }
}

.pagination {
  display: inline-flex;
  align-items: center;
  font-size: 2rem;
  height: 5.2rem;
  max-width: 100%;
}

.pagination > :first-child,
.pagination > :last-child {
  border-top-left-radius: 26px;
  border-bottom-left-radius: 26px;
}

.pagination-start,
.pagination-end,
.pagination-prev,
.pagination-next {
  background: #fff;
  color: #000;
  cursor: pointer;
  transition: all 0.4s;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 1.6rem;
}

.pagination-start:hover,
.pagination-end:hover,
.pagination-prev:hover,
.pagination-next:hover {
  background: #f2f2f2;
  text-decoration: none;
}

.pagination-start:active,
.pagination-end:active,
.pagination-prev:active,
.pagination-next:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #f2f2f2;
  text-decoration: none;
}

.pagination-start[disabled],
.pagination-end[disabled],
.pagination-prev[disabled],
.pagination-next[disabled] {
  background: #e6e6e6;
  color: #fff;
  cursor: not-allowed;
}

.pagination-start[disabled]:hover,
.pagination-start[disabled]:active,
.pagination-start[disabled]:focus,
.pagination-start[disabled][aria-pressed="true"],
.pagination-end[disabled]:hover,
.pagination-end[disabled]:active,
.pagination-end[disabled]:focus,
.pagination-end[disabled][aria-pressed="true"],
.pagination-prev[disabled]:hover,
.pagination-prev[disabled]:active,
.pagination-prev[disabled]:focus,
.pagination-prev[disabled][aria-pressed="true"],
.pagination-next[disabled]:hover,
.pagination-next[disabled]:active,
.pagination-next[disabled]:focus,
.pagination-next[disabled][aria-pressed="true"] {
  box-shadow: none;
  outline: none;
}

.pagination-start .icon,
.pagination-end .icon,
.pagination-prev .icon,
.pagination-next .icon {
  height: 2rem;
  transform: rotate(180deg);
}

.pagination-prev,
.pagination-next {
  margin-left: 0.2rem;
}

.pagination-next {
  margin-right: 0.2rem;
}

.pagination-next,
.pagination-end {
  transform: rotate(180deg);
}

.pagination-list {
  display: flex;
  height: 100%;
  overflow-x: auto;
  padding: 0;
}

.pagination-list-item {
  display: block;
  flex: 1 0 6rem;
  margin-left: 0.2rem;
  height: 100%;
  width: 6rem;
}

.pagination-list-item-link {
  background: #fff;
  color: #000;
  cursor: pointer;
  transition: all 0.4s;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.pagination-list-item-link:hover {
  background: #f2f2f2;
  text-decoration: none;
}

.pagination-list-item-link:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #f2f2f2;
  text-decoration: none;
}

.is-active .pagination-list-item-link {
  background: transparent;
}

.product-overview-item {
  background: #fff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  max-width: 33rem;
  width: 100%;
  transition: box-shadow 0.2s ease-out;
}

.product-overview-item:hover {
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}

.poi-header {
  max-height: 22rem;
  position: relative;
}

.poi-img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: block;
  width: 100%;
}

.poi-addtobookmarks {
  position: absolute;
  top: 2rem;
  right: 2rem;
}

.poi-addtobookmarks.is-active .icon-heart {
  display: inline-block;
}

.poi-addtobookmarks.is-active .icon-heart-outline {
  display: none;
}

.poi-addtobookmarks:not(.is-active) .icon-heart {
  display: none;
}

.poi-addtobookmarks:not(.is-active):hover {
  color: #d90000;
  text-decoration: none;
}

.poi-addtobookmarks:not(.is-active):hover .icon-heart-outline {
  display: none;
}

.poi-addtobookmarks:not(.is-active):hover .icon-heart {
  display: inline-block;
}

.poi-addtobookmarks .icon {
  width: 3rem;
}

.poi-addtobookmarks:hover .poi-addtobookmarks-tooltip {
  height: auto;
  opacity: 1;
}

.poi-addtobookmarks-tooltip {
  background: #fff;
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
  border-radius: 1rem;
  color: #000;
  position: absolute;
  top: -1.3rem;
  left: 50%;
  transform: translate(-50%, -100%);
  width: 30rem;
  text-indent: 0;
  font-size: 1.4rem;
  padding: 1rem 1.5rem;
  height: 0;
  opacity: 0;
  z-index: 2;
}

.poi-addtobookmarks-tooltip::after {
  content: '';
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-top: 0.8rem solid #fff;
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
  border-radius: 0.4rem;
}

.poi-title {
  font-size: 2rem;
  line-height: 3rem;
}

.poi-description {
  font-size: 1.5rem;
  margin-top: 1rem;
}

.poi-body {
  color: #000;
  min-height: 16rem;
  padding: 2rem;
}

.poi-footer {
  border-top: 1px solid #dadada;
  color: #000;
  margin-top: auto;
  padding: 1.8rem 2rem;
  position: relative;
}

.poi-price {
  font-size: 3rem;
  font-weight: 600;
}

.poi-price-before {
  color: #f00;
  font-size: 1.5rem;
  font-weight: 600;
  text-decoration: line-through;
}

.poi-label {
  background: #f00;
  border-radius: 5px;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
  padding: 0.3rem 0.7rem;
  position: absolute;
  bottom: 2rem;
  right: 2rem;
}

.product-slider-item {
  background: #fff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  min-width: 33rem;
  max-width: 33rem;
  transition: box-shadow 0.2s ease-out;
}

.product-slider-item:hover {
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}

.psi-header {
  max-height: 22rem;
  position: relative;
}

.psi-img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: block;
  width: 100%;
}

.psi-addtobookmarks {
  position: absolute;
  top: 2rem;
  right: 2rem;
}

.psi-addtobookmarks .icon {
  width: 3rem;
}

.psi-title {
  font-size: 2rem;
  line-height: 3rem;
}

.psi-description {
  font-size: 1.5rem;
  margin-top: 1rem;
}

.psi-body {
  color: #000;
  min-height: 16rem;
  padding: 2rem;
}

.psi-footer {
  border-top: 1px solid #dadada;
  color: #000;
  margin-top: auto;
  padding: 1.8rem 2rem;
  position: relative;
}

.psi-price {
  font-size: 3rem;
  font-weight: 600;
}

.psi-price-before {
  color: #f00;
  font-size: 1.5rem;
  font-weight: 600;
  text-decoration: line-through;
}

.psi-label {
  background: #f00;
  border-radius: 5px;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
  padding: 0.3rem 0.7rem;
  position: absolute;
  bottom: 2rem;
  right: 2rem;
}

.progressbar {
  height: 3.4rem;
  position: relative;
}

.progressbar-circle {
  border-radius: 50%;
  border: 2px solid #868686;
  color: #868686;
  display: inline-block;
  width: 3.4rem;
  height: 3.4rem;
  position: relative;
  text-align: center;
}

.progressbar-circle.is-active {
  background: transparent;
  border: 2px solid #f00;
}

.progressbar-circle.is-active .progressbar-label {
  color: #f00;
}

.progressbar-circle.is-active .progressbar-title {
  color: #000;
}

.progressbar-circle.is-done {
  background: transparent;
  border: 2px solid #f00;
}

.progressbar-circle.is-done .progressbar-label {
  color: transparent;
}

.progressbar-circle.is-done .progressbar-title {
  color: #000;
}

.progressbar-circle.is-done .icon {
  display: block;
}

.progressbar-circle.is-done + .progressbar-bar::before {
  background: #f00;
}

.progressbar-circle .icon {
  display: none;
  fill: #f00;
  width: 2.6rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.progressbar-bar {
  display: inline-block;
  width: 20.8rem;
  height: 100%;
  position: relative;
  margin-left: -5px;
  margin-right: -5px;
  text-align: left;
}

.progressbar-bar::before {
  content: "";
  background: #868686;
  height: 0.2rem;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}

.progressbar-bar.is-done::before {
  background: #f00;
}

.progressbar-label {
  border-radius: 50%;
  color: #868686;
  font-size: 2rem;
  width: 32px;
  height: 32px;
  line-height: 32px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.progressbar-title {
  color: #868686;
  font-size: 2rem;
  font-weight: 600;
  width: 40rem;
  position: absolute;
  top: 165%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.searchbar {
  background: #fff;
  border: 3px solid #f00;
  border-radius: 10px;
  display: flex;
  margin: 0 auto;
  max-width: 70rem;
  padding: 2px;
  transition: box-shadow 0.12s linear;
  position: relative;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .searchbar {
    height: 6.2rem;
  }
}

@media screen and (min-width: 48em) {
  .searchbar {
    width: 80%;
  }
}

@media screen and (min-width: 64.0625em) {
  .searchbar {
    width: 60%;
  }
}

.searchbar.has-focus {
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.2), 0 5px 15px rgba(0, 0, 0, 0.17);
}

@media screen and (min-width: 48em) {
  .header--planetarium .searchbar {
    width: 90%;
    max-width: 70rem;
  }
}

@media screen and (min-width: 48em) {
  .header--lai .searchbar {
    width: 90%;
    max-width: 70rem;
  }
}

input[type="text"].searchbar-input {
  background: #fff;
  border: none;
  color: #000;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 4.2rem;
  margin-right: 5px;
  padding: 0 0.5rem;
  width: 100%;
}

input[type="text"].searchbar-input::-webkit-input-placeholder {
  color: #f00;
  font-size: 1.8rem;
  font-weight: 600;
  opacity: 1;
}

@media screen and (min-width: 48em) {
  input[type="text"].searchbar-input::-webkit-input-placeholder {
    font-size: 2rem;
  }
}

input[type="text"].searchbar-input:-moz-placeholder {
  /* Firefox 18- */
  color: #f00;
  font-size: 1.8rem;
  font-weight: 600;
  opacity: 1;
}

@media screen and (min-width: 48em) {
  input[type="text"].searchbar-input:-moz-placeholder {
    font-size: 2rem;
  }
}

input[type="text"].searchbar-input::-moz-placeholder {
  /* Firefox 19+ */
  color: #f00;
  font-size: 1.8rem;
  font-weight: 600;
  opacity: 1;
}

@media screen and (min-width: 48em) {
  input[type="text"].searchbar-input::-moz-placeholder {
    font-size: 2rem;
  }
}

input[type="text"].searchbar-input:-ms-input-placeholder {
  color: #f00;
  font-size: 1.8rem;
  font-weight: 600;
  opacity: 1;
}

@media screen and (min-width: 48em) {
  input[type="text"].searchbar-input:-ms-input-placeholder {
    font-size: 2rem;
  }
}

@media screen and (min-width: 48em) {
  input[type="text"].searchbar-input {
    font-size: 2rem;
    line-height: 5.2rem;
    padding: 0 2rem;
  }
}

.searchbar-btn {
  border-radius: 7px;
  display: flex;
  align-items: center;
  font-size: 2rem;
  line-height: 4.2rem;
  padding: 0 1rem;
  position: absolute;
  right: 2px;
}

@media screen and (min-width: 48em) {
  .searchbar-btn {
    line-height: 5.2rem;
  }
}

.searchbar-btn .icon {
  margin-right: 0.6rem;
  vertical-align: middle;
  width: 2.1rem;
}

.searchbar--planetarium {
  border-color: #002247;
}

.searchbar--planetarium .searchbar-btn {
  background: #002247;
}

.searchbar--planetarium input[type="text"].searchbar-input::-webkit-input-placeholder {
  color: #002247;
}

.searchbar--planetarium input[type="text"].searchbar-input:-moz-placeholder {
  /* Firefox 18- */
  color: #002247;
}

.searchbar--planetarium input[type="text"].searchbar-input::-moz-placeholder {
  /* Firefox 19+ */
  color: #002247;
}

.searchbar--planetarium input[type="text"].searchbar-input:-ms-input-placeholder {
  color: #002247;
}

.searchbar--lai {
  border-color: #2ea341;
}

.searchbar--lai .searchbar-btn {
  background: #2ea341;
}

.searchbar--lai input[type="text"].searchbar-input::-webkit-input-placeholder {
  color: #2ea341;
}

.searchbar--lai input[type="text"].searchbar-input:-moz-placeholder {
  /* Firefox 18- */
  color: #2ea341;
}

.searchbar--lai input[type="text"].searchbar-input::-moz-placeholder {
  /* Firefox 19+ */
  color: #2ea341;
}

.searchbar--lai input[type="text"].searchbar-input:-ms-input-placeholder {
  color: #2ea341;
}

.shop-categories-grid {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.shop-categories-item {
  width: 100%;
  max-width: 48%;
}

@media screen and (min-width: 48em) {
  .shop-categories-item--big {
    max-width: none;
  }
}

.page-content .shop-categories-item {
  margin-bottom: 4rem;
}

.shop-categories-item img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
}

.shop-categories-item figcaption {
  background: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  font-size: 4rem;
  font-weight: 600;
  padding: 1.4rem 2rem;
  text-align: center;
}

.social-share {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  color: #fff;
  display: none;
  flex-direction: column;
  font-weight: 400;
  align-items: center;
  width: 4rem;
  position: fixed;
  left: 0;
  top: 40%;
}

@media screen and (min-width: 48em) {
  .page-blog-detail .social-share,
  .page-shop-detail .social-share,
  .page-course-detail .social-share {
    display: flex;
  }
}

@media screen and (min-width: 64em) {
  .page-blog-detail .social-share,
  .page-shop-detail .social-share,
  .page-course-detail .social-share {
    border-radius: 10px;
    left: 1rem;
  }
}

.ssh-label {
  background: #fff;
  border-top-right-radius: 10px;
  color: #000;
  font-size: 1.8rem;
  padding: 0.5rem 1rem;
  text-align: center;
  width: 100%;
}

@media screen and (min-width: 64em) {
  .ssh-label {
    border-top-left-radius: 10px;
  }
}

.ssh-items {
  background: #000;
  border-bottom-right-radius: 10px;
  flex: 1;
  width: 100%;
}

@media screen and (min-width: 64em) {
  .ssh-items {
    border-bottom-left-radius: 10px;
  }
}

.ssh-items ul {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  max-width: none;
  width: 100%;
  height: 100%;
}

.ssh-items .shariff-button {
  border-top: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  text-align: center;
}

.ssh-items .shariff-button a {
  color: #fff;
  font-size: 2rem;
  padding: 0.6rem 0;
  width: 100%;
}

.ssh-items .share_text {
  display: none;
}

.subnav {
  background: #dadada;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top: 2px solid #f2f2f2;
  color: #000;
  font-size: 1.5rem;
}

@media screen and (max-width: 64em) {
  .subnav {
    display: none;
  }
}

.header--subsubnav .subnav {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.subnav-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 0;
  position: relative;
}

.subnav-nav-mobile {
  display: flex;
  fill: #000;
}

@media screen and (min-width: 48em) {
  .subnav-nav-mobile {
    display: none;
  }
}

.subnav-nm-text {
  font-size: 1.8rem;
  font-weight: 600;
}

.subnav-nav-desktop {
  display: none;
}

@media screen and (min-width: 48em) {
  .subnav-nav-desktop {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.subnav-nav-desktop .navbar-nav-item {
  color: #000;
  font-size: 1.5rem;
  font-weight: 600;
  margin-right: 3.5rem;
  margin-bottom: 0.75rem;
}

.subsubnav {
  background: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border: 2px solid #dadada;
  border-top: 0;
  color: #000;
  font-size: 1.5rem;
}

@media screen and (max-width: 64em) {
  .subsubnav {
    display: none;
  }
}

.subsubnav-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.3rem 0;
  position: relative;
}

.subsubnav-nav-mobile {
  display: flex;
  fill: #000;
}

@media screen and (min-width: 48em) {
  .subsubnav-nav-mobile {
    display: none;
  }
}

.subsubnav-nm-text {
  font-size: 1.8rem;
  font-weight: 600;
}

.subsubnav-nav-desktop {
  display: none;
}

@media screen and (min-width: 48em) {
  .subsubnav-nav-desktop {
    display: block;
  }
}

.subsubnav-nav-desktop .navbar-nav-item {
  color: #000;
  font-size: 1.5rem;
  font-weight: 600;
  margin-right: 3.5rem;
}

.swal-overlay--show-modal .swal-modal {
  -webkit-animation: showSweetAlertCustom 0.2s;
          animation: showSweetAlertCustom 0.2s;
  /* will-change-change */
}

.swal-modal {
  border-radius: 10px;
}

.swal-title {
  color: #000;
}

.swal-icon--warning {
  border-color: #fc3;
}

.swal-icon--warning .swal-icon--warning__body {
  background: #fc3;
}

.swal-icon--warning .swal-icon--warning__dot {
  background: #fc3;
}

.swal-icon--error {
  border-color: #ea2727;
}

.swal-icon--error .swal-icon--error__line {
  background: #ea2727;
}

.swal-footer {
  display: flex;
}

.swal-button-container {
  flex: 1;
}

.swal-button {
  width: 100%;
}

.swal-button--cancel {
  background: #868686;
  border: none;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 2rem;
  font-weight: 600;
  line-height: 6rem;
  padding: 0 2.5rem;
  text-align: center;
  transition: all 0.4s;
  padding: 0 2.5rem;
}

.swal-button--cancel:hover {
  background: #7f7f7f;
  text-decoration: none;
}

.swal-button--cancel:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #7f7f7f;
  text-decoration: none;
}

.text-image-block {
  font-size: 2rem;
}

.tib-columns {
  margin: 3rem 0 2.5rem;
}

.tib-img {
  left: -12rem;
  width: 45rem;
  max-width: 100%;
}

@media screen and (min-width: 1720px) {
  .tib-img {
    position: absolute;
  }
}

.tib-img img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.tib-img figcaption {
  background: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 1.5rem 2rem;
}

.tib-img-text {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

@media screen and (min-width: 1720px) {
  .tib-img-text {
    min-height: 34rem;
    padding-left: 34rem;
  }
}

.loading-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.loading,
.loading::after {
  border-radius: 50%;
  width: 1.4em;
  height: 1.4em;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
}

.loading {
  border-top: 0.1em solid rgba(255, 255, 255, 0.2);
  border-right: 0.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 0.1em solid rgba(255, 255, 255, 0.2);
  border-left: 0.1em solid #fff;
  transform: translate(-50%, -50%) translateZ(0);
  -webkit-animation: spin 1s infinite linear;
          animation: spin 1s infinite linear;
}

.no-js .lazyload {
  display: none;
}

.lazyload,
.lazyloading {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
  transition: opacity 0.4s;
}

@-webkit-keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

.round-tr {
  border-top-right-radius: 10px;
}

.round-br {
  border-bottom-right-radius: 10px;
}

.youtube-block {
  background: #fff;
  border-radius: 10px;
  display: inline-block;
  padding: 2rem;
}

.youtube-block [data-type="youtube"] {
  display: inline-block;
}

.youtube-block iframe {
  max-width: 100%;
}

.cms-content .youtube-container {
  margin: 4rem 0 4.5rem;
}

.nav-mobile {
  display: none;
  background: #f00;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

@media screen and (min-width: 77.5625em) {
  .nav-mobile {
    display: none !important;
  }
}

.header--planetarium .nav-mobile {
  background: #002247;
}

.header--lai .nav-mobile {
  background: #2ea341;
}

.nav-mobile .navbar-inner {
  padding: 1.7rem 1rem;
  padding-left: 6rem;
}

.nav-mobile__close {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  text-align: center;
  line-height: 1;
  padding: 1rem;
  background: #000;
  font-size: 3rem;
  width: 100%;
  height: 6rem;
  z-index: 2;
}

.nav-mobile__close .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.nav-mobile__social {
  display: flex;
}

.nav-mobile .parent {
  position: relative;
}

.nav-mobile .parent::after {
  content: '';
  display: block;
  width: 0;
  border-left: 10px solid #fff;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  position: absolute;
  right: 3rem;
  top: 50%;
  transform: translateY(-50%);
}

.nav-mobile .back {
  padding-left: 6rem;
  font-weight: 700;
}

.nav-mobile .back::before {
  content: '';
  display: block;
  width: 0;
  border-right: 10px solid #fff;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  position: absolute;
  left: 3rem;
  top: 50%;
  transform: translateY(-50%);
}

.nav-mobile__step {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  background: #f00;
  color: #fff;
  height: calc(100vh - 60px);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  margin: 0;
  padding: 0;
}

.header--planetarium .nav-mobile__step {
  background: #002247;
}

.header--lai .nav-mobile__step {
  background: #2ea341;
}

.nav-mobile__step.nav-mobile__sub {
  background: #dadada;
  color: #000;
}

.nav-mobile__step.nav-mobile__sub .parent::after {
  border-left-color: #000;
}

.nav-mobile__step.nav-mobile__sub .back::before {
  border-right-color: #000;
}

.nav-mobile__step.nav-mobile__sub .nav-mobile__sub {
  background: #fff;
}

.nav-mobile__step a {
  display: block;
  padding: 1.5rem 3rem;
  font-size: 1.8rem;
  font-weight: 600;
  color: inherit;
}

.nav-mobile__step li {
  border-top: 1px solid #fff;
}

.nav-mobile__step .nav-mobile__sub .nav-mobile__sub li {
  border-top-color: #dadada;
}

.nav-mobile__main {
  display: block;
  top: 60px;
}

.nav-mobile .nun-item {
  color: #fff;
}

.page-planetarium .nav-mobile .nun-item {
  color: #fff;
}

.page-lai .nav-mobile .nun-item {
  color: #fff;
}

.nav-mobile .nun-item::before {
  color: #f00;
}

.page-planetarium .nav-mobile .nun-item::before {
  color: #002247;
}

.page-lai .nav-mobile .nun-item::before {
  color: #2ea341;
}

.tag {
  color: #fff;
  background-color: #FF0000;
  padding: 0.6rem;
  border-radius: 10px;
}

.tag a {
  color: #fff;
}

.widget,
.dates-widget,
.download-widget,
.logo-widget,
.map-widget,
.newsletter-widget,
.payment-widget,
.social-widget,
.share-widget {
  background: #fff;
  border-radius: 10px;
  max-width: 33rem;
}

.calendar {
  border-radius: 10px;
  transform: translate3d(0, 0, 0);
  max-width: 33rem;
  margin: 0 auto;
  overflow: hidden;
}

.calendar .header {
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  color: #000;
  padding-left: 4.3rem;
  position: relative;
  z-index: 100;
}

.page-planetarium .calendar .header {
  background: #002247;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  color: #fff;
}

.page-lai .calendar .header {
  background: #2ea341;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  color: #fff;
}

.calendar .header-text {
  font-size: 2rem;
  font-weight: 600;
  line-height: 6rem;
}

.calendar .left,
.calendar .right {
  position: absolute;
  width: 1rem;
  height: 2.2rem;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.calendar .left {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.8 22"><path d="M8.8, 0C9, 0, 9.2, 0.1, 9.4, 0.2c0.4, 0.3, 0.5, 1, 0.2, 1.4l-7, 9.4l7, 9.4c0.3, 0.4, 0.2, 1.1-0.2, 1.4C8.9, 22.1, 8.3, 22, 8, 21.6L0, 11L8, 0.4C8.1, 0.1, 8.4, 0, 8.8, 0z" fill="rgb(0,0,0)"/></svg>') center no-repeat;
  background-size: cover;
  left: 20px;
}

.page-planetarium .calendar .left {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.8 22"><path d="M8.8, 0C9, 0, 9.2, 0.1, 9.4, 0.2c0.4, 0.3, 0.5, 1, 0.2, 1.4l-7, 9.4l7, 9.4c0.3, 0.4, 0.2, 1.1-0.2, 1.4C8.9, 22.1, 8.3, 22, 8, 21.6L0, 11L8, 0.4C8.1, 0.1, 8.4, 0, 8.8, 0z" fill="rgb(255,255,255)"/></svg>') center no-repeat;
}

.calendar .right {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.8 22"><path d="M1, 22c-0.2, 0-0.4-0.1-0.6-0.2c-0.4-0.3-0.5-1-0.2-1.4l7-9.4l-7-9.4C-0.1, 1.2, 0, 0.5, 0.4, 0.2C0.8-0.1, 1.5, 0, 1.8, 0.4l8, 10.6l-8, 10.6C1.6, 21.9, 1.3, 22, 1, 22z" fill="rgb(0,0,0)" /></svg>') center no-repeat;
  background-size: cover;
  right: 20px;
}

.page-planetarium .calendar .right {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.8 22"><path d="M1, 22c-0.2, 0-0.4-0.1-0.6-0.2c-0.4-0.3-0.5-1-0.2-1.4l7-9.4l-7-9.4C-0.1, 1.2, 0, 0.5, 0.4, 0.2C0.8-0.1, 1.5, 0, 1.8, 0.4l8, 10.6l-8, 10.6C1.6, 21.9, 1.3, 22, 1, 22z" fill="rgb(255,255,255)" /></svg>') center no-repeat;
}

.page-lai .calendar .right {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9.8 22"><path d="M1, 22c-0.2, 0-0.4-0.1-0.6-0.2c-0.4-0.3-0.5-1-0.2-1.4l7-9.4l-7-9.4C-0.1, 1.2, 0, 0.5, 0.4, 0.2C0.8-0.1, 1.5, 0, 1.8, 0.4l8, 10.6l-8, 10.6C1.6, 21.9, 1.3, 22, 1, 22z" fill="rgb(255,255,255)" /></svg>') center no-repeat;
}

.calendar .month {
  background: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  color: #000;
  overflow: hidden;
  opacity: 0;
  padding: 1rem;
}

.page-planetarium .calendar .month {
  background: #002247;
  color: #fff;
}

.page-lai .calendar .month {
  background: #2ea341;
  color: #fff;
}

.calendar .month.new {
  opacity: 1;
}

.calendar .month.in.next {
  -webkit-animation: moveFromRightFadeMonth 0.4s ease-out;
          animation: moveFromRightFadeMonth 0.4s ease-out;
  opacity: 1;
}

.calendar .month.out.next {
  -webkit-animation: moveToRightFadeMonth 0.4s ease-in;
          animation: moveToRightFadeMonth 0.4s ease-in;
  opacity: 1;
}

.calendar .month.in.prev {
  -webkit-animation: moveFromLeftFadeMonth 0.4s ease-out;
          animation: moveFromLeftFadeMonth 0.4s ease-out;
  opacity: 1;
}

.calendar .month.out.prev {
  -webkit-animation: moveToLeftFadeMonth 0.4s ease-in;
          animation: moveToLeftFadeMonth 0.4s ease-in;
  opacity: 1;
}

.calendar .week {
  display: flex;
  justify-content: flex-start;
}

.calendar .week:first-child .day-name {
  display: block;
}

.calendar .day {
  flex: 1;
  max-width: 4.5rem;
  text-align: center;
  vertical-align: top;
  position: relative;
  z-index: 100;
}

.calendar .day.other {
  color: transparent;
}

.calendar .day.today {
  color: #fff;
  font-weight: 600;
  position: relative;
}

.calendar .day.today::before {
  content: "";
  background: #f00;
  border-radius: 50%;
  height: 3.8rem;
  width: 3.8rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.calendar .day-name {
  display: none;
  color: #000;
  font-weight: 600;
  margin-bottom: 2rem;
  text-transform: capitalize;
}

.page-planetarium .calendar .day-name {
  color: #fff;
}

.page-lai .calendar .day-name {
  color: #fff;
}

.calendar .day-number {
  color: #868686;
  display: inline-block;
  padding: 1.2rem 1rem;
  text-align: center;
  vertical-align: top;
}

.calendar .day-number.has-termin {
  color: #000;
  font-weight: 600;
}

.page-planetarium .calendar .day-number.has-termin {
  color: #fff;
}

.page-lai .calendar .day-number.has-termin {
  color: #fff;
}

.page-planetarium .calendar .day-number {
  color: #868686;
}

.page-lai .calendar .day-number {
  color: #868686;
}

@-webkit-keyframes moveFromRightFade {
  from {
    height: 0;
    margin-top: 0;
    transform: translateX(-100%);
  }
}

@keyframes moveFromRightFade {
  from {
    height: 0;
    margin-top: 0;
    transform: translateX(-100%);
  }
}

@-webkit-keyframes moveToRightFade {
  to {
    height: 0;
    transform: translateX(-100%);
  }
}

@keyframes moveToRightFade {
  to {
    height: 0;
    transform: translateX(-100%);
  }
}

@-webkit-keyframes moveToRightFadeMonth {
  to {
    opacity: 0;
    transform: translateX(-30%);
  }
}

@keyframes moveToRightFadeMonth {
  to {
    opacity: 0;
    transform: translateX(-30%);
  }
}

@-webkit-keyframes moveFromRightFadeMonth {
  from {
    opacity: 0;
    transform: translateX(30%);
  }
}

@keyframes moveFromRightFadeMonth {
  from {
    opacity: 0;
    transform: translateX(30%);
  }
}

@-webkit-keyframes moveToLeftFadeMonth {
  to {
    opacity: 0;
    transform: translateX(30%);
  }
}

@keyframes moveToLeftFadeMonth {
  to {
    opacity: 0;
    transform: translateX(30%);
  }
}

@-webkit-keyframes moveFromLeftFadeMonth {
  from {
    opacity: 0;
    transform: translateX(-30%);
  }
}

@keyframes moveFromLeftFadeMonth {
  from {
    opacity: 0;
    transform: translateX(-30%);
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
}

@-webkit-keyframes fadeOut {
  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  to {
    opacity: 0;
  }
}

@-webkit-keyframes fadeOutShink {
  to {
    opacity: 0;
    padding: 0;
    height: 0;
  }
}

@keyframes fadeOutShink {
  to {
    opacity: 0;
    padding: 0;
    height: 0;
  }
}

.contact-info-widget {
  background: #868686;
  display: none;
  color: #fff;
  font-size: 2rem;
  padding: 4.5rem 2rem;
  text-align: center;
}

@media screen and (min-width: 64.0625em) {
  .contact-info-widget {
    display: block;
  }
}

.contact-info-widget a {
  color: inherit;
}

.contact-info-widget .icon {
  fill: currentColor;
  margin-right: 1rem;
}

.page-planetarium .contact-info-widget .icon {
  display: block;
  margin: 0 auto 1rem;
}

.page-lai .contact-info-widget .icon {
  display: block;
  margin: 0 auto 1rem;
}

.contact-info-widget h4 {
  font-size: inherit;
  margin-bottom: 3rem;
}

.contact-info-widget__tel,
.contact-info-widget__mail {
  font-weight: 600;
  font-size: 3rem;
}

.contact-info-widget__mail {
  margin-bottom: 3rem;
  margin-top: 1.5rem;
}

.dates-widget {
  padding: 2rem;
}

.dtsw-list {
  padding-left: 4rem;
}

.dtsw-item {
  margin-bottom: 1rem;
  padding-left: 1rem;
}

.download-widget {
  padding: 2rem;
}

.dw-item {
  display: flex;
  margin-bottom: 1.5rem;
}

.dw-icon {
  display: flex;
  align-items: flex-start;
  margin-right: 1.2rem;
}

.dw-icon .icon {
  width: 1.7rem;
}

.dw-text {
  font-size: 1.5rem;
}

.dw-text-link {
  font-weight: 600;
}

.login-widget {
  max-width: 33rem;
}

.login-widget .login-widget-guest {
  margin-top: 3.5rem;
}

.login-widget .guest-login-link {
  display: block;
  font-size: 2rem;
  font-weight: 600;
}

.login-widget .guest-login-link .icon {
  margin-left: 0.5rem;
  stroke-width: 2px;
  width: 0.8rem;
}

.login-widget-title {
  font-size: 4rem;
}

.lw-item {
  display: block;
  margin: 0 auto;
  padding: 3rem 6rem;
}

.lw-item:not(:last-child) {
  border-bottom: 2px solid #f2f2f2;
}

.lw-item-img {
  display: block;
  margin: 0 auto;
  max-width: 20rem;
}

.mw-map-container {
  background: #dadada;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  height: 22rem;
  position: relative;
  overflow: hidden;
  z-index: 0;
}

.mw-map-btn {
  font-size: 1.5rem;
  line-height: 3.6rem;
  padding: 0 1rem;
  position: absolute;
  bottom: 1.5rem;
  left: 1rem;
  z-index: 10;
}

.mw-info {
  font-size: 2rem;
  padding: 4rem 1rem 3rem;
}

.mw-info .icon {
  margin-right: 1rem;
}

.mw-info-title {
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.mw-info-address {
  margin-bottom: 2rem;
}

.mw-info-tel {
  margin-bottom: 0.3rem;
}

.viennaGisContainer {
  height: 100% !important;
}

@media print {
  .mw-info {
    font-size: 1.5rem;
    padding: 0;
  }

  .mw-map-container {
    display: none;
  }
}

.page-lai .map-widget .mw-info a {
  color: #2ea341;
}

.page-lai .map-widget .mw-info a .icon {
  fill: #2ea341;
}

.nw-head {
  background: #dadada url(/images/newsletter-widget-bg.png?da9d6e664df1966135a6f4797e582ea6) center center no-repeat;
  background-size: cover;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom: 2px solid #f2f2f2;
  height: 12rem;
  position: relative;
}

.nw-head .loading-wrapper {
  display: none;
}

.nw-head .loading-wrapper .loading {
  border-top: 0.1em solid rgba(0, 0, 0, 0.2);
  border-right: 0.1em solid rgba(0, 0, 0, 0.2);
  border-bottom: 0.1em solid rgba(0, 0, 0, 0.2);
  border-left: 0.1em solid #000;
}

[data-state="loading"] .nw-head .loading-wrapper {
  display: block;
}

.nw-head-icon {
  background: #fff;
  border-radius: 50%;
  height: 8rem;
  width: 8rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.nw-head-icon .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 3.2rem;
}

.nw-head-icon .icon-mail {
  fill: #f00;
}

[data-state="loading"] .nw-head-icon .icon-mail,
[data-state="error"] .nw-head-icon .icon-mail,
[data-state="success"] .nw-head-icon .icon-mail {
  display: none;
}

.nw-head-icon .icon-checkmark-circled {
  display: none;
  fill: #2ecd2e;
}

[data-state="success"] .nw-head-icon .icon-checkmark-circled {
  display: block;
}

.nw-head-icon .icon-close {
  display: none;
}

[data-state="error"] .nw-head-icon .icon-close {
  display: block;
}

.nw-head-icon .icon-close svg {
  stroke: #ea2727;
}

.nw-body {
  font-size: 2rem;
  padding: 3rem 2rem;
}

.nw-status {
  font-size: 1.5rem;
  margin-bottom: 2rem;
}

.nw-status:empty {
  display: none;
}

[data-state="success"] .nw-status {
  color: #2ecd2e;
}

[data-state="error"] .nw-status {
  color: #ea2727;
}

.nw-field {
  padding-top: 2rem;
  position: relative;
}

.nw-field:not(:last-child) {
  margin-bottom: 4rem;
}

.nw-field label {
  position: absolute;
  top: 0;
  left: 0;
}

.nw-btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 2px solid #f2f2f2;
  color: #fff;
  font-size: 2rem;
  display: block;
  position: relative;
  width: 100%;
  text-align: center;
}

.page-planetarium .nw-btn {
  background: #002247;
}

.page-lai .nw-btn {
  background: #2ea341;
}

.nw-btn .loading-wrapper {
  display: none;
  background: #f00;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 1.7rem 0;
}

[data-state="loading"] .nw-btn .loading-wrapper {
  display: block;
}

.nw-btn .nw-btn-text {
  display: block;
}

[data-state="success"] .nw-btn .nw-btn-text {
  display: none;
}

.nw-btn .nw-btn-text--success {
  display: none;
}

[data-state="success"] .nw-btn .nw-btn-text--success {
  display: block;
}

.nl-teaser-container {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
}

.nl-teaser-container .nl-teaser {
  border: 3px solid red;
  border-radius: 10px;
  max-width: 33rem;
  position: absolute;
  bottom: 20px;
  right: 0;
  width: 400px;
  /*background: purple;*/
}

.nl-teaser-container .nl-teaser button {
  border-radius: 0 !important;
}

.nl-teaser-container .nl-teaser .nl-widget {
  font-size: 2rem;
  text-align: center;
  padding: 4.5rem 2rem;
  /*color: white;*/
}

.nl-teaser-container .nl-teaser .nl-widget span {
  width: 5rem;
}

.nl-teaser-container .close-newsletter {
  position: absolute;
  top: 10px;
  right: 10px;
}

.payment-widget {
  border: 2px solid #f00;
  margin-bottom: 2rem;
}

.payment-widget-item {
  font-size: 2rem;
  font-weight: 600;
  line-height: 6rem;
}

.payment-widget-item:not(:last-child) {
  border-bottom: 1px solid #dadada;
}

.payment-widget-item input[type="radio"] + label {
  color: #868686;
  cursor: pointer;
  font-size: 2rem;
  padding-left: 1rem;
}

.payment-widget-item input[type="radio"] + label::before {
  content: "";
  height: 1.8rem;
  width: 2.6rem;
  position: absolute;
  left: auto;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}

.payment-widget-item input[type="radio"]:checked + label {
  color: #000;
}

.payment-widget-item input[type="radio"]:checked + label::before {
  content: "";
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25.5 17.5"><path d="M25.21, 1.71, 9.71, 17.21a1, 1, 0, 0, 1-1.41, 0l-8-8A1, 1, 0, 0, 1, 1.71, 7.79L9, 15.09, 23.79.29a1, 1, 0, 0, 1, 1.41, 1.41"/></svg>') center no-repeat;
  background-size: cover;
}

.payment-widget-btn {
  display: block;
  margin-top: 1rem;
  width: 100%;
}

.register-widget {
  max-width: 33rem;
}

.register-widget .rw-title {
  font-size: 4rem;
}

.register-widget .rw-guest {
  display: block;
  font-size: 2rem;
  font-weight: 600;
  line-height: 6rem;
  padding: 0 2.5rem;
  text-align: center;
}

.register-widget .rw-guest .icon {
  margin-left: 0.5rem;
  stroke-width: 2px;
  width: 0.8rem;
}

.register-widget li {
  font-size: 1.5rem;
}

.social-widget {
  background: #dadada;
  display: flex;
  overflow: hidden;
}

.sw-item {
  background: #dadada;
  color: #000;
  cursor: pointer;
  transition: all 0.4s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1;
  padding: 1rem;
  text-align: center;
}

.sw-item:hover {
  background: #cfcfcf;
  text-decoration: none;
}

.sw-item:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #cfcfcf;
  text-decoration: none;
}

.sw-item:not(:last-child) {
  border-right: 2px solid #f2f2f2;
}

.sw-item-icon {
  margin-bottom: 0.5rem;
}

.sw-item-text {
  font-size: 2rem;
}

@media print {
  .social-widget-container {
    display: none;
  }

  .social-widget {
    display: none;
  }
}

.share-widget {
  background: #000;
  color: #fff;
  display: flex;
  align-items: center;
  height: 4rem;
  max-width: 100%;
}

.shw-label {
  font-size: 2rem;
  padding: 0 1rem;
}

.shw-items {
  flex: 1;
  height: 100%;
}

.shw-items ul {
  display: flex;
  margin: 0;
  padding: 0;
  max-width: none;
  width: 100%;
  height: 100%;
}

.shw-items .shariff-button {
  border-left: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  text-align: center;
}

.shw-items .shariff-button a {
  color: #fff;
  font-size: 2rem;
  padding: 0.6rem 0;
  width: 100%;
}

.shw-items .share_text {
  display: none;
}

@media print {
  .share-widget {
    display: none;
  }
}

.blog-cards {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

@media screen and (min-width: 48.0625em) {
  .blog-cards {
    padding-top: 9rem;
    padding-bottom: 12rem;
  }
}

.blog-cards .blog-cards-grid-row {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (min-width: 48.0625em) {
  .blog-cards .blog-cards-grid-row {
    flex-wrap: nowrap;
  }
}

.blog-cards .card {
  margin-bottom: 2rem;
  width: auto;
  max-width: 33rem;
}

@media screen and (min-width: 48.0625em) {
  .blog-cards .card {
    width: 33rem;
  }

  .blog-cards .card:not(:last-child) {
    margin-right: 2rem;
  }
}

@media screen and (min-width: 64.0625em) {
  .blog-cards .card {
    max-width: none;
  }
}

@media screen and (min-width: 48.0625em) {
  .blog-cards .card--big {
    flex: 1 33rem;
    max-width: calc(100% - 33rem);
  }
}

.bookmarks-list {
  background: #dadada;
  padding: 4rem 0;
}

@media screen and (min-width: 40em) {
  .bookmarks-list {
    border-radius: 10px;
  }
}

@media screen and (min-width: 48em) {
  .bookmarks-noitems {
    padding-left: 2rem;
  }
}

.courseCatBlocks .section-title {
  margin-bottom: 3rem;
}

@media screen and (min-width: 40em) {
  .courseCatBlocks .courseCatBlocks__wrapper {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-left: -4rem;
  }
}

.courseCatBlocks .courseCatBlocks__item {
  position: relative;
  display: block;
  padding: 1.5rem 3rem 1.5rem 1rem;
  margin-bottom: 2rem;
  border-radius: 1rem;
  font-size: 3rem;
  color: #fff;
  font-weight: 600;
}

.courseCatBlocks .courseCatBlocks__item:hover {
  text-decoration: none;
}

@media screen and (min-width: 40em) {
  .courseCatBlocks .courseCatBlocks__item {
    margin-bottom: 4rem;
    width: calc(50% - 40px);
    margin-left: 4rem;
  }
}

@media screen and (min-width: 64em) {
  .courseCatBlocks .courseCatBlocks__item {
    width: calc(33.3% - 40px);
  }
}

@media screen and (min-width: 87.5em) {
  .courseCatBlocks .courseCatBlocks__item {
    width: calc(25% - 40px);
  }
}

@media screen and (min-width: 64.0625em) {
  .courseCatBlocks .courseCatBlocks__item:hover {
    box-shadow: 0 15px 35px rgba(50, 50, 93, 0.2), 0 5px 15px rgba(0, 0, 0, 0.17);
  }
}

.courseCatBlocks .courseCatBlocks__item--basisbildung-und-bildungsabschlusse {
  background: #d9861c;
}

.courseCatBlocks .courseCatBlocks__item--computer-internet-und-multimedia {
  background: #837bad;
}

.courseCatBlocks .courseCatBlocks__item--elementarpadagogik {
  background: #8a285e;
}

.courseCatBlocks .courseCatBlocks__item--gesundheit-und-bewegung {
  background: #acc435;
}

.courseCatBlocks .courseCatBlocks__item--interne-weiterbildung {
  background: #666666;
}

.courseCatBlocks .courseCatBlocks__item--kinder {
  background: #98bae4;
}

.courseCatBlocks .courseCatBlocks__item--kinder-und-eltern {
  background: #98bae4;
}

.courseCatBlocks .courseCatBlocks__item--kunst-kreativitat-und-handwerk {
  background: #5b2573;
}

.courseCatBlocks .courseCatBlocks__item--lernforderung {
  background: #d26d99;
}

.courseCatBlocks .courseCatBlocks__item--naturwissenschaften-und-technik {
  background: #75ad40;
}

.courseCatBlocks .courseCatBlocks__item--personlichkeitsentwicklung {
  background: #5a80a5;
}

.courseCatBlocks .courseCatBlocks__item--politik-und-gesellschaft {
  background: #9b2524;
}

.courseCatBlocks .courseCatBlocks__item--science {
  background: #dcdc40;
}

.courseCatBlocks .courseCatBlocks__item--sprachen {
  background: #c4007a;
}

.courseCatBlocks .courseCatBlocks__item--vhs-gratis-lernhilfe {
  background: #eab818;
}

.courseCatBlocks .courseCatBlocks__item--wirtschaft-und-management {
  background: #2c517f;
}

.courseCatBlocks .courseCatBlocks__item--lai {
  background: #2ea341;
}

.courseCatBlocks .courseCatBlocks__item span {
  display: block;
  max-width: 90%;
  min-height: 117px;
  word-wrap: break-word;
}

.courseCatBlocks .courseCatBlocks__item .icon {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1rem;
  width: 1.9rem;
  stroke-width: 2px;
}

.courseCatBlocks--outlined .courseCatBlocks__item {
  border: 2px solid #f00;
  color: #f00;
}

.courseCatBlocks--outlined .courseCatBlocks__item--basisbildung-und-bildungsabschlusse {
  background: transparent;
  border: 2px solid #d9861c;
  color: #d9861c;
}

.courseCatBlocks--outlined .courseCatBlocks__item--computer-internet-und-multimedia {
  background: transparent;
  border: 2px solid #837bad;
  color: #837bad;
}

.courseCatBlocks--outlined .courseCatBlocks__item--elementarpadagogik {
  background: transparent;
  border: 2px solid #8a285e;
  color: #8a285e;
}

.courseCatBlocks--outlined .courseCatBlocks__item--gesundheit-und-bewegung {
  background: transparent;
  border: 2px solid #acc435;
  color: #acc435;
}

.courseCatBlocks--outlined .courseCatBlocks__item--interne-weiterbildung {
  background: transparent;
  border: 2px solid #666666;
  color: #666666;
}

.courseCatBlocks--outlined .courseCatBlocks__item--kinder {
  background: transparent;
  border: 2px solid #98bae4;
  color: #98bae4;
}

.courseCatBlocks--outlined .courseCatBlocks__item--kinder-und-eltern {
  background: transparent;
  border: 2px solid #98bae4;
  color: #98bae4;
}

.courseCatBlocks--outlined .courseCatBlocks__item--kunst-kreativitat-und-handwerk {
  background: transparent;
  border: 2px solid #5b2573;
  color: #5b2573;
}

.courseCatBlocks--outlined .courseCatBlocks__item--lernforderung {
  background: transparent;
  border: 2px solid #d26d99;
  color: #d26d99;
}

.courseCatBlocks--outlined .courseCatBlocks__item--naturwissenschaften-und-technik {
  background: transparent;
  border: 2px solid #75ad40;
  color: #75ad40;
}

.courseCatBlocks--outlined .courseCatBlocks__item--personlichkeitsentwicklung {
  background: transparent;
  border: 2px solid #5a80a5;
  color: #5a80a5;
}

.courseCatBlocks--outlined .courseCatBlocks__item--politik-und-gesellschaft {
  background: transparent;
  border: 2px solid #9b2524;
  color: #9b2524;
}

.courseCatBlocks--outlined .courseCatBlocks__item--science {
  background: transparent;
  border: 2px solid #dcdc40;
  color: #dcdc40;
}

.courseCatBlocks--outlined .courseCatBlocks__item--sprachen {
  background: transparent;
  border: 2px solid #c4007a;
  color: #c4007a;
}

.courseCatBlocks--outlined .courseCatBlocks__item--vhs-gratis-lernhilfe {
  background: transparent;
  border: 2px solid #eab818;
  color: #eab818;
}

.courseCatBlocks--outlined .courseCatBlocks__item--wirtschaft-und-management {
  background: transparent;
  border: 2px solid #2c517f;
  color: #2c517f;
}

.courseCatBlocks--outlined .courseCatBlocks__item--lai {
  background: transparent;
  border: 2px solid #2ea341;
  color: #2ea341;
}

.courseCatList .section-title {
  margin-bottom: 2rem;
}

@media screen and (min-width: 48em) {
  .courseCatList .section-title {
    margin-bottom: 3rem;
  }
}

.courseCatList--lai a {
  color: #2ea341;
}

.courseCatList__wrapper {
  background: #fff;
  padding: 3rem 0;
}

@media screen and (min-width: 48em) {
  .courseCatList__wrapper {
    border-radius: 10px;
    padding: 6rem 0;
  }
}

.courseCatList__list {
  color: #000;
  padding-left: 1rem;
  padding-right: 1rem;
}

@media screen and (min-width: 40em) {
  .courseCatList__list {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 8rem;
         column-gap: 8rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media screen and (min-width: 64em) {
  .courseCatList__list {
    -moz-column-count: 3;
         column-count: 3;
    -moz-column-gap: 8rem;
         column-gap: 8rem;
  }
}

.courseCatList__list a {
  position: relative;
  text-decoration: none;
  transition: all 0.15s ease-in-out;
  color: inherit;
}

.courseCatList__list a::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background: currentcolor;
  opacity: 0;
  transition: height 0.3s, opacity 0.3s, transform 0.3s;
  transform: translateY(-10px);
}

.courseCatList__list a:hover::after,
.courseCatList__list a.is-active::after {
  height: 2px;
  opacity: 1;
  transform: translateY(2px);
}

.courseCatList__list ul {
  padding: 0;
  margin-left: 1rem;
}

.courseCatList__list > li {
  margin-bottom: 40px;
  width: 100%;
}

@media screen and (min-width: 40em) {
  .courseCatList__list > li {
    display: inline-block;
  }

  .courseCatList__list > li.courseCatList__item--long {
    display: inline;
  }

  .courseCatList__list > li.courseCatList__item--long .courseCatList__sub li:last-child {
    padding-bottom: 4rem;
  }
}

.courseCatList--basisbildung-und-bildungsabschlusse .courseCatList__parentLink {
  border-bottom: 2px solid #d9861c;
}

.courseCatList--computer-internet-und-multimedia .courseCatList__parentLink {
  border-bottom: 2px solid #837bad;
}

.courseCatList--elementarpadagogik .courseCatList__parentLink {
  border-bottom: 2px solid #8a285e;
}

.courseCatList--gesundheit-und-bewegung .courseCatList__parentLink {
  border-bottom: 2px solid #acc435;
}

.courseCatList--interne-weiterbildung .courseCatList__parentLink {
  border-bottom: 2px solid #666666;
}

.courseCatList--kinder .courseCatList__parentLink {
  border-bottom: 2px solid #98bae4;
}

.courseCatList--kinder-und-eltern .courseCatList__parentLink {
  border-bottom: 2px solid #98bae4;
}

.courseCatList--kunst-kreativitat-und-handwerk .courseCatList__parentLink {
  border-bottom: 2px solid #5b2573;
}

.courseCatList--lernforderung .courseCatList__parentLink {
  border-bottom: 2px solid #d26d99;
}

.courseCatList--naturwissenschaften-und-technik .courseCatList__parentLink {
  border-bottom: 2px solid #75ad40;
}

.courseCatList--personlichkeitsentwicklung .courseCatList__parentLink {
  border-bottom: 2px solid #5a80a5;
}

.courseCatList--politik-und-gesellschaft .courseCatList__parentLink {
  border-bottom: 2px solid #9b2524;
}

.courseCatList--science .courseCatList__parentLink {
  border-bottom: 2px solid #dcdc40;
}

.courseCatList--sprachen .courseCatList__parentLink {
  border-bottom: 2px solid #c4007a;
}

.courseCatList--vhs-gratis-lernhilfe .courseCatList__parentLink {
  border-bottom: 2px solid #eab818;
}

.courseCatList--wirtschaft-und-management .courseCatList__parentLink {
  border-bottom: 2px solid #2c517f;
}

.courseCatList--lai .courseCatList__parentLink {
  border-bottom: 2px solid #2ea341;
}

.courseCatList__parentLink {
  display: block;
  font-size: 2rem;
  padding: 0 1rem 1rem;
}

@media screen and (min-width: 48em) {
  .courseCatList__parentLink {
    font-size: 3rem;
  }
}

.courseCatList__sub {
  margin-top: 0.8rem;
  font-size: 1.5rem;
  font-weight: 600;
}

.courseCatList__sub a {
  position: relative;
  text-decoration: none;
  transition: all 0.15s ease-in-out;
  display: inline-block;
  position: relative;
  padding: 0.8rem 0.5rem 0.8rem 1.5rem;
}

.courseCatList__sub a::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background: currentcolor;
  opacity: 0;
  transition: height 0.3s, opacity 0.3s, transform 0.3s;
  transform: translateY(-10px);
}

.courseCatList__sub a:hover::after,
.courseCatList__sub a.is-active::after {
  height: 2px;
  opacity: 1;
  transform: translateY(-4px);
}

.courseCatList__sub .icon {
  position: absolute;
  top: 1.1rem;
  left: 0;
  width: 0.7rem;
  stroke-width: 2px;
}

.course-slider {
  padding-top: 4rem;
}

@media screen and (min-width: 48.0625em) {
  .course-slider {
    padding-top: 9rem;
  }
}

.course-slider .slick-next,
.course-slider .slick-prev {
  display: none !important;
}

@media screen and (min-width: 40em) {
  .course-slider .slick-next,
  .course-slider .slick-prev {
    display: block !important;
  }
}

.course-slider-inner {
  position: static;
}

.course-slider-form {
  margin-bottom: 2rem;
}

@media screen and (min-width: 48em) {
  .course-slider-form {
    padding-left: 3rem;
    padding-right: 2rem;
  }
}

.course-slider--popular {
  position: absolute;
  left: -999rem;
  width: 100%;
  opacity: 0;
}

.course-slider--popular.is-active {
  position: static;
  opacity: 1;
}

.course-slider--popular .slick-list {
  overflow: visible !important;
}

.course-slider--popular .slick-slide {
  display: inline-block;
  transition: opacity 0.2s linear;
}

.course-slider--popular .slick-slide:not(.slick-active) {
  opacity: 0.4;
}

.course-slider--popular .slick-prev,
.course-slider--popular .slick-next {
  background: #fff;
  border-radius: 10px;
  opacity: 1;
  padding: 0.8rem;
  padding-left: 1.2rem;
  height: 6rem;
  width: 6rem;
  text-align: center;
  top: 65%;
  transition: opacity 0.2s linear;
  z-index: 1;
}

.course-slider--popular .slick-prev::before,
.course-slider--popular .slick-prev::after,
.course-slider--popular .slick-next::before,
.course-slider--popular .slick-next::after {
  content: none;
}

.course-slider--popular .slick-prev .icon-stroke,
.course-slider--popular .slick-next .icon-stroke {
  width: 1.8rem;
}

.course-slider--popular .slick-prev .icon-stroke svg,
.course-slider--popular .slick-next .icon-stroke svg {
  stroke: #000;
  stroke-width: 2px;
}

.course-slider--popular .slick-prev.slick-disabled,
.course-slider--popular .slick-next.slick-disabled {
  opacity: 0;
  cursor: default;
}

.course-slider--popular .slick-prev {
  transform: translateY(-50%) rotate(180deg);
  transform-origin: center center;
}

.course-slider--popular .slick-next {
  transform: translateY(-50%) rotate(0);
  transform-origin: center center;
}

.course-slider--popular .course-slider-item-inner {
  max-width: 33rem;
  margin-right: 4rem;
  color: #fff;
}

.course-slider--popular .csi-category-link {
  background: #f00;
  border-radius: 10px;
  border-bottom-left-radius: 0;
  color: #fff;
  padding: 1rem 1.5rem;
  padding-right: 4rem;
  position: relative;
  display: block;
  height: 14rem;
  text-align: left;
  transition: box-shadow 0.2s ease-out;
}

.course-slider--popular .csi-category-link:hover {
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}

.course-slider--popular .csi-category-link.csi--basisbildung-und-bildungsabschlusse {
  background: #d9861c;
}

.course-slider--popular .csi-category-link.csi--computer-internet-und-multimedia {
  background: #837bad;
}

.course-slider--popular .csi-category-link.csi--elementarpadagogik {
  background: #8a285e;
}

.course-slider--popular .csi-category-link.csi--gesundheit-und-bewegung {
  background: #acc435;
}

.course-slider--popular .csi-category-link.csi--interne-weiterbildung {
  background: #666666;
}

.course-slider--popular .csi-category-link.csi--kinder {
  background: #98bae4;
}

.course-slider--popular .csi-category-link.csi--kinder-und-eltern {
  background: #98bae4;
}

.course-slider--popular .csi-category-link.csi--kunst-kreativitat-und-handwerk {
  background: #5b2573;
}

.course-slider--popular .csi-category-link.csi--lernforderung {
  background: #d26d99;
}

.course-slider--popular .csi-category-link.csi--naturwissenschaften-und-technik {
  background: #75ad40;
}

.course-slider--popular .csi-category-link.csi--personlichkeitsentwicklung {
  background: #5a80a5;
}

.course-slider--popular .csi-category-link.csi--politik-und-gesellschaft {
  background: #9b2524;
}

.course-slider--popular .csi-category-link.csi--science {
  background: #dcdc40;
}

.course-slider--popular .csi-category-link.csi--sprachen {
  background: #c4007a;
}

.course-slider--popular .csi-category-link.csi--vhs-gratis-lernhilfe {
  background: #eab818;
}

.course-slider--popular .csi-category-link.csi--wirtschaft-und-management {
  background: #2c517f;
}

.course-slider--popular .csi-category-link.csi--lai {
  background: #2ea341;
}

.course-slider--popular .csi-category-link .icon {
  position: absolute;
  top: 50%;
  right: 1rem;
  height: 4.2rem;
  stroke-width: 2px;
  transform: translateY(-50%);
}

.course-slider--popular .csi-category-text {
  color: #fff;
  font-size: 3rem;
  font-weight: 600;
  word-wrap: break-word;
}

.course-slider--popular .csi-items {
  overflow: hidden;
}

.course-slider--popular .csi-item {
  background: #f00;
  color: #fff;
  font-size: 2rem;
  display: table;
  padding: 0.3rem 1rem;
  padding-right: 3rem;
  position: relative;
  margin-top: 0.1rem;
  transition: box-shadow 0.2s ease-out;
}

.course-slider--popular .csi-item:hover {
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}

.course-slider--popular .csi-item.csi--basisbildung-und-bildungsabschlusse {
  background: #d9861c;
}

.course-slider--popular .csi-item.csi--basisbildung-und-bildungsabschlusse:nth-child(3n+1) {
  background: #efc185;
}

.course-slider--popular .csi-item.csi--basisbildung-und-bildungsabschlusse:nth-child(3n+2) {
  background: #e79e41;
}

.course-slider--popular .csi-item.csi--computer-internet-und-multimedia {
  background: #837bad;
}

.course-slider--popular .csi-item.csi--computer-internet-und-multimedia:nth-child(3n+1) {
  background: #cdcade;
}

.course-slider--popular .csi-item.csi--computer-internet-und-multimedia:nth-child(3n+2) {
  background: #a19ac1;
}

.course-slider--popular .csi-item.csi--elementarpadagogik {
  background: #8a285e;
}

.course-slider--popular .csi-item.csi--elementarpadagogik:nth-child(3n+1) {
  background: #d1609e;
}

.course-slider--popular .csi-item.csi--elementarpadagogik:nth-child(3n+2) {
  background: #b23379;
}

.course-slider--popular .csi-item.csi--gesundheit-und-bewegung {
  background: #acc435;
}

.course-slider--popular .csi-item.csi--gesundheit-und-bewegung:nth-child(3n+1) {
  background: #d6e396;
}

.course-slider--popular .csi-item.csi--gesundheit-und-bewegung:nth-child(3n+2) {
  background: #bed25a;
}

.course-slider--popular .csi-item.csi--interne-weiterbildung {
  background: #666666;
}

.course-slider--popular .csi-item.csi--interne-weiterbildung:nth-child(3n+1) {
  background: #a6a6a6;
}

.course-slider--popular .csi-item.csi--interne-weiterbildung:nth-child(3n+2) {
  background: #807f7f;
}

.course-slider--popular .csi-item.csi--kinder {
  background: #98bae4;
}

.course-slider--popular .csi-item.csi--kinder:nth-child(3n+1) {
  background: #fdfefe;
}

.course-slider--popular .csi-item.csi--kinder:nth-child(3n+2) {
  background: #c0d5ef;
}

.course-slider--popular .csi-item.csi--kinder-und-eltern {
  background: #98bae4;
}

.course-slider--popular .csi-item.csi--kinder-und-eltern:nth-child(3n+1) {
  background: #fdfefe;
}

.course-slider--popular .csi-item.csi--kinder-und-eltern:nth-child(3n+2) {
  background: #c0d5ef;
}

.course-slider--popular .csi-item.csi--kunst-kreativitat-und-handwerk {
  background: #5b2573;
}

.course-slider--popular .csi-item.csi--kunst-kreativitat-und-handwerk:nth-child(3n+1) {
  background: #a251c7;
}

.course-slider--popular .csi-item.csi--kunst-kreativitat-und-handwerk:nth-child(3n+2) {
  background: #7a319a;
}

.course-slider--popular .csi-item.csi--lernforderung {
  background: #d26d99;
}

.course-slider--popular .csi-item.csi--lernforderung:nth-child(3n+1) {
  background: #f0cedd;
}

.course-slider--popular .csi-item.csi--lernforderung:nth-child(3n+2) {
  background: #de94b4;
}

.course-slider--popular .csi-item.csi--naturwissenschaften-und-technik {
  background: #75ad40;
}

.course-slider--popular .csi-item.csi--naturwissenschaften-und-technik:nth-child(3n+1) {
  background: #b5d895;
}

.course-slider--popular .csi-item.csi--naturwissenschaften-und-technik:nth-child(3n+2) {
  background: #8fc35d;
}

.course-slider--popular .csi-item.csi--personlichkeitsentwicklung {
  background: #5a80a5;
}

.course-slider--popular .csi-item.csi--personlichkeitsentwicklung:nth-child(3n+1) {
  background: #adc0d2;
}

.course-slider--popular .csi-item.csi--personlichkeitsentwicklung:nth-child(3n+2) {
  background: #7b99b7;
}

.course-slider--popular .csi-item.csi--politik-und-gesellschaft {
  background: #9b2524;
}

.course-slider--popular .csi-item.csi--politik-und-gesellschaft:nth-child(3n+1) {
  background: #db6564;
}

.course-slider--popular .csi-item.csi--politik-und-gesellschaft:nth-child(3n+2) {
  background: #c42f2e;
}

.course-slider--popular .csi-item.csi--science {
  background: #dcdc40;
}

.course-slider--popular .csi-item.csi--science:nth-child(3n+1) {
  background: #f0f0ac;
}

.course-slider--popular .csi-item.csi--science:nth-child(3n+2) {
  background: #e4e46b;
}

.course-slider--popular .csi-item.csi--sprachen {
  background: #c4007a;
}

.course-slider--popular .csi-item.csi--sprachen:nth-child(3n+1) {
  background: #ff45b9;
}

.course-slider--popular .csi-item.csi--sprachen:nth-child(3n+2) {
  background: #f7009a;
}

.course-slider--popular .csi-item.csi--vhs-gratis-lernhilfe {
  background: #eab818;
}

.course-slider--popular .csi-item.csi--vhs-gratis-lernhilfe:nth-child(3n+1) {
  background: #f5dc8d;
}

.course-slider--popular .csi-item.csi--vhs-gratis-lernhilfe:nth-child(3n+2) {
  background: #eec647;
}

.course-slider--popular .csi-item.csi--wirtschaft-und-management {
  background: #2c517f;
}

.course-slider--popular .csi-item.csi--wirtschaft-und-management:nth-child(3n+1) {
  background: #6290c9;
}

.course-slider--popular .csi-item.csi--wirtschaft-und-management:nth-child(3n+2) {
  background: #3969a5;
}

.course-slider--popular .csi-item.csi--lai {
  background: #2ea341;
}

.course-slider--popular .csi-item.csi--lai:nth-child(3n+1) {
  background: #78d987;
}

.course-slider--popular .csi-item.csi--lai:nth-child(3n+2) {
  background: #3cc853;
}

.course-slider--popular .csi-item.csi--kinder-und-eltern {
  background: #98bae4;
}

.course-slider--popular .csi-item.csi--kinder-und-eltern:nth-child(3n+1) {
  background: #c0d5ef;
}

.course-slider--popular .csi-item.csi--kinder-und-eltern:nth-child(3n+2) {
  background: #acc8e9;
}

.course-slider--popular .csi-item:first-child {
  border-top-right-radius: 0 !important;
  margin-top: 0.2rem;
}

.course-slider--popular .csi-item:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.course-slider--popular .csi-item.longest {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.course-slider--popular .csi-item .icon {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  height: 1.3rem;
  stroke-width: 2px;
  transform: translateY(-50%);
}

.course-slider--popular .csi-item-text {
  font-weight: 600;
}

.course-slider--recent {
  position: absolute;
  left: -999rem;
  width: 100%;
  opacity: 0;
}

.course-slider--recent.is-active {
  position: static;
  opacity: 1;
}

.course-slider--recent .slick-list {
  overflow: visible !important;
}

.course-slider--recent .slick-track {
  display: flex;
}

.course-slider--recent .slick-track .slick-slide {
  display: flex;
  height: auto;
}

.course-slider--recent .slick-slide {
  display: inline-block;
  transition: opacity 0.2s linear;
}

.course-slider--recent .slick-slide:not(.slick-active) {
  opacity: 0.4;
}

.course-slider--recent .slick-prev,
.course-slider--recent .slick-next {
  background: #fff;
  border-radius: 10px;
  opacity: 1;
  padding: 0.8rem;
  padding-left: 1.2rem;
  height: 6rem;
  width: 6rem;
  text-align: center;
  top: 65%;
  transition: opacity 0.2s linear;
  z-index: 1;
}

.course-slider--recent .slick-prev::before,
.course-slider--recent .slick-prev::after,
.course-slider--recent .slick-next::before,
.course-slider--recent .slick-next::after {
  content: none;
}

.course-slider--recent .slick-prev .icon-stroke,
.course-slider--recent .slick-next .icon-stroke {
  width: 1.8rem;
}

.course-slider--recent .slick-prev .icon-stroke svg,
.course-slider--recent .slick-next .icon-stroke svg {
  stroke: #000;
  stroke-width: 2px;
}

.course-slider--recent .slick-prev.slick-disabled,
.course-slider--recent .slick-next.slick-disabled {
  opacity: 0;
  cursor: default;
}

.course-slider--recent .slick-prev {
  transform: translateY(-50%) rotate(180deg);
  transform-origin: center center;
}

.course-slider--recent .slick-next {
  transform: translateY(-50%) rotate(0);
  transform-origin: center center;
}

.course-slider--recent .course-slider-item-inner {
  background: #fff;
  border-radius: 10px;
  color: #000;
  display: inline-flex !important;
  flex-direction: column;
  height: 100%;
  margin-right: 4rem;
  max-width: 33rem;
  transition: box-shadow 0.2s ease-out;
}

.course-slider--recent .course-slider-item-inner:hover {
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}

.course-slider--recent .csi-headings,
.course-slider--recent .csi-info {
  font-size: 1.5rem;
  padding: 2rem;
}

.course-slider--recent .csi-headings .icon,
.course-slider--recent .csi-info .icon {
  fill: #868686;
  position: absolute;
  left: 0;
}

.course-slider--recent .csi-info {
  margin-top: auto;
}

.course-slider--recent .csi-title {
  font-size: 4rem;
  font-weight: 600;
  word-wrap: break-word;
}

.course-slider--recent .csi-level {
  font-size: 2rem;
  font-weight: 600;
}

.course-slider--recent .csi-label {
  background: #f00;
  border-radius: 5px;
  color: #fff;
  font-size: 1.4rem;
  line-height: 4.5rem;
  padding: 0.3rem 0.7rem;
  position: relative;
  top: -0.8rem;
}

.course-slider--recent .csi-date {
  padding-left: 3rem;
  position: relative;
}

.course-slider--recent .csi-date .icon {
  width: 1.6rem;
}

.course-slider--recent .csi-location {
  margin-top: 2.5rem;
  padding-left: 3rem;
  position: relative;
}

.course-slider--recent .csi-location .icon {
  left: 0.2rem;
  width: 1.1rem;
}

.course-slider--recent .csi-teacher {
  padding-left: 3rem;
  position: relative;
}

.course-slider--recent .csi-teacher .icon {
  width: 1.6rem;
}

.course-slider--recent .csi-inProgress {
  border-top: 1px solid #e6e6e6;
  font-weight: 600;
  padding: 2rem;
  padding-left: 5rem;
  position: relative;
}

.course-slider--recent .csi-inProgress .icon {
  fill: #f00;
  position: absolute;
  left: 2rem;
  width: 1.6rem;
}

.course-slider--recent .csi-price {
  border-top: 1px solid #e6e6e6;
  font-size: 3rem;
  font-weight: 600;
  padding: 2rem;
  padding-left: 5rem;
  position: relative;
}

.course-slider--recent .csi-availability {
  border-radius: 50%;
  height: 1.3rem;
  width: 1.3rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 2rem;
}

.course-slider--recent .csi-availability.csi-availability--1 {
  background: #2ecd2e;
}

.course-slider--recent .csi-availability.csi-availability--2 {
  background: #fc3;
}

.course-slider--recent .csi-availability.csi-availability--3 {
  background: #ea2727;
}

.course-slider--recent .csi-footer {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  cursor: pointer;
  display: flex;
  height: 6rem;
  position: relative;
}

.course-slider--recent .csi-footer::after {
  content: "";
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6"><title>circle</title><circle cx="3" cy="3" r="3" fill="rgb(242,242,242)"/></svg>') center;
  position: absolute;
  height: 6px;
  width: 100%;
  top: -3px;
  left: 0;
}

.course-slider--recent .csi-footer .csi-footer-phone {
  border-bottom-right-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8rem;
  text-align: center;
}

.course-slider--recent .csi-footer .csi-footer-phone .icon {
  width: 2.2rem;
}

.course-slider--recent .csi-footer .csi-footer-phone svg {
  fill: #fff;
}

.course-slider--recent .csi-footer::before {
  content: "";
  height: 4px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.course-slider--recent .csi-footer.csi--basisbildung-und-bildungsabschlusse {
  background: #d9861c;
}

.course-slider--recent .csi-footer.csi--basisbildung-und-bildungsabschlusse .csi-footer-bookmark {
  background: #efc185;
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--basisbildung-und-bildungsabschlusse .csi-footer-bookmark:hover {
  background: #e3b77f;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--basisbildung-und-bildungsabschlusse .csi-footer-bookmark:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #e3b77f;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--basisbildung-und-bildungsabschlusse .csi-footer-phone {
  background: #ac6a16;
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--basisbildung-und-bildungsabschlusse .csi-footer-phone:hover {
  background: #633d0d;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--basisbildung-und-bildungsabschlusse .csi-footer-phone:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #633d0d;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--basisbildung-und-bildungsabschlusse .csi-link {
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--basisbildung-und-bildungsabschlusse .csi-link:hover {
  background: #ce7f1b;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--basisbildung-und-bildungsabschlusse .csi-link:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #ce7f1b;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--computer-internet-und-multimedia {
  background: #837bad;
}

.course-slider--recent .csi-footer.csi--computer-internet-und-multimedia .csi-footer-bookmark {
  background: #cdcade;
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--computer-internet-und-multimedia .csi-footer-bookmark:hover {
  background: #c3c0d3;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--computer-internet-und-multimedia .csi-footer-bookmark:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #c3c0d3;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--computer-internet-und-multimedia .csi-footer-phone {
  background: #675e97;
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--computer-internet-und-multimedia .csi-footer-phone:hover {
  background: #433d63;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--computer-internet-und-multimedia .csi-footer-phone:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #433d63;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--computer-internet-und-multimedia .csi-link {
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--computer-internet-und-multimedia .csi-link:hover {
  background: #7c75a4;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--computer-internet-und-multimedia .csi-link:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #7c75a4;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--elementarpadagogik {
  background: #8a285e;
}

.course-slider--recent .csi-footer.csi--elementarpadagogik .csi-footer-bookmark {
  background: #d1609e;
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--elementarpadagogik .csi-footer-bookmark:hover {
  background: #c75c97;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--elementarpadagogik .csi-footer-bookmark:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #c75c97;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--elementarpadagogik .csi-footer-phone {
  background: #621d43;
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--elementarpadagogik .csi-footer-phone:hover {
  background: #250b19;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--elementarpadagogik .csi-footer-phone:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #250b19;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--elementarpadagogik .csi-link {
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--elementarpadagogik .csi-link:hover {
  background: #832659;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--elementarpadagogik .csi-link:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #832659;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--gesundheit-und-bewegung {
  background: #acc435;
}

.course-slider--recent .csi-footer.csi--gesundheit-und-bewegung .csi-footer-bookmark {
  background: #d6e396;
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--gesundheit-und-bewegung .csi-footer-bookmark:hover {
  background: #cbd78e;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--gesundheit-und-bewegung .csi-footer-bookmark:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #cbd78e;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--gesundheit-und-bewegung .csi-footer-phone {
  background: #899c2a;
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--gesundheit-und-bewegung .csi-footer-phone:hover {
  background: #505b19;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--gesundheit-und-bewegung .csi-footer-phone:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #505b19;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--gesundheit-und-bewegung .csi-link {
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--gesundheit-und-bewegung .csi-link:hover {
  background: #a3ba32;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--gesundheit-und-bewegung .csi-link:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #a3ba32;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--interne-weiterbildung {
  background: #666666;
}

.course-slider--recent .csi-footer.csi--interne-weiterbildung .csi-footer-bookmark {
  background: #a6a6a6;
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--interne-weiterbildung .csi-footer-bookmark:hover {
  background: #9d9d9d;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--interne-weiterbildung .csi-footer-bookmark:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #9d9d9d;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--interne-weiterbildung .csi-footer-phone {
  background: #4d4c4c;
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--interne-weiterbildung .csi-footer-phone:hover {
  background: #242424;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--interne-weiterbildung .csi-footer-phone:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #242424;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--interne-weiterbildung .csi-link {
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--interne-weiterbildung .csi-link:hover {
  background: #616161;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--interne-weiterbildung .csi-link:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #616161;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--kinder {
  background: #98bae4;
}

.course-slider--recent .csi-footer.csi--kinder .csi-footer-bookmark {
  background: #fdfefe;
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--kinder .csi-footer-bookmark:hover {
  background: #f0f1f2;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--kinder .csi-footer-bookmark:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #f0f1f2;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--kinder .csi-footer-phone {
  background: #709fd9;
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--kinder .csi-footer-phone:hover {
  background: #3271be;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--kinder .csi-footer-phone:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #3271be;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--kinder .csi-link {
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--kinder .csi-link:hover {
  background: #90b1d9;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--kinder .csi-link:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #90b1d9;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--kinder-und-eltern {
  background: #98bae4;
}

.course-slider--recent .csi-footer.csi--kinder-und-eltern .csi-footer-bookmark {
  background: #fdfefe;
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--kinder-und-eltern .csi-footer-bookmark:hover {
  background: #f0f1f2;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--kinder-und-eltern .csi-footer-bookmark:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #f0f1f2;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--kinder-und-eltern .csi-footer-phone {
  background: #709fd9;
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--kinder-und-eltern .csi-footer-phone:hover {
  background: #3271be;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--kinder-und-eltern .csi-footer-phone:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #3271be;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--kinder-und-eltern .csi-link {
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--kinder-und-eltern .csi-link:hover {
  background: #90b1d9;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--kinder-und-eltern .csi-link:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #90b1d9;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--kunst-kreativitat-und-handwerk {
  background: #5b2573;
}

.course-slider--recent .csi-footer.csi--kunst-kreativitat-und-handwerk .csi-footer-bookmark {
  background: #a251c7;
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--kunst-kreativitat-und-handwerk .csi-footer-bookmark:hover {
  background: #9a4dbd;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--kunst-kreativitat-und-handwerk .csi-footer-bookmark:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #9a4dbd;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--kunst-kreativitat-und-handwerk .csi-footer-phone {
  background: #3c194c;
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--kunst-kreativitat-und-handwerk .csi-footer-phone:hover {
  background: #0e0612;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--kunst-kreativitat-und-handwerk .csi-footer-phone:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #0e0612;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--kunst-kreativitat-und-handwerk .csi-link {
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--kunst-kreativitat-und-handwerk .csi-link:hover {
  background: #56236d;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--kunst-kreativitat-und-handwerk .csi-link:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #56236d;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--lernforderung {
  background: #d26d99;
}

.course-slider--recent .csi-footer.csi--lernforderung .csi-footer-bookmark {
  background: #f0cedd;
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--lernforderung .csi-footer-bookmark:hover {
  background: #e4c4d2;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--lernforderung .csi-footer-bookmark:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #e4c4d2;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--lernforderung .csi-footer-phone {
  background: #c6467e;
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--lernforderung .csi-footer-phone:hover {
  background: #8b2b55;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--lernforderung .csi-footer-phone:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #8b2b55;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--lernforderung .csi-link {
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--lernforderung .csi-link:hover {
  background: #c86891;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--lernforderung .csi-link:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #c86891;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--naturwissenschaften-und-technik {
  background: #75ad40;
}

.course-slider--recent .csi-footer.csi--naturwissenschaften-und-technik .csi-footer-bookmark {
  background: #b5d895;
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--naturwissenschaften-und-technik .csi-footer-bookmark:hover {
  background: #accd8d;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--naturwissenschaften-und-technik .csi-footer-bookmark:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #accd8d;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--naturwissenschaften-und-technik .csi-footer-phone {
  background: #5c8832;
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--naturwissenschaften-und-technik .csi-footer-phone:hover {
  background: #334c1c;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--naturwissenschaften-und-technik .csi-footer-phone:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #334c1c;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--naturwissenschaften-und-technik .csi-link {
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--naturwissenschaften-und-technik .csi-link:hover {
  background: #6fa43d;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--naturwissenschaften-und-technik .csi-link:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #6fa43d;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--personlichkeitsentwicklung {
  background: #5a80a5;
}

.course-slider--recent .csi-footer.csi--personlichkeitsentwicklung .csi-footer-bookmark {
  background: #adc0d2;
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--personlichkeitsentwicklung .csi-footer-bookmark:hover {
  background: #a4b6c8;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--personlichkeitsentwicklung .csi-footer-bookmark:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #a4b6c8;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--personlichkeitsentwicklung .csi-footer-phone {
  background: #486684;
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--personlichkeitsentwicklung .csi-footer-phone:hover {
  background: #2b3d4e;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--personlichkeitsentwicklung .csi-footer-phone:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #2b3d4e;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--personlichkeitsentwicklung .csi-link {
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--personlichkeitsentwicklung .csi-link:hover {
  background: #567a9d;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--personlichkeitsentwicklung .csi-link:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #567a9d;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--politik-und-gesellschaft {
  background: #9b2524;
}

.course-slider--recent .csi-footer.csi--politik-und-gesellschaft .csi-footer-bookmark {
  background: #db6564;
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--politik-und-gesellschaft .csi-footer-bookmark:hover {
  background: #d0605f;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--politik-und-gesellschaft .csi-footer-bookmark:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #d0605f;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--politik-und-gesellschaft .csi-footer-phone {
  background: #721b1a;
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--politik-und-gesellschaft .csi-footer-phone:hover {
  background: #310c0b;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--politik-und-gesellschaft .csi-footer-phone:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #310c0b;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--politik-und-gesellschaft .csi-link {
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--politik-und-gesellschaft .csi-link:hover {
  background: #932322;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--politik-und-gesellschaft .csi-link:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #932322;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--science {
  background: #dcdc40;
}

.course-slider--recent .csi-footer.csi--science .csi-footer-bookmark {
  background: #f0f0ac;
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--science .csi-footer-bookmark:hover {
  background: #e4e4a3;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--science .csi-footer-bookmark:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #e4e4a3;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--science .csi-footer-phone {
  background: #c5c524;
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--science .csi-footer-phone:hover {
  background: #7e7e17;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--science .csi-footer-phone:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #7e7e17;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--science .csi-link {
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--science .csi-link:hover {
  background: #d1d13d;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--science .csi-link:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #d1d13d;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--sprachen {
  background: #c4007a;
}

.course-slider--recent .csi-footer.csi--sprachen .csi-footer-bookmark {
  background: #ff45b9;
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--sprachen .csi-footer-bookmark:hover {
  background: #f241af;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--sprachen .csi-footer-bookmark:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #f241af;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--sprachen .csi-footer-phone {
  background: #91005a;
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--sprachen .csi-footer-phone:hover {
  background: #410029;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--sprachen .csi-footer-phone:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #410029;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--sprachen .csi-link {
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--sprachen .csi-link:hover {
  background: #ba0074;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--sprachen .csi-link:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #ba0074;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--vhs-gratis-lernhilfe {
  background: #eab818;
}

.course-slider--recent .csi-footer.csi--vhs-gratis-lernhilfe .csi-footer-bookmark {
  background: #f5dc8d;
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--vhs-gratis-lernhilfe .csi-footer-bookmark:hover {
  background: #e8d186;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--vhs-gratis-lernhilfe .csi-footer-bookmark:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #e8d186;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--vhs-gratis-lernhilfe .csi-footer-phone {
  background: #be9511;
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--vhs-gratis-lernhilfe .csi-footer-phone:hover {
  background: #72590a;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--vhs-gratis-lernhilfe .csi-footer-phone:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #72590a;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--vhs-gratis-lernhilfe .csi-link {
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--vhs-gratis-lernhilfe .csi-link:hover {
  background: #deaf17;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--vhs-gratis-lernhilfe .csi-link:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #deaf17;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--wirtschaft-und-management {
  background: #2c517f;
}

.course-slider--recent .csi-footer.csi--wirtschaft-und-management .csi-footer-bookmark {
  background: #6290c9;
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--wirtschaft-und-management .csi-footer-bookmark:hover {
  background: #5d89bf;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--wirtschaft-und-management .csi-footer-bookmark:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #5d89bf;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--wirtschaft-und-management .csi-footer-phone {
  background: #1f3959;
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--wirtschaft-und-management .csi-footer-phone:hover {
  background: #0b141f;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--wirtschaft-und-management .csi-footer-phone:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #0b141f;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--wirtschaft-und-management .csi-link {
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--wirtschaft-und-management .csi-link:hover {
  background: #2a4d79;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--wirtschaft-und-management .csi-link:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #2a4d79;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--lai {
  background: #2ea341;
}

.course-slider--recent .csi-footer.csi--lai .csi-footer-bookmark {
  background: #78d987;
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--lai .csi-footer-bookmark:hover {
  background: #72ce81;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--lai .csi-footer-bookmark:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #72ce81;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--lai .csi-footer-phone {
  background: #237b31;
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--lai .csi-footer-phone:hover {
  background: #113c18;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--lai .csi-footer-phone:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #113c18;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--lai .csi-link {
  transition: all 0.4s;
}

.course-slider--recent .csi-footer.csi--lai .csi-link:hover {
  background: #2c9b3e;
  text-decoration: none;
}

.course-slider--recent .csi-footer.csi--lai .csi-link:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #2c9b3e;
  text-decoration: none;
}

.course-slider--recent .csi-footer-bookmark {
  border-bottom-left-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8rem;
  text-align: center;
}

.course-slider--recent .csi-footer-bookmark .icon {
  width: 3.1rem;
}

.course-slider--recent .csi-footer-bookmark svg {
  fill: #fff;
}

.course-slider--recent .csi-link {
  background: none;
  border-radius: 0;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  font-size: 2rem;
  padding: 0.5em;
  text-align: center;
}

.course-slider--local {
  position: absolute;
  left: -999rem;
  width: 100%;
  opacity: 0;
}

.course-slider--local.is-active {
  position: static;
  opacity: 1;
}

.course-slider--local .slick-list {
  overflow: visible !important;
}

.course-slider--local .slick-track {
  display: flex;
}

.course-slider--local .slick-track .slick-slide {
  display: flex;
  height: auto;
  justify-content: center;
}

.course-slider--local .slick-slide {
  display: inline-block;
  transition: opacity 0.2s linear;
}

.course-slider--local .slick-slide:not(.slick-active) {
  opacity: 0.4;
}

.course-slider--local .slick-prev,
.course-slider--local .slick-next {
  background: #fff;
  border-radius: 10px;
  opacity: 1;
  padding: 0.8rem;
  padding-left: 1.2rem;
  height: 6rem;
  width: 6rem;
  text-align: center;
  top: 65%;
  transition: opacity 0.2s linear;
  z-index: 1;
}

.course-slider--local .slick-prev::before,
.course-slider--local .slick-prev::after,
.course-slider--local .slick-next::before,
.course-slider--local .slick-next::after {
  content: none;
}

.course-slider--local .slick-prev .icon-stroke,
.course-slider--local .slick-next .icon-stroke {
  width: 1.8rem;
}

.course-slider--local .slick-prev .icon-stroke svg,
.course-slider--local .slick-next .icon-stroke svg {
  stroke: #000;
  stroke-width: 2px;
}

.course-slider--local .slick-prev.slick-disabled,
.course-slider--local .slick-next.slick-disabled {
  opacity: 0;
  cursor: default;
}

.course-slider--local .slick-prev {
  right: calc(100% + 25px);
  left: auto;
  transform: translateY(-50%) rotate(180deg);
  transform-origin: center center;
}

.course-slider--local .slick-next {
  left: calc(100% + 25px);
  right: auto;
  transform: translateY(-50%) rotate(0);
  transform-origin: center center;
}

.course-slider--local .course-slider-item-inner {
  color: #fff;
  max-width: 33rem;
}

.course-slider--local .course-slider-item-inner {
  background: #fff;
  border-radius: 10px;
  color: #000;
  display: flex !important;
  flex-direction: column;
  height: 100%;
  max-width: 33rem;
  transition: box-shadow 0.2s ease-out;
}

.course-slider--local .course-slider-item-inner:hover {
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}

.course-slider--local .csi-headings,
.course-slider--local .csi-info {
  font-size: 1.5rem;
  padding: 2rem;
}

.course-slider--local .csi-headings .icon,
.course-slider--local .csi-info .icon {
  fill: #868686;
  position: absolute;
  left: 0;
}

.course-slider--local .csi-info {
  margin-top: auto;
}

.course-slider--local .csi-title {
  font-size: 4rem;
  font-weight: 600;
  word-wrap: break-word;
}

.course-slider--local .csi-level {
  font-size: 2rem;
  font-weight: 600;
}

.course-slider--local .csi-label {
  background: #f00;
  border-radius: 5px;
  color: #fff;
  font-size: 1.4rem;
  line-height: 4.5rem;
  padding: 0.3rem 0.7rem;
  position: relative;
  top: -0.8rem;
}

.course-slider--local .csi-date {
  padding-left: 3rem;
  position: relative;
}

.course-slider--local .csi-date .icon {
  width: 1.6rem;
}

.course-slider--local .csi-location {
  margin-top: 2.5rem;
  padding-left: 3rem;
  position: relative;
}

.course-slider--local .csi-location .icon {
  left: 0.2rem;
  width: 1.1rem;
}

.course-slider--local .csi-teacher {
  padding-left: 3rem;
  position: relative;
}

.course-slider--local .csi-teacher .icon {
  width: 1.6rem;
}

.course-slider--local .csi-inProgress {
  border-top: 1px solid #e6e6e6;
  font-weight: 600;
  padding: 2rem;
  padding-left: 5rem;
  position: relative;
}

.course-slider--local .csi-inProgress .icon {
  fill: #f00;
  position: absolute;
  left: 2rem;
  width: 1.6rem;
}

.course-slider--local .csi-price {
  border-top: 1px solid #e6e6e6;
  font-size: 3rem;
  font-weight: 600;
  padding: 2rem;
  padding-left: 5rem;
  position: relative;
}

.course-slider--local .csi-availability {
  border-radius: 50%;
  height: 1.3rem;
  width: 1.3rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 2rem;
}

.course-slider--local .csi-availability.csi-availability--1 {
  background: #2ecd2e;
}

.course-slider--local .csi-availability.csi-availability--2 {
  background: #fc3;
}

.course-slider--local .csi-availability.csi-availability--3 {
  background: #ea2727;
}

.course-slider--local .csi-footer {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  cursor: pointer;
  display: flex;
  height: 6rem;
  position: relative;
}

.course-slider--local .csi-footer::after {
  content: "";
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6"><title>circle</title><circle cx="3" cy="3" r="3" fill="rgb(242,242,242)"/></svg>') center;
  position: absolute;
  height: 6px;
  width: 100%;
  top: -3px;
  left: 0;
}

.course-slider--local .csi-footer .csi-footer-phone {
  border-bottom-right-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8rem;
  text-align: center;
}

.course-slider--local .csi-footer .csi-footer-phone .icon {
  width: 2.2rem;
}

.course-slider--local .csi-footer .csi-footer-phone svg {
  fill: #fff;
}

.course-slider--local .csi-footer::before {
  content: "";
  height: 4px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.course-slider--local .csi-footer.csi--basisbildung-und-bildungsabschlusse {
  background: #d9861c;
}

.course-slider--local .csi-footer.csi--basisbildung-und-bildungsabschlusse .csi-footer-bookmark {
  background: #efc185;
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--basisbildung-und-bildungsabschlusse .csi-footer-bookmark:hover {
  background: #e3b77f;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--basisbildung-und-bildungsabschlusse .csi-footer-bookmark:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #e3b77f;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--basisbildung-und-bildungsabschlusse .csi-footer-phone {
  background: #ac6a16;
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--basisbildung-und-bildungsabschlusse .csi-footer-phone:hover {
  background: #633d0d;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--basisbildung-und-bildungsabschlusse .csi-footer-phone:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #633d0d;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--basisbildung-und-bildungsabschlusse .csi-link {
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--basisbildung-und-bildungsabschlusse .csi-link:hover {
  background: #ce7f1b;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--basisbildung-und-bildungsabschlusse .csi-link:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #ce7f1b;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--computer-internet-und-multimedia {
  background: #837bad;
}

.course-slider--local .csi-footer.csi--computer-internet-und-multimedia .csi-footer-bookmark {
  background: #cdcade;
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--computer-internet-und-multimedia .csi-footer-bookmark:hover {
  background: #c3c0d3;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--computer-internet-und-multimedia .csi-footer-bookmark:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #c3c0d3;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--computer-internet-und-multimedia .csi-footer-phone {
  background: #675e97;
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--computer-internet-und-multimedia .csi-footer-phone:hover {
  background: #433d63;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--computer-internet-und-multimedia .csi-footer-phone:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #433d63;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--computer-internet-und-multimedia .csi-link {
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--computer-internet-und-multimedia .csi-link:hover {
  background: #7c75a4;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--computer-internet-und-multimedia .csi-link:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #7c75a4;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--elementarpadagogik {
  background: #8a285e;
}

.course-slider--local .csi-footer.csi--elementarpadagogik .csi-footer-bookmark {
  background: #d1609e;
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--elementarpadagogik .csi-footer-bookmark:hover {
  background: #c75c97;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--elementarpadagogik .csi-footer-bookmark:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #c75c97;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--elementarpadagogik .csi-footer-phone {
  background: #621d43;
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--elementarpadagogik .csi-footer-phone:hover {
  background: #250b19;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--elementarpadagogik .csi-footer-phone:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #250b19;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--elementarpadagogik .csi-link {
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--elementarpadagogik .csi-link:hover {
  background: #832659;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--elementarpadagogik .csi-link:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #832659;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--gesundheit-und-bewegung {
  background: #acc435;
}

.course-slider--local .csi-footer.csi--gesundheit-und-bewegung .csi-footer-bookmark {
  background: #d6e396;
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--gesundheit-und-bewegung .csi-footer-bookmark:hover {
  background: #cbd78e;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--gesundheit-und-bewegung .csi-footer-bookmark:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #cbd78e;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--gesundheit-und-bewegung .csi-footer-phone {
  background: #899c2a;
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--gesundheit-und-bewegung .csi-footer-phone:hover {
  background: #505b19;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--gesundheit-und-bewegung .csi-footer-phone:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #505b19;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--gesundheit-und-bewegung .csi-link {
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--gesundheit-und-bewegung .csi-link:hover {
  background: #a3ba32;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--gesundheit-und-bewegung .csi-link:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #a3ba32;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--interne-weiterbildung {
  background: #666666;
}

.course-slider--local .csi-footer.csi--interne-weiterbildung .csi-footer-bookmark {
  background: #a6a6a6;
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--interne-weiterbildung .csi-footer-bookmark:hover {
  background: #9d9d9d;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--interne-weiterbildung .csi-footer-bookmark:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #9d9d9d;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--interne-weiterbildung .csi-footer-phone {
  background: #4d4c4c;
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--interne-weiterbildung .csi-footer-phone:hover {
  background: #242424;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--interne-weiterbildung .csi-footer-phone:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #242424;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--interne-weiterbildung .csi-link {
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--interne-weiterbildung .csi-link:hover {
  background: #616161;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--interne-weiterbildung .csi-link:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #616161;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--kinder {
  background: #98bae4;
}

.course-slider--local .csi-footer.csi--kinder .csi-footer-bookmark {
  background: #fdfefe;
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--kinder .csi-footer-bookmark:hover {
  background: #f0f1f2;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--kinder .csi-footer-bookmark:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #f0f1f2;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--kinder .csi-footer-phone {
  background: #709fd9;
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--kinder .csi-footer-phone:hover {
  background: #3271be;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--kinder .csi-footer-phone:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #3271be;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--kinder .csi-link {
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--kinder .csi-link:hover {
  background: #90b1d9;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--kinder .csi-link:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #90b1d9;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--kinder-und-eltern {
  background: #98bae4;
}

.course-slider--local .csi-footer.csi--kinder-und-eltern .csi-footer-bookmark {
  background: #fdfefe;
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--kinder-und-eltern .csi-footer-bookmark:hover {
  background: #f0f1f2;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--kinder-und-eltern .csi-footer-bookmark:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #f0f1f2;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--kinder-und-eltern .csi-footer-phone {
  background: #709fd9;
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--kinder-und-eltern .csi-footer-phone:hover {
  background: #3271be;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--kinder-und-eltern .csi-footer-phone:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #3271be;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--kinder-und-eltern .csi-link {
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--kinder-und-eltern .csi-link:hover {
  background: #90b1d9;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--kinder-und-eltern .csi-link:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #90b1d9;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--kunst-kreativitat-und-handwerk {
  background: #5b2573;
}

.course-slider--local .csi-footer.csi--kunst-kreativitat-und-handwerk .csi-footer-bookmark {
  background: #a251c7;
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--kunst-kreativitat-und-handwerk .csi-footer-bookmark:hover {
  background: #9a4dbd;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--kunst-kreativitat-und-handwerk .csi-footer-bookmark:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #9a4dbd;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--kunst-kreativitat-und-handwerk .csi-footer-phone {
  background: #3c194c;
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--kunst-kreativitat-und-handwerk .csi-footer-phone:hover {
  background: #0e0612;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--kunst-kreativitat-und-handwerk .csi-footer-phone:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #0e0612;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--kunst-kreativitat-und-handwerk .csi-link {
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--kunst-kreativitat-und-handwerk .csi-link:hover {
  background: #56236d;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--kunst-kreativitat-und-handwerk .csi-link:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #56236d;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--lernforderung {
  background: #d26d99;
}

.course-slider--local .csi-footer.csi--lernforderung .csi-footer-bookmark {
  background: #f0cedd;
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--lernforderung .csi-footer-bookmark:hover {
  background: #e4c4d2;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--lernforderung .csi-footer-bookmark:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #e4c4d2;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--lernforderung .csi-footer-phone {
  background: #c6467e;
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--lernforderung .csi-footer-phone:hover {
  background: #8b2b55;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--lernforderung .csi-footer-phone:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #8b2b55;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--lernforderung .csi-link {
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--lernforderung .csi-link:hover {
  background: #c86891;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--lernforderung .csi-link:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #c86891;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--naturwissenschaften-und-technik {
  background: #75ad40;
}

.course-slider--local .csi-footer.csi--naturwissenschaften-und-technik .csi-footer-bookmark {
  background: #b5d895;
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--naturwissenschaften-und-technik .csi-footer-bookmark:hover {
  background: #accd8d;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--naturwissenschaften-und-technik .csi-footer-bookmark:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #accd8d;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--naturwissenschaften-und-technik .csi-footer-phone {
  background: #5c8832;
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--naturwissenschaften-und-technik .csi-footer-phone:hover {
  background: #334c1c;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--naturwissenschaften-und-technik .csi-footer-phone:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #334c1c;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--naturwissenschaften-und-technik .csi-link {
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--naturwissenschaften-und-technik .csi-link:hover {
  background: #6fa43d;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--naturwissenschaften-und-technik .csi-link:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #6fa43d;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--personlichkeitsentwicklung {
  background: #5a80a5;
}

.course-slider--local .csi-footer.csi--personlichkeitsentwicklung .csi-footer-bookmark {
  background: #adc0d2;
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--personlichkeitsentwicklung .csi-footer-bookmark:hover {
  background: #a4b6c8;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--personlichkeitsentwicklung .csi-footer-bookmark:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #a4b6c8;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--personlichkeitsentwicklung .csi-footer-phone {
  background: #486684;
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--personlichkeitsentwicklung .csi-footer-phone:hover {
  background: #2b3d4e;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--personlichkeitsentwicklung .csi-footer-phone:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #2b3d4e;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--personlichkeitsentwicklung .csi-link {
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--personlichkeitsentwicklung .csi-link:hover {
  background: #567a9d;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--personlichkeitsentwicklung .csi-link:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #567a9d;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--politik-und-gesellschaft {
  background: #9b2524;
}

.course-slider--local .csi-footer.csi--politik-und-gesellschaft .csi-footer-bookmark {
  background: #db6564;
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--politik-und-gesellschaft .csi-footer-bookmark:hover {
  background: #d0605f;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--politik-und-gesellschaft .csi-footer-bookmark:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #d0605f;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--politik-und-gesellschaft .csi-footer-phone {
  background: #721b1a;
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--politik-und-gesellschaft .csi-footer-phone:hover {
  background: #310c0b;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--politik-und-gesellschaft .csi-footer-phone:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #310c0b;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--politik-und-gesellschaft .csi-link {
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--politik-und-gesellschaft .csi-link:hover {
  background: #932322;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--politik-und-gesellschaft .csi-link:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #932322;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--science {
  background: #dcdc40;
}

.course-slider--local .csi-footer.csi--science .csi-footer-bookmark {
  background: #f0f0ac;
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--science .csi-footer-bookmark:hover {
  background: #e4e4a3;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--science .csi-footer-bookmark:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #e4e4a3;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--science .csi-footer-phone {
  background: #c5c524;
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--science .csi-footer-phone:hover {
  background: #7e7e17;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--science .csi-footer-phone:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #7e7e17;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--science .csi-link {
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--science .csi-link:hover {
  background: #d1d13d;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--science .csi-link:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #d1d13d;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--sprachen {
  background: #c4007a;
}

.course-slider--local .csi-footer.csi--sprachen .csi-footer-bookmark {
  background: #ff45b9;
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--sprachen .csi-footer-bookmark:hover {
  background: #f241af;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--sprachen .csi-footer-bookmark:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #f241af;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--sprachen .csi-footer-phone {
  background: #91005a;
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--sprachen .csi-footer-phone:hover {
  background: #410029;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--sprachen .csi-footer-phone:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #410029;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--sprachen .csi-link {
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--sprachen .csi-link:hover {
  background: #ba0074;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--sprachen .csi-link:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #ba0074;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--vhs-gratis-lernhilfe {
  background: #eab818;
}

.course-slider--local .csi-footer.csi--vhs-gratis-lernhilfe .csi-footer-bookmark {
  background: #f5dc8d;
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--vhs-gratis-lernhilfe .csi-footer-bookmark:hover {
  background: #e8d186;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--vhs-gratis-lernhilfe .csi-footer-bookmark:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #e8d186;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--vhs-gratis-lernhilfe .csi-footer-phone {
  background: #be9511;
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--vhs-gratis-lernhilfe .csi-footer-phone:hover {
  background: #72590a;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--vhs-gratis-lernhilfe .csi-footer-phone:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #72590a;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--vhs-gratis-lernhilfe .csi-link {
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--vhs-gratis-lernhilfe .csi-link:hover {
  background: #deaf17;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--vhs-gratis-lernhilfe .csi-link:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #deaf17;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--wirtschaft-und-management {
  background: #2c517f;
}

.course-slider--local .csi-footer.csi--wirtschaft-und-management .csi-footer-bookmark {
  background: #6290c9;
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--wirtschaft-und-management .csi-footer-bookmark:hover {
  background: #5d89bf;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--wirtschaft-und-management .csi-footer-bookmark:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #5d89bf;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--wirtschaft-und-management .csi-footer-phone {
  background: #1f3959;
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--wirtschaft-und-management .csi-footer-phone:hover {
  background: #0b141f;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--wirtschaft-und-management .csi-footer-phone:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #0b141f;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--wirtschaft-und-management .csi-link {
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--wirtschaft-und-management .csi-link:hover {
  background: #2a4d79;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--wirtschaft-und-management .csi-link:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #2a4d79;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--lai {
  background: #2ea341;
}

.course-slider--local .csi-footer.csi--lai .csi-footer-bookmark {
  background: #78d987;
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--lai .csi-footer-bookmark:hover {
  background: #72ce81;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--lai .csi-footer-bookmark:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #72ce81;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--lai .csi-footer-phone {
  background: #237b31;
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--lai .csi-footer-phone:hover {
  background: #113c18;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--lai .csi-footer-phone:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #113c18;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--lai .csi-link {
  transition: all 0.4s;
}

.course-slider--local .csi-footer.csi--lai .csi-link:hover {
  background: #2c9b3e;
  text-decoration: none;
}

.course-slider--local .csi-footer.csi--lai .csi-link:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #2c9b3e;
  text-decoration: none;
}

@media screen and (min-width: 48.0625em) {
  .event-slider {
    background: #dadada;
    border-radius: 10px;
  }

  .page-planetarium .event-slider {
    background: none;
  }

  .page-lai .event-slider {
    background: none;
  }
}

.event-slider-inner {
  padding-top: 4rem;
  padding-bottom: 0;
  position: static;
}

@media screen and (min-width: 48.0625em) {
  .event-slider-inner {
    padding-top: 9rem;
    padding-bottom: 12rem;
  }
}

.event-slider-slider {
  position: static;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .event-slider-slider {
    display: block;
  }
}

.event-slider-slider .slick-track {
  display: flex;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .event-slider-slider .slick-track {
    display: block;
  }
}

.event-slider-slider .slick-track .slick-slide {
  display: flex;
  flex: 1;
  height: auto;
  justify-content: center;
}

.event-slider-slider .slick-slide:not(.slick-active) .event-slider-item:hover {
  box-shadow: none;
}

.event-slider-slider .slick-prev,
.event-slider-slider .slick-next {
  background: #fff;
  border-radius: 10px;
  opacity: 1;
  padding: 0.8rem;
  padding-left: 1.2rem;
  height: 6rem;
  width: 6rem;
  text-align: center;
  transition: opacity 0.2s linear;
  z-index: 1;
}

.event-slider-slider .slick-prev::before,
.event-slider-slider .slick-prev::after,
.event-slider-slider .slick-next::before,
.event-slider-slider .slick-next::after {
  content: none;
}

.event-slider-slider .slick-prev .icon-stroke,
.event-slider-slider .slick-next .icon-stroke {
  width: 1.8rem;
}

.event-slider-slider .slick-prev .icon-stroke svg,
.event-slider-slider .slick-next .icon-stroke svg {
  stroke: #000;
  stroke-width: 2px;
}

.event-slider-slider .slick-prev.slick-disabled,
.event-slider-slider .slick-next.slick-disabled {
  opacity: 0;
}

.event-slider-slider .slick-prev {
  transform: translateY(-50%) rotate(180deg);
  transform-origin: center center;
}

.event-slider-slider .slick-next {
  transform: translateY(-50%) rotate(0);
  transform-origin: center center;
}

.event-slider-item {
  height: 100%;
  text-align: center;
}

.event-slider-item-inner {
  background: #fff;
  border-radius: 10px;
  display: inline-flex !important;
  flex-direction: column;
  height: 100%;
  width: 97%;
  max-width: 33rem;
  transition: box-shadow 0.2s ease-out;
}

@media screen and (min-width: 48.0625em) {
  .event-slider-item-inner {
    width: 100%;
  }
}

.event-slider-item-inner:hover {
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}

.esi-header {
  color: #000;
  position: relative;
}

.esi-extra {
  display: inline-block;
  padding: 0.6rem 1rem;
  border-radius: 0.6rem;
  background: #f00;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1;
  position: absolute;
  top: 5px;
  right: 20px;
}

.esi-img {
  background: #f2f2f2;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: block;
  height: 22rem;
  width: 100%;
}

.esi-title {
  position: absolute;
  bottom: 1.5rem;
  left: 1rem;
}

.esi-title-line {
  background: #fff;
  display: table;
  font-size: 2rem;
  padding: 0.3rem 1rem;
}

.esi-title-line:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.esi-title-line:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.esi-title-line.ctl--longest {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.esi-body {
  background: #fff;
  padding: 2em;
  text-align: center;
}

.esi-date {
  font-size: 4rem;
  font-weight: 300;
  line-height: 1;
  margin-bottom: 0.3em;
}

.esi-location {
  font-size: 2rem;
}

.esi-link {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  display: block;
  line-height: 5.2rem;
  margin-top: auto;
  padding: 0;
}

.page-planetarium .esi-link {
  background: #002247;
}

.page-lai .esi-link {
  background: #2ea341;
}

.is-disabled .esi-link {
  background: #868686;
}

.footer-info {
  background: #868686;
}

.footer-info-inner {
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 42rem;
  padding: 4rem 0;
  text-align: center;
  width: 100%;
}

.footer-info-grid {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.footer-info-grid-item {
  margin-bottom: 0;
}

.footer-info-grid-item:not(:last-child) {
  margin-bottom: 2rem;
}

@media screen and (min-width: 64em) {
  .footer-info-grid-item {
    margin-bottom: 0 !important;
    padding: 0;
  }
}

.footer-info-text {
  font-size: 20px;
  display: block;
  font-weight: 600;
}

@media screen and (min-width: 1024px) {
  .footer-info-text {
    font-size: calc(20px + 20 * (100vw - 1024px) / 376);
  }
}

@media screen and (min-width: 1400px) {
  .footer-info-text {
    font-size: 40px;
  }
}

.footer-info-text-tel {
  font-size: 30px;
  color: #fff;
  display: block;
  font-weight: 700;
  margin: 2rem 0;
}

@media screen and (min-width: 1024px) {
  .footer-info-text-tel {
    font-size: calc(30px + 30 * (100vw - 1024px) / 376);
  }
}

@media screen and (min-width: 1400px) {
  .footer-info-text-tel {
    font-size: 60px;
  }
}

.footer-info-text-mail {
  color: #fff;
  display: block;
}

.footer-info-btn {
  font-size: 15px;
  background: transparent;
  border: 3px solid #fff;
  color: #fff;
  font-weight: 600;
}

@media screen and (min-width: 1024px) {
  .footer-info-btn {
    font-size: calc(15px + 5 * (100vw - 1024px) / 376);
  }
}

@media screen and (min-width: 1400px) {
  .footer-info-btn {
    font-size: 20px;
  }
}

/* planetarium */

.footer-planetarium-info {
  background: #002247;
}

.footer-planetarium-info-inner {
  font-size: 20px;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-weight: 600;
  justify-content: center;
  align-items: center;
  min-height: 42rem;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  .footer-planetarium-info-inner {
    font-size: calc(20px + 20 * (100vw - 1024px) / 376);
  }
}

@media screen and (min-width: 1400px) {
  .footer-planetarium-info-inner {
    font-size: 40px;
  }
}

.footer-planetarium-info-text {
  margin-bottom: 5rem;
}

.footer-planetarium-info-text-name {
  margin-bottom: 3.5rem;
}

.footer-planetarium-info-text-tel {
  color: #fff;
}

.footer-planetarium-info-text-mail {
  color: #fff;
  position: relative;
}

@media screen and (min-width: 40em) {
  .footer-planetarium-info-text-mail {
    margin-left: 4rem;
  }
}

.footer-planetarium-info-text-mail::before {
  content: none;
}

@media screen and (min-width: 40em) {
  .footer-planetarium-info-text-mail::before {
    content: "";
    background: #fff;
    border-radius: 50%;
    height: 1.2rem;
    width: 1.2rem;
    position: absolute;
    top: 50%;
    left: -3rem;
    transform: translateY(-50%);
  }
}

.footer-planetarium-info-btn {
  font-size: 15px;
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
  font-weight: 600;
  max-width: 33rem;
  display: block;
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .footer-planetarium-info-btn {
    font-size: calc(15px + 5 * (100vw - 1024px) / 376);
  }
}

@media screen and (min-width: 1400px) {
  .footer-planetarium-info-btn {
    font-size: 20px;
  }
}

/* lai */

.footer-lai-info {
  background: #2ea341;
}

.footer-lai-info-inner {
  font-size: 20px;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-weight: 600;
  justify-content: center;
  align-items: center;
  min-height: 42rem;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  .footer-lai-info-inner {
    font-size: calc(20px + 20 * (100vw - 1024px) / 376);
  }
}

@media screen and (min-width: 1400px) {
  .footer-lai-info-inner {
    font-size: 40px;
  }
}

.footer-lai-info-text {
  margin-bottom: 5rem;
}

.footer-lai-info-text-name {
  margin-bottom: 3.5rem;
}

.footer-lai-info-text-tel {
  color: #fff;
}

.footer-lai-info-text-mail {
  color: #fff;
  position: relative;
}

@media screen and (min-width: 40em) {
  .footer-lai-info-text-mail {
    margin-left: 4rem;
  }
}

.footer-lai-info-text-mail::before {
  content: none;
}

@media screen and (min-width: 40em) {
  .footer-lai-info-text-mail::before {
    content: "";
    background: #fff;
    border-radius: 50%;
    height: 1.2rem;
    width: 1.2rem;
    position: absolute;
    top: 50%;
    left: -3rem;
    transform: translateY(-50%);
  }
}

.footer-lai-info-btn {
  font-size: 15px;
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
  font-weight: 600;
  max-width: 33rem;
  display: block;
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .footer-lai-info-btn {
    font-size: calc(15px + 5 * (100vw - 1024px) / 376);
  }
}

@media screen and (min-width: 1400px) {
  .footer-lai-info-btn {
    font-size: 20px;
  }
}

/* location */

.footer-location-info {
  background: #dadada;
}

.footer-location-info-inner {
  font-size: 20px;
  color: #000;
  display: flex;
  flex-direction: column;
  font-weight: 600;
  justify-content: center;
  align-items: center;
  min-height: 42rem;
  text-align: center;
}

@media screen and (min-width: 1024px) {
  .footer-location-info-inner {
    font-size: calc(20px + 20 * (100vw - 1024px) / 376);
  }
}

@media screen and (min-width: 1400px) {
  .footer-location-info-inner {
    font-size: 40px;
  }
}

.footer-location-info-text {
  margin-bottom: 5rem;
}

.footer-location-info-text-name {
  margin-bottom: 3.5rem;
}

.footer-location-info-text-tel {
  color: #000;
}

.footer-location-info-text-mail {
  color: #000;
  position: relative;
}

@media screen and (min-width: 40em) {
  .footer-location-info-text-mail {
    margin-left: 4rem;
  }
}

.footer-location-info-text-mail::before {
  content: none;
}

@media screen and (min-width: 40em) {
  .footer-location-info-text-mail::before {
    content: "";
    background: #000;
    border-radius: 50%;
    height: 1.2rem;
    width: 1.2rem;
    position: absolute;
    top: 50%;
    left: -3rem;
    transform: translateY(-50%);
  }
}

.footer-location-info-btn {
  font-size: 15px;
  background: transparent;
  border: 2px solid #000;
  color: #000;
  font-weight: 600;
  max-width: 33rem;
  display: block;
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .footer-location-info-btn {
    font-size: calc(15px + 5 * (100vw - 1024px) / 376);
  }
}

@media screen and (min-width: 1400px) {
  .footer-location-info-btn {
    font-size: 20px;
  }
}

.footer-logos {
  background: #f2f2f2;
  padding: 2rem 0;
}

.footer-logos-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  min-height: 16.5rem;
}

@media screen and (min-width: 48em) {
  .footer-logos-inner {
    flex-wrap: nowrap;
  }
}

.footer-logos-item {
  margin: 1rem;
}

@media screen and (min-width: 64em) {
  .footer-logos-item {
    margin: 0 2rem;
  }
}

.footer-scrollToTop {
  background: #f00;
  border: 1px solid #fff;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1em;
  height: 8rem;
  width: 8rem;
  position: absolute;
  top: -4rem;
  left: 2rem;
  text-align: center;
  z-index: 2;
}

.footer-scrollToTop-text {
  font-size: 1.5rem;
  font-weight: 600;
}

.footer-links {
  background: #000;
}

.footer-links-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 2rem;
  min-height: 16rem;
  padding: 5rem 0 2rem;
  text-align: center;
}

@media screen and (min-width: 64em) {
  .footer-links-inner {
    padding: 2rem 0;
    flex-direction: row;
    justify-content: flex-start;
    text-align: left;
  }
}

.footer-links-copy {
  display: block;
  margin-bottom: 2rem;
}

@media screen and (min-width: 64em) {
  .footer-links-copy {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 3.5rem;
  }
}

.footer-links-item {
  color: #fff;
  display: block;
  font-weight: 700;
  margin-bottom: 1rem;
}

@media screen and (min-width: 64em) {
  .footer-links-item {
    display: inline-block;
    margin-bottom: 0;
  }

  .footer-links-item:not(:last-child) {
    margin-right: 3.5rem;
  }
}

@media screen and (min-width: 64em) {
  .footer-links-right {
    margin-left: auto;
  }
}

.footer-info--small .footer-info-inner {
  min-height: 22rem;
}

.footer-info--small .footer-info-text {
  font-size: 20px;
  font-weight: 600;
}

@media screen and (min-width: 1024px) {
  .footer-info--small .footer-info-text {
    font-size: calc(20px + 20 * (100vw - 1024px) / 376);
  }
}

@media screen and (min-width: 1400px) {
  .footer-info--small .footer-info-text {
    font-size: 40px;
  }
}

.footer-info--small .footer-info-text-name {
  margin-bottom: 3.5rem;
}

.footer-info--small .footer-info-text-tel {
  font-size: 20px;
  color: #fff;
  display: block;
  font-weight: 600;
  margin: 2rem 0;
}

@media screen and (min-width: 1024px) {
  .footer-info--small .footer-info-text-tel {
    font-size: calc(20px + 20 * (100vw - 1024px) / 376);
  }
}

@media screen and (min-width: 1400px) {
  .footer-info--small .footer-info-text-tel {
    font-size: 40px;
  }
}

@media screen and (min-width: 40em) {
  .footer-info--small .footer-info-text-tel {
    display: inline-block;
  }
}

.footer-info--small .footer-info-text-mail {
  font-size: 20px;
  color: #fff;
  display: block;
  font-weight: 600;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .footer-info--small .footer-info-text-mail {
    font-size: calc(20px + 20 * (100vw - 1024px) / 376);
  }
}

@media screen and (min-width: 1400px) {
  .footer-info--small .footer-info-text-mail {
    font-size: 40px;
  }
}

@media screen and (min-width: 40em) {
  .footer-info--small .footer-info-text-mail {
    display: inline-block;
  }
}

.footer-info--small .footer-info-text-mail::before {
  content: none;
}

@media print {
  .footer {
    font-size: 1rem !important;
  }

  .footer-info-btn,
  .footer-scrollToTop,
  .footer-links-item {
    display: none;
  }

  .footer-info {
    border-top: 1px solid #dadada;
    margin-top: 2rem;
    padding-top: 2rem;
  }

  .footer-info-inner,
  .footer-logos,
  .footer-logos-inner,
  .footer-links-inner {
    min-height: 0;
    padding: 0;
  }

  .footer-info-grid > :first-child,
  .footer-info-grid > :last-child {
    display: none;
  }

  .footer-info-grid .footer-info-grid-item {
    flex: 1;
    max-width: 100%;
    margin-bottom: 0 !important;
  }

  .footer-info-text-mail,
  .footer-info-text-tel {
    margin: 0;
    font-size: 1.5rem;
  }

  .footer-links-copy {
    font-size: 1rem;
  }

  .footer-logos-item img {
    max-width: 5rem;
  }
}

/* LAI footer styles */

.footer-lai-info .lai-footer-band {
  background-image: url(/images/lai-band.svg);
  background-repeat: repeat-x;
  background-position: bottom;
  background-size: auto 40px;
  height: 40px;
}

.footer-lai-info .footer-lai-info-inner {
  background-image: url(/images/lai_back_footer.svg);
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 570px;
  padding-top: 40px;
  padding-bottom: 40px;
}

/*
Demontage-und Recycling-Zentrum footer logos styles
*/

.drz-container {
  padding: 0;
  margin: 0;
  list-style: none;
  -ms-box-orient: horizontal;
  display: -moz-flex;
  display: flex;
  justify-content: center;
}

.drz-container.nowrap {
  flex-wrap: nowrap;
}

.drz-container.wrap {
  flex-wrap: wrap;
}

.drz-item-group {
  padding: 5px;
  margin: 10px;
  color: white;
  font-weight: bold;
  font-size: 2em;
  text-align: center;
}

.drz-item {
  padding: 0px;
  padding-right: 24px;
  margin: 0;
  text-align: left;
}

.drz-item img {
  max-height: 70px;
}

.drz-item-text {
  text-align: right;
  font-size: 2rem;
  font-weight: normal;
  white-space: nowrap;
  color: black;
}

.h-foreground {
  position: relative;
  z-index: 110;
}

@media screen and (max-width: 64em) {
  .h-topnav {
    width: 100%;
  }
}

.h-topnav-inner {
  display: flex;
  justify-content: space-between;
  padding: 1rem 0 3rem;
}

@media screen and (min-width: 48em) {
  .h-topnav-inner {
    padding: 2rem 0;
  }
}

.h-topnav-logo {
  flex: 1;
  margin-bottom: 1rem;
  max-width: 10rem;
}

@media screen and (min-width: 48em) {
  .h-topnav-logo {
    max-width: 15rem;
  }
}

@media screen and (min-width: 80em) {
  .h-topnav-logo {
    margin-bottom: 0;
    max-width: 20rem;
  }
}

.h-topnav-logo img {
  display: block;
  max-width: 100%;
}

.h-topnav-text {
  display: none;
  flex: 1;
  font-weight: 600;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .h-topnav-text {
    display: block;
  }
}

.h-topnav-text-name {
  font-size: 1.5rem;
}

.h-topnav-text-tel {
  color: #000;
  font-size: 2rem;
  margin-right: 3rem;
}

.h-topnav-text-mail {
  color: #000;
  font-size: 2rem;
}

.h-topnav-links {
  flex: 1;
  font-size: 1.5rem;
  max-width: 15rem;
  text-align: right;
}

@media screen and (min-width: 64em) {
  .h-topnav-links {
    max-width: 26rem;
  }
}

.h-topnav-links .h-topnav-links-item {
  color: #000;
}

.h-topnav-links .h-topnav-links-item:hover {
  text-decoration: none;
}

.h-topnav-links .h-topnav-links-item .icon {
  vertical-align: middle;
  width: 2rem;
}

.h-topnav-links .h-topnav-links-item-label {
  display: none;
}

@media screen and (min-width: 64em) {
  .h-topnav-links .h-topnav-links-item-label {
    display: inline-block;
  }
}

.h-topnav-links-social {
  display: none;
}

@media screen and (min-width: 64em) {
  .h-topnav-links-social {
    display: inline-block;
  }
}

@media screen and (min-width: 64em) {
  .h-topnav-links-item--dropdown {
    margin-right: 2rem;
  }
}

.h-topnav-links-item--social {
  display: none;
  margin-right: 1.5rem;
}

.h-topnav-links-item--social:last-child {
  margin-right: 0;
}

@media screen and (min-width: 48em) {
  .h-topnav-links-item--social {
    display: inline-block;
  }
}

@media print {
  .h-topnav-links {
    display: none;
  }
}

.header--checkout {
  background: #dadada;
}

.hc-inner {
  display: flex;
  justify-content: space-between;
  padding: 2rem 0;
  height: 10rem;
}

@media screen and (min-width: 112.5em) {
  .hc-inner {
    position: static;
  }
}

.hc-logo {
  position: absolute;
  right: 0;
  width: 14rem;
}

@media screen and (min-width: 112.5em) {
  .hc-logo {
    left: 2rem;
    right: auto;
  }
}

.hc-nav {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
}

@media screen and (min-width: 64.0625em) {
  .hc-nav {
    display: none;
    padding-left: 2rem;
  }
}

@media screen and (min-width: 80em) {
  .hc-nav {
    display: flex;
  }
}

.hc-nav-item {
  color: #000;
  font-size: 2rem;
  font-weight: 600;
}

.hc-nav-item .icon {
  fill: #000;
  margin-right: 0.7rem;
  vertical-align: middle;
  width: 0.8rem;
  stroke-width: 2px;
  transform: rotate(180deg);
}

.hc-progressbar {
  display: none;
  flex: 1 66rem;
  padding: 0 4rem;
}

@media screen and (min-width: 64em) {
  .hc-progressbar {
    display: block;
    text-align: center;
  }
}

.header--home {
  min-height: 60rem;
  position: relative;
}

@media screen and (min-width: 40.0625em) {
  .header--home {
    min-height: 72rem;
  }
}

.hh-foreground {
  position: relative;
  z-index: 110;
}

.hh-background {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}

.hh-slider {
  height: 100%;
}

.hh-slider .slick-dots {
  bottom: 1.5rem;
}

.hh-slider .slick-dots li {
  height: 1.2rem;
  width: 1.2rem;
}

.hh-slider .slick-dots button {
  height: 1.2rem;
  width: 1.2rem;
  padding: 0;
  position: relative;
}

.hh-slider .slick-dots button::before {
  background: #fff;
  border-radius: 50%;
  font-size: 0;
  height: 0.3rem;
  width: 0.3rem;
  opacity: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.05s linear;
}

.hh-slider .slick-dots .slick-active button {
  border: 1px solid #fff;
  border-radius: 50%;
}

.hh-slider .slick-dots .slick-active button::before {
  height: 0.6rem;
  width: 0.6rem;
  opacity: 1;
}

.hh-slider .slick-prev,
.hh-slider .slick-next {
  height: auto;
  width: 1.8rem;
  top: 67%;
  z-index: 1;
}

.hh-slider .slick-prev::before,
.hh-slider .slick-prev::after,
.hh-slider .slick-next::before,
.hh-slider .slick-next::after {
  content: none;
}

.hh-slider .slick-prev .icon-stroke svg,
.hh-slider .slick-next .icon-stroke svg {
  stroke: #000;
  stroke-width: 2px;
}

.hh-slider .slick-prev {
  left: 6rem;
  transform: translateY(-50%) rotate(180deg);
  transform-origin: center center;
}

.hh-slider .slick-next {
  right: 6rem;
  transform: translateY(-50%) rotate(0);
  transform-origin: center center;
}

.hh-slider-slide {
  position: relative;
  height: 60rem;
}

@media screen and (min-width: 40.0625em) {
  .hh-slider-slide {
    height: 72rem;
  }
}

.hh-slide-background {
  display: flex;
  flex-direction: row;
  justify-content: center;
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}

.hh-slide-background picture {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  overflow: hidden;
  width: 100%;
}

.hh-slide-background picture .hh-slide-img {
  height: 100%;
  max-width: none;
  width: auto;
  z-index: 1;
}

@media screen and (min-width: 2400px) {
  .hh-slide-background picture .hh-slide-img {
    height: auto;
    width: 100%;
  }
}

@media screen and (max-width: 640px) {
  .hh-slide-background picture .hh-slide-img {
    height: auto;
    width: 100%;
  }
}

.hh-slide-foreground {
  height: 100%;
  z-index: 2;
}

.hh-slide-foreground-inner {
  height: 100%;
  position: relative;
}

.hh-slide-content {
  position: absolute;
  bottom: 6rem;
}

.hh-slide-title-label {
  background: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 600;
  padding: 0.3rem 1rem;
}

.hh-slide-title-line {
  background: #fff;
  display: table;
  font-size: 2rem;
  padding: 0.3rem 1rem;
}

@media screen and (min-width: 40em) {
  .hh-slide-title-line {
    font-size: 3.5rem;
  }
}

@media screen and (min-width: 64em) {
  .hh-slide-title-line {
    font-size: 6rem;
  }
}

.hh-slide-title-line:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.hh-slide-title-line:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 10px;
}

.hh-slide-btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  font-size: 1.5rem;
  line-height: 1;
  margin-top: 0;
}

@media screen and (max-width: 40em) {
  .hh-slide-btn {
    padding: 10px;
  }
}

@media screen and (min-width: 40em) {
  .hh-slide-btn {
    line-height: 3.4rem;
  }
}

@media screen and (min-width: 48em) {
  .hh-slide-btn {
    line-height: 5.6rem;
  }
}

.header--planetarium {
  min-height: 72rem;
  position: relative;
}

.hp-topnav-text {
  color: #fff;
  display: none;
  flex: 1;
  font-size: 1.5rem;
  font-weight: 600;
}

@media screen and (min-width: 48em) {
  .hp-topnav-text {
    display: block;
  }
}

.page-planetarium-home .hp-topnav-text {
  color: #fff;
}

.hp-topnav-text-name {
  color: #000;
}

.page-planetarium-home .hp-topnav-text-name {
  color: #fff;
}

.hp-topnav-text-tel {
  color: #000;
}

.page-planetarium-home .hp-topnav-text-tel {
  color: #fff;
}

.hp-topnav-text-mail {
  color: #000;
}

.page-planetarium-home .hp-topnav-text-mail {
  color: #fff;
}

.hp-navbar-user-nav .nun-item {
  color: #fff;
}

.hp-foreground {
  position: relative;
  z-index: 110;
}

.hp-background {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}

.hp-slider {
  height: 100%;
}

.hp-slider .slick-dots {
  bottom: 1rem;
}

.hp-slider .slick-dots li {
  height: 1.2rem;
  width: 1.2rem;
}

.hp-slider .slick-dots button {
  height: 1.2rem;
  width: 1.2rem;
  padding: 0;
  position: relative;
}

.hp-slider .slick-dots button::before {
  background: #fff;
  border-radius: 50%;
  font-size: 0;
  height: 0.3rem;
  width: 0.3rem;
  opacity: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.05s linear;
}

.hp-slider .slick-dots .slick-active button {
  border: 1px solid #fff;
  border-radius: 50%;
}

.hp-slider .slick-dots .slick-active button::before {
  height: 0.6rem;
  width: 0.6rem;
  opacity: 1;
}

.hp-slider .slick-prev,
.hp-slider .slick-next {
  height: auto;
  width: 1.8rem;
  top: 67%;
  z-index: 1;
}

.hp-slider .slick-prev::before,
.hp-slider .slick-prev::after,
.hp-slider .slick-next::before,
.hp-slider .slick-next::after {
  content: none;
}

.hp-slider .slick-prev .icon-stroke svg,
.hp-slider .slick-next .icon-stroke svg {
  stroke: #fff;
  stroke-width: 2px;
}

.hp-slider .slick-prev {
  left: 6rem;
  transform: translateY(-50%) rotate(180deg);
  transform-origin: center center;
}

.hp-slider .slick-next {
  right: 6rem;
  transform: translateY(-50%) rotate(0);
  transform-origin: center center;
}

.hp-slider-slide {
  position: relative;
  height: 72rem;
}

.hp-slide-background {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}

.hp-slide-img {
  min-width: 100%;
  max-width: none;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.hp-slide-foreground {
  height: 100%;
  z-index: 2;
}

.hp-slide-foreground-inner {
  height: 100%;
  position: relative;
}

.hp-slide-content {
  position: absolute;
  bottom: 6rem;
}

.hp-slide-title {
  color: #000;
}

.hp-topnav-links {
  flex: 1;
  font-size: 1.5rem;
  text-align: right;
}

.hp-topnav-links-item:hover {
  text-decoration: none;
}

.hp-topnav-links-item.hp-topnav-links-item--social:not(:last-child) {
  margin-right: 2rem;
}

.page-planetarium-home .hp-topnav-links-item {
  color: #fff;
}

.page-planetarium-home .hp-topnav-links-item .aria-dd-content {
  color: #000;
}

.hp-topnav-links-item .icon {
  vertical-align: middle;
  width: 2rem;
}

.hp-topnav-links-item--social {
  color: #000;
}

.page-planetarium-home .hp-topnav-links-item--social {
  color: #fff;
}

.hp-slide-title-label {
  background: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #000;
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 600;
  padding: 0.3rem 1rem;
}

.hp-slide-title-line {
  background: #fff;
  display: table;
  font-size: 2rem;
  padding: 0.3rem 1rem;
}

@media screen and (min-width: 40em) {
  .hp-slide-title-line {
    font-size: 3.5rem;
  }
}

@media screen and (min-width: 64em) {
  .hp-slide-title-line {
    font-size: 6rem;
  }
}

.hp-slide-title-line:nth-child(2) {
  border-top-right-radius: 10px;
}

.hp-slide-title-line:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 10px;
}

.hp-slide-title-line.ctl--longest {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.hp-slide-btn {
  background: #f00;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1;
  margin-top: 0;
  text-align: center;
}

@media screen and (max-width: 40em) {
  .hp-slide-btn {
    padding: 10px;
  }
}

@media screen and (min-width: 40em) {
  .hp-slide-btn {
    line-height: 3rem;
  }
}

@media screen and (min-width: 64em) {
  .hp-slide-btn {
    line-height: 5.6rem;
  }
}

.header--planetarium {
  min-height: 72rem;
  position: relative;
}

.he-topnav-text {
  color: #fff;
  display: none;
  flex: 1;
  font-size: 1.5rem;
  font-weight: 600;
}

@media screen and (min-width: 48em) {
  .he-topnav-text {
    display: block;
  }
}

.page-planetarium-home .he-topnav-text {
  color: #fff;
}

.he-topnav-text-name {
  color: #000;
}

.page-planetarium-home .he-topnav-text-name {
  color: #fff;
}

.he-topnav-text-tel {
  color: #000;
}

.page-planetarium-home .he-topnav-text-tel {
  color: #fff;
}

.he-topnav-text-mail {
  color: #000;
}

.page-planetarium-home .he-topnav-text-mail {
  color: #fff;
}

.he-navbar-user-nav .nun-item {
  color: #fff;
}

.he-foreground {
  position: relative;
  z-index: 110;
}

.he-background {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}

.he-slider {
  height: 100%;
}

.he-slider .slick-dots {
  bottom: 1rem;
}

.he-slider .slick-dots li {
  height: 1.2rem;
  width: 1.2rem;
}

.he-slider .slick-dots button {
  height: 1.2rem;
  width: 1.2rem;
  padding: 0;
  position: relative;
}

.he-slider .slick-dots button::before {
  background: #fff;
  border-radius: 50%;
  font-size: 0;
  height: 0.3rem;
  width: 0.3rem;
  opacity: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.05s linear;
}

.he-slider .slick-dots .slick-active button {
  border: 1px solid #fff;
  border-radius: 50%;
}

.he-slider .slick-dots .slick-active button::before {
  height: 0.6rem;
  width: 0.6rem;
  opacity: 1;
}

.he-slider .slick-prev,
.he-slider .slick-next {
  height: auto;
  width: 1.8rem;
  top: 67%;
  z-index: 1;
}

.he-slider .slick-prev::before,
.he-slider .slick-prev::after,
.he-slider .slick-next::before,
.he-slider .slick-next::after {
  content: none;
}

.he-slider .slick-prev .icon-stroke svg,
.he-slider .slick-next .icon-stroke svg {
  stroke: #fff;
  stroke-width: 2px;
}

.he-slider .slick-prev {
  left: 6rem;
  transform: translateY(-50%) rotate(180deg);
  transform-origin: center center;
}

.he-slider .slick-next {
  right: 6rem;
  transform: translateY(-50%) rotate(0);
  transform-origin: center center;
}

.he-slider-slide {
  position: relative;
  height: 72rem;
}

.he-slide-background {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}

.he-slide-img {
  min-width: 100%;
  max-width: none;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.he-slide-foreground {
  height: 100%;
  z-index: 2;
}

.he-slide-foreground-inner {
  height: 100%;
  position: relative;
}

.he-slide-content {
  position: absolute;
  bottom: 6rem;
}

.he-slide-title {
  color: #000;
}

.he-topnav-links {
  flex: 1;
  font-size: 1.5rem;
  text-align: right;
}

.he-topnav-links-item:hover {
  text-decoration: none;
}

.he-topnav-links-item.he-topnav-links-item--social:not(:last-child) {
  margin-right: 2rem;
}

.page-planetarium-home .he-topnav-links-item {
  color: #fff;
}

.page-planetarium-home .he-topnav-links-item .aria-dd-content {
  color: #000;
}

.he-topnav-links-item .icon {
  vertical-align: middle;
  width: 2rem;
}

.he-topnav-links-item--social {
  color: #000;
}

.page-planetarium-home .he-topnav-links-item--social {
  color: #fff;
}

.he-slide-title-label {
  background: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #000;
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 600;
  padding: 0.3rem 1rem;
}

.he-slide-title-line {
  background: #fff;
  display: table;
  font-size: 2rem;
  padding: 0.3rem 1rem;
}

@media screen and (min-width: 40em) {
  .he-slide-title-line {
    font-size: 3.5rem;
  }
}

@media screen and (min-width: 64em) {
  .he-slide-title-line {
    font-size: 6rem;
  }
}

.he-slide-title-line:nth-child(2) {
  border-top-right-radius: 10px;
}

.he-slide-title-line:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 10px;
}

.he-slide-title-line.ctl--longest {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.he-slide-btn {
  background: #f00;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1;
  margin-top: 0;
  text-align: center;
}

@media screen and (max-width: 40em) {
  .he-slide-btn {
    padding: 10px;
  }
}

@media screen and (min-width: 40em) {
  .he-slide-btn {
    line-height: 3rem;
  }
}

@media screen and (min-width: 64em) {
  .he-slide-btn {
    line-height: 5.6rem;
  }
}

.header--lai {
  min-height: 72rem;
  position: relative;
}

.hl-topnav-text {
  color: #fff;
  display: none;
  flex: 1;
  font-size: 1.5rem;
  font-weight: 600;
}

@media screen and (min-width: 48em) {
  .hl-topnav-text {
    display: block;
  }
}

.page-lai-home .hl-topnav-text {
  color: #fff;
}

.hl-topnav-text-name {
  color: #000;
}

.page-lai-home .hl-topnav-text-name {
  color: #fff;
}

.hl-topnav-text-tel {
  color: #000;
}

.page-lai-home .hl-topnav-text-tel {
  color: #fff;
}

.hl-topnav-text-mail {
  color: #000;
}

.page-lai-home .hl-topnav-text-mail {
  color: #fff;
}

.hl-navbar-user-nav .nun-item {
  color: #fff;
}

.hl-foreground {
  position: relative;
  z-index: 110;
}

.hl-background {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}

.hl-slider {
  height: 100%;
}

.hl-slider .slick-dots {
  bottom: 1rem;
}

.hl-slider .slick-dots li {
  height: 1.2rem;
  width: 1.2rem;
}

.hl-slider .slick-dots button {
  height: 1.2rem;
  width: 1.2rem;
  padding: 0;
  position: relative;
}

.hl-slider .slick-dots button::before {
  background: #fff;
  border-radius: 50%;
  font-size: 0;
  height: 0.3rem;
  width: 0.3rem;
  opacity: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.05s linear;
}

.hl-slider .slick-dots .slick-active button {
  border: 1px solid #fff;
  border-radius: 50%;
}

.hl-slider .slick-dots .slick-active button::before {
  height: 0.6rem;
  width: 0.6rem;
  opacity: 1;
}

.hl-slider .slick-prev,
.hl-slider .slick-next {
  height: auto;
  width: 1.8rem;
  top: 67%;
  z-index: 1;
}

.hl-slider .slick-prev::before,
.hl-slider .slick-prev::after,
.hl-slider .slick-next::before,
.hl-slider .slick-next::after {
  content: none;
}

.hl-slider .slick-prev .icon-stroke svg,
.hl-slider .slick-next .icon-stroke svg {
  stroke: #fff;
  stroke-width: 2px;
}

.hl-slider .slick-prev {
  left: 6rem;
  transform: translateY(-50%) rotate(180deg);
  transform-origin: center center;
}

.hl-slider .slick-next {
  right: 6rem;
  transform: translateY(-50%) rotate(0);
  transform-origin: center center;
}

.hl-slider-slide {
  position: relative;
  height: 72rem;
}

.hl-slide-background {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}

.hl-slide-img {
  min-width: 100%;
  max-width: none;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}

.hl-slide-foreground {
  height: 100%;
  z-index: 2;
}

.hl-slide-foreground-inner {
  height: 100%;
  position: relative;
}

.hl-slide-content {
  position: absolute;
  bottom: 6rem;
}

.hl-slide-title {
  color: #000;
}

.hl-topnav-links {
  flex: 1;
  font-size: 1.5rem;
  text-align: right;
}

.hl-topnav-links-item:hover {
  text-decoration: none;
}

.hl-topnav-links-item.hl-topnav-links-item--social:not(:last-child) {
  margin-right: 2rem;
}

.page-lai-home .hl-topnav-links-item {
  color: #fff;
}

.page-lai-home .hl-topnav-links-item .aria-dd-content {
  color: #000;
}

.hl-topnav-links-item .icon {
  vertical-align: middle;
  width: 2rem;
}

.hl-topnav-links-item--social {
  color: #000;
}

.page-lai-home .hl-topnav-links-item--social {
  color: #fff;
}

.hl-slide-title-label {
  background: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #000;
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 600;
  padding: 0.3rem 1rem;
}

.hl-slide-title-line {
  background: #fff;
  display: table;
  font-size: 2rem;
  padding: 0.3rem 1rem;
}

@media screen and (min-width: 40em) {
  .hl-slide-title-line {
    font-size: 3.5rem;
  }
}

@media screen and (min-width: 64em) {
  .hl-slide-title-line {
    font-size: 6rem;
  }
}

.hl-slide-title-line:nth-child(2) {
  border-top-right-radius: 10px;
}

.hl-slide-title-line:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 10px;
}

.hl-slide-title-line.ctl--longest {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.hl-slide-btn {
  background: #f00;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1;
  margin-top: 0;
  text-align: center;
}

@media screen and (max-width: 40em) {
  .hl-slide-btn {
    padding: 10px;
  }
}

@media screen and (min-width: 40em) {
  .hl-slide-btn {
    line-height: 3rem;
  }
}

@media screen and (min-width: 64em) {
  .hl-slide-btn {
    line-height: 5.6rem;
  }
}

.header-sticky {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}

@media screen and (min-width: 64.0625em) {
  .header-sticky {
    top: 2rem;
  }
}

.has-sticky-header .header-sticky {
  display: block;
}

.header-sticky .navbar {
  height: 6rem;
  margin-top: 0;
  overflow: hidden;
}

.header-sticky .navbar-inner {
  padding: 1.7rem 1rem;
  padding-left: 6rem;
  width: 92%;
}

@media screen and (min-width: 64em) {
  .header-sticky .navbar-inner {
    padding-left: 3.5rem;
  }
}

@media (max-width: 1024px) {
  .header-sticky .navbar-inner {
    padding-left: 4rem;
  }
}

.hs-navbar-logo {
  background: #f00;
  height: 6rem;
  width: 6rem;
  position: absolute;
}

@media screen and (min-width: 64.0625em) {
  .hs-navbar-logo {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;
  }
}

.hs-navbar-logo img {
  display: block;
}

.lg-backdrop {
  background: rgba(0, 0, 0, 0.9);
}

.lg-toolbar .lg-icon {
  color: #fff;
}

.lg-toolbar .lg-close {
  color: #fff;
}

@media screen and (min-width: 80.0625em) {
  .lg-toolbar .lg-close {
    margin-right: 2rem;
  }
}

@media screen and (min-width: 80.0625em) {
  .lg-outer .lg-img-wrap {
    left: 15rem;
    width: 60%;
    height: 100%;
  }
}

.lg-image {
  border-radius: 10px;
}

.lg-actions .lg-prev,
.lg-actions .lg-next {
  background: none;
  box-shadow: none;
  color: #fff;
}

.lg-actions .lg-prev::before,
.lg-actions .lg-prev::after,
.lg-actions .lg-next::before,
.lg-actions .lg-next::after {
  content: none;
}

.lg-actions .lg-prev {
  transform: translateY(-50%) rotate(180deg);
  transform-origin: center center;
}

@media screen and (min-width: 80.0625em) {
  .lg-actions .lg-prev {
    left: 5rem;
  }
}

.lg-actions .lg-next {
  transform: translateY(-50%) rotate(0);
  transform-origin: center center;
}

@media screen and (min-width: 80.0625em) {
  .lg-actions .lg-next {
    right: 5rem;
  }
}

.lg-sub-html {
  background: none;
  box-shadow: none;
}

@media screen and (min-width: 80.0625em) {
  .lg-sub-html {
    max-width: 20%;
    position: absolute;
    top: 49%;
    bottom: auto;
    left: auto;
    right: 15rem;
    transform: translateY(-50%);
    text-align: left;
  }
}

.location-cards-inner {
  padding-top: 9rem;
}

.location-cards-grid {
  border-radius: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}

@media screen and (min-width: 64em) {
  .location-cards-grid {
    border-radius: 10px;
    flex-direction: row;
  }
}

.location-card,
.location-cards-item {
  background: #fff;
  margin-bottom: 2rem;
  transition: box-shadow 0.2s ease-out;
}

@media screen and (min-width: 64em) {
  .location-card,
  .location-cards-item {
    margin-bottom: 0;
  }
}

.location-card:not(:last-child),
.location-cards-item:not(:last-child) {
  border-right: 1px solid #dadada;
}

.location-cards-item {
  border-radius: 10px;
  flex: 1;
}

@media screen and (min-width: 64em) {
  .location-cards-item {
    border-radius: 0;
  }
}

.location-cards-item:first-child .lci-header {
  border-top-left-radius: 10px;
}

.location-cards-item:first-child .lci-btn {
  border-bottom-left-radius: 10px;
}

.location-cards-item:last-child .lci-header {
  border-top-right-radius: 10px;
}

.location-cards-item:last-child .lci-btn {
  border-bottom-right-radius: 10px;
}

.lci-header {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: block;
  overflow: hidden;
  position: relative;
}

@media screen and (min-width: 64em) {
  .lci-header {
    border-radius: 0;
  }
}

.lci-img {
  display: block;
  width: 100%;
}

.lci-title {
  color: #fff;
  font-size: 4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 80%;
  transform: translate(-50%, -50%);
  text-align: center;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.lci-link {
  background: #fff;
  border: none;
  border-radius: 10px;
  color: #000;
  cursor: pointer;
  display: block;
  font-size: 2rem;
  font-weight: 600;
  line-height: 6rem;
  padding: 0 2.5rem;
  text-align: center;
  transition: all 0.4s;
  border-radius: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}

.lci-link:hover {
  background: #f2f2f2;
  text-decoration: none;
}

.lci-link:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #f2f2f2;
  text-decoration: none;
}

.lci-link:not(:last-child) {
  border-bottom: 1px solid #868686;
}

.lci-btn {
  background: #f00;
  border: none;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 2rem;
  font-weight: 600;
  line-height: 6rem;
  padding: 0 2.5rem;
  text-align: center;
  transition: all 0.4s;
  border-radius: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  display: block;
  line-height: 5.6rem;
  padding: 0;
}

.lci-btn:hover {
  background: #f20000;
  text-decoration: none;
}

.lci-btn:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #f20000;
  text-decoration: none;
}

@media screen and (min-width: 64em) {
  .lci-btn {
    border-radius: 0;
  }
}

.page-planetarium .lci-btn {
  background: #002247;
}

.page-lai .lci-btn {
  background: #2ea341;
}

.product-slider {
  background: #dadada;
  border-radius: 10px;
  margin-bottom: 12rem;
}

.product-slider-inner {
  padding-top: 9rem;
  padding-bottom: 12rem;
  position: static;
}

.product-slider-slider {
  display: flex;
  position: static;
}

.product-slider-slider .slick-slide:not(.slick-active) .product-slider-item:hover {
  box-shadow: none;
}

.product-slider-slider .slick-prev,
.product-slider-slider .slick-next {
  background: #fff;
  border-radius: 10px;
  opacity: 1;
  padding: 0.8rem;
  padding-left: 1.2rem;
  height: 6rem;
  width: 6rem;
  text-align: center;
  transition: opacity 0.2s linear;
  z-index: 1;
}

.product-slider-slider .slick-prev::before,
.product-slider-slider .slick-prev::after,
.product-slider-slider .slick-next::before,
.product-slider-slider .slick-next::after {
  content: none;
}

.product-slider-slider .slick-prev .icon-stroke,
.product-slider-slider .slick-next .icon-stroke {
  width: 1.8rem;
}

.product-slider-slider .slick-prev .icon-stroke svg,
.product-slider-slider .slick-next .icon-stroke svg {
  stroke: #000;
  stroke-width: 2px;
}

.product-slider-slider .slick-prev.slick-disabled,
.product-slider-slider .slick-next.slick-disabled {
  opacity: 0;
}

.product-slider-slider .slick-prev {
  transform: translateY(-50%) rotate(180deg);
  transform-origin: center center;
}

.product-slider-slider .slick-next {
  transform: translateY(-50%) rotate(0);
  transform-origin: center center;
}

.search-result {
  background: #f00;
  border-radius: 10px;
  display: block;
  opacity: 0;
  min-height: 100%;
  position: absolute;
  pointer-events: none;
  text-align: center;
  width: 100%;
  z-index: 1;
}

@media screen and (max-width: 64em) {
  .search-result {
    width: 100%;
  }
}

.search-result.is-active {
  opacity: 1;
  pointer-events: auto;
}

.page-planetarium .search-result {
  background: #002247;
}

.page-lai .search-result {
  background: #2ea341;
}

.search-result-inner {
  position: relative;
}

.search-results-header {
  background: #f00;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 3.5rem 0 2.3rem;
  flex: 1;
  text-align: center;
}

@media screen and (min-width: 64.0625em) {
  .search-results-header {
    display: block;
    flex-direction: row;
  }
}

.page-planetarium .search-results-header {
  background: #002247;
}

.page-planetarium .search-results-header--noresults {
  height: 100%;
}

.page-lai .search-results-header {
  background: #2ea341;
}

.page-lai .search-results-header--noresults {
  height: 100%;
}

.search-results-header.search-suggestions {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  text-transform: capitalize;
}

.search-results-header.search-categories {
  background: #dadada;
  font-size: 2rem;
}

.search-results-header.search-categories .srh-item {
  color: #000;
}

.srh-item {
  color: #fff;
  cursor: pointer;
  font-size: 2rem;
  font-weight: 600;
  padding-bottom: 0.2rem;
}

.srh-item:not(:last-child) {
  margin-bottom: 2rem;
}

@media screen and (min-width: 64.0625em) {
  .srh-item:not(:last-child) {
    margin-bottom: 0;
    margin-right: 3.5rem;
  }
}

.srh-item:hover {
  -webkit-text-decoration: hover;
          text-decoration: hover;
}

.srh-item.is-active {
  border-bottom: 2px solid #fff;
}

.srh-item-toggle {
  display: none;
}

@media screen and (min-width: 64.0625em) {
  .srh-item-toggle {
    display: inline-block;
  }
}

.srh-item-link {
  color: #fff;
  display: block;
}

@media screen and (min-width: 64.0625em) {
  .srh-item-link {
    display: none;
  }
}

.search-results-body {
  display: none;
  background: #f2f2f2;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  color: #000;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  text-align: left;
}

@media screen and (min-width: 64.0625em) {
  .search-results-body {
    display: block;
  }
}

@media screen and (min-width: 64.0625em) {
  .srb-group:nth-child(1) {
    background: #f2f2f2;
  }

  .srb-group:nth-child(2) {
    background: #e6e6e6;
  }

  .srb-group:nth-child(3) {
    background: #f2f2f2;
  }

  .srb-group:nth-child(4) {
    background: #e6e6e6;
  }
}

.srb-group:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.srb-group--kurs .srb-group-body-item {
  background: #fff;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 48em) {
  .srb-group--kurs .srb-group-body-item {
    flex-direction: row;
  }
}

.srb-group--kurs .srb-group-body-item:not(:last-child) {
  margin-bottom: 1rem;
}

.srb-group--kurs .srb-group-body-item.srb-group-body-item--basisbildung-und-bildungsabschlusse .srb-group-body-item-btn {
  background: #d9861c;
}

.srb-group--kurs .srb-group-body-item.srb-group-body-item--computer-internet-und-multimedia .srb-group-body-item-btn {
  background: #837bad;
}

.srb-group--kurs .srb-group-body-item.srb-group-body-item--elementarpadagogik .srb-group-body-item-btn {
  background: #8a285e;
}

.srb-group--kurs .srb-group-body-item.srb-group-body-item--gesundheit-und-bewegung .srb-group-body-item-btn {
  background: #acc435;
}

.srb-group--kurs .srb-group-body-item.srb-group-body-item--interne-weiterbildung .srb-group-body-item-btn {
  background: #666666;
}

.srb-group--kurs .srb-group-body-item.srb-group-body-item--kinder .srb-group-body-item-btn {
  background: #98bae4;
}

.srb-group--kurs .srb-group-body-item.srb-group-body-item--kinder-und-eltern .srb-group-body-item-btn {
  background: #98bae4;
}

.srb-group--kurs .srb-group-body-item.srb-group-body-item--kunst-kreativitat-und-handwerk .srb-group-body-item-btn {
  background: #5b2573;
}

.srb-group--kurs .srb-group-body-item.srb-group-body-item--lernforderung .srb-group-body-item-btn {
  background: #d26d99;
}

.srb-group--kurs .srb-group-body-item.srb-group-body-item--naturwissenschaften-und-technik .srb-group-body-item-btn {
  background: #75ad40;
}

.srb-group--kurs .srb-group-body-item.srb-group-body-item--personlichkeitsentwicklung .srb-group-body-item-btn {
  background: #5a80a5;
}

.srb-group--kurs .srb-group-body-item.srb-group-body-item--politik-und-gesellschaft .srb-group-body-item-btn {
  background: #9b2524;
}

.srb-group--kurs .srb-group-body-item.srb-group-body-item--science .srb-group-body-item-btn {
  background: #dcdc40;
}

.srb-group--kurs .srb-group-body-item.srb-group-body-item--sprachen .srb-group-body-item-btn {
  background: #c4007a;
}

.srb-group--kurs .srb-group-body-item.srb-group-body-item--vhs-gratis-lernhilfe .srb-group-body-item-btn {
  background: #eab818;
}

.srb-group--kurs .srb-group-body-item.srb-group-body-item--wirtschaft-und-management .srb-group-body-item-btn {
  background: #2c517f;
}

.srb-group--kurs .srb-group-body-item.srb-group-body-item--lai .srb-group-body-item-btn {
  background: #2ea341;
}

.srb-group--kurs .srb-group-body-item-title {
  display: inline-block;
  flex: 1;
  font-size: 3rem;
  padding: 1rem 2rem;
}

.srb-group--kurs .srb-group-body-item-title .icon {
  display: none;
}

.srb-group--kurs .srb-group-body-item-btn {
  background: #f00;
  border-radius: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  color: #fff;
  flex: 1;
  font-size: 2rem;
  font-weight: 600;
  line-height: 6rem;
  padding: 0 2rem;
  position: relative;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width: 48em) {
  .srb-group--kurs .srb-group-body-item-btn {
    border-radius: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    max-width: 12rem;
  }
}

.srb-group--kurs .srb-group-body-item-btn:hover {
  box-shadow: inset 0 0 2rem rgba(0, 0, 0, 0.2);
  text-decoration: none;
}

.srb-group--kurs .srb-group-body-item-btn:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #f20000;
  text-decoration: none;
}

.srb-group--kurs .srb-group-body-item-btn::after {
  content: "";
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6"><title>circle</title><circle cx="3" cy="3" r="3" fill="rgb(242,242,242)"/></svg>') center;
  width: 100%;
  height: 6px;
  position: absolute;
  top: -3px;
  left: 0;
}

@media screen and (min-width: 48em) {
  .srb-group--kurs .srb-group-body-item-btn::after {
    background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 6 10"><circle cx="3" cy="3" r="3" fill="rgb(242,242,242)"/></svg>') center;
    height: 100%;
    width: 6px;
    top: 0;
    left: -3px;
  }
}

.srb-group--kategorie .srb-group-header-link,
.srb-group--kategorie .srb-group-body-item-btn {
  display: none;
}

.srb-group--kategorie .srb-group-body-item {
  background: #f00;
  border-radius: 10px;
  display: inline-block;
  margin-bottom: 1rem;
  padding: 2rem;
}

.srb-group--kategorie .srb-group-body-item:not(:last-child) {
  margin-right: 1rem;
}

.srb-group--kategorie .srb-group-body-item.srb-group-body-item--basisbildung-und-bildungsabschlusse {
  background: #d9861c;
}

.srb-group--kategorie .srb-group-body-item.srb-group-body-item--computer-internet-und-multimedia {
  background: #837bad;
}

.srb-group--kategorie .srb-group-body-item.srb-group-body-item--elementarpadagogik {
  background: #8a285e;
}

.srb-group--kategorie .srb-group-body-item.srb-group-body-item--gesundheit-und-bewegung {
  background: #acc435;
}

.srb-group--kategorie .srb-group-body-item.srb-group-body-item--interne-weiterbildung {
  background: #666666;
}

.srb-group--kategorie .srb-group-body-item.srb-group-body-item--kinder {
  background: #98bae4;
}

.srb-group--kategorie .srb-group-body-item.srb-group-body-item--kinder-und-eltern {
  background: #98bae4;
}

.srb-group--kategorie .srb-group-body-item.srb-group-body-item--kunst-kreativitat-und-handwerk {
  background: #5b2573;
}

.srb-group--kategorie .srb-group-body-item.srb-group-body-item--lernforderung {
  background: #d26d99;
}

.srb-group--kategorie .srb-group-body-item.srb-group-body-item--naturwissenschaften-und-technik {
  background: #75ad40;
}

.srb-group--kategorie .srb-group-body-item.srb-group-body-item--personlichkeitsentwicklung {
  background: #5a80a5;
}

.srb-group--kategorie .srb-group-body-item.srb-group-body-item--politik-und-gesellschaft {
  background: #9b2524;
}

.srb-group--kategorie .srb-group-body-item.srb-group-body-item--science {
  background: #dcdc40;
}

.srb-group--kategorie .srb-group-body-item.srb-group-body-item--sprachen {
  background: #c4007a;
}

.srb-group--kategorie .srb-group-body-item.srb-group-body-item--vhs-gratis-lernhilfe {
  background: #eab818;
}

.srb-group--kategorie .srb-group-body-item.srb-group-body-item--wirtschaft-und-management {
  background: #2c517f;
}

.srb-group--kategorie .srb-group-body-item.srb-group-body-item--lai {
  background: #2ea341;
}

.srb-group--kategorie .srb-group-body-item-title {
  color: #fff;
  display: block;
  font-size: 2rem;
  position: relative;
  padding-right: 2.5rem;
}

.srb-group--kategorie .srb-group-body-item-title .icon {
  width: 1rem;
  stroke-width: 3px;
  position: absolute;
  top: 0;
  right: 0;
}

.srb-group--blog .srb-group-body-item {
  background: #fff;
  border-radius: 10px;
  display: inline-flex;
  margin-bottom: 1rem;
}

.srb-group--blog .srb-group-body-item:not(:last-child) {
  margin-right: 1rem;
}

.srb-group--blog .srb-group-body-item-title {
  display: inline-block;
  font-size: 3rem;
  padding: 1rem 2rem;
}

.srb-group--blog .srb-group-body-item-title .icon {
  display: none;
}

.srb-group--blog .srb-group-body-item-btn {
  display: none;
}

.srb-group--artikel .srb-group-body-item {
  background: #fff;
  border-radius: 10px;
  display: inline-flex;
  margin-bottom: 1rem;
}

.srb-group--artikel .srb-group-body-item:not(:last-child) {
  margin-right: 1rem;
}

.srb-group--artikel .srb-group-body-item-title {
  display: inline-block;
  font-size: 3rem;
  padding: 1rem 2rem;
}

.srb-group--artikel .srb-group-body-item-title .icon {
  display: none;
}

.srb-group--artikel .srb-group-body-item-btn {
  display: none;
}

.srb-group--artikel .srb-group-header-link {
  display: none;
}

.srb-group--plain .srb-group-body-item,
.srb-group--content .srb-group-body-item {
  display: block;
  margin-bottom: 2rem;
}

.srb-group--plain .srb-group-body-item-title,
.srb-group--content .srb-group-body-item-title {
  font-size: 2rem;
  font-weight: 600;
}

.srb-group--plain .srb-group-body-item-excerpt,
.srb-group--content .srb-group-body-item-excerpt {
  display: block;
}

.srb-group--plain .srb-group-body-item-btn,
.srb-group--plain .srb-group-body .icon,
.srb-group--content .srb-group-body-item-btn,
.srb-group--content .srb-group-body .icon {
  display: none;
}

.srb-group--dozent .srb-group-inner {
  align-items: center;
}

.srb-group--dozent .srb-group-header-link {
  display: none;
}

.srb-group--dozent .srb-group-body-item-title {
  display: inline-block;
  font-size: 2rem;
  font-weight: 600;
  min-width: 20rem;
  padding: 1.7rem 2.5rem;
  position: relative;
}

.srb-group--dozent .srb-group-body-item-title::before {
  content: "";
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 13.58"><path d="M8, 0A8, 8, 0, 0, 0, 2.27, 13.58a6, 6, 0, 0, 1, 11.46, 0A8, 8, 0, 0, 0, 8, 0M8, 8.79a3.25, 3.25, 0, 1, 1, 3.25-3.25A3.25, 3.25, 0, 0, 1, 8, 8.79" /></svg>');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 1.6rem;
  width: 1.4rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.srb-group--dozent .srb-group-body-item-btn,
.srb-group--dozent .icon {
  display: none;
}

.srb-group-inner {
  display: flex;
  flex-direction: column;
  padding: 2rem 0;
}

@media screen and (min-width: 64.0625em) {
  .srb-group-inner {
    flex-direction: row;
  }
}

.srb-group-header {
  flex: 1;
}

@media screen and (min-width: 48em) {
  .srb-group-header {
    display: flex;
    justify-content: space-between;
  }
}

@media screen and (min-width: 64.0625em) {
  .srb-group-header {
    display: block;
    max-width: 34rem;
  }
}

.srb-group-header-title {
  font-size: 3rem;
  font-weight: 400;
  margin-bottom: 3rem;
  text-transform: capitalize;
}

.srb-group-header-link {
  color: #000;
  display: block;
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 1rem;
  margin-top: 1.5rem;
}

@media screen and (min-width: 48em) {
  .srb-group-header-link {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.srb-group-header-link .icon {
  stroke-width: 2px;
  vertical-align: middle;
  width: 0.8rem;
}

.srb-group-body {
  flex: 1;
}

.srb-group-body-item {
  color: #000;
}

.srb-group-body-item:hover {
  text-decoration: none;
}

.srb-group-body-item-excerpt {
  display: none;
}

.loading-spinner {
  display: none;
  border-radius: 50%;
  color: #fff;
  font-size: 0.4rem;
  margin: 0.5rem auto;
  width: 0.3rem;
  height: 0.3rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) translateZ(0);
  -webkit-animation: load 1.1s infinite linear;
          animation: load 1.1s infinite linear;
}

@-webkit-keyframes load {
  0%, 100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }

  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }

  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }

  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 0, 2em 2em 0 0.2em, 0 3em 0 0, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }

  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0 0 -1em, -2em -2em 0 -1em;
  }

  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }

  75% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0.2em, -2em -2em 0 0;
  }

  87.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0, -2em -2em 0 0.2em;
  }
}

@keyframes load {
  0%, 100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }

  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }

  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }

  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 0, 2em 2em 0 0.2em, 0 3em 0 0, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }

  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0 0 -1em, -2em -2em 0 -1em;
  }

  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }

  75% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0.2em, -2em -2em 0 0;
  }

  87.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0 0 0, -2em -2em 0 0.2em;
  }
}

.staged-text-img {
  display: block;
  width: 100%;
}

.staged-text-box {
  background: #fff;
  border-radius: 10px;
  margin: 0 auto;
  max-width: 70rem;
  padding: 4rem 2rem;
  position: relative;
  top: -12rem;
  text-align: center;
}

.staged-text-title {
  font-size: 3rem;
  margin-bottom: 3.5rem;
}

.staged-text-description {
  font-size: 2rem;
  line-height: 3rem;
}

.teaser {
  padding-top: 9rem;
  padding-bottom: 12rem;
}

.teaser-inner {
  display: flex;
  justify-content: space-between;
}

.teaser-item {
  max-width: 30rem;
}

.teaser-item-header {
  position: relative;
}

.teaser-item-img {
  border-radius: 10px;
  display: block;
  width: 100%;
}

.teaser-item-body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.teaser-item-title {
  margin-top: 2rem;
}

.teaser-item-title-line {
  background: #fff;
  display: table;
  font-size: 3rem;
  padding: 0.3rem 1rem;
}

.teaser-item-title-line:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.teaser-item-title-line:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.teaser-item-title-line.ctl--longest {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.teaser-item-text {
  font-size: 1.5rem;
  margin-top: 2rem;
  padding: 0 1.2rem;
}

.teaser-item-link {
  font-size: 1.5rem;
  display: block;
  line-height: 4rem;
  padding: 0 5rem;
  margin-top: 1.5rem;
  text-align: center;
}

.page-error {
  background: #f00;
  position: relative;
}

.error-container {
  background: #f00 url(/images/404.png?76306808d7d31d3afa2f87ea7b8b4eae) center center no-repeat;
  background-size: contain;
  margin: 0 auto;
  min-height: 30rem;
  position: relative;
  width: 80%;
}

@media screen and (min-width: 48em) {
  .error-container {
    height: 82rem;
    max-width: 80%;
  }
}

.error-container-404 {
  background: #f00 url(/images/404.png?76306808d7d31d3afa2f87ea7b8b4eae) center center no-repeat;
}

.error-container-403 {
  background: #f00 url(/images/403.png?38b2465d47864a8f9bfe430485aaeb4a) center center no-repeat;
}

.error-container-419 {
  background: #f00 url(/images/419.png?b89bc06f08dc4371bb0e24291d42a3c5) center center no-repeat;
}

.error-container-content {
  color: #fff;
  font-weight: 600;
  text-align: center;
  margin-top: 8rem;
}

@media screen and (min-width: 48em) {
  .error-container-content {
    position: absolute;
    top: 68%;
    left: 50.5%;
    transform: translate(-50%, -50%);
    width: 40%;
    margin-top: 0;
    max-width: 60rem;
  }
}

.error-container-content .btn,
.error-container-content .ci-btn,
.error-container-content .coi-side-item-btn,
.error-container-content .csi-link,
.error-container-content .fi-btn,
.error-container-content .input-file + label,
.error-container-content input[type="submit"],
.error-container-content .searchbar-btn,
.error-container-content .swal-button,
.error-container-content .mw-map-btn,
.error-container-content .nw-btn,
.error-container-content .payment-widget-btn,
.error-container-content .esi-link,
.error-container-content .hh-slide-btn,
.error-container-content .hp-slide-btn,
.error-container-content .he-slide-btn,
.error-container-content .hl-slide-btn,
.error-container-content .srb-group--kurs .srb-group-body-item-btn,
.srb-group--kurs .error-container-content .srb-group-body-item-btn,
.error-container-content .teaser-item-link,
.error-container-content .price-widget-btn {
  background: #fff;
  color: #f00;
  display: block;
  margin-top: 4rem;
  width: 100%;
}

.page-blog-detail .blog-detail-info {
  color: #868686;
  font-weight: 600;
  margin-bottom: 2rem;
}

@media screen and (min-width: 64.0625em) {
  .page-blog-detail .blog-detail-info {
    padding-left: 2rem;
  }
}

.page-blog-detail .blog-detail-tags {
  margin-bottom: 4rem;
}

@media screen and (min-width: 64.0625em) {
  .page-blog-detail .blog-detail-tags {
    padding-left: 2rem;
  }
}

.page-blog-detail .blog-detail-tags ul {
  display: flex;
  padding: 0;
}

.page-blog-detail .blog-detail-tags ul li {
  padding-right: 0.5rem;
}

.page-blog-detail .bdi-item {
  display: inline-flex;
  align-items: center;
}

.page-blog-detail .bdi-item:not(:first-child) {
  margin-left: 2.5rem;
}

.page-blog-detail .bdi-item .icon {
  margin-right: 0.5rem;
  vertical-align: middle;
  width: 1.6rem;
}

.page-blog-detail .blog-detail-author {
  font-size: 1.5rem;
}

.page-blog-detail .bda-img {
  border-radius: 50%;
  margin-bottom: 3rem;
}

.page-blog-detail .bda-name {
  font-weight: 600;
  margin-bottom: 3rem;
}

.page-blog-detail .bda-text {
  margin-bottom: 2rem;
}

.page-blog-detail .bda-btn {
  padding: 0 1.2rem;
}

.page-blog-overview .blog-overview-cards {
  margin-top: 4rem;
}

.page-blog-overview .blog-overview-cards .card {
  margin-bottom: 4rem;
}

@media screen and (min-width: 64.0625em) {
  .page-blog-overview .blog-overview-cards .card.card--big {
    width: auto;
  }
}

.page-blog-overview .blog-overview-cards .card {
  width: auto;
  max-width: 100%;
}

@media screen and (min-width: 48.0625em) {
  .page-blog-overview .blog-overview-cards .card {
    width: 33rem;
  }

  .page-blog-overview .blog-overview-cards .card:not(:last-child) {
    margin-right: 2rem;
  }
}

@media screen and (min-width: 48.0625em) {
  .page-blog-overview .blog-overview-cards .card--big {
    flex: 1 33rem;
  }
}

@media screen and (min-width: 64.0625em) {
  .page-cart .cart-noitems {
    padding-left: 2rem;
  }
}

.page-cart .bookmarks-list {
  margin-top: 12rem;
}

.page-cart .order-group__astroinfo {
  margin-left: 0;
}

.page-course-detail .page-content-main .order-group {
  display: none;
}

@media screen and (min-width: 64.0625em) {
  .page-course-detail .page-content-main .order-group {
    display: block;
  }
}

.page-course-detail .courseDetail-participants {
  font-size: 2rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

@media screen and (min-width: 64.0625em) {
  .page-course-detail .courseDetail-participants {
    font-size: 2rem;
  }
}

.page-course-detail .courseDetail-participants-title {
  font-weight: 600;
  margin-bottom: 2rem;
}

.page-category-overview .courseCatList {
  margin-top: 8rem;
}

.page-category-overview .category-overview-list {
  margin-top: 8rem;
}

.page-course-welcome .courseCatBlocks {
  margin-top: 8rem;
}

.page-checkout,
.page-checkout-review {
  background: #dadada;
  padding-bottom: 2rem;
  min-height: 100%;
}

.page-checkout .page-content,
.page-checkout-review .page-content {
  padding-top: 0;
  margin-bottom: 0;
}

.page-checkout .outer-container,
.page-checkout-review .outer-container {
  max-width: 188rem;
  width: 96%;
}

.page-checkout .section-title,
.page-checkout-review .section-title {
  margin-bottom: 5rem;
}

.page-checkout .order-group__astroinfo,
.page-checkout-review .order-group__astroinfo {
  margin-left: 0;
}

.checkout-content {
  background: #f2f2f2;
  border-radius: 10px;
  padding-top: 4rem;
  padding-bottom: 12rem;
  margin-bottom: 0;
  min-height: calc(100vh - 12rem);
}

.price-widget {
  background: #fff;
  border-radius: 10px;
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 1rem;
  padding: 2rem 0;
}

.price-widget-row td {
  line-height: 4rem;
}

.price-widget-row td:first-child {
  padding-left: 1.2rem;
}

.price-widget-row td:last-child {
  padding-right: 1.2rem;
}

.price-widget-price {
  font-size: 2rem;
  text-align: right;
  vertical-align: middle;
}

.price-widget-tax td {
  padding: 1.2rem 0 0;
}

.price-widget-total td {
  padding: 0 0 1.2rem;
}

.price-widget-total .price-widget-price {
  font-size: 3rem;
}

.price-widget-btn {
  display: block;
  margin-top: 1rem;
  width: 100%;
}

.couponbar {
  background: #fff;
  border: 2px solid #868686;
  border-radius: 10px;
  display: flex;
  padding: 2px;
  position: relative;
}

input[type="text"].couponbar-input {
  background: #fff;
  border: none;
  color: #000;
  font-size: 2rem;
  font-weight: 600;
  line-height: 5.2rem;
  margin-right: 5px;
  padding: 0 1rem;
}

input[type="text"].couponbar-input:focus {
  outline: none;
  box-shadow: 0 0 4px #0d76be inset;
}

input[type="text"].couponbar-input::-webkit-input-placeholder {
  color: #868686;
  font-size: 2rem;
  font-weight: 300;
}

input[type="text"].couponbar-input:-moz-placeholder {
  color: #868686;
  font-size: 2rem;
  font-weight: 300;
  opacity: 1;
}

input[type="text"].couponbar-input::-moz-placeholder {
  color: #868686;
  font-size: 2rem;
  font-weight: 300;
  opacity: 1;
}

input[type="text"].couponbar-input:-ms-input-placeholder {
  color: #868686;
  font-size: 2rem;
  font-weight: 300;
}

.couponbar-btn {
  background: #868686;
  border: none;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 2rem;
  font-weight: 600;
  line-height: 6rem;
  padding: 0 2.5rem;
  text-align: center;
  transition: all 0.4s;
  border-radius: 7px;
  display: flex;
  font-size: 2rem;
  line-height: 5.2rem;
  position: absolute;
  right: 2px;
}

.couponbar-btn:hover {
  background: #7f7f7f;
  text-decoration: none;
}

.couponbar-btn:active {
  box-shadow: inset 0 0 1.5rem rgba(0, 0, 0, 0.3);
  background: #7f7f7f;
  text-decoration: none;
}

@media screen and (min-width: 48em) {
  .page-checkout-4 .co-payment-text {
    padding-left: 2rem;
  }
}

.page-checkout-4 .mpay24 {
  padding-top: 4rem;
}

@media screen and (min-width: 48em) {
  .page-checkout-4 .mpay24 {
    padding-left: 2rem;
  }
}

.page-checkout-4 .mpay24 iframe {
  max-width: 100%;
}

.page-checkout-3 .checkout-review-addresses,
.page-checkout-3 .co-summary-addresses {
  font-size: 1.5rem;
}

@media screen and (min-width: 48em) {
  .page-checkout-3 .checkout-review-addresses,
  .page-checkout-3 .co-summary-addresses {
    padding-left: 2rem;
  }
}

.page-checkout-3 .co-summary-edit {
  font-size: 1.5rem;
  font-weight: 600;
  display: inline-block;
  padding-bottom: 4rem;
}

@media screen and (min-width: 48em) {
  .page-checkout-3 .co-summary-edit {
    padding-left: 2rem;
  }
}

.page-checkout-3 .checkout-review-form .form-checkbox label a {
  color: #000;
  font-weight: 600;
  text-decoration: underline;
}

.page-checkout-3 .ci-actions {
  display: none;
}

.co-participants-btn {
  margin-top: 4rem;
}

@media screen and (min-width: 48em) {
  .co-thankyou-text {
    padding-left: 2rem;
  }
}

.page-form fieldset {
  margin-top: 4rem;
  padding-bottom: 2rem;
}

@media screen and (min-width: 48em) {
  .page-form fieldset {
    padding-left: 2rem;
  }
}

.gewinnspiel-question {
  margin-top: 60px;
}

.gewinnspiel-question-option + label {
  margin-top: 10px;
}

.gewinnspiel-personal {
  display: none;
  margin-top: 60px;
}

.gewinnspiel-incorrect {
  display: none;
  margin-top: 60px;
}

.page-home .page-content {
  padding-top: 0;
}

.page-login .page-title-container {
  margin-bottom: 8rem;
}

.page-login .form-login {
  margin-top: 4rem;
  max-width: 94.5rem;
}

.page-login .form-login .form-textfield {
  margin-bottom: 0;
}

.page-login .form-login fieldset {
  margin-bottom: 4rem;
  padding: 0 2rem;
}

.page-login .register-title {
  font-size: 4rem;
}

.page-myvhs .myvhs-container {
  background: #fff;
  border-radius: 10px;
  font-size: 2rem;
  margin: 4rem 0 2rem;
  padding: 2rem;
}

.page-myvhs .myvhs-nav {
  padding: 0;
  margin: 0;
}

.page-myvhs .myvhs-nav-item:not(:last-child) {
  margin-bottom: 1rem;
}

.page-planetarium-home .page-content {
  padding-top: 0;
}

.page-planetarium-home .event-slider-inner {
  padding-bottom: 0;
}

.page-planetarium-home .blog-cards {
  padding-bottom: 9rem;
}

.page-planetarium-home .location-cards-inner {
  padding-top: 0;
}

.page-einrichtung-home .page-content {
  padding-top: 0;
}

.page-einrichtung-home .event-slider-inner {
  padding-bottom: 0;
}

.page-einrichtung-home .blog-cards {
  padding-bottom: 9rem;
}

.page-einrichtung-home .location-cards-inner {
  padding-top: 0;
}

.ikh-courses-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.ikh-courses-wrapper .ikh-course-box {
  margin: 0 2rem 4rem 2rem;
  width: calc(25% - 4rem);
}

.ikh-courses-wrapper .ikh-course-box .csi-category-link {
  background: #f00;
  border-radius: 10px;
  border-bottom-left-radius: 0;
  color: #fff;
  padding: 1rem 1.5rem;
  padding-right: 4rem;
  position: relative;
  display: block;
  min-height: 18rem;
  text-align: left;
  transition: box-shadow 0.2s ease-out;
}

.ikh-courses-wrapper .ikh-course-box .csi-category-link:hover {
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}

.ikh-courses-wrapper .ikh-course-box .csi-category-link.csi--basisbildung-und-bildungsabschlusse {
  background: #d9861c;
}

.ikh-courses-wrapper .ikh-course-box .csi-category-link.csi--computer-internet-und-multimedia {
  background: #837bad;
}

.ikh-courses-wrapper .ikh-course-box .csi-category-link.csi--elementarpadagogik {
  background: #8a285e;
}

.ikh-courses-wrapper .ikh-course-box .csi-category-link.csi--gesundheit-und-bewegung {
  background: #acc435;
}

.ikh-courses-wrapper .ikh-course-box .csi-category-link.csi--interne-weiterbildung {
  background: #666666;
}

.ikh-courses-wrapper .ikh-course-box .csi-category-link.csi--kinder {
  background: #98bae4;
}

.ikh-courses-wrapper .ikh-course-box .csi-category-link.csi--kinder-und-eltern {
  background: #98bae4;
}

.ikh-courses-wrapper .ikh-course-box .csi-category-link.csi--kunst-kreativitat-und-handwerk {
  background: #5b2573;
}

.ikh-courses-wrapper .ikh-course-box .csi-category-link.csi--lernforderung {
  background: #d26d99;
}

.ikh-courses-wrapper .ikh-course-box .csi-category-link.csi--naturwissenschaften-und-technik {
  background: #75ad40;
}

.ikh-courses-wrapper .ikh-course-box .csi-category-link.csi--personlichkeitsentwicklung {
  background: #5a80a5;
}

.ikh-courses-wrapper .ikh-course-box .csi-category-link.csi--politik-und-gesellschaft {
  background: #9b2524;
}

.ikh-courses-wrapper .ikh-course-box .csi-category-link.csi--science {
  background: #dcdc40;
}

.ikh-courses-wrapper .ikh-course-box .csi-category-link.csi--sprachen {
  background: #c4007a;
}

.ikh-courses-wrapper .ikh-course-box .csi-category-link.csi--vhs-gratis-lernhilfe {
  background: #eab818;
}

.ikh-courses-wrapper .ikh-course-box .csi-category-link.csi--wirtschaft-und-management {
  background: #2c517f;
}

.ikh-courses-wrapper .ikh-course-box .csi-category-link.csi--lai {
  background: #2ea341;
}

.ikh-courses-wrapper .ikh-course-box .csi-category-link .csi-category-text {
  color: #fff;
  font-size: 3rem;
  font-weight: 600;
  word-wrap: break-word;
}

.ikh-courses-wrapper .ikh-course-box .csi-category-link .icon {
  position: absolute;
  top: 50%;
  right: 1rem;
  height: 4.2rem;
  stroke-width: 2px;
  transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  .ikh-courses-wrapper .ikh-course-box {
    margin: 0 2rem 4rem 2rem;
    width: calc(50% - 4rem);
  }
}

@media screen and (max-width: 640px) {
  .ikh-courses-wrapper .ikh-course-box {
    margin: 0 0 2rem 0;
    width: 100%;
  }

  .ikh-courses-wrapper .ikh-course-box .csi-category-link {
    min-height: 14rem;
  }
}

.page-lai-home .page-content {
  padding-top: 0;
}

.page-lai-home .event-slider-inner {
  padding-bottom: 0;
}

.page-lai-home .blog-cards {
  padding-bottom: 9rem;
}

.page-lai-home .location-cards-inner {
  padding-top: 0;
}

.page-register fieldset {
  padding: 0 2rem;
}

.page-search-results .srb-group-inner {
  padding: 2rem 0;
}

@media screen and (min-width: 64.0625em) {
  .page-search-results .srb-group-inner {
    padding: 2rem;
  }
}

.page-search-results .search-results-body {
  display: block;
}

.psr-suggestions {
  font-size: 2rem;
}

@media screen and (min-width: 64.0625em) {
  .psr-suggestions {
    padding-left: 2rem;
  }
}

.psr-suggestions-title {
  font-size: 2rem;
}

.psr-suggestions-list {
  padding-left: 5rem;
}

.psr-suggestions-item {
  margin-bottom: 1rem;
  padding-left: 2rem;
}

.page-shop-detail .product-img {
  border-radius: 10px;
  max-width: 70rem;
  width: 100%;
}

.page-shop-detail .page-content-shop-main .product-title {
  margin-top: 2rem;
}

@media screen and (min-width: 64em) {
  .page-shop-detail .page-content-shop-main .product-title {
    display: none;
  }
}

.page-shop-detail .page-content-shop-side .product-title {
  display: none;
  font-size: 4rem;
}

@media screen and (min-width: 64em) {
  .page-shop-detail .page-content-shop-side .product-title {
    display: block;
  }
}

.page-shop-detail .product-title {
  font-size: 4rem;
  font-weight: 700;
  word-wrap: break-word;
}

@media screen and (min-width: 48em) {
  .page-shop-detail .product-title {
    font-size: 6rem;
  }
}

@media screen and (min-width: 64.0625em) {
  .page-shop-detail .product-title {
    padding-left: 2rem;
  }
}

.page-shop-detail .product-description {
  padding-left: 2rem;
}

.page-shop-detail .cms-content {
  padding-right: 0;
}

.page-shop-detail .iswt-slider .slick-prev {
  left: 2rem;
}

.page-shop-detail .iswt-slider .slick-next {
  right: 2rem;
}

.page-shop-welcome .product-overview-grid {
  display: flex;
  flex-wrap: wrap;
}

.page-shop-welcome .product-overview-item {
  margin-bottom: 2rem;
  margin-right: 2rem;
}

.black-white {
  /* .course-slider--popular .csi-category-link.csi--gesundheit-und-bewegung {
    background-color: #fff;
  } */
  /* .course-slider--popular .csi-category-link.csi--kunst-kreativitat-und-handwerk {
    background-color: #fff;
  } */
  /* LAI black and white */
}

.black-white .selectric {
  border-color: #000;
  background-color: #fff;
}

.black-white .selectric .label {
  color: #000;
}

.black-white .selectric .button {
  background-color: #fff;
  color: #000;
}

.black-white .selectric .button:after {
  border-color: transparent;
  border-top-color: #000;
}

.black-white .selectric-focus .selectric {
  border-color: #000;
}

.black-white .selectric-hover .selectric {
  border-color: #000;
}

.black-white .selectric-hover .selectric .button {
  color: #000;
}

.black-white .selectric-hover .selectric .button:after {
  border-top-color: #000;
}

.black-white .selectric-open .selectric {
  border-color: #000;
}

.black-white .selectric-items {
  background-color: #fff;
  border-color: #000;
  box-shadow: none;
}

.black-white .selectric-items li {
  color: #000;
}

.black-white .selectric-items li.selected {
  background-color: #fff;
  color: #000;
}

.black-white .selectric-items li.highlighted {
  background-color: #fff;
  color: #000;
}

.black-white .selectric-items li:hover {
  background-color: #fff;
  color: #000;
}

.black-white .selectric-items .disabled {
  color: #000 !important;
}

.black-white .selectric-items .selectric-group .selectric-group-label {
  color: #000;
}

.black-white .slick-vertical .slick-slide {
  border-color: transparent;
}

.black-white .slick-loading .slick-list {
  background-color: #fff;
}

.black-white .slick-prev,
.black-white .slick-next {
  background-color: transparent;
  color: transparent;
}

.black-white .slick-prev:hover,
.black-white .slick-prev:focus,
.black-white .slick-next:hover,
.black-white .slick-next:focus {
  background-color: transparent;
  color: transparent;
}

.black-white .slick-prev:before,
.black-white .slick-next:before {
  color: white;
}

.black-white .slick-dots li button {
  border-color: 0;
  background-color: transparent;
  color: transparent;
}

.black-white .slick-dots li button:before {
  color: black;
}

.black-white .slick-dots li.slick-active button:before {
  color: black;
}

.black-white .cc-highlight .cc-btn:first-child {
  background-color: transparent;
  border-color: transparent;
}

.black-white .cc-highlight .cc-btn:first-child:focus,
.black-white .cc-highlight .cc-btn:first-child:hover {
  background-color: transparent;
}

.black-white html,
.black-white body,
.black-white div,
.black-white span,
.black-white applet,
.black-white object,
.black-white iframe,
.black-white h1,
.black-white h2,
.black-white h3,
.black-white h4,
.black-white h5,
.black-white h6,
.black-white p,
.black-white blockquote,
.black-white pre,
.black-white a,
.black-white abbr,
.black-white acronym,
.black-white address,
.black-white big,
.black-white cite,
.black-white code,
.black-white del,
.black-white dfn,
.black-white em,
.black-white img,
.black-white ins,
.black-white kbd,
.black-white q,
.black-white s,
.black-white samp,
.black-white small,
.black-white strike,
.black-white strong,
.black-white sub,
.black-white sup,
.black-white tt,
.black-white var,
.black-white b,
.black-white u,
.black-white i,
.black-white center,
.black-white dl,
.black-white dt,
.black-white dd,
.black-white fieldset,
.black-white form,
.black-white label,
.black-white legend,
.black-white table,
.black-white caption,
.black-white tbody,
.black-white tfoot,
.black-white thead,
.black-white tr,
.black-white th,
.black-white td,
.black-white article,
.black-white aside,
.black-white canvas,
.black-white details,
.black-white embed,
.black-white figure,
.black-white figcaption,
.black-white footer,
.black-white header,
.black-white hgroup,
.black-white menu,
.black-white nav,
.black-white output,
.black-white ruby,
.black-white section,
.black-white summary,
.black-white time,
.black-white mark,
.black-white audio,
.black-white video {
  border-color: 0;
}

.black-white :focus {
  box-shadow: none;
}

.black-white .course-slider--popular .csi-category-link:hover,
.black-white .course-slider--popular .csi-item:hover,
.black-white .footer-scrollToTop:hover {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-category-link:active,
.black-white .course-slider--popular .csi-item:active,
.black-white .footer-scrollToTop:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .screen-reader-text:hover,
.black-white .screen-reader-text:active,
.black-white .screen-reader-text:focus,
.black-white .assistive-text:hover,
.black-white .assistive-text:active,
.black-white .assistive-text:focus {
  background-color: #fff;
  box-shadow: none;
  color: #000;
}

.black-white .icon-stroke svg {
  fill: transparent !important;
}

.black-white .page-content {
  background-color: #fff;
}

.black-white .section-title-link {
  color: #000;
}

.black-white .section-nav-item {
  color: #000;
}

.black-white body {
  background-color: #fff;
  color: #000;
}

.black-white a {
  color: #f00;
}

.black-white blockquote::before,
.black-white blockquote::after {
  color: #000;
}

.black-white abbr {
  border-bottom-color: #000;
}

.black-white mark {
  background-color: #fff;
  color: #000;
}

.black-white hr {
  border-top-color: #000;
}

.black-white .cms-content thead {
  border-bottom-color: #000;
}

.black-white .cms-content tr:not(:last-child) {
  border-bottom-color: #000;
}

.black-white .cms-content td:not(:last-child),
.black-white .cms-content th:not(:last-child) {
  border-right-color: #000;
}

.black-white .cms-content .table-with-background::before {
  background-color: #fff;
}

.black-white .page-comments {
  background-color: #fff;
}

.black-white .anchor-nav {
  background-color: #fff;
}

.black-white .anchor-nav .an-item:not(:last-child) {
  border-bottom-color: #000;
}

.black-white .anchor-nav .an-item a {
  background-color: #fff;
  color: #000;
  color: #000;
}

.black-white .anchor-nav .an-item a:hover {
  background-color: #fff;
}

.black-white .anchor-nav .an-item a:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .btn,
.black-white .ci-btn,
.black-white .coi-side-item-btn,
.black-white .csi-link,
.black-white .fi-btn,
.black-white .input-file + label,
.black-white input[type="submit"],
.black-white .searchbar-btn,
.black-white .swal-button,
.black-white .mw-map-btn,
.black-white .nw-btn,
.black-white .payment-widget-btn,
.black-white .esi-link,
.black-white .hh-slide-btn,
.black-white .hp-slide-btn,
.black-white .he-slide-btn,
.black-white .hl-slide-btn,
.black-white .srb-group--kurs .srb-group-body-item-btn,
.srb-group--kurs .black-white .srb-group-body-item-btn,
.black-white .teaser-item-link,
.black-white .price-widget-btn,
.black-white .ci-btn,
.black-white .coi-side-item-btn,
.black-white .csi-link,
.black-white .fi-btn,
.black-white input[type="submit"],
.black-white .searchbar-btn,
.black-white .swal-button,
.black-white .mw-map-btn,
.black-white .nw-btn,
.black-white .payment-widget-btn,
.black-white .course-slider--recent .csi-link,
.black-white .esi-link,
.black-white .hh-slide-btn,
.black-white .hp-slide-btn,
.black-white .srb-group--kurs .srb-group-body-item-btn,
.black-white .teaser-item-link,
.black-white .price-widget-btn {
  background-color: #fff;
  color: #000;
}

.black-white .btn:hover,
.black-white .ci-btn:hover,
.black-white .coi-side-item-btn:hover,
.black-white .csi-link:hover,
.black-white .fi-btn:hover,
.black-white .input-file + label:hover,
.black-white input:hover[type="submit"],
.black-white .searchbar-btn:hover,
.black-white .swal-button:hover,
.black-white .mw-map-btn:hover,
.black-white .nw-btn:hover,
.black-white .payment-widget-btn:hover,
.black-white .esi-link:hover,
.black-white .hh-slide-btn:hover,
.black-white .hp-slide-btn:hover,
.black-white .he-slide-btn:hover,
.black-white .hl-slide-btn:hover,
.black-white .srb-group--kurs .srb-group-body-item-btn:hover,
.srb-group--kurs .black-white .srb-group-body-item-btn:hover,
.black-white .teaser-item-link:hover,
.black-white .price-widget-btn:hover,
.black-white .ci-btn:hover,
.black-white .coi-side-item-btn:hover,
.black-white .csi-link:hover,
.black-white .fi-btn:hover,
.black-white input[type="submit"]:hover,
.black-white .searchbar-btn:hover,
.black-white .swal-button:hover,
.black-white .mw-map-btn:hover,
.black-white .nw-btn:hover,
.black-white .payment-widget-btn:hover,
.black-white .esi-link:hover,
.black-white .hh-slide-btn:hover,
.black-white .hp-slide-btn:hover,
.black-white .srb-group--kurs .srb-group-body-item-btn:hover,
.black-white .teaser-item-link:hover,
.black-white .price-widget-btn:hover {
  background-color: #fff;
}

.black-white .btn:active,
.black-white .ci-btn:active,
.black-white .coi-side-item-btn:active,
.black-white .csi-link:active,
.black-white .fi-btn:active,
.black-white .input-file + label:active,
.black-white input:active[type="submit"],
.black-white .searchbar-btn:active,
.black-white .swal-button:active,
.black-white .mw-map-btn:active,
.black-white .nw-btn:active,
.black-white .payment-widget-btn:active,
.black-white .esi-link:active,
.black-white .hh-slide-btn:active,
.black-white .hp-slide-btn:active,
.black-white .he-slide-btn:active,
.black-white .hl-slide-btn:active,
.black-white .srb-group--kurs .srb-group-body-item-btn:active,
.srb-group--kurs .black-white .srb-group-body-item-btn:active,
.black-white .teaser-item-link:active,
.black-white .price-widget-btn:active,
.black-white .ci-btn:active,
.black-white .coi-side-item-btn:active,
.black-white .csi-link:active,
.black-white .fi-btn:active,
.black-white input[type="submit"]:active,
.black-white .searchbar-btn:active,
.black-white .swal-button:active,
.black-white .mw-map-btn:active,
.black-white .nw-btn:active,
.black-white .payment-widget-btn:active,
.black-white .esi-link:active,
.black-white .hh-slide-btn:active,
.black-white .hp-slide-btn:active,
.black-white .srb-group--kurs .srb-group-body-item-btn:active,
.black-white .teaser-item-link:active,
.black-white .price-widget-btn:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .btn--dark {
  background-color: #fff;
}

.black-white .btn--dark:hover {
  background-color: #fff;
}

.black-white .btn--dark:active {
  box-shadow: none;
}

.black-white .btn.btn--outline,
.black-white .btn--outline.ci-btn,
.black-white .btn--outline.coi-side-item-btn,
.black-white .btn--outline.csi-link,
.black-white .btn--outline.fi-btn,
.black-white .input-file + label.btn--outline,
.black-white input.btn--outline[type="submit"],
.black-white .btn--outline.searchbar-btn,
.black-white .btn--outline.swal-button,
.black-white .btn--outline.mw-map-btn,
.black-white .btn--outline.nw-btn,
.black-white .btn--outline.payment-widget-btn,
.black-white .btn--outline.esi-link,
.black-white .btn--outline.hh-slide-btn,
.black-white .btn--outline.hp-slide-btn,
.black-white .btn--outline.he-slide-btn,
.black-white .btn--outline.hl-slide-btn,
.black-white .srb-group--kurs .btn--outline.srb-group-body-item-btn,
.srb-group--kurs .black-white .btn--outline.srb-group-body-item-btn,
.black-white .btn--outline.teaser-item-link,
.black-white .btn--outline.price-widget-btn,
.black-white .btn--outline.ci-btn,
.black-white .btn--outline.coi-side-item-btn,
.black-white .btn--outline.csi-link,
.black-white .btn--outline.fi-btn,
.black-white input.btn--outline[type="submit"],
.black-white .btn--outline.searchbar-btn,
.black-white .btn--outline.swal-button,
.black-white .btn--outline.mw-map-btn,
.black-white .btn--outline.nw-btn,
.black-white .btn--outline.payment-widget-btn,
.black-white .btn--outline.esi-link,
.black-white .btn--outline.hh-slide-btn,
.black-white .btn--outline.hp-slide-btn,
.black-white .srb-group--kurs .btn--outline.srb-group-body-item-btn,
.black-white .btn--outline.teaser-item-link,
.black-white .btn--outline.price-widget-btn {
  background-color: transparent;
  border-color: #000;
}

.black-white .btn.btn--outline:hover,
.black-white .btn--outline.ci-btn:hover,
.black-white .btn--outline.coi-side-item-btn:hover,
.black-white .btn--outline.csi-link:hover,
.black-white .btn--outline.fi-btn:hover,
.black-white .input-file + label.btn--outline:hover,
.black-white input.btn--outline:hover[type="submit"],
.black-white .btn--outline.searchbar-btn:hover,
.black-white .btn--outline.swal-button:hover,
.black-white .btn--outline.mw-map-btn:hover,
.black-white .btn--outline.nw-btn:hover,
.black-white .btn--outline.payment-widget-btn:hover,
.black-white .btn--outline.esi-link:hover,
.black-white .btn--outline.hh-slide-btn:hover,
.black-white .btn--outline.hp-slide-btn:hover,
.black-white .btn--outline.he-slide-btn:hover,
.black-white .btn--outline.hl-slide-btn:hover,
.black-white .srb-group--kurs .btn--outline.srb-group-body-item-btn:hover,
.srb-group--kurs .black-white .btn--outline.srb-group-body-item-btn:hover,
.black-white .btn--outline.teaser-item-link:hover,
.black-white .btn--outline.price-widget-btn:hover,
.black-white .btn--outline.ci-btn:hover,
.black-white .btn--outline.coi-side-item-btn:hover,
.black-white .btn--outline.csi-link:hover,
.black-white .btn--outline.fi-btn:hover,
.black-white input.btn--outline[type="submit"]:hover,
.black-white .btn--outline.searchbar-btn:hover,
.black-white .btn--outline.swal-button:hover,
.black-white .btn--outline.mw-map-btn:hover,
.black-white .btn--outline.nw-btn:hover,
.black-white .btn--outline.payment-widget-btn:hover,
.black-white .btn--outline.esi-link:hover,
.black-white .btn--outline.hh-slide-btn:hover,
.black-white .btn--outline.hp-slide-btn:hover,
.black-white .srb-group--kurs .btn--outline.srb-group-body-item-btn:hover,
.black-white .btn--outline.teaser-item-link:hover,
.black-white .btn--outline.price-widget-btn:hover {
  background-color: #fff;
}

.black-white .btn.btn--outline:active,
.black-white .btn--outline.ci-btn:active,
.black-white .btn--outline.coi-side-item-btn:active,
.black-white .btn--outline.csi-link:active,
.black-white .btn--outline.fi-btn:active,
.black-white .input-file + label.btn--outline:active,
.black-white input.btn--outline:active[type="submit"],
.black-white .btn--outline.searchbar-btn:active,
.black-white .btn--outline.swal-button:active,
.black-white .btn--outline.mw-map-btn:active,
.black-white .btn--outline.nw-btn:active,
.black-white .btn--outline.payment-widget-btn:active,
.black-white .btn--outline.esi-link:active,
.black-white .btn--outline.hh-slide-btn:active,
.black-white .btn--outline.hp-slide-btn:active,
.black-white .btn--outline.he-slide-btn:active,
.black-white .btn--outline.hl-slide-btn:active,
.black-white .srb-group--kurs .btn--outline.srb-group-body-item-btn:active,
.srb-group--kurs .black-white .btn--outline.srb-group-body-item-btn:active,
.black-white .btn--outline.teaser-item-link:active,
.black-white .btn--outline.price-widget-btn:active,
.black-white .btn--outline.ci-btn:active,
.black-white .btn--outline.coi-side-item-btn:active,
.black-white .btn--outline.csi-link:active,
.black-white .btn--outline.fi-btn:active,
.black-white input.btn--outline[type="submit"]:active,
.black-white .btn--outline.searchbar-btn:active,
.black-white .btn--outline.swal-button:active,
.black-white .btn--outline.mw-map-btn:active,
.black-white .btn--outline.nw-btn:active,
.black-white .btn--outline.payment-widget-btn:active,
.black-white .btn--outline.esi-link:active,
.black-white .btn--outline.hh-slide-btn:active,
.black-white .btn--outline.hp-slide-btn:active,
.black-white .srb-group--kurs .btn--outline.srb-group-body-item-btn:active,
.black-white .btn--outline.teaser-item-link:active,
.black-white .btn--outline.price-widget-btn:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white button[disabled],
.black-white .btn[disabled],
.black-white .ci-btn[disabled],
.black-white .coi-side-item-btn[disabled],
.black-white .csi-link[disabled],
.black-white .fi-btn[disabled],
.black-white .input-file + label[disabled],
.black-white input[disabled][type="submit"],
.black-white .searchbar-btn[disabled],
.black-white .swal-button[disabled],
.black-white .mw-map-btn[disabled],
.black-white .nw-btn[disabled],
.black-white .payment-widget-btn[disabled],
.black-white .esi-link[disabled],
.black-white .hh-slide-btn[disabled],
.black-white .hp-slide-btn[disabled],
.black-white .he-slide-btn[disabled],
.black-white .hl-slide-btn[disabled],
.black-white .srb-group--kurs .srb-group-body-item-btn[disabled],
.srb-group--kurs .black-white .srb-group-body-item-btn[disabled],
.black-white .teaser-item-link[disabled],
.black-white .price-widget-btn[disabled],
.black-white [disabled].ci-btn,
.black-white [disabled].coi-side-item-btn,
.black-white [disabled].csi-link,
.black-white [disabled].fi-btn,
.black-white input[disabled][type="submit"],
.black-white [disabled].searchbar-btn,
.black-white [disabled].swal-button,
.black-white [disabled].mw-map-btn,
.black-white [disabled].nw-btn,
.black-white [disabled].payment-widget-btn,
.black-white [disabled].esi-link,
.black-white [disabled].hh-slide-btn,
.black-white [disabled].hp-slide-btn,
.black-white .srb-group--kurs [disabled].srb-group-body-item-btn,
.black-white [disabled].teaser-item-link,
.black-white [disabled].price-widget-btn {
  background-color: #fff;
  color: #000;
}

.black-white button[disabled]:hover,
.black-white button[disabled]:active,
.black-white button[disabled]:focus,
.black-white button[disabled][aria-pressed="true"],
.black-white .btn[disabled]:hover,
.black-white .ci-btn[disabled]:hover,
.black-white .coi-side-item-btn[disabled]:hover,
.black-white .csi-link[disabled]:hover,
.black-white .fi-btn[disabled]:hover,
.black-white .input-file + label[disabled]:hover,
.black-white input[disabled]:hover[type="submit"],
.black-white .searchbar-btn[disabled]:hover,
.black-white .swal-button[disabled]:hover,
.black-white .mw-map-btn[disabled]:hover,
.black-white .nw-btn[disabled]:hover,
.black-white .payment-widget-btn[disabled]:hover,
.black-white .esi-link[disabled]:hover,
.black-white .hh-slide-btn[disabled]:hover,
.black-white .hp-slide-btn[disabled]:hover,
.black-white .he-slide-btn[disabled]:hover,
.black-white .hl-slide-btn[disabled]:hover,
.black-white .srb-group--kurs .srb-group-body-item-btn[disabled]:hover,
.srb-group--kurs .black-white .srb-group-body-item-btn[disabled]:hover,
.black-white .teaser-item-link[disabled]:hover,
.black-white .price-widget-btn[disabled]:hover,
.black-white [disabled].ci-btn:hover,
.black-white [disabled].coi-side-item-btn:hover,
.black-white [disabled].csi-link:hover,
.black-white [disabled].fi-btn:hover,
.black-white input[disabled][type="submit"]:hover,
.black-white [disabled].searchbar-btn:hover,
.black-white [disabled].swal-button:hover,
.black-white [disabled].mw-map-btn:hover,
.black-white [disabled].nw-btn:hover,
.black-white [disabled].payment-widget-btn:hover,
.black-white [disabled].esi-link:hover,
.black-white [disabled].hh-slide-btn:hover,
.black-white [disabled].hp-slide-btn:hover,
.black-white .srb-group--kurs [disabled].srb-group-body-item-btn:hover,
.black-white [disabled].teaser-item-link:hover,
.black-white [disabled].price-widget-btn:hover,
.black-white .btn[disabled]:active,
.black-white .ci-btn[disabled]:active,
.black-white .coi-side-item-btn[disabled]:active,
.black-white .csi-link[disabled]:active,
.black-white .fi-btn[disabled]:active,
.black-white .input-file + label[disabled]:active,
.black-white input[disabled]:active[type="submit"],
.black-white .searchbar-btn[disabled]:active,
.black-white .swal-button[disabled]:active,
.black-white .mw-map-btn[disabled]:active,
.black-white .nw-btn[disabled]:active,
.black-white .payment-widget-btn[disabled]:active,
.black-white .esi-link[disabled]:active,
.black-white .hh-slide-btn[disabled]:active,
.black-white .hp-slide-btn[disabled]:active,
.black-white .he-slide-btn[disabled]:active,
.black-white .hl-slide-btn[disabled]:active,
.black-white .srb-group--kurs .srb-group-body-item-btn[disabled]:active,
.srb-group--kurs .black-white .srb-group-body-item-btn[disabled]:active,
.black-white .teaser-item-link[disabled]:active,
.black-white .price-widget-btn[disabled]:active,
.black-white [disabled].ci-btn:active,
.black-white [disabled].coi-side-item-btn:active,
.black-white [disabled].csi-link:active,
.black-white [disabled].fi-btn:active,
.black-white input[disabled][type="submit"]:active,
.black-white [disabled].searchbar-btn:active,
.black-white [disabled].swal-button:active,
.black-white [disabled].mw-map-btn:active,
.black-white [disabled].nw-btn:active,
.black-white [disabled].payment-widget-btn:active,
.black-white [disabled].esi-link:active,
.black-white [disabled].hh-slide-btn:active,
.black-white [disabled].hp-slide-btn:active,
.black-white .srb-group--kurs [disabled].srb-group-body-item-btn:active,
.black-white [disabled].teaser-item-link:active,
.black-white [disabled].price-widget-btn:active,
.black-white .btn[disabled]:focus,
.black-white .ci-btn[disabled]:focus,
.black-white .coi-side-item-btn[disabled]:focus,
.black-white .csi-link[disabled]:focus,
.black-white .fi-btn[disabled]:focus,
.black-white .input-file + label[disabled]:focus,
.black-white input[disabled]:focus[type="submit"],
.black-white .searchbar-btn[disabled]:focus,
.black-white .swal-button[disabled]:focus,
.black-white .mw-map-btn[disabled]:focus,
.black-white .nw-btn[disabled]:focus,
.black-white .payment-widget-btn[disabled]:focus,
.black-white .esi-link[disabled]:focus,
.black-white .hh-slide-btn[disabled]:focus,
.black-white .hp-slide-btn[disabled]:focus,
.black-white .he-slide-btn[disabled]:focus,
.black-white .hl-slide-btn[disabled]:focus,
.black-white .srb-group--kurs .srb-group-body-item-btn[disabled]:focus,
.srb-group--kurs .black-white .srb-group-body-item-btn[disabled]:focus,
.black-white .teaser-item-link[disabled]:focus,
.black-white .price-widget-btn[disabled]:focus,
.black-white [disabled].ci-btn:focus,
.black-white [disabled].coi-side-item-btn:focus,
.black-white [disabled].csi-link:focus,
.black-white [disabled].fi-btn:focus,
.black-white input[disabled][type="submit"]:focus,
.black-white [disabled].searchbar-btn:focus,
.black-white [disabled].swal-button:focus,
.black-white [disabled].mw-map-btn:focus,
.black-white [disabled].nw-btn:focus,
.black-white [disabled].payment-widget-btn:focus,
.black-white [disabled].esi-link:focus,
.black-white [disabled].hh-slide-btn:focus,
.black-white [disabled].hp-slide-btn:focus,
.black-white .srb-group--kurs [disabled].srb-group-body-item-btn:focus,
.black-white [disabled].teaser-item-link:focus,
.black-white [disabled].price-widget-btn:focus,
.black-white .btn[disabled][aria-pressed="true"],
.black-white .ci-btn[disabled][aria-pressed="true"],
.black-white .coi-side-item-btn[disabled][aria-pressed="true"],
.black-white .csi-link[disabled][aria-pressed="true"],
.black-white .fi-btn[disabled][aria-pressed="true"],
.black-white .input-file + label[disabled][aria-pressed="true"],
.black-white input[disabled][aria-pressed="true"][type="submit"],
.black-white .searchbar-btn[disabled][aria-pressed="true"],
.black-white .swal-button[disabled][aria-pressed="true"],
.black-white .mw-map-btn[disabled][aria-pressed="true"],
.black-white .nw-btn[disabled][aria-pressed="true"],
.black-white .payment-widget-btn[disabled][aria-pressed="true"],
.black-white .esi-link[disabled][aria-pressed="true"],
.black-white .hh-slide-btn[disabled][aria-pressed="true"],
.black-white .hp-slide-btn[disabled][aria-pressed="true"],
.black-white .he-slide-btn[disabled][aria-pressed="true"],
.black-white .hl-slide-btn[disabled][aria-pressed="true"],
.black-white .srb-group--kurs .srb-group-body-item-btn[disabled][aria-pressed="true"],
.srb-group--kurs .black-white .srb-group-body-item-btn[disabled][aria-pressed="true"],
.black-white .teaser-item-link[disabled][aria-pressed="true"],
.black-white .price-widget-btn[disabled][aria-pressed="true"],
.black-white [disabled][aria-pressed="true"].ci-btn,
.black-white [disabled][aria-pressed="true"].coi-side-item-btn,
.black-white [disabled][aria-pressed="true"].csi-link,
.black-white [disabled][aria-pressed="true"].fi-btn,
.black-white input[disabled][aria-pressed="true"][type="submit"],
.black-white [disabled][aria-pressed="true"].searchbar-btn,
.black-white [disabled][aria-pressed="true"].swal-button,
.black-white [disabled][aria-pressed="true"].mw-map-btn,
.black-white [disabled][aria-pressed="true"].nw-btn,
.black-white [disabled][aria-pressed="true"].payment-widget-btn,
.black-white [disabled][aria-pressed="true"].esi-link,
.black-white [disabled][aria-pressed="true"].hh-slide-btn,
.black-white [disabled][aria-pressed="true"].hp-slide-btn,
.black-white .srb-group--kurs [disabled][aria-pressed="true"].srb-group-body-item-btn,
.black-white [disabled][aria-pressed="true"].teaser-item-link,
.black-white [disabled][aria-pressed="true"].price-widget-btn {
  background-color: #fff;
}

.black-white .card {
  background-color: #fff;
}

.black-white .card:hover {
  box-shadow: none;
}

.black-white .card-title-label-line {
  background-color: #fff;
}

.black-white .card-header--noimage .card-title-label-line {
  background-color: transparent;
}

.black-white .card-title-line {
  background-color: #fff;
}

.black-white .card-header--noimage .card-title-line {
  background-color: transparent;
}

.black-white .card-body .icon {
  fill: #868686;
}

.black-white .card-link-text {
  color: #000;
}

.black-white .card-link-text::after {
  background-color: #fff;
}

.black-white .cart-item {
  background-color: #fff;
}

.black-white .ci-label {
  background-color: #fff;
  color: #000;
}

.black-white .ci-details {
  border-top-color: #000;
  color: #000;
}

.black-white .ci-details .icon {
  fill: #868686;
}

.black-white .ci-side {
  background-color: #fff;
  color: #000;
}

.black-white .bookmarks-list .ci-side {
  background-color: #fff;
}

.black-white .ci-actions {
  border-top-color: #000;
}

.black-white .ci-actions-addtocart {
  color: #000;
}

.black-white .checkout-item {
  background-color: #fff;
}

.black-white .coi-main {
  border-top-color: #000;
}

.black-white .coi-side {
  background-color: #fff;
  color: #000;
}

.black-white .coi-side-item {
  border-top-color: #000;
}

.black-white .coi-side-item .icon {
  fill: #2ecd2e;
}

.black-white .is-open .coi-side-item-btn {
  background-color: #fff;
  color: #000;
}

.black-white .coi--has-success .coi-side-item-btn {
  background-color: #fff;
  color: #000;
}

.black-white .coi-side-item-edit {
  background-color: #fff;
  color: #000;
}

.black-white .coi-side-item-edit .icon {
  fill: #f00;
}

.black-white .coi-person.is-open .coi-side-item-edit {
  color: #000;
}

.black-white .coi-person.is-open .coi-side-item-edit .icon {
  fill: #868686;
}

.black-white .coi-side-item-edit .icon {
  fill: #f00;
}

.black-white .coi-header .coi-main .coi-info-text .icon {
  fill: #868686;
}

.black-white .coi-label {
  background-color: #fff;
  color: #000;
}

.black-white .coi-details .coi-main {
  color: #000;
}

.black-white .coi-details .coi-main .icon {
  fill: #868686;
}

.black-white .coi-person {
  background-color: #fff;
}

.black-white .coi-person-header {
  color: #000;
}

.black-white .coi-person-header .icon-trash {
  fill: #868686;
}

.black-white .coi-add input[type="text"]::-webkit-input-placeholder {
  color: #000;
}

.black-white .coi-add input[type="text"]:-moz-placeholder {
  color: #000;
}

.black-white .coi-add input[type="text"]::-moz-placeholder {
  color: #000;
}

.black-white .coi-add input[type="text"]:-ms-input-placeholder {
  color: #000;
}

.black-white .coi-add .coi-side button {
  background-color: #fff;
  color: #000;
}

.black-white .cra-edit {
  color: #000;
}

.black-white .cra-edit .icon {
  fill: #f00;
}

.black-white .checkout-review-item {
  background-color: #fff;
}

.black-white .cri-main .cri-info-text .icon {
  fill: #868686;
}

.black-white .cri-side {
  background-color: #fff;
  color: #000;
}

.black-white .cri-label {
  background-color: #fff;
  color: #000;
}

.black-white .cri-actions {
  border-top-color: #000;
}

.black-white .cri-actions .icon {
  fill: #868686;
}

.black-white .cri-actions .icon-pen {
  fill: #868686;
}

.black-white .cri-details {
  border-top-color: #000;
}

.black-white .cc-link {
  color: #000;
}

.black-white .courseOverviewItem {
  background-color: #fff;
}

.black-white .courseOverviewItem:hover {
  box-shadow: none;
}

.black-white .courseOverviewItem__side {
  background-color: #fff;
  color: #000;
}

.black-white .courseOverviewItem__side a:first-child {
  background-color: #fff;
}

.black-white .courseOverviewItem__side a:last-child {
  background-color: #fff;
}

.black-white .courseOverviewItem--sprachen .courseOverviewItem__side {
  background-color: #fff;
}

.black-white .courseOverviewItem--sprachen .courseOverviewItem__save {
  background-color: #fff;
}

.black-white .courseOverviewItem--sprachen .courseOverviewItem__save:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--sprachen .courseOverviewItem__save:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem--sprachen .courseOverviewItem__wating {
  background-color: #fff;
}

.black-white .courseOverviewItem--sprachen .courseOverviewItem__wating:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--sprachen .courseOverviewItem__wating:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem--sprachen .courseOverviewItem__more:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--sprachen .courseOverviewItem__more:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem--basisbildung-und-bildungsabschlusse .courseOverviewItem__side {
  background-color: #fff;
}

.black-white .courseOverviewItem--basisbildung-und-bildungsabschlusse .courseOverviewItem__save {
  background-color: #fff;
}

.black-white .courseOverviewItem--basisbildung-und-bildungsabschlusse .courseOverviewItem__save:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--basisbildung-und-bildungsabschlusse .courseOverviewItem__save:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem--basisbildung-und-bildungsabschlusse .courseOverviewItem__wating {
  background-color: #fff;
}

.black-white .courseOverviewItem--basisbildung-und-bildungsabschlusse .courseOverviewItem__wating:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--basisbildung-und-bildungsabschlusse .courseOverviewItem__wating:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem--basisbildung-und-bildungsabschlusse .courseOverviewItem__more:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--basisbildung-und-bildungsabschlusse .courseOverviewItem__more:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem--wirtschaft-und-personlichkeit .courseOverviewItem__side {
  background-color: #fff;
}

.black-white .courseOverviewItem--wirtschaft-und-personlichkeit .courseOverviewItem__save {
  background-color: #fff;
}

.black-white .courseOverviewItem--wirtschaft-und-personlichkeit .courseOverviewItem__save:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--wirtschaft-und-personlichkeit .courseOverviewItem__save:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem--wirtschaft-und-personlichkeit .courseOverviewItem__wating {
  background-color: #fff;
}

.black-white .courseOverviewItem--wirtschaft-und-personlichkeit .courseOverviewItem__wating:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--wirtschaft-und-personlichkeit .courseOverviewItem__wating:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem--wirtschaft-und-personlichkeit .courseOverviewItem__more:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--wirtschaft-und-personlichkeit .courseOverviewItem__more:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem--computer-und-multimedia .courseOverviewItem__side {
  background-color: #fff;
}

.black-white .courseOverviewItem--computer-und-multimedia .courseOverviewItem__save {
  background-color: #fff;
}

.black-white .courseOverviewItem--computer-und-multimedia .courseOverviewItem__save:hover {
  background-color: gainsboro;
}

.black-white .courseOverviewItem--computer-und-multimedia .courseOverviewItem__save:active {
  box-shadow: none;
  background-color: gainsboro;
}

.black-white .courseOverviewItem--computer-und-multimedia .courseOverviewItem__wating {
  background-color: #fff;
}

.black-white .courseOverviewItem--computer-und-multimedia .courseOverviewItem__wating:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--computer-und-multimedia .courseOverviewItem__wating:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem--computer-und-multimedia .courseOverviewItem__more:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--computer-und-multimedia .courseOverviewItem__more:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem--naturwissenschaften-und-technik .courseOverviewItem__side {
  background-color: #fff;
}

.black-white .courseOverviewItem--naturwissenschaften-und-technik .courseOverviewItem__save {
  background-color: #fff;
}

.black-white .courseOverviewItem--naturwissenschaften-und-technik .courseOverviewItem__save:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--naturwissenschaften-und-technik .courseOverviewItem__save:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem--naturwissenschaften-und-technik .courseOverviewItem__wating {
  background-color: #fff;
}

.black-white .courseOverviewItem--naturwissenschaften-und-technik .courseOverviewItem__wating:hover {
  background-color: black;
}

.black-white .courseOverviewItem--naturwissenschaften-und-technik .courseOverviewItem__wating:active {
  box-shadow: none;
  background-color: black;
}

.black-white .courseOverviewItem--naturwissenschaften-und-technik .courseOverviewItem__more:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--naturwissenschaften-und-technik .courseOverviewItem__more:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem--politik-und-gesellschaft .courseOverviewItem__side {
  background-color: #fff;
}

.black-white .courseOverviewItem--politik-und-gesellschaft .courseOverviewItem__save {
  background-color: #fff;
}

.black-white .courseOverviewItem--politik-und-gesellschaft .courseOverviewItem__save:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--politik-und-gesellschaft .courseOverviewItem__save:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem--politik-und-gesellschaft .courseOverviewItem__wating {
  background-color: #fff;
}

.black-white .courseOverviewItem--politik-und-gesellschaft .courseOverviewItem__wating:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--politik-und-gesellschaft .courseOverviewItem__wating:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem--politik-und-gesellschaft .courseOverviewItem__more:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--politik-und-gesellschaft .courseOverviewItem__more:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem--kunst-und-kultur .courseOverviewItem__side {
  background-color: #fff;
}

.black-white .courseOverviewItem--kunst-und-kultur .courseOverviewItem__save {
  background-color: #fff;
}

.black-white .courseOverviewItem--kunst-und-kultur .courseOverviewItem__save:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--kunst-und-kultur .courseOverviewItem__save:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem--kunst-und-kultur .courseOverviewItem__wating {
  background-color: #fff;
}

.black-white .courseOverviewItem--kunst-und-kultur .courseOverviewItem__wating:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--kunst-und-kultur .courseOverviewItem__wating:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem--kunst-und-kultur .courseOverviewItem__more:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--kunst-und-kultur .courseOverviewItem__more:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem--gesundheit-und-bewegung .courseOverviewItem__side {
  background-color: #fff;
}

.black-white .courseOverviewItem--gesundheit-und-bewegung .courseOverviewItem__save {
  background-color: #fff;
}

.black-white .courseOverviewItem--gesundheit-und-bewegung .courseOverviewItem__save:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--gesundheit-und-bewegung .courseOverviewItem__save:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem--gesundheit-und-bewegung .courseOverviewItem__wating {
  background-color: #fff;
}

.black-white .courseOverviewItem--gesundheit-und-bewegung .courseOverviewItem__wating:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--gesundheit-und-bewegung .courseOverviewItem__wating:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem--gesundheit-und-bewegung .courseOverviewItem__more:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--gesundheit-und-bewegung .courseOverviewItem__more:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem--kinder .courseOverviewItem__side {
  background-color: #fff;
}

.black-white .courseOverviewItem--kinder .courseOverviewItem__save {
  background-color: #fff;
}

.black-white .courseOverviewItem--kinder .courseOverviewItem__save:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--kinder .courseOverviewItem__save:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem--kinder .courseOverviewItem__wating {
  background-color: #fff;
}

.black-white .courseOverviewItem--kinder .courseOverviewItem__wating:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--kinder .courseOverviewItem__wating:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem--kinder .courseOverviewItem__more:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--kinder .courseOverviewItem__more:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem--neutral .courseOverviewItem__side {
  background-color: #fff;
}

.black-white .courseOverviewItem--neutral .courseOverviewItem__save {
  background-color: #fff;
}

.black-white .courseOverviewItem--neutral .courseOverviewItem__save:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--neutral .courseOverviewItem__save:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem--neutral .courseOverviewItem__wating {
  background-color: #fff;
}

.black-white .courseOverviewItem--neutral .courseOverviewItem__wating:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--neutral .courseOverviewItem__wating:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem--neutral .courseOverviewItem__more:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--neutral .courseOverviewItem__more:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem--science .courseOverviewItem__side {
  background-color: #fff;
}

.black-white .courseOverviewItem--science .courseOverviewItem__save {
  background-color: #fff;
}

.black-white .courseOverviewItem--science .courseOverviewItem__save:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--science .courseOverviewItem__save:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem--science .courseOverviewItem__wating {
  background-color: #fff;
}

.black-white .courseOverviewItem--science .courseOverviewItem__wating:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--science .courseOverviewItem__wating:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem--science .courseOverviewItem__more:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--science .courseOverviewItem__more:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem--gratis-lernhilfe .courseOverviewItem__side {
  background-color: #fff;
}

.black-white .courseOverviewItem--gratis-lernhilfe .courseOverviewItem__save {
  background-color: #fff;
}

.black-white .courseOverviewItem--gratis-lernhilfe .courseOverviewItem__save:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--gratis-lernhilfe .courseOverviewItem__save:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem--gratis-lernhilfe .courseOverviewItem__wating {
  background-color: #fff;
}

.black-white .courseOverviewItem--gratis-lernhilfe .courseOverviewItem__wating:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--gratis-lernhilfe .courseOverviewItem__wating:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem--gratis-lernhilfe .courseOverviewItem__more:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--gratis-lernhilfe .courseOverviewItem__more:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem--elementarpadagogik .courseOverviewItem__side {
  background-color: #fff;
}

.black-white .courseOverviewItem--elementarpadagogik .courseOverviewItem__save {
  background-color: #fff;
}

.black-white .courseOverviewItem--elementarpadagogik .courseOverviewItem__save:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--elementarpadagogik .courseOverviewItem__save:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem--elementarpadagogik .courseOverviewItem__wating {
  background-color: #fff;
}

.black-white .courseOverviewItem--elementarpadagogik .courseOverviewItem__wating:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--elementarpadagogik .courseOverviewItem__wating:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem--elementarpadagogik .courseOverviewItem__more:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--elementarpadagogik .courseOverviewItem__more:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem--intern .courseOverviewItem__side {
  background-color: #fff;
}

.black-white .courseOverviewItem--intern .courseOverviewItem__save {
  background-color: #fff;
}

.black-white .courseOverviewItem--intern .courseOverviewItem__save:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--intern .courseOverviewItem__save:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem--intern .courseOverviewItem__wating {
  background-color: #fff;
}

.black-white .courseOverviewItem--intern .courseOverviewItem__wating:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--intern .courseOverviewItem__wating:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem--intern .courseOverviewItem__more:hover {
  background-color: #fff;
}

.black-white .courseOverviewItem--intern .courseOverviewItem__more:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .courseOverviewItem__availibility {
  background-color: #fff;
}

.black-white .courseOverviewItem__availibility.active::before,
.black-white .courseOverviewItem__availibility:hover::before {
  background-color: #fff;
  box-shadow: none;
}

.black-white .courseOverviewItem__availibility.active::after,
.black-white .courseOverviewItem__availibility:hover::after {
  border-top-color: #000;
  border-left-color: transparent;
  border-right-color: transparent;
}

.black-white .courseOverviewItem__details .icon {
  fill: #868686;
}

.black-white .courseOverviewItem__info {
  border-top-color: #000;
}

.black-white .courseOverviewItem__status .icon {
  fill: #868686;
}

.black-white .courseOverviewItem__status--started .icon {
  fill: #868686;
}

.black-white .courseOverviewItem__ad .icon {
  fill: #868686;
}

.black-white .courseOverviewItem__ad::before {
  background-color: transparent;
}

.black-white .courseOverviewItem__ad__tooltip {
  background-color: #fff;
  box-shadow: none;
}

.black-white .courseOverviewItem__ad__tooltip::after {
  border-top-color: #000;
  border-left-color: transparent;
  border-right-color: transparent;
}

.black-white .courseDetail-info {
  background-color: #fff;
}

.black-white .courseDetail-info .icon {
  fill: #868686;
}

.black-white .csi-footer-bookmark svg {
  fill: #fff;
}

.black-white .csi-footer-bookmark-tooltip {
  background-color: #fff;
  box-shadow: none;
}

.black-white .csi-footer-bookmark-tooltip::after {
  border-top-color: #000;
  border-left-color: transparent;
  border-right-color: transparent;
}

.black-white .csi-link {
  color: #000;
}

.black-white .downloads-with-background::before {
  background-color: #fff;
}

.black-white .download-item {
  color: #000;
}

.black-white .dd-item.is-open {
  box-shadow: none;
}

.black-white .dd-toggle {
  background-color: #fff;
}

.black-white .is-open .dd-toggle {
  background-color: #fff;
  color: #000;
  fill: #fff;
}

.black-white .dd-dropdown {
  background-color: #fff;
}

.black-white .is-open .dd-dropdown {
  box-shadow: none;
}

.black-white .dropdown-checkbox:not(:last-child) {
  border-bottom-color: #000;
}

.black-white .dropdown-checkbox input[type="checkbox"] + label::before {
  background-color: #fff;
}

.black-white [data-whatinput="keyboard"] .dropdown-checkbox input[type="checkbox"]:focus + label {
  box-shadow: none;
}

.black-white .eventOverviewItem {
  background-color: #fff;
}

.black-white .eventOverviewItem:hover {
  box-shadow: none;
}

.black-white .eventOverviewItem__side {
  background-color: #fff;
  color: #000;
}

.black-white .eventOverviewItem__side a:first-child {
  background-color: #fff;
}

.black-white .eventOverviewItem__side a:last-child {
  background-color: #fff;
}

.black-white .eventOverviewItem--sprachen .eventOverviewItem__side {
  background-color: #fff;
}

.black-white .eventOverviewItem--sprachen .eventOverviewItem__save {
  background-color: #fff;
}

.black-white .eventOverviewItem--sprachen .eventOverviewItem__save:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--sprachen .eventOverviewItem__save:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem--sprachen .eventOverviewItem__wating {
  background-color: #fff;
}

.black-white .eventOverviewItem--sprachen .eventOverviewItem__wating:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--sprachen .eventOverviewItem__wating:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem--sprachen .eventOverviewItem__more:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--sprachen .eventOverviewItem__more:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem--basisbildung-und-bildungsabschlusse .eventOverviewItem__side {
  background-color: #fff;
}

.black-white .eventOverviewItem--basisbildung-und-bildungsabschlusse .eventOverviewItem__save {
  background-color: #fff;
}

.black-white .eventOverviewItem--basisbildung-und-bildungsabschlusse .eventOverviewItem__save:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--basisbildung-und-bildungsabschlusse .eventOverviewItem__save:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem--basisbildung-und-bildungsabschlusse .eventOverviewItem__wating {
  background-color: #fff;
}

.black-white .eventOverviewItem--basisbildung-und-bildungsabschlusse .eventOverviewItem__wating:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--basisbildung-und-bildungsabschlusse .eventOverviewItem__wating:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem--basisbildung-und-bildungsabschlusse .eventOverviewItem__more:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--basisbildung-und-bildungsabschlusse .eventOverviewItem__more:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem--wirtschaft-und-personlichkeit .eventOverviewItem__side {
  background-color: #fff;
}

.black-white .eventOverviewItem--wirtschaft-und-personlichkeit .eventOverviewItem__save {
  background-color: #fff;
}

.black-white .eventOverviewItem--wirtschaft-und-personlichkeit .eventOverviewItem__save:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--wirtschaft-und-personlichkeit .eventOverviewItem__save:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem--wirtschaft-und-personlichkeit .eventOverviewItem__wating {
  background-color: #fff;
}

.black-white .eventOverviewItem--wirtschaft-und-personlichkeit .eventOverviewItem__wating:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--wirtschaft-und-personlichkeit .eventOverviewItem__wating:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem--wirtschaft-und-personlichkeit .eventOverviewItem__more:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--wirtschaft-und-personlichkeit .eventOverviewItem__more:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem--computer-und-multimedia .eventOverviewItem__side {
  background-color: #fff;
}

.black-white .eventOverviewItem--computer-und-multimedia .eventOverviewItem__save {
  background-color: #fff;
}

.black-white .eventOverviewItem--computer-und-multimedia .eventOverviewItem__save:hover {
  background-color: gainsboro;
}

.black-white .eventOverviewItem--computer-und-multimedia .eventOverviewItem__save:active {
  box-shadow: none;
  background-color: gainsboro;
}

.black-white .eventOverviewItem--computer-und-multimedia .eventOverviewItem__wating {
  background-color: #fff;
}

.black-white .eventOverviewItem--computer-und-multimedia .eventOverviewItem__wating:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--computer-und-multimedia .eventOverviewItem__wating:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem--computer-und-multimedia .eventOverviewItem__more:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--computer-und-multimedia .eventOverviewItem__more:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem--naturwissenschaften-und-technik .eventOverviewItem__side {
  background-color: #fff;
}

.black-white .eventOverviewItem--naturwissenschaften-und-technik .eventOverviewItem__save {
  background-color: #fff;
}

.black-white .eventOverviewItem--naturwissenschaften-und-technik .eventOverviewItem__save:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--naturwissenschaften-und-technik .eventOverviewItem__save:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem--naturwissenschaften-und-technik .eventOverviewItem__wating {
  background-color: #fff;
}

.black-white .eventOverviewItem--naturwissenschaften-und-technik .eventOverviewItem__wating:hover {
  background-color: black;
}

.black-white .eventOverviewItem--naturwissenschaften-und-technik .eventOverviewItem__wating:active {
  box-shadow: none;
  background-color: black;
}

.black-white .eventOverviewItem--naturwissenschaften-und-technik .eventOverviewItem__more:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--naturwissenschaften-und-technik .eventOverviewItem__more:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem--politik-und-gesellschaft .eventOverviewItem__side {
  background-color: #fff;
}

.black-white .eventOverviewItem--politik-und-gesellschaft .eventOverviewItem__save {
  background-color: #fff;
}

.black-white .eventOverviewItem--politik-und-gesellschaft .eventOverviewItem__save:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--politik-und-gesellschaft .eventOverviewItem__save:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem--politik-und-gesellschaft .eventOverviewItem__wating {
  background-color: #fff;
}

.black-white .eventOverviewItem--politik-und-gesellschaft .eventOverviewItem__wating:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--politik-und-gesellschaft .eventOverviewItem__wating:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem--politik-und-gesellschaft .eventOverviewItem__more:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--politik-und-gesellschaft .eventOverviewItem__more:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem--kunst-und-kultur .eventOverviewItem__side {
  background-color: #fff;
}

.black-white .eventOverviewItem--kunst-und-kultur .eventOverviewItem__save {
  background-color: #fff;
}

.black-white .eventOverviewItem--kunst-und-kultur .eventOverviewItem__save:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--kunst-und-kultur .eventOverviewItem__save:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem--kunst-und-kultur .eventOverviewItem__wating {
  background-color: #fff;
}

.black-white .eventOverviewItem--kunst-und-kultur .eventOverviewItem__wating:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--kunst-und-kultur .eventOverviewItem__wating:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem--kunst-und-kultur .eventOverviewItem__more:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--kunst-und-kultur .eventOverviewItem__more:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem--gesundheit-und-bewegung .eventOverviewItem__side {
  background-color: #fff;
}

.black-white .eventOverviewItem--gesundheit-und-bewegung .eventOverviewItem__save {
  background-color: #fff;
}

.black-white .eventOverviewItem--gesundheit-und-bewegung .eventOverviewItem__save:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--gesundheit-und-bewegung .eventOverviewItem__save:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem--gesundheit-und-bewegung .eventOverviewItem__wating {
  background-color: #fff;
}

.black-white .eventOverviewItem--gesundheit-und-bewegung .eventOverviewItem__wating:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--gesundheit-und-bewegung .eventOverviewItem__wating:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem--gesundheit-und-bewegung .eventOverviewItem__more:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--gesundheit-und-bewegung .eventOverviewItem__more:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem--kinder .eventOverviewItem__side {
  background-color: #fff;
}

.black-white .eventOverviewItem--kinder .eventOverviewItem__save {
  background-color: #fff;
}

.black-white .eventOverviewItem--kinder .eventOverviewItem__save:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--kinder .eventOverviewItem__save:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem--kinder .eventOverviewItem__wating {
  background-color: #fff;
}

.black-white .eventOverviewItem--kinder .eventOverviewItem__wating:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--kinder .eventOverviewItem__wating:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem--kinder .eventOverviewItem__more:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--kinder .eventOverviewItem__more:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem--neutral .eventOverviewItem__side {
  background-color: #fff;
}

.black-white .eventOverviewItem--neutral .eventOverviewItem__save {
  background-color: #fff;
}

.black-white .eventOverviewItem--neutral .eventOverviewItem__save:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--neutral .eventOverviewItem__save:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem--neutral .eventOverviewItem__wating {
  background-color: #fff;
}

.black-white .eventOverviewItem--neutral .eventOverviewItem__wating:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--neutral .eventOverviewItem__wating:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem--neutral .eventOverviewItem__more:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--neutral .eventOverviewItem__more:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem--science .eventOverviewItem__side {
  background-color: #fff;
}

.black-white .eventOverviewItem--science .eventOverviewItem__save {
  background-color: #fff;
}

.black-white .eventOverviewItem--science .eventOverviewItem__save:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--science .eventOverviewItem__save:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem--science .eventOverviewItem__wating {
  background-color: #fff;
}

.black-white .eventOverviewItem--science .eventOverviewItem__wating:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--science .eventOverviewItem__wating:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem--science .eventOverviewItem__more:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--science .eventOverviewItem__more:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem--gratis-lernhilfe .eventOverviewItem__side {
  background-color: #fff;
}

.black-white .eventOverviewItem--gratis-lernhilfe .eventOverviewItem__save {
  background-color: #fff;
}

.black-white .eventOverviewItem--gratis-lernhilfe .eventOverviewItem__save:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--gratis-lernhilfe .eventOverviewItem__save:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem--gratis-lernhilfe .eventOverviewItem__wating {
  background-color: #fff;
}

.black-white .eventOverviewItem--gratis-lernhilfe .eventOverviewItem__wating:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--gratis-lernhilfe .eventOverviewItem__wating:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem--gratis-lernhilfe .eventOverviewItem__more:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--gratis-lernhilfe .eventOverviewItem__more:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem--elementarpadagogik .eventOverviewItem__side {
  background-color: #fff;
}

.black-white .eventOverviewItem--elementarpadagogik .eventOverviewItem__save {
  background-color: #fff;
}

.black-white .eventOverviewItem--elementarpadagogik .eventOverviewItem__save:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--elementarpadagogik .eventOverviewItem__save:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem--elementarpadagogik .eventOverviewItem__wating {
  background-color: #fff;
}

.black-white .eventOverviewItem--elementarpadagogik .eventOverviewItem__wating:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--elementarpadagogik .eventOverviewItem__wating:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem--elementarpadagogik .eventOverviewItem__more:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--elementarpadagogik .eventOverviewItem__more:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem--intern .eventOverviewItem__side {
  background-color: #fff;
}

.black-white .eventOverviewItem--intern .eventOverviewItem__save {
  background-color: #fff;
}

.black-white .eventOverviewItem--intern .eventOverviewItem__save:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--intern .eventOverviewItem__save:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem--intern .eventOverviewItem__wating {
  background-color: #fff;
}

.black-white .eventOverviewItem--intern .eventOverviewItem__wating:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--intern .eventOverviewItem__wating:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem--intern .eventOverviewItem__more:hover {
  background-color: #fff;
}

.black-white .eventOverviewItem--intern .eventOverviewItem__more:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .eventOverviewItem__details .icon {
  fill: #868686;
}

.black-white .filter-main {
  background-color: #fff;
}

.black-white .is-active .filter-main {
  background-color: #fff;
  color: #000;
}

.black-white .is-open .filter-main {
  background-color: #fff;
  color: #000;
}

.black-white .filter-item.is-open {
  box-shadow: none;
}

.black-white .fi-toggle {
  background-color: #fff;
}

.black-white .filter-item.is-open .fi-toggle {
  background-color: #fff;
  color: #000;
  fill: #fff;
}

.black-white .fi-dropdown {
  background-color: #fff;
}

.black-white .filter-item.is-open .fi-dropdown {
  box-shadow: none;
}

.black-white .filter-actives {
  background-color: #fff;
  color: #000;
}

.black-white .filter-actives-item {
  background-color: #fff;
  color: #000;
}

.black-white .fai-delete {
  background-color: #fff;
  color: #000;
}

.black-white .filter-actives-reset {
  color: #000;
}

.black-white .dropdown-checkbox:not(:last-child) {
  border-bottom-color: #000;
}

.black-white .dropdown-checkbox input[type="checkbox"] + label::before {
  background-color: #fff;
}

.black-white [data-whatinput="keyboard"] .dropdown-checkbox input[type="checkbox"]:focus + label {
  box-shadow: none;
}

.black-white input,
.black-white textarea {
  color: #000;
}

.black-white input:focus::before,
.black-white textarea:focus::before {
  background-color: #fff;
}

.black-white input::-webkit-input-placeholder,
.black-white textarea::-webkit-input-placeholder {
  color: #000;
}

.black-white input:-moz-placeholder,
.black-white textarea:-moz-placeholder {
  color: #000;
}

.black-white input::-moz-placeholder,
.black-white textarea::-moz-placeholder {
  color: #000;
}

.black-white input:-ms-input-placeholder,
.black-white textarea:-ms-input-placeholder {
  color: #000;
}

.black-white textarea,
.black-white input[type="text"],
.black-white input[type="password"],
.black-white input[type="email"] {
  border-bottom-color: #000;
}

.black-white textarea:invalid,
.black-white .has-error textarea,
.black-white input[type="text"]:invalid,
.black-white .has-error input[type="text"],
.black-white input[type="password"]:invalid,
.black-white .has-error input[type="password"],
.black-white input[type="email"]:invalid,
.black-white .has-error input[type="email"] {
  border-bottom-color: #000;
}

.black-white textarea:invalid ~ label,
.black-white .has-error textarea ~ label,
.black-white input[type="text"]:invalid ~ label,
.black-white .has-error input[type="text"] ~ label,
.black-white input[type="password"]:invalid ~ label,
.black-white .has-error input[type="password"] ~ label,
.black-white input[type="email"]:invalid ~ label,
.black-white .has-error input[type="email"] ~ label {
  color: #000;
}

.black-white .has-error textarea[value=""]:invalid,
.black-white .has-error input[type="text"][value=""]:invalid,
.black-white .has-error input[type="password"][value=""]:invalid,
.black-white .has-error input[type="email"][value=""]:invalid {
  border-bottom-color: #000;
}

.black-white .has-error label {
  color: #000;
}

.black-white input[type="checkbox"] + label::before {
  background-color: #fff;
  border-color: #000;
}

.black-white input[type="checkbox"]:checked + label::before {
  background-color: #fff;
}

.black-white [data-whatinput="keyboard"] input[type="checkbox"]:focus + label {
  box-shadow: none;
}

.black-white input[type="radio"] + label::before {
  background-color: #fff;
}

.black-white input[type="radio"]:checked + label::before {
  background-color: #fff;
}

.black-white [data-whatinput="keyboard"] input[type="radio"]:focus + label {
  box-shadow: none;
}

.black-white .form-field.has-focus::before {
  background-color: #fff;
}

.black-white .form-birthdate input[type="number"],
.black-white .form-address input[type="number"],
.black-white .form-city input[type="number"] {
  border-bottom-color: #000;
}

.black-white .form-birthdate input[type="number"]:invalid,
.black-white .has-error .form-birthdate input[type="number"],
.black-white .form-address input[type="number"]:invalid,
.black-white .has-error .form-address input[type="number"],
.black-white .form-city input[type="number"]:invalid,
.black-white .has-error .form-city input[type="number"] {
  border-bottom-color: #000;
}

.black-white .selectric-focus .selectric .label,
.black-white .selectric-open .selectric .label,
.black-white .selectric-hover .selectric .label,
.black-white .selectric .label {
  color: #000;
}

.black-white .selectric-items {
  box-shadow: none;
}

.black-white .selectric-items .selectric-scroll li {
  background-color: #fff;
  color: #000;
}

.black-white .form-field .selectric-focus .selectric,
.black-white .form-field .selectric-open .selectric,
.black-white .form-field .selectric-hover .selectric,
.black-white .form-field .selectric {
  border-bottom-color: #000;
  color: #000;
}

.black-white .form-errors {
  background-color: #fff;
  border-color: #000;
  color: #000;
}

.black-white .form-success {
  background-color: #fff;
  border-color: #000;
  color: #000;
}

.black-white .image-slider-with-thumbs .slick-prev,
.black-white .image-slider-with-thumbs .slick-next {
  background-color: #fff;
}

.black-white .iswt-slider figcaption {
  background-color: #fff;
}

.black-white .iswt-thumb-slider .slick-prev:hover,
.black-white .iswt-thumb-slider .slick-next:hover {
  box-shadow: none;
}

.black-white .iswt-thumb-slider .slick-prev:active,
.black-white .iswt-thumb-slider .slick-next:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .image-with-caption figcaption {
  background-color: #fff;
}

.black-white .input-number-increment,
.black-white .input-number-decrement {
  border-color: 0;
}

.black-white .location-card {
  background-color: #fff;
}

.black-white .location-card:hover {
  box-shadow: none;
}

.black-white .lc-title {
  color: #000;
  text-shadow: none;
}

.black-white .lc-link {
  background-color: #fff;
  color: #000;
}

.black-white .lc-link:hover {
  background-color: #fff;
}

.black-white .lc-link:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .lc-link:not(:last-child) {
  border-bottom-color: #000;
}

.black-white .lc-btn {
  background-color: #fff;
  color: #000;
}

.black-white .lc-btn:hover {
  background-color: #fff;
}

.black-white .lc-btn:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .page-planetarium .lc-btn {
  background-color: #fff;
}

.black-white .lgb-item {
  background-color: #fff;
}

.black-white .order-group__astroinfo .icon {
  fill: #868686;
}

.black-white .order-group__tooltip {
  background-color: #fff;
  box-shadow: none;
  color: #000;
}

.black-white .order-group__tooltip::after {
  border-top-color: #000;
  border-left-color: transparent;
  border-right-color: transparent;
}

.black-white .order-group__availibility {
  background-color: #fff;
}

.black-white .order-group__availibility.active::before,
.black-white .order-group__availibility:hover::before {
  background-color: #fff;
  box-shadow: none;
}

.black-white .order-group__availibility.active::after,
.black-white .order-group__availibility:hover::after {
  border-top-color: #000;
  border-left-color: transparent;
  border-right-color: transparent;
}

.black-white .order-group__save {
  color: #000;
}

.black-white .order-group__save:not(.is-active):hover {
  color: #000;
}

.black-white .order-group__form {
  border-color: #000;
}

.black-white .order-group__amount {
  color: #000;
}

.black-white .order-group__amount input {
  color: #000;
}

.black-white .page-mask-bg {
  background-color: #fff;
}

.black-white .modal-bg {
  background-color: #fff;
}

.black-white .modal-content {
  background-color: #fff;
  box-shadow: none;
}

.black-white .navbar {
  background-color: #fff;
  color: #000;
}

.black-white .navbar-nav-mobile {
  fill: #fff;
}

.black-white .navbar-nav-item {
  color: #000;
}

.black-white .nun-item[data-itemcount]::before {
  background-color: #fff;
  color: #000;
}

.black-white .hp-navbar {
  background-color: #fff;
  color: #000;
}

.black-white .hp-navbar-nav-desktop .navbar-nav-item {
  color: #000;
}

.black-white .hp-nav-vhs {
  color: #000;
}

.black-white .hp-nav-vhs-logo {
  background-color: #fff;
}

.black-white .hp-nav-vhs-nav-mobile {
  fill: #fff;
}

.black-white .hp-nav-vhs-title a {
  color: #000;
}

.black-white .hp-nav-vhs-nav-item {
  color: #000;
}

.black-white .page-title__extra {
  background-color: #fff;
  color: #000;
}

.black-white .page-back-btn {
  color: #000;
}

.black-white .pagination-start,
.black-white .pagination-end,
.black-white .pagination-prev,
.black-white .pagination-next {
  background-color: #fff;
  color: #000;
}

.black-white .pagination-start:hover,
.black-white .pagination-end:hover,
.black-white .pagination-prev:hover,
.black-white .pagination-next:hover {
  background-color: #fff;
}

.black-white .pagination-start:active,
.black-white .pagination-end:active,
.black-white .pagination-prev:active,
.black-white .pagination-next:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .pagination-start[disabled],
.black-white .pagination-end[disabled],
.black-white .pagination-prev[disabled],
.black-white .pagination-next[disabled] {
  background-color: #fff;
  color: #000;
}

.black-white .pagination-list-item-link {
  background-color: #fff;
  color: #000;
}

.black-white .pagination-list-item-link:hover {
  background-color: #fff;
}

.black-white .pagination-list-item-link:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .is-active .pagination-list-item-link {
  background-color: transparent;
}

.black-white .product-overview-item {
  background-color: #fff;
}

.black-white .product-overview-item:hover {
  box-shadow: none;
}

.black-white .poi-addtobookmarks:not(.is-active):hover {
  color: #000;
}

.black-white .poi-addtobookmarks-tooltip {
  background-color: #fff;
  box-shadow: none;
  color: #000;
}

.black-white .poi-addtobookmarks-tooltip::after {
  border-top-color: #000;
  border-left-color: transparent;
  border-right-color: transparent;
}

.black-white .poi-body {
  color: #000;
}

.black-white .poi-footer {
  border-top-color: #000;
  color: #000;
}

.black-white .poi-price-before {
  color: #000;
}

.black-white .poi-label {
  background-color: #fff;
  color: #000;
}

.black-white .product-slider-item {
  background-color: #fff;
}

.black-white .product-slider-item:hover {
  box-shadow: none;
}

.black-white .psi-body {
  color: #000;
}

.black-white .psi-footer {
  border-top-color: #000;
  color: #000;
}

.black-white .psi-price-before {
  color: #000;
}

.black-white .psi-label {
  background-color: #fff;
  color: #000;
}

.black-white .progressbar-circle {
  border-color: #000;
  color: #000;
}

.black-white .progressbar-circle.is-active {
  background-color: transparent;
  border-color: #000;
}

.black-white .progressbar-circle.is-active .progressbar-label {
  color: #000;
}

.black-white .progressbar-circle.is-active .progressbar-title {
  color: #000;
}

.black-white .progressbar-circle.is-done {
  background-color: transparent;
  border-color: #000;
}

.black-white .progressbar-circle.is-done .progressbar-label {
  color: transparent;
}

.black-white .progressbar-circle.is-done .progressbar-title {
  color: #000;
}

.black-white .progressbar-circle.is-done + .progressbar-bar::before {
  background-color: #fff;
}

.black-white .progressbar-circle .icon {
  fill: #f00;
}

.black-white .progressbar-bar::before {
  background-color: #fff;
}

.black-white .progressbar-bar.is-done::before {
  background-color: #fff;
}

.black-white .progressbar-label {
  color: #000;
}

.black-white .progressbar-title {
  color: #000;
}

.black-white .searchbar {
  background-color: #fff;
  border-color: #000;
}

.black-white .searchbar.has-focus {
  box-shadow: none;
}

.black-white input[type="text"].searchbar-input {
  background-color: #fff;
  color: #000;
}

.black-white input[type="text"].searchbar-input::-webkit-input-placeholder {
  color: #000;
}

.black-white input[type="text"].searchbar-input:-moz-placeholder {
  color: #000;
}

.black-white input[type="text"].searchbar-input::-moz-placeholder {
  color: #000;
}

.black-white input[type="text"].searchbar-input:-ms-input-placeholder {
  color: #000;
}

.black-white .searchbar--planetarium {
  border-color: #000;
}

.black-white .searchbar--planetarium .searchbar-btn {
  background-color: #fff;
}

.black-white .searchbar--planetarium input[type="text"].searchbar-input::-webkit-input-placeholder {
  color: #000;
}

.black-white .searchbar--planetarium input[type="text"].searchbar-input:-moz-placeholder {
  color: #000;
}

.black-white .searchbar--planetarium input[type="text"].searchbar-input::-moz-placeholder {
  color: #000;
}

.black-white .searchbar--planetarium input[type="text"].searchbar-input:-ms-input-placeholder {
  color: #000;
}

.black-white .shop-categories-item figcaption {
  background-color: #fff;
}

.black-white .subnav {
  background-color: #fff;
  border-top-color: #000;
  color: #000;
}

.black-white .subnav-nav-mobile {
  fill: #000;
}

.black-white .subnav-nav-desktop .navbar-nav-item {
  color: #000;
}

.black-white .subsubnav {
  background-color: #fff;
  border-color: #000;
  border-top-color: 0;
  color: #000;
}

.black-white .subsubnav-nav-mobile {
  fill: #000;
}

.black-white .subsubnav-nav-desktop .navbar-nav-item {
  color: #000;
}

.black-white .swal-title {
  color: #000;
}

.black-white .swal-icon--warning {
  border-color: #000;
}

.black-white .swal-icon--warning .swal-icon--warning__body {
  background-color: #fff;
}

.black-white .swal-icon--warning .swal-icon--warning__dot {
  background-color: #fff;
}

.black-white .swal-icon--error {
  border-color: #000;
}

.black-white .swal-icon--error .swal-icon--error__line {
  background-color: #fff;
}

.black-white .swal-button--cancel {
  background-color: #fff;
  color: #000;
}

.black-white .swal-button--cancel:hover {
  background-color: #fff;
}

.black-white .swal-button--cancel:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .tib-img figcaption {
  background-color: #fff;
}

.black-white .loading {
  border-top-color: #000;
  border-right-color: #000;
  border-bottom-color: #000;
  border-left-color: #000;
}

.black-white .youtube-block {
  background-color: #fff;
}

.black-white .nav-mobile {
  background-color: #fff;
}

.black-white .header--planetarium .nav-mobile {
  background-color: #fff;
}

.black-white .nav-mobile__close {
  background-color: #fff;
}

.black-white .nav-mobile .parent:after {
  border-left-color: #000;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.black-white .nav-mobile .back:before {
  border-right-color: #000;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.black-white .nav-mobile__step {
  background-color: #fff;
  color: #000;
}

.black-white .header--planetarium .nav-mobile__step {
  background-color: #fff;
}

.black-white .nav-mobile__step.nav-mobile__sub {
  background-color: #fff;
  color: #000;
}

.black-white .nav-mobile__step.nav-mobile__sub .parent:after {
  border-left-color: #000;
}

.black-white .nav-mobile__step.nav-mobile__sub .back:before {
  border-right-color: #000;
}

.black-white .nav-mobile__step.nav-mobile__sub .nav-mobile__sub {
  background-color: #fff;
}

.black-white .nav-mobile__step li + li {
  border-top-color: #000;
}

.black-white .nav-mobile__step .nav-mobile__sub .nav-mobile__sub li + li {
  border-top-color: #000;
}

.black-white .widget,
.black-white .dates-widget,
.black-white .download-widget,
.black-white .logo-widget,
.black-white .map-widget,
.black-white .newsletter-widget,
.black-white .payment-widget,
.black-white .social-widget,
.black-white .share-widget,
.black-white .dates-widget,
.black-white .download-widget,
.black-white .logo-widget,
.black-white .map-widget,
.black-white .newsletter-widget,
.black-white .payment-widget,
.black-white .social-widget {
  background-color: #fff;
}

.black-white .calendar .header {
  background-color: #fff;
  border-bottom-color: #000;
  color: #000;
}

.black-white .page-planetarium .calendar .header {
  background-color: #fff;
  border-bottom-color: #000;
  color: #000;
}

.black-white .calendar .month {
  background-color: #fff;
  color: #000;
}

.black-white .page-planetarium .calendar .month {
  background-color: #fff;
  color: #000;
}

.black-white .calendar .day.other {
  color: transparent;
}

.black-white .calendar .day.today {
  color: #000;
}

.black-white .calendar .day.today::before {
  background-color: #fff;
}

.black-white .calendar .day-name {
  color: #000;
}

.black-white .page-planetarium .calendar .day-name {
  color: #000;
}

.black-white .calendar .day-number {
  color: #000;
}

.black-white .calendar .day-number.has-termin {
  color: #000;
}

.black-white .page-planetarium .calendar .day-number.has-termin {
  color: #000;
}

.black-white .page-planetarium .calendar .day-number {
  color: #000;
}

.black-white .contact-info-widget {
  background-color: #fff;
  color: #000;
}

.black-white .lw-item:not(:last-child) {
  border-bottom-color: #000;
}

.black-white .mw-map-container {
  background-color: #fff;
}

.black-white .nw-head {
  background-color: #fff;
  border-bottom-color: #000;
}

.black-white .nw-head .loading-wrapper .loading {
  border-top-color: #000;
  border-right-color: #000;
  border-bottom-color: #000;
  border-left-color: #000;
}

.black-white .nw-head-icon {
  background-color: #fff;
}

.black-white .nw-head-icon .icon-mail {
  fill: #f00;
}

.black-white .nw-head-icon .icon-checkmark-circled {
  fill: #2ecd2e;
}

.black-white [data-state="success"] .nw-status {
  color: #000;
}

.black-white [data-state="error"] .nw-status {
  color: #000;
}

.black-white .nw-btn {
  border-top-color: #000;
  color: #000;
}

.black-white .page-planetarium .nw-btn {
  background-color: #fff;
}

.black-white .nw-btn .loading-wrapper {
  background-color: #fff;
}

.black-white .payment-widget {
  border-color: #000;
}

.black-white .payment-widget-item:not(:last-child) {
  border-bottom-color: #000;
}

.black-white .payment-widget-item input[type="radio"] + label {
  color: #000;
}

.black-white .payment-widget-item input[type="radio"]:checked + label {
  color: #000;
}

.black-white .social-widget {
  background-color: #fff;
}

.black-white .sw-item {
  background-color: #fff;
  color: #000;
}

.black-white .sw-item:hover {
  background-color: #fff;
}

.black-white .sw-item:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .sw-item:not(:last-child) {
  border-right-color: #000;
}

.black-white .bookmarks-list {
  background-color: #fff;
}

.black-white .courseCatBlocks .courseCatBlocks__item {
  color: #000;
}

@media screen and (min-width: 64.0625em) {
  .black-white .courseCatBlocks .courseCatBlocks__item:hover {
    box-shadow: none;
  }
}

.black-white .courseCatBlocks .courseCatBlocks__item--sprachen {
  background-color: #fff;
}

.black-white .courseCatBlocks .courseCatBlocks__item--basisbildung-und-bildungsabschlusse {
  background-color: #fff;
}

.black-white .courseCatBlocks .courseCatBlocks__item--wirtschaft-und-personlichkeit {
  background-color: #fff;
}

.black-white .courseCatBlocks .courseCatBlocks__item--computer-und-multimedia {
  background-color: #fff;
}

.black-white .courseCatBlocks .courseCatBlocks__item--naturwissenschaften-und-technik {
  background-color: #fff;
}

.black-white .courseCatBlocks .courseCatBlocks__item--politik-und-gesellschaft {
  background-color: #fff;
}

.black-white .courseCatBlocks .courseCatBlocks__item--kunst-und-kultur {
  background-color: #fff;
}

.black-white .courseCatBlocks .courseCatBlocks__item--gesundheit-und-bewegung {
  background-color: #fff;
}

.black-white .courseCatBlocks .courseCatBlocks__item--kinder {
  background-color: #fff;
}

.black-white .courseCatBlocks .courseCatBlocks__item--neutral {
  background-color: #fff;
}

.black-white .courseCatBlocks .courseCatBlocks__item--science {
  background-color: #fff;
}

.black-white .courseCatBlocks .courseCatBlocks__item--gratis-lernhilfe {
  background-color: #fff;
}

.black-white .courseCatBlocks .courseCatBlocks__item--elementarpadagogik {
  background-color: #fff;
}

.black-white .courseCatBlocks .courseCatBlocks__item--intern {
  background-color: #fff;
}

.black-white .courseCatBlocks--outlined .courseCatBlocks__item--sprachen {
  background-color: transparent;
  border-color: #000;
  color: #000;
}

.black-white .courseCatBlocks--outlined .courseCatBlocks__item--basisbildung-und-bildungsabschlusse {
  background-color: transparent;
  border-color: #000;
  color: #000;
}

.black-white .courseCatBlocks--outlined .courseCatBlocks__item--wirtschaft-und-personlichkeit {
  background-color: transparent;
  border-color: #000;
  color: #000;
}

.black-white .courseCatBlocks--outlined .courseCatBlocks__item--computer-und-multimedia {
  background-color: transparent;
  border-color: #000;
  color: #000;
}

.black-white .courseCatBlocks--outlined .courseCatBlocks__item--naturwissenschaften-und-technik {
  background-color: transparent;
  border-color: #000;
  color: #000;
}

.black-white .courseCatBlocks--outlined .courseCatBlocks__item--politik-und-gesellschaft {
  background-color: transparent;
  border-color: #000;
  color: #000;
}

.black-white .courseCatBlocks--outlined .courseCatBlocks__item--kunst-und-kultur {
  background-color: transparent;
  border-color: #000;
  color: #000;
}

.black-white .courseCatBlocks--outlined .courseCatBlocks__item--gesundheit-und-bewegung {
  background-color: transparent;
  border-color: #000;
  color: #000;
}

.black-white .courseCatBlocks--outlined .courseCatBlocks__item--kinder {
  background-color: transparent;
  border-color: #000;
  color: #000;
}

.black-white .courseCatBlocks--outlined .courseCatBlocks__item--neutral {
  background-color: transparent;
  border-color: #000;
  color: #000;
}

.black-white .courseCatBlocks--outlined .courseCatBlocks__item--science {
  background-color: transparent;
  border-color: #000;
  color: #000;
}

.black-white .courseCatBlocks--outlined .courseCatBlocks__item--gratis-lernhilfe {
  background-color: transparent;
  border-color: #000;
  color: #000;
}

.black-white .courseCatBlocks--outlined .courseCatBlocks__item--elementarpadagogik {
  background-color: transparent;
  border-color: #000;
  color: #000;
}

.black-white .courseCatBlocks--outlined .courseCatBlocks__item--intern {
  background-color: transparent;
  border-color: #000;
  color: #000;
}

.black-white .courseCatList__wrapper {
  background-color: #fff;
}

.black-white .courseCatList__list {
  color: #000;
}

.black-white .courseCatList--sprachen .courseCatList__parentLink {
  border-bottom-color: #000;
}

.black-white .courseCatList--basisbildung-und-bildungsabschlusse .courseCatList__parentLink {
  border-bottom-color: #000;
}

.black-white .courseCatList--wirtschaft-und-personlichkeit .courseCatList__parentLink {
  border-bottom-color: #000;
}

.black-white .courseCatList--computer-und-multimedia .courseCatList__parentLink {
  border-bottom-color: #000;
}

.black-white .courseCatList--naturwissenschaften-und-technik .courseCatList__parentLink {
  border-bottom-color: #000;
}

.black-white .courseCatList--politik-und-gesellschaft .courseCatList__parentLink {
  border-bottom-color: #000;
}

.black-white .courseCatList--kunst-und-kultur .courseCatList__parentLink {
  border-bottom-color: #000;
}

.black-white .courseCatList--gesundheit-und-bewegung .courseCatList__parentLink {
  border-bottom-color: #000;
}

.black-white .courseCatList--kinder .courseCatList__parentLink {
  border-bottom-color: #000;
}

.black-white .courseCatList--neutral .courseCatList__parentLink {
  border-bottom-color: #000;
}

.black-white .courseCatList--science .courseCatList__parentLink {
  border-bottom-color: #000;
}

.black-white .courseCatList--gratis-lernhilfe .courseCatList__parentLink {
  border-bottom-color: #000;
}

.black-white .courseCatList--elementarpadagogik .courseCatList__parentLink {
  border-bottom-color: #000;
}

.black-white .courseCatList--intern .courseCatList__parentLink {
  border-bottom-color: #000;
}

.black-white .course-slider--popular .slick-prev,
.black-white .course-slider--popular .slick-next {
  background-color: #fff;
}

.black-white .course-slider--popular .course-slider-item {
  color: #000;
}

.black-white .course-slider--popular .csi-category-link {
  background-color: #fff;
  color: #000;
}

.black-white .course-slider--popular .csi-category-link:hover {
  box-shadow: none;
}

.black-white .course-slider--popular .csi-category-link.csi--sprachen {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-category-link.csi--basisbildung-und-bildungsabschlusse {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-category-link.csi--wirtschaft-und-personlichkeit {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-category-link.csi--computer-und-multimedia {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-category-link.csi--naturwissenschaften-und-technik {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-category-link.csi--politik-und-gesellschaft {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-category-link.csi--kunst-und-kultur {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-category-link.csi--kinder {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-category-link.csi--neutral {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-category-link.csi--science {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-category-link.csi--gratis-lernhilfe {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-category-link.csi--elementarpadagogik {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-category-link.csi--intern {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-category-text {
  color: #000;
}

.black-white .course-slider--popular .csi-item {
  background-color: #fff;
  color: #000;
}

.black-white .course-slider--popular .csi-item:hover {
  box-shadow: none;
}

.black-white .course-slider--popular .csi-item.csi--sprachen {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--sprachen:nth-child(3n + 1) {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--sprachen:nth-child(3n + 2) {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--basisbildung-und-bildungsabschlusse {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--basisbildung-und-bildungsabschlusse:nth-child(3n + 1) {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--basisbildung-und-bildungsabschlusse:nth-child(3n + 2) {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--wirtschaft-und-personlichkeit {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--wirtschaft-und-personlichkeit:nth-child(3n + 1) {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--wirtschaft-und-personlichkeit:nth-child(3n + 2) {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--computer-und-multimedia {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--computer-internet-und-multimedia {
  background-color: #fff;
  color: #000;
}

.black-white .course-slider--popular .csi-item.csi--computer-und-multimedia:nth-child(3n + 1) {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--computer-und-multimedia:nth-child(3n + 2) {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--naturwissenschaften-und-technik {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--naturwissenschaften-und-technik:nth-child(3n + 1) {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--naturwissenschaften-und-technik:nth-child(3n + 2) {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--politik-und-gesellschaft {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--politik-und-gesellschaft:nth-child(3n + 1) {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--politik-und-gesellschaft:nth-child(3n + 2) {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--kunst-und-kultur {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--kunst-und-kultur:nth-child(3n + 1) {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--kunst-und-kultur:nth-child(3n + 2) {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--gesundheit-und-bewegung {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--gesundheit-und-bewegung:nth-child(3n + 1) {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--gesundheit-und-bewegung:nth-child(3n + 2) {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--kinder {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--kinder:nth-child(3n + 1) {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--kinder:nth-child(3n + 2) {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--neutral {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--neutral:nth-child(3n + 1) {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--neutral:nth-child(3n + 2) {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--science {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--science:nth-child(3n + 1) {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--science:nth-child(3n + 2) {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--gratis-lernhilfe {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--gratis-lernhilfe:nth-child(3n + 1) {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--gratis-lernhilfe:nth-child(3n + 2) {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--elementarpadagogik {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--elementarpadagogik:nth-child(3n + 1) {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--elementarpadagogik:nth-child(3n + 2) {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--intern {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--intern:nth-child(3n + 1) {
  background-color: #fff;
}

.black-white .course-slider--popular .csi-item.csi--intern:nth-child(3n + 2) {
  background-color: #fff;
}

.black-white .course-slider--recent .slick-prev,
.black-white .course-slider--recent .slick-next {
  background-color: #fff;
}

.black-white .course-slider--recent .course-slider-item {
  background-color: #fff;
  color: #000;
}

.black-white .course-slider--recent .course-slider-item:hover {
  box-shadow: none;
}

.black-white .course-slider--recent .csi-headings .icon,
.black-white .course-slider--recent .csi-info .icon {
  fill: #868686;
}

.black-white .course-slider--recent .csi-label {
  background-color: #fff;
  color: #000;
}

.black-white .course-slider--recent .csi-inProgress {
  border-top-color: #000;
}

.black-white .course-slider--recent .csi-inProgress .icon {
  fill: #f00;
}

.black-white .course-slider--recent .csi-price {
  border-top-color: #000;
}

.black-white .course-slider--recent .csi-availability.csi-availability--1 {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-availability.csi-availability--2 {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-availability.csi-availability--3 {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer .csi-footer-phone svg {
  fill: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--sprachen {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--sprachen .csi-footer-bookmark {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--sprachen .csi-footer-bookmark:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--sprachen .csi-footer-bookmark:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--sprachen .csi-footer-phone {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--sprachen .csi-footer-phone:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--sprachen .csi-footer-phone:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--sprachen .csi-link:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--sprachen .csi-link:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--basisbildung-und-bildungsabschlusse {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--basisbildung-und-bildungsabschlusse .csi-footer-bookmark {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--basisbildung-und-bildungsabschlusse .csi-footer-bookmark:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--basisbildung-und-bildungsabschlusse .csi-footer-bookmark:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--basisbildung-und-bildungsabschlusse .csi-footer-phone {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--basisbildung-und-bildungsabschlusse .csi-footer-phone:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--basisbildung-und-bildungsabschlusse .csi-footer-phone:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--basisbildung-und-bildungsabschlusse .csi-link:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--basisbildung-und-bildungsabschlusse .csi-link:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--wirtschaft-und-personlichkeit {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--wirtschaft-und-personlichkeit .csi-footer-bookmark {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--wirtschaft-und-personlichkeit .csi-footer-bookmark:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--wirtschaft-und-personlichkeit .csi-footer-bookmark:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--wirtschaft-und-personlichkeit .csi-footer-phone {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--wirtschaft-und-personlichkeit .csi-footer-phone:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--wirtschaft-und-personlichkeit .csi-footer-phone:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--wirtschaft-und-personlichkeit .csi-link:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--wirtschaft-und-personlichkeit .csi-link:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--computer-und-multimedia {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--computer-und-multimedia .csi-footer-bookmark {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--computer-und-multimedia .csi-footer-bookmark:hover {
  background-color: gainsboro;
}

.black-white .course-slider--recent .csi-footer.csi--computer-und-multimedia .csi-footer-bookmark:active {
  box-shadow: none;
  background-color: gainsboro;
}

.black-white .course-slider--recent .csi-footer.csi--computer-und-multimedia .csi-footer-phone {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--computer-und-multimedia .csi-footer-phone:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--computer-und-multimedia .csi-footer-phone:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--computer-und-multimedia .csi-link:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--computer-und-multimedia .csi-link:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--naturwissenschaften-und-technik {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--naturwissenschaften-und-technik .csi-footer-bookmark {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--naturwissenschaften-und-technik .csi-footer-bookmark:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--naturwissenschaften-und-technik .csi-footer-bookmark:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--naturwissenschaften-und-technik .csi-footer-phone {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--naturwissenschaften-und-technik .csi-footer-phone:hover {
  background-color: black;
}

.black-white .course-slider--recent .csi-footer.csi--naturwissenschaften-und-technik .csi-footer-phone:active {
  box-shadow: none;
  background-color: black;
}

.black-white .course-slider--recent .csi-footer.csi--naturwissenschaften-und-technik .csi-link:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--naturwissenschaften-und-technik .csi-link:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--politik-und-gesellschaft {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--politik-und-gesellschaft .csi-footer-bookmark {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--politik-und-gesellschaft .csi-footer-bookmark:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--politik-und-gesellschaft .csi-footer-bookmark:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--politik-und-gesellschaft .csi-footer-phone {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--politik-und-gesellschaft .csi-footer-phone:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--politik-und-gesellschaft .csi-footer-phone:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--politik-und-gesellschaft .csi-link:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--politik-und-gesellschaft .csi-link:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--kunst-und-kultur {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--kunst-und-kultur .csi-footer-bookmark {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--kunst-und-kultur .csi-footer-bookmark:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--kunst-und-kultur .csi-footer-bookmark:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--kunst-und-kultur .csi-footer-phone {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--kunst-und-kultur .csi-footer-phone:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--kunst-und-kultur .csi-footer-phone:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--kunst-und-kultur .csi-link:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--kunst-und-kultur .csi-link:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--gesundheit-und-bewegung {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--gesundheit-und-bewegung .csi-footer-bookmark {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--gesundheit-und-bewegung .csi-footer-bookmark:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--gesundheit-und-bewegung .csi-footer-bookmark:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--gesundheit-und-bewegung .csi-footer-phone {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--gesundheit-und-bewegung .csi-footer-phone:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--gesundheit-und-bewegung .csi-footer-phone:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--gesundheit-und-bewegung .csi-link:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--gesundheit-und-bewegung .csi-link:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--kinder {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--kinder .csi-footer-bookmark {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--kinder .csi-footer-bookmark:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--kinder .csi-footer-bookmark:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--kinder .csi-footer-phone {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--kinder .csi-footer-phone:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--kinder .csi-footer-phone:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--kinder .csi-link:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--kinder .csi-link:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--neutral {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--neutral .csi-footer-bookmark {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--neutral .csi-footer-bookmark:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--neutral .csi-footer-bookmark:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--neutral .csi-footer-phone {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--neutral .csi-footer-phone:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--neutral .csi-footer-phone:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--neutral .csi-link:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--neutral .csi-link:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--science {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--science .csi-footer-bookmark {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--science .csi-footer-bookmark:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--science .csi-footer-bookmark:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--science .csi-footer-phone {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--science .csi-footer-phone:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--science .csi-footer-phone:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--science .csi-link:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--science .csi-link:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--gratis-lernhilfe {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--gratis-lernhilfe .csi-footer-bookmark {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--gratis-lernhilfe .csi-footer-bookmark:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--gratis-lernhilfe .csi-footer-bookmark:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--gratis-lernhilfe .csi-footer-phone {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--gratis-lernhilfe .csi-footer-phone:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--gratis-lernhilfe .csi-footer-phone:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--gratis-lernhilfe .csi-link:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--gratis-lernhilfe .csi-link:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--elementarpadagogik {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--elementarpadagogik .csi-footer-bookmark {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--elementarpadagogik .csi-footer-bookmark:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--elementarpadagogik .csi-footer-bookmark:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--elementarpadagogik .csi-footer-phone {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--elementarpadagogik .csi-footer-phone:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--elementarpadagogik .csi-footer-phone:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--elementarpadagogik .csi-link:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--elementarpadagogik .csi-link:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--intern {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--intern .csi-footer-bookmark {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--intern .csi-footer-bookmark:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--intern .csi-footer-bookmark:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--intern .csi-footer-phone {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--intern .csi-footer-phone:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--intern .csi-footer-phone:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--intern .csi-link:hover {
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer.csi--intern .csi-link:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--recent .csi-footer-bookmark svg {
  fill: #fff;
}

.black-white .course-slider--recent .csi-link {
  color: #000;
}

.black-white .course-slider--local .slick-prev,
.black-white .course-slider--local .slick-next {
  background-color: #fff;
}

.black-white .course-slider--local .course-slider-item {
  color: #000;
}

.black-white .course-slider--local .course-slider-item {
  background-color: #fff;
  color: #000;
}

.black-white .course-slider--local .course-slider-item:hover {
  box-shadow: none;
}

.black-white .course-slider--local .csi-headings .icon,
.black-white .course-slider--local .csi-info .icon {
  fill: #868686;
}

.black-white .course-slider--local .csi-label {
  background-color: #fff;
  color: #000;
}

.black-white .course-slider--local .csi-inProgress {
  border-top-color: #000;
}

.black-white .course-slider--local .csi-inProgress .icon {
  fill: #f00;
}

.black-white .course-slider--local .csi-price {
  border-top-color: #000;
}

.black-white .course-slider--local .csi-availability.csi-availability--1 {
  background-color: #fff;
}

.black-white .course-slider--local .csi-availability.csi-availability--2 {
  background-color: #fff;
}

.black-white .course-slider--local .csi-availability.csi-availability--3 {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer .csi-footer-phone svg {
  fill: #fff;
}

.black-white .course-slider--local .csi-footer.csi--sprachen {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--sprachen .csi-footer-bookmark {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--sprachen .csi-footer-bookmark:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--sprachen .csi-footer-bookmark:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--sprachen .csi-footer-phone {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--sprachen .csi-footer-phone:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--sprachen .csi-footer-phone:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--sprachen .csi-link:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--sprachen .csi-link:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--basisbildung-und-bildungsabschlusse {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--basisbildung-und-bildungsabschlusse .csi-footer-bookmark {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--basisbildung-und-bildungsabschlusse .csi-footer-bookmark:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--basisbildung-und-bildungsabschlusse .csi-footer-bookmark:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--basisbildung-und-bildungsabschlusse .csi-footer-phone {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--basisbildung-und-bildungsabschlusse .csi-footer-phone:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--basisbildung-und-bildungsabschlusse .csi-footer-phone:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--basisbildung-und-bildungsabschlusse .csi-link:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--basisbildung-und-bildungsabschlusse .csi-link:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--wirtschaft-und-personlichkeit {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--wirtschaft-und-personlichkeit .csi-footer-bookmark {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--wirtschaft-und-personlichkeit .csi-footer-bookmark:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--wirtschaft-und-personlichkeit .csi-footer-bookmark:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--wirtschaft-und-personlichkeit .csi-footer-phone {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--wirtschaft-und-personlichkeit .csi-footer-phone:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--wirtschaft-und-personlichkeit .csi-footer-phone:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--wirtschaft-und-personlichkeit .csi-link:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--wirtschaft-und-personlichkeit .csi-link:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--computer-und-multimedia {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--computer-und-multimedia .csi-footer-bookmark {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--computer-und-multimedia .csi-footer-bookmark:hover {
  background-color: gainsboro;
}

.black-white .course-slider--local .csi-footer.csi--computer-und-multimedia .csi-footer-bookmark:active {
  box-shadow: none;
  background-color: gainsboro;
}

.black-white .course-slider--local .csi-footer.csi--computer-und-multimedia .csi-footer-phone {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--computer-und-multimedia .csi-footer-phone:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--computer-und-multimedia .csi-footer-phone:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--computer-und-multimedia .csi-link:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--computer-und-multimedia .csi-link:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--naturwissenschaften-und-technik {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--naturwissenschaften-und-technik .csi-footer-bookmark {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--naturwissenschaften-und-technik .csi-footer-bookmark:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--naturwissenschaften-und-technik .csi-footer-bookmark:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--naturwissenschaften-und-technik .csi-footer-phone {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--naturwissenschaften-und-technik .csi-footer-phone:hover {
  background-color: black;
}

.black-white .course-slider--local .csi-footer.csi--naturwissenschaften-und-technik .csi-footer-phone:active {
  box-shadow: none;
  background-color: black;
}

.black-white .course-slider--local .csi-footer.csi--naturwissenschaften-und-technik .csi-link:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--naturwissenschaften-und-technik .csi-link:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--politik-und-gesellschaft {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--politik-und-gesellschaft .csi-footer-bookmark {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--politik-und-gesellschaft .csi-footer-bookmark:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--politik-und-gesellschaft .csi-footer-bookmark:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--politik-und-gesellschaft .csi-footer-phone {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--politik-und-gesellschaft .csi-footer-phone:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--politik-und-gesellschaft .csi-footer-phone:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--politik-und-gesellschaft .csi-link:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--politik-und-gesellschaft .csi-link:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--kunst-und-kultur {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--kunst-und-kultur .csi-footer-bookmark {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--kunst-und-kultur .csi-footer-bookmark:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--kunst-und-kultur .csi-footer-bookmark:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--kunst-und-kultur .csi-footer-phone {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--kunst-und-kultur .csi-footer-phone:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--kunst-und-kultur .csi-footer-phone:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--kunst-und-kultur .csi-link:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--kunst-und-kultur .csi-link:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--gesundheit-und-bewegung {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--gesundheit-und-bewegung .csi-footer-bookmark {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--gesundheit-und-bewegung .csi-footer-bookmark:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--gesundheit-und-bewegung .csi-footer-bookmark:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--gesundheit-und-bewegung .csi-footer-phone {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--gesundheit-und-bewegung .csi-footer-phone:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--gesundheit-und-bewegung .csi-footer-phone:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--gesundheit-und-bewegung .csi-link:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--gesundheit-und-bewegung .csi-link:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--kinder {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--kinder .csi-footer-bookmark {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--kinder .csi-footer-bookmark:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--kinder .csi-footer-bookmark:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--kinder .csi-footer-phone {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--kinder .csi-footer-phone:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--kinder .csi-footer-phone:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--kinder .csi-link:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--kinder .csi-link:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--neutral {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--neutral .csi-footer-bookmark {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--neutral .csi-footer-bookmark:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--neutral .csi-footer-bookmark:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--neutral .csi-footer-phone {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--neutral .csi-footer-phone:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--neutral .csi-footer-phone:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--neutral .csi-link:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--neutral .csi-link:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--science {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--science .csi-footer-bookmark {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--science .csi-footer-bookmark:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--science .csi-footer-bookmark:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--science .csi-footer-phone {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--science .csi-footer-phone:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--science .csi-footer-phone:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--science .csi-link:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--science .csi-link:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--gratis-lernhilfe {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--gratis-lernhilfe .csi-footer-bookmark {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--gratis-lernhilfe .csi-footer-bookmark:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--gratis-lernhilfe .csi-footer-bookmark:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--gratis-lernhilfe .csi-footer-phone {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--gratis-lernhilfe .csi-footer-phone:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--gratis-lernhilfe .csi-footer-phone:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--gratis-lernhilfe .csi-link:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--gratis-lernhilfe .csi-link:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--elementarpadagogik {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--elementarpadagogik .csi-footer-bookmark {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--elementarpadagogik .csi-footer-bookmark:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--elementarpadagogik .csi-footer-bookmark:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--elementarpadagogik .csi-footer-phone {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--elementarpadagogik .csi-footer-phone:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--elementarpadagogik .csi-footer-phone:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--elementarpadagogik .csi-link:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--elementarpadagogik .csi-link:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--intern {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--intern .csi-footer-bookmark {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--intern .csi-footer-bookmark:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--intern .csi-footer-bookmark:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--intern .csi-footer-phone {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--intern .csi-footer-phone:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--intern .csi-footer-phone:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--intern .csi-link:hover {
  background-color: #fff;
}

.black-white .course-slider--local .csi-footer.csi--intern .csi-link:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .event-slider {
  background-color: #fff;
}

.black-white .event-slider-slider .slick-prev,
.black-white .event-slider-slider .slick-next {
  background-color: #fff;
}

.black-white .event-slider-item {
  background-color: #fff;
}

.black-white .event-slider-item:hover {
  box-shadow: none;
}

.black-white .esi-header {
  color: #000;
}

.black-white .esi-img {
  background-color: #fff;
}

.black-white .esi-title-line {
  background-color: #fff;
}

.black-white .esi-body {
  background-color: #fff;
}

.black-white .page-planetarium .esi-link {
  background-color: #fff;
}

.black-white .footer-info {
  background-color: #fff;
}

.black-white .footer-info-inner {
  color: #000;
}

.black-white .footer-info-text-tel {
  color: #000;
}

.black-white .footer-info-text-mail {
  color: #000;
}

.black-white .footer-info-btn {
  background-color: transparent;
  border-color: #000;
  color: #000;
}

.black-white .footer-location-info {
  background-color: #fff;
}

.black-white .footer-location-info-inner {
  color: #000;
}

.black-white .footer-location-info-text-tel {
  color: #000;
}

.black-white .footer-location-info-text-mail {
  color: #000;
}

@media screen and (min-width: 40em) {
  .black-white .footer-location-info-text-mail::before {
    background-color: #fff;
  }
}

.black-white .footer-location-info-btn {
  background-color: transparent;
  border-color: #000;
  color: #000;
}

.black-white .footer-logos {
  background-color: #fff;
}

.black-white .footer-scrollToTop {
  background-color: #fff;
  border-color: #000;
  color: #000;
}

.black-white .footer-links {
  background-color: #fff;
}

.black-white .footer-links-inner {
  color: #000;
}

.black-white .footer-links-item {
  color: #000;
}

.black-white .footer-info--small .footer-info-text-tel {
  color: #000;
}

.black-white .footer-info--small .footer-info-text-mail {
  color: #000;
}

.black-white .h-topnav-text-tel {
  color: #000;
}

.black-white .h-topnav-text-mail {
  color: #000;
}

.black-white .h-topnav-links .h-topnav-links-item {
  color: #000;
}

.black-white .header--checkout {
  background-color: #fff;
}

.black-white .hc-nav-item {
  color: #000;
}

.black-white .hc-nav-item .icon {
  fill: #000;
}

.black-white .hh-slider .slick-dots button::before {
  background-color: #fff;
}

.black-white .hh-slider .slick-dots .slick-active button {
  border-color: #000;
}

.black-white .hh-slide-title-label {
  background-color: #fff;
}

.black-white .hh-slide-title-line {
  background-color: #fff;
}

.black-white .hp-topnav-text {
  color: #000;
}

.black-white .hp-topnav-text-name {
  color: #000;
}

.black-white .hp-topnav-text-tel {
  color: #000;
}

.black-white .hp-topnav-text-mail {
  color: #000;
}

.black-white .hp-navbar-user-nav .nun-item {
  color: #000;
}

.black-white .hp-slider .slick-dots button::before {
  background-color: #fff;
}

.black-white .hp-slider .slick-dots .slick-active button {
  border-color: #000;
}

.black-white .hp-topnav-links .hp-topnav-links-item {
  color: #000;
}

.black-white .hp-slide-title-label {
  background-color: #fff;
}

.black-white .hp-slide-title-line {
  background-color: #fff;
}

.black-white .hp-slide-btn {
  background-color: #fff;
  color: #000;
}

.black-white .location-card,
.black-white .location-cards-item {
  background-color: #fff;
}

.black-white .location-card:not(:last-child),
.black-white .location-cards-item:not(:last-child) {
  border-right-color: #000;
}

.black-white .lci-title {
  color: #000;
  text-shadow: none;
}

.black-white .lci-link {
  background-color: #fff;
  color: #000;
}

.black-white .lci-link:hover {
  background-color: #fff;
}

.black-white .lci-link:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .lci-link:not(:last-child) {
  border-bottom-color: #000;
}

.black-white .lci-btn {
  background-color: #fff;
  color: #000;
}

.black-white .lci-btn:hover {
  background-color: #fff;
}

.black-white .lci-btn:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .page-planetarium .lci-btn {
  background-color: #fff;
}

.black-white .product-slider {
  background-color: #fff;
}

.black-white .product-slider-slider .slick-prev,
.black-white .product-slider-slider .slick-next {
  background-color: #fff;
}

.black-white .search-result {
  background-color: #fff;
}

.black-white .page-planetarium .search-result {
  background-color: #fff;
}

.black-white .search-results-header {
  background-color: #fff;
}

.black-white .page-planetarium .search-results-header {
  background-color: #fff;
}

.black-white .search-results-header.search-categories {
  background-color: #fff;
}

.black-white .search-results-header.search-categories .srh-item {
  color: #000;
}

.black-white .srh-item {
  color: #000;
}

.black-white .srh-item.is-active {
  border-bottom-color: #000;
}

.black-white .search-results-body {
  background-color: #fff;
  color: #000;
}

@media screen and (min-width: 48em) {
  .black-white .srb-group:nth-child(1) {
    background-color: #fff;
  }

  .black-white .srb-group:nth-child(2) {
    background-color: #fff;
  }

  .black-white .srb-group:nth-child(3) {
    background-color: #fff;
  }

  .black-white .srb-group:nth-child(4) {
    background-color: #fff;
  }
}

.black-white .srb-group--kurs .srb-group-body-item {
  background-color: #fff;
}

.black-white .srb-group--kurs .srb-group-body-item.srb-group-body-item--sprachen .srb-group-body-item-btn {
  background-color: #fff;
}

.black-white .srb-group--kurs .srb-group-body-item.srb-group-body-item--basisbildung-und-bildungsabschlusse .srb-group-body-item-btn {
  background-color: #fff;
}

.black-white .srb-group--kurs .srb-group-body-item.srb-group-body-item--wirtschaft-und-personlichkeit .srb-group-body-item-btn {
  background-color: #fff;
}

.black-white .srb-group--kurs .srb-group-body-item.srb-group-body-item--computer-und-multimedia .srb-group-body-item-btn {
  background-color: #fff;
}

.black-white .srb-group--kurs .srb-group-body-item.srb-group-body-item--naturwissenschaften-und-technik .srb-group-body-item-btn {
  background-color: #fff;
}

.black-white .srb-group--kurs .srb-group-body-item.srb-group-body-item--politik-und-gesellschaft .srb-group-body-item-btn {
  background-color: #fff;
}

.black-white .srb-group--kurs .srb-group-body-item.srb-group-body-item--kunst-und-kultur .srb-group-body-item-btn {
  background-color: #fff;
}

.black-white .srb-group--kurs .srb-group-body-item.srb-group-body-item--gesundheit-und-bewegung .srb-group-body-item-btn {
  background-color: #fff;
}

.black-white .srb-group--kurs .srb-group-body-item.srb-group-body-item--kinder .srb-group-body-item-btn {
  background-color: #fff;
}

.black-white .srb-group--kurs .srb-group-body-item.srb-group-body-item--neutral .srb-group-body-item-btn {
  background-color: #fff;
}

.black-white .srb-group--kurs .srb-group-body-item.srb-group-body-item--science .srb-group-body-item-btn {
  background-color: #fff;
}

.black-white .srb-group--kurs .srb-group-body-item.srb-group-body-item--gratis-lernhilfe .srb-group-body-item-btn {
  background-color: #fff;
}

.black-white .srb-group--kurs .srb-group-body-item.srb-group-body-item--elementarpadagogik .srb-group-body-item-btn {
  background-color: #fff;
}

.black-white .srb-group--kurs .srb-group-body-item.srb-group-body-item--intern .srb-group-body-item-btn {
  background-color: #fff;
}

.black-white .srb-group--kurs .srb-group-body-item-btn {
  background-color: #fff;
  color: #000;
}

.black-white .srb-group--kurs .srb-group-body-item-btn:hover {
  box-shadow: none;
}

.black-white .srb-group--kurs .srb-group-body-item-btn:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .srb-group--kategorie .srb-group-body-item {
  background-color: #fff;
}

.black-white .srb-group--kategorie .srb-group-body-item.srb-group-body-item--sprachen {
  background-color: #fff;
}

.black-white .srb-group--kategorie .srb-group-body-item.srb-group-body-item--basisbildung-und-bildungsabschlusse {
  background-color: #fff;
}

.black-white .srb-group--kategorie .srb-group-body-item.srb-group-body-item--wirtschaft-und-personlichkeit {
  background-color: #fff;
}

.black-white .srb-group--kategorie .srb-group-body-item.srb-group-body-item--computer-und-multimedia {
  background-color: #fff;
}

.black-white .srb-group--kategorie .srb-group-body-item.srb-group-body-item--naturwissenschaften-und-technik {
  background-color: #fff;
}

.black-white .srb-group--kategorie .srb-group-body-item.srb-group-body-item--politik-und-gesellschaft {
  background-color: #fff;
}

.black-white .srb-group--kategorie .srb-group-body-item.srb-group-body-item--kunst-und-kultur {
  background-color: #fff;
}

.black-white .srb-group--kategorie .srb-group-body-item.srb-group-body-item--gesundheit-und-bewegung {
  background-color: #fff;
}

.black-white .srb-group--kategorie .srb-group-body-item.srb-group-body-item--kinder {
  background-color: #fff;
}

.black-white .srb-group--kategorie .srb-group-body-item.srb-group-body-item--neutral {
  background-color: #fff;
}

.black-white .srb-group--kategorie .srb-group-body-item.srb-group-body-item--science {
  background-color: #fff;
}

.black-white .srb-group--kategorie .srb-group-body-item.srb-group-body-item--gratis-lernhilfe {
  background-color: #fff;
}

.black-white .srb-group--kategorie .srb-group-body-item.srb-group-body-item--elementarpadagogik {
  background-color: #fff;
}

.black-white .srb-group--kategorie .srb-group-body-item.srb-group-body-item--intern {
  background-color: #fff;
}

.black-white .srb-group--kategorie .srb-group-body-item-title {
  color: #000;
}

.black-white .srb-group--blog .srb-group-body-item {
  background-color: #fff;
}

.black-white .srb-group-header-link {
  color: #000;
}

.black-white .srb-group-body-item {
  color: #000;
}

.black-white .loading-spinner {
  color: #000;
}

.black-white .staged-text-box {
  background-color: #fff;
}

.black-white .teaser-item-title-line {
  background-color: #fff;
}

.black-white .page-error {
  background-color: #fff;
}

.black-white .error-container {
  background-color: #fff;
}

.black-white .error-container-content {
  color: #000;
}

.black-white .error-container-content .btn,
.black-white .error-container-content .ci-btn,
.black-white .error-container-content .coi-side-item-btn,
.black-white .error-container-content .csi-link,
.black-white .error-container-content .fi-btn,
.black-white .error-container-content .input-file + label,
.black-white .error-container-content input[type="submit"],
.black-white .error-container-content .searchbar-btn,
.black-white .error-container-content .swal-button,
.black-white .error-container-content .mw-map-btn,
.black-white .error-container-content .nw-btn,
.black-white .error-container-content .payment-widget-btn,
.black-white .error-container-content .esi-link,
.black-white .error-container-content .hh-slide-btn,
.black-white .error-container-content .hp-slide-btn,
.black-white .error-container-content .he-slide-btn,
.black-white .error-container-content .hl-slide-btn,
.black-white .error-container-content .srb-group--kurs .srb-group-body-item-btn,
.srb-group--kurs .black-white .error-container-content .srb-group-body-item-btn,
.black-white .error-container-content .teaser-item-link,
.black-white .error-container-content .price-widget-btn,
.black-white .error-container-content .ci-btn,
.black-white .error-container-content .coi-side-item-btn,
.black-white .error-container-content .csi-link,
.black-white .error-container-content .fi-btn,
.black-white .error-container-content input[type="submit"],
.black-white .error-container-content .searchbar-btn,
.black-white .error-container-content .swal-button,
.black-white .error-container-content .mw-map-btn,
.black-white .error-container-content .nw-btn,
.black-white .error-container-content .payment-widget-btn,
.black-white .error-container-content .esi-link,
.black-white .error-container-content .hh-slide-btn,
.black-white .error-container-content .hp-slide-btn,
.black-white .error-container-content .srb-group--kurs .srb-group-body-item-btn,
.black-white .srb-group--kurs .error-container-content .srb-group-body-item-btn,
.black-white .error-container-content .teaser-item-link,
.black-white .error-container-content .price-widget-btn {
  background-color: #fff;
  color: #000;
}

.black-white .blog-detail-info {
  color: #000;
}

.black-white .page-checkout,
.black-white .page-checkout-review {
  background-color: #fff;
}

.black-white .checkout-content {
  background-color: #fff;
}

.black-white .price-widget {
  background-color: #fff;
}

.black-white .couponbar {
  background-color: #fff;
  border-color: #000;
}

.black-white input[type="text"].couponbar-input {
  background-color: #fff;
  color: #000;
}

.black-white input[type="text"].couponbar-input:focus {
  box-shadow: none;
}

.black-white input[type="text"].couponbar-input::-webkit-input-placeholder {
  color: #000;
}

.black-white input[type="text"].couponbar-input:-moz-placeholder {
  color: #000;
}

.black-white input[type="text"].couponbar-input::-moz-placeholder {
  color: #000;
}

.black-white input[type="text"].couponbar-input:-ms-input-placeholder {
  color: #000;
}

.black-white .couponbar-btn {
  background-color: #fff;
  color: #000;
}

.black-white .couponbar-btn:hover {
  background-color: #fff;
}

.black-white .couponbar-btn:active {
  box-shadow: none;
  background-color: #fff;
}

.black-white .page-checkout-3 .checkout-review-form .form-checkbox label a {
  color: #000;
}

.black-white .page-content a {
  color: #000;
  /* text-decoration: underline; */
}

.black-white .page-content a:hover {
  color: #000;
  /* text-decoration: underline; */
}

.black-white .page-content .btn,
.black-white .page-content .ci-btn,
.black-white .page-content .coi-side-item-btn,
.black-white .page-content .csi-link,
.black-white .page-content .fi-btn,
.black-white .page-content .input-file + label,
.black-white .page-content input[type="submit"],
.black-white .page-content .searchbar-btn,
.black-white .page-content .swal-button,
.black-white .page-content .mw-map-btn,
.black-white .page-content .nw-btn,
.black-white .page-content .payment-widget-btn,
.black-white .page-content .esi-link,
.black-white .page-content .hh-slide-btn,
.black-white .page-content .hp-slide-btn,
.black-white .page-content .he-slide-btn,
.black-white .page-content .hl-slide-btn,
.black-white .page-content .srb-group--kurs .srb-group-body-item-btn,
.srb-group--kurs .black-white .page-content .srb-group-body-item-btn,
.black-white .page-content .teaser-item-link,
.black-white .page-content .price-widget-btn,
.black-white .page-content .btn:hover,
.black-white .page-content .ci-btn:hover,
.black-white .page-content .coi-side-item-btn:hover,
.black-white .page-content .csi-link:hover,
.black-white .page-content .fi-btn:hover,
.black-white .page-content .input-file + label:hover,
.black-white .page-content input:hover[type="submit"],
.black-white .page-content .searchbar-btn:hover,
.black-white .page-content .swal-button:hover,
.black-white .page-content .mw-map-btn:hover,
.black-white .page-content .nw-btn:hover,
.black-white .page-content .payment-widget-btn:hover,
.black-white .page-content .esi-link:hover,
.black-white .page-content .hh-slide-btn:hover,
.black-white .page-content .hp-slide-btn:hover,
.black-white .page-content .he-slide-btn:hover,
.black-white .page-content .hl-slide-btn:hover,
.black-white .page-content .srb-group--kurs .srb-group-body-item-btn:hover,
.srb-group--kurs .black-white .page-content .srb-group-body-item-btn:hover,
.black-white .page-content .teaser-item-link:hover,
.black-white .page-content .price-widget-btn:hover {
  text-decoration: none;
}

.black-white input[type="radio"] + label::before,
.black-white input[type="checkbox"] + label::before,
.black-white .anchor-nav,
.black-white .aria-dd-content,
.black-white .bookmarks-list,
.black-white .card,
.black-white .cart-item,
.black-white .checkout-item,
.black-white .courseCatBlocks__item,
.black-white .courseOverviewItem,
.black-white .course-slider-item-inner,
.black-white .courseDetail-info,
.black-white .courseCatList__wrapper,
.black-white .course-slider .slick-arrow,
.black-white .dd-content,
.black-white .downloads-with-background,
.black-white .event-slider .slick-arrow,
.black-white .event-slider-item,
.black-white .filter-item,
.black-white .filter-main,
.black-white .hp-navbar,
.black-white .image-with-caption,
.black-white .location-cards-item,
.black-white .logo-widget,
.black-white .map-widget,
.black-white .myvhs-container,
.black-white .navbar,
.black-white .newsletter-widget,
.black-white .pagination,
.black-white .price-widget,
.black-white .product-overview-item,
.black-white .search-results-body,
.black-white .social-widget,
.black-white .srb-group-body-item,
.black-white .subnav,
.black-white .subsubnav,
.black-white .dates-widget,
.black-white .widget,
.black-white .dates-widget,
.black-white .download-widget,
.black-white .logo-widget,
.black-white .map-widget,
.black-white .newsletter-widget,
.black-white .payment-widget,
.black-white .social-widget,
.black-white .share-widget {
  border: 2px solid black;
}

.black-white .anchor-nav,
.black-white .bookmarks-list,
.black-white .card,
.black-white .cart-item,
.black-white .checkout-item,
.black-white .course-slider-item,
.black-white .downloads-with-background,
.black-white .event-slider-item,
.black-white .filter-item,
.black-white .filter-main,
.black-white .hp-navbar,
.black-white .image-with-caption,
.black-white .location-cards-item,
.black-white .logo-widget,
.black-white .myvhs-container,
.black-white .navbar,
.black-white .newsletter-widget,
.black-white .pagination,
.black-white .price-widget,
.black-white .product-overview-item,
.black-white .social-widget,
.black-white .widget,
.black-white .dates-widget,
.black-white .download-widget,
.black-white .logo-widget,
.black-white .map-widget,
.black-white .newsletter-widget,
.black-white .payment-widget,
.black-white .social-widget,
.black-white .share-widget {
  border-radius: 10px;
}

.black-white .btn,
.black-white .ci-btn,
.black-white .coi-side-item-btn,
.black-white .csi-link,
.black-white .fi-btn,
.black-white .input-file + label,
.black-white input[type="submit"],
.black-white .searchbar-btn,
.black-white .swal-button,
.black-white .mw-map-btn,
.black-white .nw-btn,
.black-white .payment-widget-btn,
.black-white .esi-link,
.black-white .hh-slide-btn,
.black-white .hp-slide-btn,
.black-white .he-slide-btn,
.black-white .hl-slide-btn,
.black-white .srb-group--kurs .srb-group-body-item-btn,
.srb-group--kurs .black-white .srb-group-body-item-btn,
.black-white .teaser-item-link,
.black-white .price-widget-btn,
.black-white .coi-side-item-btn,
.black-white .csi-footer-bookmark,
.black-white .csi-link,
.black-white .csi-footer-phone,
.black-white .esi-link,
.black-white .footer-scrollToTop,
.black-white .hh-slide-btn,
.black-white input[type="submit"],
.black-white .lci-btn,
.black-white .nw-btn,
.black-white .pagination-list-item.is-active .pagination-list-item-link,
.black-white .price-widget-btn,
.black-white .searchbar-btn,
.black-white .srb-group-body-item-btn,
.black-white .swal-button {
  background: #000 !important;
  color: #fff !important;
}

.black-white .btn:hover .coi-side-item-btn:hover,
.black-white .ci-btn:hover .coi-side-item-btn:hover,
.black-white .coi-side-item-btn:hover .coi-side-item-btn:hover,
.black-white .csi-link:hover .coi-side-item-btn:hover,
.black-white .fi-btn:hover .coi-side-item-btn:hover,
.black-white .input-file + label:hover .coi-side-item-btn:hover,
.black-white input:hover[type="submit"] .coi-side-item-btn:hover,
.black-white .searchbar-btn:hover .coi-side-item-btn:hover,
.black-white .swal-button:hover .coi-side-item-btn:hover,
.black-white .mw-map-btn:hover .coi-side-item-btn:hover,
.black-white .nw-btn:hover .coi-side-item-btn:hover,
.black-white .payment-widget-btn:hover .coi-side-item-btn:hover,
.black-white .esi-link:hover .coi-side-item-btn:hover,
.black-white .hh-slide-btn:hover .coi-side-item-btn:hover,
.black-white .hp-slide-btn:hover .coi-side-item-btn:hover,
.black-white .he-slide-btn:hover .coi-side-item-btn:hover,
.black-white .hl-slide-btn:hover .coi-side-item-btn:hover,
.black-white .srb-group--kurs .srb-group-body-item-btn:hover .coi-side-item-btn:hover,
.srb-group--kurs .black-white .srb-group-body-item-btn:hover .coi-side-item-btn:hover,
.black-white .teaser-item-link:hover .coi-side-item-btn:hover,
.black-white .price-widget-btn:hover .coi-side-item-btn:hover,
.black-white .csi-footer-bookmark:hover,
.black-white .csi-link:hover,
.black-white .csi-footer-phone:hover,
.black-white .esi-link:hover,
.black-white .footer-scrollToTop:hover,
.black-white .hh-slide-btn:hover,
.black-white input[type="submit"]:hover,
.black-white .lci-btn:hover,
.black-white .nw-btn:hover,
.black-white .price-widget-btn:hover,
.black-white .searchbar-btn:hover,
.black-white .srb-group-body-item-btn:hover,
.black-white .swal-button:hover {
  background: #000 !important;
  color: #fff !important;
}

.black-white .footer-location-info,
.black-white .footer-logos,
.black-white .footer-info,
.black-white .footer-links {
  border-top: 2px solid #000;
}

.black-white .header--checkout {
  border-bottom: 2px solid #000;
}

.black-white .cms-content a {
  text-decoration: underline;
}

.black-white .progressbar-circle.is-done + .progressbar-bar::before {
  background-color: #000;
}

.black-white .dd-toggle {
  background: transparent;
}

.black-white .csi-footer-bookmark-tooltip {
  border: 1px solid #000;
  color: #000 !important;
}

.black-white .poi-addtobookmarks {
  color: #000;
}

.black-white .input-number-increment::before {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8.4 4.65"><path d="M8.4, 3.6c0, 0.2-0.1, 0.4-0.2, 0.6c-0.3, 0.4-1, 0.5-1.4, 0.2l0, 0l-2.6-2l-2.6, 2C1.2, 4.8, 0.5, 4.7, 0.2, 4.2C-0.1, 3.8, 0, 3.2, 0.4, 2.8L4.2, 0L8, 2.8C8.3, 3, 8.4, 3.3, 8.4, 3.6z" fill="rgb(0,0,0)"/></svg>') center no-repeat;
  background-size: contain;
}

.black-white .input-number-decrement::before {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8.4 4.65"><path d="M0, 1A1, 1, 0, 0, 1, 0.2.4, 1, 1, 0, 0, 1, 1.6.2l2.6, 2L6.8.2A1, 1, 0, 0, 1, 8, 1.8L4.2, 4.65.4, 1.8A1, 1, 0, 0, 1, 0, 1Z" fill="rgb(0,0,0)"/></svg>') center no-repeat;
  background-size: contain;
}

.black-white .progressbar-bar::before {
  background-color: #000;
}

.black-white .hl-navbar-nav-desktop .navbar-nav-item {
  color: #000000;
}

.black-white .hl-navbar-nav-desktop .navbar-nav-item:nth-child(1) {
  color: #000000;
}

.black-white .hl-navbar-nav-desktop .navbar-nav-item:nth-child(2) {
  color: #000000;
}

.black-white .hl-navbar-nav-desktop .navbar-nav-item:nth-child(3) {
  color: #000000;
}

.black-white .hl-navbar-nav-desktop .navbar-nav-item:nth-child(4) {
  color: #000000;
}

.black-white .hl-navbar-nav-desktop .navbar-nav-item:nth-child(5) {
  color: #000000;
}

.black-white .hl-navbar-nav-desktop .navbar-nav-item:nth-child(6) {
  color: #000000;
}

.black-white .hl-navbar-search .searchbar--lai input.searchbar-input:-ms-input-placeholder {
  color: #000000;
}

.black-white .hl-navbar-search .searchbar--lai input.searchbar-input::-moz-placeholder {
  color: #000000;
}

.black-white .hl-navbar-search .searchbar--lai input.searchbar-input::placeholder {
  color: #000000;
}

.black-white .lai-card-title.laiGreen {
  color: #000000;
}

.black-white .lai-card-title.laiBlue {
  color: #000000;
}

.black-white .lai-card-title.laiViolet {
  color: #000000;
}

.black-white .lai-card-title.laiYellow {
  color: #000000;
}

.black-white .lai-card-title.laiRed {
  color: #000000;
}

.black-white .lai-card-title.laiOrange {
  color: #000000;
}

.black-white .page-lai .order-group .order-group__save {
  color: #000000;
}

.black-white .page-lai .order-group .order-group__save .icon {
  fill: #000000;
}

.black-white .page-lai .order-group .order-group__form {
  border-color: #000000;
}

.black-white .page-lai .order-group .order-group__form {
  border-color: #000000;
}

.black-white .page-lai .order-group .order-group__form .order-group__formItem.order-group__amount {
  color: #000000;
}

.black-white .page-lai .order-group .order-group__form .order-group__formItem.order-group__amount input {
  color: #000000;
}

.black-white .page-lai .order-group .order-group__form .order-group__formItem.order-group__amount .input-number-increment::before {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8.4 4.65"><path d="M8.4, 3.6c0, 0.2-0.1, 0.4-0.2, 0.6c-0.3, 0.4-1, 0.5-1.4, 0.2l0, 0l-2.6-2l-2.6, 2C1.2, 4.8, 0.5, 4.7, 0.2, 4.2C-0.1, 3.8, 0, 3.2, 0.4, 2.8L4.2, 0L8, 2.8C8.3, 3, 8.4, 3.3, 8.4, 3.6z" fill="rgb(0,0,0)"/></svg>') center no-repeat;
}

.black-white .page-lai .order-group .order-group__form .order-group__formItem.order-group__amount .input-number-decrement::before {
  background: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8.4 4.65"><path d="M0, 1A1, 1, 0, 0, 1, 0.2.4, 1, 1, 0, 0, 1, 1.6.2l2.6, 2L6.8.2A1, 1, 0, 0, 1, 8, 1.8L4.2, 4.65.4, 1.8A1, 1, 0, 0, 1, 0, 1Z" fill="rgb(0,0,0)"/></svg>') center no-repeat;
}

.black-white .page-lai .order-group .order-group__form .order-group__formItem input[type="submit"] {
  background-color: #000000;
}

.black-white .page-lai .page-title .page-title__extra {
  background-color: transparent;
}

.black-white .page-lai .courseDetail-info .courseDetail-info__item a {
  color: #000000;
}

.black-white .page-lai .map-widget .mw-info a {
  color: #000000;
}

.black-white .page-lai .map-widget .mw-info a .icon {
  fill: #000000;
}

.black-white .courseOverviewItem--lai .courseOverviewItem__content .page-title__extra {
  background-color: transparent;
}

.black-white .courseOverviewItem--lai .courseOverviewItem__side .courseOverviewItem__save {
  background-color: #ffffff;
}

.black-white .courseOverviewItem--lai .courseOverviewItem__side .courseOverviewItem__save:hover {
  background-color: #ffffff;
}

.black-white .courseOverviewItem--lai .courseOverviewItem__side .courseOverviewItem__more {
  background-color: #ffffff;
}

.black-white .courseOverviewItem--lai .courseOverviewItem__side .courseOverviewItem__more:hover {
  background-color: #ffffff;
}

.black-white .courseOverviewItem--lai .courseOverviewItem__content .courseOverviewItem__details a {
  color: #000000;
}

.black-white .marquee {
  background: #000000;
  color: #ffffff;
}

.black-white .course-slider--popular .csi-category-link {
  background: #fff;
  border-radius: 10px;
  border-bottom-left-radius: 0;
  color: #000;
  padding: 1rem 1.5rem;
  padding-right: 4rem;
  position: relative;
  display: block;
  height: 14rem;
  text-align: left;
  transition: box-shadow 0.2s ease-out;
}

.black-white .course-slider--popular .csi-category-link:hover {
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}

.black-white .course-slider--popular .csi-category-link.csi--basisbildung-und-bildungsabschlusse {
  background: #fff;
  color: #000;
}

.black-white .course-slider--popular .csi-category-link.csi--computer-internet-und-multimedia {
  background: #fff;
  color: #000;
}

.black-white .course-slider--popular .csi-category-link.csi--elementarpadagogik {
  background: #fff;
  color: #000;
}

.black-white .course-slider--popular .csi-category-link.csi--gesundheit-und-bewegung {
  background: #fff;
  color: #000;
}

.black-white .course-slider--popular .csi-category-link.csi--interne-weiterbildung {
  background: #fff;
  color: #000;
}

.black-white .course-slider--popular .csi-category-link.csi--kinder {
  background: #fff;
  color: #000;
}

.black-white .course-slider--popular .csi-category-link.csi--kinder-und-eltern {
  background: #fff;
  color: #000;
}

.black-white .course-slider--popular .csi-category-link.csi--kunst-kreativitat-und-handwerk {
  background: #fff;
  color: #000;
}

.black-white .course-slider--popular .csi-category-link.csi--lernforderung {
  background: #fff;
  color: #000;
}

.black-white .course-slider--popular .csi-category-link.csi--naturwissenschaften-und-technik {
  background: #fff;
  color: #000;
}

.black-white .course-slider--popular .csi-category-link.csi--personlichkeitsentwicklung {
  background: #fff;
  color: #000;
}

.black-white .course-slider--popular .csi-category-link.csi--politik-und-gesellschaft {
  background: #fff;
  color: #000;
}

.black-white .course-slider--popular .csi-category-link.csi--science {
  background: #fff;
  color: #000;
}

.black-white .course-slider--popular .csi-category-link.csi--sprachen {
  background: #fff;
  color: #000;
}

.black-white .course-slider--popular .csi-category-link.csi--vhs-gratis-lernhilfe {
  background: #fff;
  color: #000;
}

.black-white .course-slider--popular .csi-category-link.csi--wirtschaft-und-management {
  background: #fff;
  color: #000;
}

.black-white .course-slider--popular .csi-category-link.csi--lai {
  background: #fff;
  color: #000;
}

.black-white .course-slider--popular .csi-category-link .icon {
  position: absolute;
  top: 50%;
  right: 1rem;
  height: 4.2rem;
  stroke-width: 2px;
  transform: translateY(-50%);
}

.black-white .course-slider--popular .csi-category-text {
  color: #000;
  font-size: 3rem;
  font-weight: 600;
  word-wrap: break-word;
}

.black-white .course-slider--popular .csi-items {
  overflow: hidden;
}

.black-white .course-slider--popular .csi-item {
  background: #fff;
  color: #000;
  font-size: 2rem;
  display: table;
  padding: 0.3rem 1rem;
  padding-right: 3rem;
  position: relative;
  margin-top: 0.1rem;
  transition: box-shadow 0.2s ease-out;
}

.black-white .course-slider--popular .csi-item:hover {
  box-shadow: 0 15px 35px rgba(50, 50, 93, 0.1), 0 5px 15px rgba(0, 0, 0, 0.07);
}

.black-white .course-slider--popular .csi-item.csi--basisbildung-und-bildungsabschlusse {
  background: #fff;
  color: #000;
}

.black-white .course-slider--popular .csi-item.csi--computer-internet-und-multimedia {
  background: #fff;
  color: #000;
}

.black-white .course-slider--popular .csi-item.csi--elementarpadagogik {
  background: #fff;
  color: #000;
}

.black-white .course-slider--popular .csi-item.csi--gesundheit-und-bewegung {
  background: #fff;
  color: #000;
}

.black-white .course-slider--popular .csi-item.csi--interne-weiterbildung {
  background: #fff;
  color: #000;
}

.black-white .course-slider--popular .csi-item.csi--kinder {
  background: #fff;
  color: #000;
}

.black-white .course-slider--popular .csi-item.csi--kinder-und-eltern {
  background: #fff;
  color: #000;
}

.black-white .course-slider--popular .csi-item.csi--kunst-kreativitat-und-handwerk {
  background: #fff;
  color: #000;
}

.black-white .course-slider--popular .csi-item.csi--lernforderung {
  background: #fff;
  color: #000;
}

.black-white .course-slider--popular .csi-item.csi--naturwissenschaften-und-technik {
  background: #fff;
  color: #000;
}

.black-white .course-slider--popular .csi-item.csi--personlichkeitsentwicklung {
  background: #fff;
  color: #000;
}

.black-white .course-slider--popular .csi-item.csi--politik-und-gesellschaft {
  background: #fff;
  color: #000;
}

.black-white .course-slider--popular .csi-item.csi--science {
  background: #fff;
  color: #000;
}

.black-white .course-slider--popular .csi-item.csi--sprachen {
  background: #fff;
  color: #000;
}

.black-white .course-slider--popular .csi-item.csi--vhs-gratis-lernhilfe {
  background: #fff;
  color: #000;
}

.black-white .course-slider--popular .csi-item.csi--wirtschaft-und-management {
  background: #fff;
  color: #000;
}

.black-white .course-slider--popular .csi-item.csi--lai {
  background: #fff;
  color: #000;
}

.black-white .courseCatBlocks .courseCatBlocks__item {
  background: #ffffff;
  color: #000000;
}

.black-white .navbar-title a {
  color: #000000;
}

.black-white .icon {
  fill: #000000;
}

.black-white .nun-label {
  color: #000000;
}

.black-white .courseOverviewItem {
  background: #ffffff;
}

.black-white .courseOverviewItem__side {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem__side:hover {
  background: #fff;
}

.black-white .courseOverviewItem__more {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem__more:hover {
  background: #fff;
}

.black-white .courseOverviewItem__save {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem__save:hover {
  background: #fff;
}

.black-white .courseOverviewItem__save a {
  color: inherit;
  text-align: center;
  position: relative;
}

.black-white .courseOverviewItem__save a span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.black-white .courseOverviewItem__save a:first-child {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem__save a:last-child {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--basisbildung-und-bildungsabschlusse .courseOverviewItem__side {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--basisbildung-und-bildungsabschlusse .courseOverviewItem__side:hover {
  background: #fff;
}

.black-white .courseOverviewItem--basisbildung-und-bildungsabschlusse .courseOverviewItem__more {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--basisbildung-und-bildungsabschlusse .courseOverviewItem__more:hover {
  background: #fff;
}

.black-white .courseOverviewItem--basisbildung-und-bildungsabschlusse .courseOverviewItem__save {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--basisbildung-und-bildungsabschlusse .courseOverviewItem__save:hover {
  background: #fff;
}

.black-white .courseOverviewItem--computer-internet-und-multimedia .courseOverviewItem__side {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--computer-internet-und-multimedia .courseOverviewItem__side:hover {
  background: #fff;
}

.black-white .courseOverviewItem--computer-internet-und-multimedia .courseOverviewItem__more {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--computer-internet-und-multimedia .courseOverviewItem__more:hover {
  background: #fff;
}

.black-white .courseOverviewItem--computer-internet-und-multimedia .courseOverviewItem__save {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--computer-internet-und-multimedia .courseOverviewItem__save:hover {
  background: #fff;
}

.black-white .courseOverviewItem--elementarpadagogik .courseOverviewItem__side {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--elementarpadagogik .courseOverviewItem__side:hover {
  background: #fff;
}

.black-white .courseOverviewItem--elementarpadagogik .courseOverviewItem__more {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--elementarpadagogik .courseOverviewItem__more:hover {
  background: #fff;
}

.black-white .courseOverviewItem--elementarpadagogik .courseOverviewItem__save {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--elementarpadagogik .courseOverviewItem__save:hover {
  background: #fff;
}

.black-white .courseOverviewItem--gesundheit-und-bewegung .courseOverviewItem__side {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--gesundheit-und-bewegung .courseOverviewItem__side:hover {
  background: #fff;
}

.black-white .courseOverviewItem--gesundheit-und-bewegung .courseOverviewItem__more {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--gesundheit-und-bewegung .courseOverviewItem__more:hover {
  background: #fff;
}

.black-white .courseOverviewItem--gesundheit-und-bewegung .courseOverviewItem__save {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--gesundheit-und-bewegung .courseOverviewItem__save:hover {
  background: #fff;
}

.black-white .courseOverviewItem--interne-weiterbildung .courseOverviewItem__side {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--interne-weiterbildung .courseOverviewItem__side:hover {
  background: #fff;
}

.black-white .courseOverviewItem--interne-weiterbildung .courseOverviewItem__more {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--interne-weiterbildung .courseOverviewItem__more:hover {
  background: #fff;
}

.black-white .courseOverviewItem--interne-weiterbildung .courseOverviewItem__save {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--interne-weiterbildung .courseOverviewItem__save:hover {
  background: #fff;
}

.black-white .courseOverviewItem--kinder .courseOverviewItem__side {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--kinder .courseOverviewItem__side:hover {
  background: #fff;
}

.black-white .courseOverviewItem--kinder .courseOverviewItem__more {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--kinder .courseOverviewItem__more:hover {
  background: #fff;
}

.black-white .courseOverviewItem--kinder .courseOverviewItem__save {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--kinder .courseOverviewItem__save:hover {
  background: #fff;
}

.black-white .courseOverviewItem--kinder-und-eltern .courseOverviewItem__side {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--kinder-und-eltern .courseOverviewItem__side:hover {
  background: #fff;
}

.black-white .courseOverviewItem--kinder-und-eltern .courseOverviewItem__more {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--kinder-und-eltern .courseOverviewItem__more:hover {
  background: #fff;
}

.black-white .courseOverviewItem--kinder-und-eltern .courseOverviewItem__save {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--kinder-und-eltern .courseOverviewItem__save:hover {
  background: #fff;
}

.black-white .courseOverviewItem--kunst-kreativitat-und-handwerk .courseOverviewItem__side {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--kunst-kreativitat-und-handwerk .courseOverviewItem__side:hover {
  background: #fff;
}

.black-white .courseOverviewItem--kunst-kreativitat-und-handwerk .courseOverviewItem__more {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--kunst-kreativitat-und-handwerk .courseOverviewItem__more:hover {
  background: #fff;
}

.black-white .courseOverviewItem--kunst-kreativitat-und-handwerk .courseOverviewItem__save {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--kunst-kreativitat-und-handwerk .courseOverviewItem__save:hover {
  background: #fff;
}

.black-white .courseOverviewItem--lernforderung .courseOverviewItem__side {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--lernforderung .courseOverviewItem__side:hover {
  background: #fff;
}

.black-white .courseOverviewItem--lernforderung .courseOverviewItem__more {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--lernforderung .courseOverviewItem__more:hover {
  background: #fff;
}

.black-white .courseOverviewItem--lernforderung .courseOverviewItem__save {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--lernforderung .courseOverviewItem__save:hover {
  background: #fff;
}

.black-white .courseOverviewItem--naturwissenschaften-und-technik .courseOverviewItem__side {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--naturwissenschaften-und-technik .courseOverviewItem__side:hover {
  background: #fff;
}

.black-white .courseOverviewItem--naturwissenschaften-und-technik .courseOverviewItem__more {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--naturwissenschaften-und-technik .courseOverviewItem__more:hover {
  background: #fff;
}

.black-white .courseOverviewItem--naturwissenschaften-und-technik .courseOverviewItem__save {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--naturwissenschaften-und-technik .courseOverviewItem__save:hover {
  background: #fff;
}

.black-white .courseOverviewItem--personlichkeitsentwicklung .courseOverviewItem__side {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--personlichkeitsentwicklung .courseOverviewItem__side:hover {
  background: #fff;
}

.black-white .courseOverviewItem--personlichkeitsentwicklung .courseOverviewItem__more {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--personlichkeitsentwicklung .courseOverviewItem__more:hover {
  background: #fff;
}

.black-white .courseOverviewItem--personlichkeitsentwicklung .courseOverviewItem__save {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--personlichkeitsentwicklung .courseOverviewItem__save:hover {
  background: #fff;
}

.black-white .courseOverviewItem--politik-und-gesellschaft .courseOverviewItem__side {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--politik-und-gesellschaft .courseOverviewItem__side:hover {
  background: #fff;
}

.black-white .courseOverviewItem--politik-und-gesellschaft .courseOverviewItem__more {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--politik-und-gesellschaft .courseOverviewItem__more:hover {
  background: #fff;
}

.black-white .courseOverviewItem--politik-und-gesellschaft .courseOverviewItem__save {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--politik-und-gesellschaft .courseOverviewItem__save:hover {
  background: #fff;
}

.black-white .courseOverviewItem--science .courseOverviewItem__side {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--science .courseOverviewItem__side:hover {
  background: #fff;
}

.black-white .courseOverviewItem--science .courseOverviewItem__more {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--science .courseOverviewItem__more:hover {
  background: #fff;
}

.black-white .courseOverviewItem--science .courseOverviewItem__save {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--science .courseOverviewItem__save:hover {
  background: #fff;
}

.black-white .courseOverviewItem--sprachen .courseOverviewItem__side {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--sprachen .courseOverviewItem__side:hover {
  background: #fff;
}

.black-white .courseOverviewItem--sprachen .courseOverviewItem__more {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--sprachen .courseOverviewItem__more:hover {
  background: #fff;
}

.black-white .courseOverviewItem--sprachen .courseOverviewItem__save {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--sprachen .courseOverviewItem__save:hover {
  background: #fff;
}

.black-white .courseOverviewItem--vhs-gratis-lernhilfe .courseOverviewItem__side {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--vhs-gratis-lernhilfe .courseOverviewItem__side:hover {
  background: #fff;
}

.black-white .courseOverviewItem--vhs-gratis-lernhilfe .courseOverviewItem__more {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--vhs-gratis-lernhilfe .courseOverviewItem__more:hover {
  background: #fff;
}

.black-white .courseOverviewItem--vhs-gratis-lernhilfe .courseOverviewItem__save {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--vhs-gratis-lernhilfe .courseOverviewItem__save:hover {
  background: #fff;
}

.black-white .courseOverviewItem--wirtschaft-und-management .courseOverviewItem__side {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--wirtschaft-und-management .courseOverviewItem__side:hover {
  background: #fff;
}

.black-white .courseOverviewItem--wirtschaft-und-management .courseOverviewItem__more {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--wirtschaft-und-management .courseOverviewItem__more:hover {
  background: #fff;
}

.black-white .courseOverviewItem--wirtschaft-und-management .courseOverviewItem__save {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--wirtschaft-und-management .courseOverviewItem__save:hover {
  background: #fff;
}

.black-white .courseOverviewItem--lai .courseOverviewItem__side {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--lai .courseOverviewItem__side:hover {
  background: #fff;
}

.black-white .courseOverviewItem--lai .courseOverviewItem__more {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--lai .courseOverviewItem__more:hover {
  background: #fff;
}

.black-white .courseOverviewItem--lai .courseOverviewItem__save {
  background: #ffffff;
  color: #000000;
}

.black-white .courseOverviewItem--lai .courseOverviewItem__save:hover {
  background: #fff;
}

.black-white .courseCatList--lernforderung .courseCatList__parentLink {
  border-bottom: 2px solid #000000;
}

.black-white .courseOverviewItem--kunst-kreativitat-und-handwerk .courseOverviewItem__side {
  background: #ffffff;
  color: #000000;
}

.black-white .icon-warning .icon {
  fill: unset;
}

.black-white .nav-mobile__main li a {
  color: #000000;
}

.black-white .elearning svg {
  fill: #000000;
}