/* default styles for extension "tx_nwdownloads" */
textarea.f3-form-error {
background-color:#FF9F9F;
border: 1px #FF0000 solid;
}
input.f3-form-error {
background-color:#FF9F9F;
border: 1px #FF0000 solid;
}
.tx-nw-downloads table {
border-collapse:separate;
border-spacing:10px;
}
.tx-nw-downloads table th {
font-weight:bold;
}
.tx-nw-downloads table td {
vertical-align:top;
}
.typo3-messages .message-error {
color:red;
}
.typo3-messages .message-ok {
color:green;
}
/* default styles for extension "tx_nwbewerbung" */
textarea.f3-form-error {
background-color:#FF9F9F;
border: 1px #FF0000 solid;
}
input.f3-form-error {
background-color:#FF9F9F;
border: 1px #FF0000 solid;
}
.tx-nw-bewerbung table {
border-collapse:separate;
border-spacing:10px;
}
.tx-nw-bewerbung table th {
font-weight:bold;
}
.tx-nw-bewerbung table td {
vertical-align:top;
}
.typo3-messages .message-error {
color:red;
}
.typo3-messages .message-ok {
color:green;
}
/*!
* shariff - v3.2.1 - Mon, 27 May 2019 08:23:32 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%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);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{-webkit-transform:scale(-1);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{-webkit-filter:none;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('../../../typo3conf/ext/rx_shariff/Resources/Public/Css/fa-brands-400.eot');src:url('../../../typo3conf/ext/rx_shariff/Resources/Public/Css/fa-brands-400.eot?#iefix') format("embedded-opentype"),url('../../../typo3conf/ext/rx_shariff/Resources/Public/Css/fa-brands-400.woff2') format("woff2"),url('../../../typo3conf/ext/rx_shariff/Resources/Public/Css/fa-brands-400.woff') format("woff"),url('../../../typo3conf/ext/rx_shariff/Resources/Public/Css/fa-brands-400.ttf') format("truetype"),url('../../../typo3conf/ext/rx_shariff/Resources/Public/Css/fa-brands-400.svg#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('../../../typo3conf/ext/rx_shariff/Resources/Public/Css/fa-regular-400.eot');src:url('../../../typo3conf/ext/rx_shariff/Resources/Public/Css/fa-regular-400.eot?#iefix') format("embedded-opentype"),url('../../../typo3conf/ext/rx_shariff/Resources/Public/Css/fa-regular-400.woff2') format("woff2"),url('../../../typo3conf/ext/rx_shariff/Resources/Public/Css/fa-regular-400.woff') format("woff"),url('../../../typo3conf/ext/rx_shariff/Resources/Public/Css/fa-regular-400.ttf') format("truetype"),url('../../../typo3conf/ext/rx_shariff/Resources/Public/Css/fa-regular-400.svg#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('../../../typo3conf/ext/rx_shariff/Resources/Public/Css/fa-solid-900.eot');src:url('../../../typo3conf/ext/rx_shariff/Resources/Public/Css/fa-solid-900.eot?#iefix') format("embedded-opentype"),url('../../../typo3conf/ext/rx_shariff/Resources/Public/Css/fa-solid-900.woff2') format("woff2"),url('../../../typo3conf/ext/rx_shariff/Resources/Public/Css/fa-solid-900.woff') format("woff"),url('../../../typo3conf/ext/rx_shariff/Resources/Public/Css/fa-solid-900.ttf') format("truetype"),url('../../../typo3conf/ext/rx_shariff/Resources/Public/Css/fa-solid-900.svg#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;-webkit-box-sizing:border-box;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:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.shariff .orientation-horizontal li{float:left;-webkit-box-flex:0;-ms-flex:none;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;-webkit-box-flex:1;-ms-flex:1 0 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{-webkit-box-flex:0;-ms-flex:none;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{-webkit-box-flex:1;-ms-flex:1 0 auto;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{-webkit-box-flex:0!important;-ms-flex:none!important;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}}
/*
Frameless
by Joni Korpi
licensed under CC0
*/
/*
Margin, padding, and border resets
except for form elements
*/
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
margin: 0;
padding: 0;
border: 0;
}
/*
Consistency fixes
adopted from http://necolas.github.com/normalize.css/
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
hgroup,
nav,
section,
audio,
canvas,
video {
display: block;
}
html {
height: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
min-height: 100%;
font-size: 100%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
b,
strong {
font-weight: bold;
}
abbr[title] {
border-bottom: 1px dotted;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a img,
img {
-ms-interpolation-mode: bicubic;
border: 0;
}
input,
textarea,
button,
select {
margin: 0;
font-size: 100%;
line-height: normal;
vertical-align: baseline;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
textarea {
overflow: auto;
}
/*
These are easy to forget
*/
::selection {
background: #a1bbd0;
color: #fff;
}
::-moz-selection {
background: #a1bbd0;
color: #fff;
}
img::selection {
background: transparent;
}
img::-moz-selection {
background: transparent;
}
body {
-webkit-tap-highlight-color: rgba(161, 187, 208, 0.6);
}
@font-face {
font-family: 'snt_thin';
font-style: normal;
font-weight: 400;
src: local(''), url('../../../typo3conf/ext/nw_package/Resources/Public/fonts/SnTt.woff2') format('woff2'), url('../../../typo3conf/ext/nw_package/Resources/Public/fonts/SnTt.woff') format('woff');
}
@font-face {
font-family: 'snt_thin_italic';
font-style: normal;
font-weight: 400;
src: local(''), url('../../../typo3conf/ext/nw_package/Resources/Public/fonts/SnTti.woff2') format('woff2'), url('../../../typo3conf/ext/nw_package/Resources/Public/fonts/SnTti.woff') format('woff');
}
@font-face {
font-family: 'snt_light';
font-style: normal;
font-weight: 400;
src: local(''), url('../../../typo3conf/ext/nw_package/Resources/Public/fonts/SnTl.woff2') format('woff2'), url('../../../typo3conf/ext/nw_package/Resources/Public/fonts/SnTl.woff') format('woff');
}
@font-face {
font-family: 'snt_light_italic';
font-style: normal;
font-weight: 400;
src: local(''), url('../../../typo3conf/ext/nw_package/Resources/Public/fonts/SnTli.woff2') format('woff2'), url('../../../typo3conf/ext/nw_package/Resources/Public/fonts/SnTli.woff') format('woff');
}
@font-face {
font-family: 'snt_regular';
font-style: normal;
font-weight: 400;
src: local(''), url('../../../typo3conf/ext/nw_package/Resources/Public/fonts/SnT.woff2') format('woff2'), url('../../../typo3conf/ext/nw_package/Resources/Public/fonts/SnT.woff') format('woff');
}
@font-face {
font-family: 'snt_medium';
font-style: normal;
font-weight: 400;
src: local(''), url('../../../typo3conf/ext/nw_package/Resources/Public/fonts/SnTm.woff2') format('woff2'), url('../../../typo3conf/ext/nw_package/Resources/Public/fonts/SnTm.woff') format('woff');
}
@font-face {
font-family: 'snt_bold';
font-style: normal;
font-weight: 400;
src: local(''), url('../../../typo3conf/ext/nw_package/Resources/Public/fonts/SnTb.woff2') format('woff2'), url('../../../typo3conf/ext/nw_package/Resources/Public/fonts/SnTb.woff') format('woff');
}
/*animations*/
/******************
* Bounce in right *
*******************/
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.slow {
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.slower {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.slowest {
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
/* Added by Andy Meetan */
.delay-250 {
-webkit-animation-delay: 0.25s;
-moz-animation-delay: 0.25s;
-o-animation-delay: 0.25s;
animation-delay: 0.25s;
}
.delay-500 {
-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
-o-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.delay-750 {
-webkit-animation-delay: 0.75s;
-moz-animation-delay: 0.75s;
-o-animation-delay: 0.75s;
animation-delay: 0.75s;
}
.delay-1000 {
-webkit-animation-delay: 1.0s;
-moz-animation-delay: 1.0s;
-o-animation-delay: 1.0s;
animation-delay: 1.0s;
}
.delay-1250 {
-webkit-animation-delay: 1.25s;
-moz-animation-delay: 1.25s;
-o-animation-delay: 1.25s;
animation-delay: 1.25s;
}
.delay-1500 {
-webkit-animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
-o-animation-delay: 1.5s;
animation-delay: 1.5s;
}
.delay-1750 {
-webkit-animation-delay: 1.75s;
-moz-animation-delay: 1.75s;
-o-animation-delay: 1.75s;
animation-delay: 1.75s;
}
.delay-2000 {
-webkit-animation-delay: 2.0s;
-moz-animation-delay: 2.0s;
-o-animation-delay: 2.0s;
animation-delay: 2.0s;
}
.delay-2500 {
-webkit-animation-delay: 2.5s;
-moz-animation-delay: 2.5s;
-o-animation-delay: 2.5s;
animation-delay: 2.5s;
}
.delay-2000 {
-webkit-animation-delay: 2.0s;
-moz-animation-delay: 2.0s;
-o-animation-delay: 2.0s;
animation-delay: 2.0s;
}
.delay-2500 {
-webkit-animation-delay: 2.5s;
-moz-animation-delay: 2.5s;
-o-animation-delay: 2.5s;
animation-delay: 2.5s;
}
.delay-3000 {
-webkit-animation-delay: 3.0s;
-moz-animation-delay: 3.0s;
-o-animation-delay: 3.0s;
animation-delay: 3.0s;
}
.delay-3500 {
-webkit-animation-delay: 3.5s;
-moz-animation-delay: 3.5s;
-o-animation-delay: 3.5s;
animation-delay: 3.5s;
}
.bounceInRight,
.bounceInLeft,
.bounceInUp,
.bounceInDown {
opacity: 0;
-webkit-transform: translateX(400px);
transform: translateX(400px);
}
.fadeInRight,
.fadeInLeft,
.fadeInUp,
.fadeInDown {
opacity: 0;
-webkit-transform: translateX(400px);
transform: translateX(400px);
}
.flipInX,
.flipInY,
.rotateIn,
.rotateInUpLeft,
.rotateInUpRight,
.rotateInDownLeft,
.rotateDownUpRight,
.rollIn {
opacity: 0;
}
.lightSpeedInRight,
.lightSpeedInLeft {
opacity: 0;
-webkit-transform: translateX(400px);
transform: translateX(400px);
}
/***********
* bounceIn *
************/
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
}
70% {
-webkit-transform: scale(0.9);
}
100% {
-webkit-transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(0.3);
}
50% {
opacity: 1;
transform: scale(1.05);
}
70% {
transform: scale(0.9);
}
100% {
transform: scale(1);
}
}
.bounceIn.go {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
/****************
* bounceInRight *
****************/
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(400px);
}
60% {
-webkit-transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(400px);
}
60% {
transform: translateX(-30px);
}
80% {
transform: translateX(10px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.bounceInRight.go {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
/******************
* Bounce in left *
*******************/
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-400px);
}
60% {
-webkit-transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
transform: translateX(-400px);
}
60% {
transform: translateX(30px);
}
80% {
transform: translateX(-10px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.bounceInLeft.go {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
/******************
* Bounce in up *
*******************/
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(400px);
}
60% {
-webkit-transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(400px);
}
60% {
transform: translateY(-30px);
}
80% {
transform: translateY(10px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.bounceInUp.go {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
/******************
* Bounce in down *
*******************/
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-400px);
}
60% {
-webkit-transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
transform: translateY(-400px);
}
60% {
transform: translateY(30px);
}
80% {
transform: translateY(-10px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.bounceInDown.go {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
/**********
* Fade In *
**********/
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
display: block;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
display: block;
}
}
.fadeIn {
opacity: 0;
}
.fadeIn.go {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
/**********
* Grow in *
***********/
@-webkit-keyframes growIn {
0% {
-webkit-transform: scale(0.2);
opacity: 0;
}
50% {
-webkit-transform: scale(1.2);
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@keyframes growIn {
0% {
transform: scale(0.2);
opacity: 0;
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(1);
opacity: 1;
}
}
.growIn {
-webkit-transform: scale(0.2);
transform: scale(0.2);
opacity: 0;
}
.growIn.go {
-webkit-animation-name: growIn;
animation-name: growIn;
}
/********
* Shake *
********/
@-webkit-keyframes shake {
0%,
100% {
-webkit-transform: translateX(0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translateX(-10px);
}
20%,
40%,
60%,
80% {
-webkit-transform: translateX(10px);
}
}
@keyframes shake {
0%,
100% {
transform: translateX(0);
}
10%,
30%,
50%,
70%,
90% {
transform: translateX(-10px);
}
20%,
40%,
60%,
80% {
transform: translateX(10px);
}
}
.shake.go {
-webkit-animation-name: shake;
animation-name: shake;
}
/********
* ShakeUp *
********/
@-webkit-keyframes shakeUp {
0%,
100% {
-webkit-transform: translateY(0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translateY(-10px);
}
20%,
40%,
60%,
80% {
-webkit-transform: translateY(10px);
}
}
@keyframes shakeUp {
0%,
100% {
transform: translateY(0);
}
10%,
30%,
50%,
70%,
90% {
transform: translateY(-10px);
}
20%,
40%,
60%,
80% {
transform: translateY(10px);
}
}
.shakeUp.go {
-webkit-animation-name: shakeUp;
animation-name: shakeUp;
}
/*************
* FadeInLeft *
*************/
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-400px);
}
50% {
opacity: 0.3;
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-400px);
}
50% {
opacity: 0.3;
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInLeft {
opacity: 0;
-webkit-transform: translateX(-400px);
transform: translateX(-400px);
}
.fadeInLeft.go {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
/*************
* FadeInRight *
*************/
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(400px);
}
50% {
opacity: 0.3;
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(400px);
}
50% {
opacity: 0.3;
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInRight {
opacity: 0;
-webkit-transform: translateX(400px);
transform: translateX(400px);
}
.fadeInRight.go {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
/*************
* FadeInUp *
*************/
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(400px);
}
50% {
opacity: 0.3;
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(400px);
}
50% {
opacity: 0.3;
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUp {
opacity: 0;
-webkit-transform: translateY(400px);
transform: translateY(400px);
}
.fadeInUp.go {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
/*************
* FadeInDown *
*************/
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-400px);
}
50% {
opacity: 0.3;
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-400px);
}
50% {
opacity: 0.3;
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDown {
opacity: 0;
-webkit-transform: translateY(-400px);
transform: translateY(-400px);
}
.fadeInDown.go {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
/*****************
* rotateIn *
*****************/
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
transform-origin: center center;
transform: rotate(-200deg);
opacity: 0;
}
100% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
}
.rotateIn.go {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
/*****************
* rotateInUpLeft *
*****************/
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft.go {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
/*******************
* rotateInDownLeft *
*******************/
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft.go {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
/******************
* rotateInUpRight *
*******************/
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight.go {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
/********************
* rotateInDownRight *
********************/
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight.go {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
/*********
* rollIn *
**********/
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
transform: translateX(0px) rotate(0deg);
}
}
.rollIn.go {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
/*********
* wiggle *
**********/
@-webkit-keyframes wiggle {
0% {
-webkit-transform: skewX(9deg);
}
10% {
-webkit-transform: skewX(-8deg);
}
20% {
-webkit-transform: skewX(7deg);
}
30% {
-webkit-transform: skewX(-6deg);
}
40% {
-webkit-transform: skewX(5deg);
}
50% {
-webkit-transform: skewX(-4deg);
}
60% {
-webkit-transform: skewX(3deg);
}
70% {
-webkit-transform: skewX(-2deg);
}
80% {
-webkit-transform: skewX(1deg);
}
90% {
-webkit-transform: skewX(0deg);
}
100% {
-webkit-transform: skewX(0deg);
}
}
@keyframes wiggle {
0% {
transform: skewX(9deg);
}
10% {
transform: skewX(-8deg);
}
20% {
transform: skewX(7deg);
}
30% {
transform: skewX(-6deg);
}
40% {
transform: skewX(5deg);
}
50% {
transform: skewX(-4deg);
}
60% {
transform: skewX(3deg);
}
70% {
transform: skewX(-2deg);
}
80% {
transform: skewX(1deg);
}
90% {
transform: skewX(0deg);
}
100% {
transform: skewX(0deg);
}
}
.wiggle.go {
-webkit-animation-name: wiggle;
animation-name: wiggle;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
/********
* swing *
*********/
@-webkit-keyframes swing {
20%,
40%,
60%,
80%,
100% {
-webkit-transform-origin: top center;
}
20% {
-webkit-transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
}
}
@keyframes swing {
20% {
transform: rotate(15deg);
}
40% {
transform: rotate(-10deg);
}
60% {
transform: rotate(5deg);
}
80% {
transform: rotate(-5deg);
}
100% {
transform: rotate(0deg);
}
}
.swing.go {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
/*******
* tada *
********/
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
}
10%,
20% {
-webkit-transform: scale(0.9) rotate(-3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale(1.1) rotate(3deg);
}
40%,
60%,
80% {
-webkit-transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
transform: scale(1);
}
10%,
20% {
transform: scale(0.9) rotate(-3deg);
}
30%,
50%,
70%,
90% {
transform: scale(1.1) rotate(3deg);
}
40%,
60%,
80% {
transform: scale(1.1) rotate(-3deg);
}
100% {
transform: scale(1) rotate(0);
}
}
.tada.go {
-webkit-animation-name: tada;
animation-name: tada;
}
/*********
* wobble *
**********/
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
}
}
@keyframes wobble {
0% {
transform: translateX(0%);
}
15% {
transform: translateX(-25%) rotate(-5deg);
}
30% {
transform: translateX(20%) rotate(3deg);
}
45% {
transform: translateX(-15%) rotate(-3deg);
}
60% {
transform: translateX(10%) rotate(2deg);
}
75% {
transform: translateX(-5%) rotate(-1deg);
}
100% {
transform: translateX(0%);
}
}
.wobble.go {
-webkit-animation-name: wobble;
animation-name: wobble;
}
/********
* pulse *
*********/
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
}
}
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.pulse.go {
-webkit-animation-name: pulse;
animation-name: pulse;
}
/***************
* lightSpeedInRight *
****************/
@-webkit-keyframes lightSpeedInRight {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedInRight {
0% {
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedInRight.go {
-webkit-animation-name: lightSpeedInRight;
animation-name: lightSpeedInRight;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
/***************
* lightSpeedInLeft *
****************/
@-webkit-keyframes lightSpeedInLeft {
0% {
-webkit-transform: translateX(-100%) skewX(30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(20%) skewX(-30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedInLeft {
0% {
transform: translateX(-100%) skewX(30deg);
opacity: 0;
}
60% {
transform: translateX(20%) skewX(-30deg);
opacity: 1;
}
80% {
transform: translateX(0%) skewX(15deg);
opacity: 1;
}
100% {
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedInLeft.go {
-webkit-animation-name: lightSpeedInLeft;
animation-name: lightSpeedInLeft;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
/*******
* Flip *
*******/
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(0);
-webkit-animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) scale(1);
-webkit-animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
transform: perspective(400px) rotateY(0);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translateZ(150px) rotateY(170deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) rotateY(360deg) scale(0.95);
animation-timing-function: ease-in;
}
100% {
transform: perspective(400px) scale(1);
animation-timing-function: ease-in;
}
}
.flip.go {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flip;
backface-visibility: visible !important;
animation-name: flip;
}
/**********
* flipInX *
**********/
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateX(-10deg);
}
70% {
transform: perspective(400px) rotateX(10deg);
}
100% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX.go {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInX;
backface-visibility: visible !important;
animation-name: flipInX;
}
/**********
* flipInY *
**********/
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateY(-10deg);
}
70% {
transform: perspective(400px) rotateY(10deg);
}
100% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY.go {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInY;
backface-visibility: visible !important;
animation-name: flipInY;
}
/*****************
* Out animations *
*****************/
/************
* bounceOut *
*************/
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
}
25% {
-webkit-transform: scale(0.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(0.3);
}
}
@keyframes bounceOut {
0% {
transform: scale(1);
}
25% {
transform: scale(0.95);
}
50% {
opacity: 1;
transform: scale(1.1);
}
100% {
opacity: 0;
transform: scale(0.3);
}
}
.bounceOut.goAway {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
/************
* bounceOutUp *
*************/
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(20px);
}
100% {
opacity: 0;
transform: translateY(-2000px);
}
}
.bounceOutUp.goAway {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
/************
* bounceOutDown *
*************/
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(-20px);
}
100% {
opacity: 0;
transform: translateY(2000px);
}
}
.bounceOutDown.goAway {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
/************
* bounceOutLeft *
*************/
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(20px);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.bounceOutLeft.goAway {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
/************
* bounceOutRight *
*************/
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(-20px);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.bounceOutRight.goAway {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
/************
* fadeOut *
*************/
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut.goAway {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
/************
* fadeOutUp *
*************/
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-2000px);
}
}
.fadeOutUp.goAway {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
/************
* fadeOutDown *
*************/
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(2000px);
}
}
.fadeOutDown.goAway {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
/************
* fadeOutLeft *
*************/
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.fadeOutLeft.goAway {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
/************
* fadeOutRight *
*************/
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.fadeOutRight.goAway {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
/************
* flipOutX *
*************/
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX.goAway {
-webkit-animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
animation-name: flipOutX;
backface-visibility: visible !important;
}
/************
* flipOutY *
*************/
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
backface-visibility: visible !important;
animation-name: flipOutY;
}
/************
* lightSpeedOutRight *
*************/
@-webkit-keyframes lightSpeedOutRight {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOutRight {
0% {
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
.lightSpeedOutRight.goAway {
-webkit-animation-name: lightSpeedOutRight;
animation-name: lightSpeedOutRight;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
/************
* lightSpeedOutLeft *
*************/
@-webkit-keyframes lightSpeedOutLeft {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(-100%) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOutLeft {
0% {
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
transform: translateX(-100%) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOutLeft.goAway {
-webkit-animation-name: lightSpeedOutLeft;
animation-name: lightSpeedOutLeft;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
/************
* rotateOut *
*************/
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: center center;
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut.goAway {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
/************
* rotateOutUpLeft *
*************/
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
100% {
-transform-origin: left bottom;
-transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft.goAway {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
/************
* rotateOutDownLeft *
*************/
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft.goAway {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
/************
* rotateOutUpRight *
*************/
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight.goAway {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
/************
* rollOut *
*************/
@-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
transform: translateX(100%) rotate(120deg);
}
}
.rollOut.goAway {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
/*****************
* Short Animations
*******************/
/*********************
* fadeInUpShort
*********************/
@-webkit-keyframes fadeInUpShort {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fadeInUpShort {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUpShort {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
.fadeInUpShort.go {
-webkit-animation-name: fadeInUpShort;
animation-name: fadeInUpShort;
}
/*********************
* fadeInDownShort
*********************/
@-webkit-keyframes fadeInDownShort {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fadeInDownShort {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDownShort {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
.fadeInDownShort.go {
-webkit-animation-name: fadeInDownShort;
animation-name: fadeInDownShort;
}
/*********************
* fadeInRightShort
*********************/
@-webkit-keyframes fadeInRightShort {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes fadeInRightShort {
0% {
opacity: 0;
transform: translateX(20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInRightShort {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
.fadeInRightShort.go {
-webkit-animation-name: fadeInRightShort;
animation-name: fadeInRightShort;
}
/*********************
* fadeInLeftShort
*********************/
@-webkit-keyframes fadeInLeftShort {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes fadeInLeftShort {
0% {
opacity: 0;
transform: translateX(-20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInLeftShort {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
.fadeInLeftShort.go {
-webkit-animation-name: fadeInLeftShort;
animation-name: fadeInLeftShort;
}
body {
font-family: 'snt_regular', Arial, sans-serif;
font-size: 62.5%;
color: #696969;
background-color: #ffffff;
}
div.clear {
clear: both;
}
div.wrap,
div.fullwrap {
position: relative;
font-size: 1.8em;
line-height: 1.4em;
box-sizing: border-box;
}
@media only screen and (max-width: 1023px) {
div.wrap {
padding: 1.33333333em;
}
}
@media only screen and (min-width: 1024px) {
div.wrap {
padding: 0 1.33333333em;
margin: 0 auto;
}
}
@media only screen and (min-width: 1366px) {
div.wrap {
padding: 0;
}
}
header#pageheader {
position: fixed;
width: 100%;
left: 0;
background-color: #ffffff;
z-index: 10;
}
@media only screen and (max-width: 1023px) {
header#pageheader div.wrap {
padding: 0.33333333em 1.33333333em;
}
}
@media only screen and (min-width: 1024px) {
header#pageheader div.wrap {
-js-display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
}
}
@media only screen and (min-width: 1024px) {
header#pageheader div.wrap {
max-width: 1152px;
}
}
@media only screen and (min-width: 1366px) {
header#pageheader div.wrap {
max-width: 1448px;
}
}
@media only screen and (min-width: 1024px) {
header#pageheader div#search div.wrap {
position: static;
}
}
header#pageheader div#search div#search-icon {
min-width: 15px;
margin-right: 0.5vw;
cursor: pointer;
}
@media only screen and (max-width: 1023px) {
header#pageheader div#search div#search-icon {
position: absolute;
top: 1.2em;
left: 4em;
}
}
@media only screen and (min-width: 1366px) {
header#pageheader div#search div#search-icon {
margin-right: 1.5vw;
}
}
header#pageheader div#search div#search-field {
display: none;
position: absolute;
width: 100%;
left: 0;
top: 100%;
padding: 0 2vw 2vw 2vw;
background-color: #ffffff;
}
header#pageheader div#search div#search-field div.wrap {
font-size: inherit;
line-height: inherit;
}
header#pageheader div#search div#search-field form {
width: 80%;
}
header#pageheader div#search div#search-field input {
width: 100%;
padding: 0.66666667em 1.33333333em;
border-style: solid;
border-color: #696969;
border-width: 0px 0px 2px 0px;
}
header#pageheader div#search div#search-field input:focus {
outline: none;
}
@media only screen and (max-width: 1023px) {
header#pageheader div#shop-basket {
position: absolute;
top: 1.2em;
left: 6em;
}
}
@media only screen and (min-width: 1366px) {
header#pageheader div#shop-basket {
margin-right: 1.5vw;
margin-top: -0.2em;
}
}
header#pageheader div#shop-basket span#basket-icon {
background-color: #00c19c;
-webkit-mask: url('../../../typo3conf/ext/nw_package/Resources/Public/img/shop-icon.svg') no-repeat 50% 50%;
mask: url('../../../typo3conf/ext/nw_package/Resources/Public/img/shop-icon.svg') no-repeat 50% 50%;
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
background-size: cover;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
header#pageheader div#logo {
text-align: right;
}
@media only screen and (max-width: 1023px) {
header#pageheader div#logo {
margin: 0.33333333em 0;
}
header#pageheader div#logo img {
width: 60%;
max-width: 322px;
}
}
@media only screen and (min-width: 1024px) {
header#pageheader div#logo {
margin: 0.66666667em;
}
header#pageheader div#logo img {
width: auto;
min-width: 175px;
max-width: 322px;
}
}
@media only screen and (min-width: 1366px) {
header#pageheader div#logo {
margin: 0.66666667em 1.33333333em;
}
}
@media only screen and (min-width: 1650px) {
header#pageheader div#logo {
flex-shrink: 0;
margin: 0.66666667em 0;
}
}
@media only screen and (min-width: 1024px) {
aside#images {
padding-top: 73px;
}
}
aside#images div.wrap {
padding: 0;
}
@media only screen and (max-width: 1023px) {
aside#images div.wrap {
padding-top: 11vw;
}
}
aside#images figure {
text-align: center;
}
@media only screen and (min-width: 1024px) {
body#content-std main#content div.wrap {
max-width: 960px;
}
}
@media only screen and (min-width: 1366px) {
body#content-std main#content div.wrap {
max-width: 1152px;
}
}
@media only screen and (min-width: 1024px) {
body#content-home main#content div.wrap {
max-width: 1736px;
}
}
div#anchor-top a {
display: block;
width: 0px;
height: 0px;
text-indent: -9999px;
border-bottom: 32px solid #00c19c;
border-left: 32px solid transparent;
border-right: 32px solid transparent;
margin: 1.33333333em auto 4em auto;
outline: none;
}
@media only screen and (min-width: 1024px) {
div#anchor-top a {
margin: 4em auto 8em auto;
}
}
div#cta-buttons {
position: fixed;
top: 23%;
right: 0;
z-index: 10;
}
@media only screen and (max-width: 1023px) {
div#cta-buttons {
display: none;
}
}
div#cta-buttons ul li {
display: block;
margin: 0 0 0.66666667em 0;
}
div#cta-buttons a,
div#cta-buttons span {
-js-display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-ms-flex-pack: flex-end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
color: #ffffff;
cursor: pointer;
}
div#cta-buttons div {
font-family: 'snt_bold', Arial, sans-serif;
font-size: 1.8em;
height: 82px;
text-transform: uppercase;
padding: 1.66666667em 0;
color: #ffffff;
background-color: #005083;
box-sizing: border-box;
width: 0;
white-space: nowrap;
transition: 0.25s all ease-in-out;
}
div#cta-buttons div.active {
width: auto;
padding: 1.66666667em 1.33333333em;
}
div#cta-buttons div ul {
display: inline-block;
}
div#cta-buttons div ul li {
display: inline-block;
padding-left: 1.33333333em;
}
div#cta-buttons div ul li:first-of-type {
padding-left: 0;
}
footer#pagefooter {
background-color: #005083;
background-image: url('../../../typo3conf/ext/nw_package/Resources/Public/img/kontron_pfeil_weiss_10.png'), linear-gradient(to right, #005083, #00c19c);
background-repeat: no-repeat;
background-size: contain;
}
@media only screen and (min-width: 1366px) {
footer#pagefooter {
background-position: 20vw 0;
}
}
footer#pagefooter div.wrap {
font-size: 2.0em;
line-height: 1.6em;
color: #ffffff;
}
@media only screen and (min-width: 1024px) {
footer#pagefooter div.wrap {
-js-display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 2.66666667em 1.33333333em;
}
}
@media only screen and (min-width: 1024px) {
footer#pagefooter div.wrap {
max-width: 1152px;
}
}
@media only screen and (min-width: 1366px) {
footer#pagefooter div.wrap {
max-width: 1448px;
}
}
@media only screen and (max-width: 1023px) {
footer#pagefooter div.wrap div.col + div.col {
margin-top: 1.33333333em;
}
}
footer#pagefooter div.wrap h3 {
font-family: 'snt_bold', Arial, sans-serif;
text-transform: uppercase;
margin: 0 0 1.33333333em 0;
}
@media only screen and (max-width: 1023px) {
footer#pagefooter div.wrap h3 {
margin: 0 0 0.66666667em 0;
}
}
footer#pagefooter div.wrap p {
margin: 0;
}
footer#pagefooter div.wrap a {
color: #ffffff;
}
footer#pagefooter div.wrap div#socialmedia img {
margin-right: 0.66666667em;
}
footer#pagefooter div.wrap div#company ul {
margin: 2.66666667em 0;
}
footer#pagefooter div.wrap div#company ul li {
list-style-type: none;
line-height: 30px;
padding: 0 0 0 1.33333333em;
margin: 0.66666667em 0;
}
footer#pagefooter div.wrap div#company ul li::before {
content: '';
display: inline-block;
width: 12px;
height: 18px;
margin: 0 0 -0.13333333em -1.33333333em;
padding-right: 0.66666667em;
background-image: url('../../../typo3conf/ext/nw_package/Resources/Public/img/Icon-k_arrow_blue.svg');
background-repeat: no-repeat;
vertical-align: baseline;
filter: brightness(0) invert(1);
}
nav#nav-main ul li {
display: block;
}
nav#nav-main ul li a {
display: block;
text-transform: uppercase;
outline: none;
transition: 0.25s color ease-in-out;
}
nav#nav-main ul li a:hover,
nav#nav-main ul li a.active {
color: #005083;
}
nav#nav-main div.level2 {
background-color: #005083;
}
nav#nav-main div.level2 ul li a {
color: #ffffff;
}
@media only screen and (max-width: 1023px) {
nav#nav-main > ul {
width: 100vw;
height: 88vh;
overflow-y: auto;
z-index: 10;
}
nav#nav-main > ul::-webkit-scrollbar {
height: 6px;
}
nav#nav-main > ul::-webkit-scrollbar-track {
border-radius: 5px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
}
nav#nav-main > ul::-webkit-scrollbar-thumb {
border-radius: 5px;
background: rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
nav#nav-main ul {
position: absolute;
width: 100%;
top: 100%;
left: 0;
background-color: #ffffff;
}
nav#nav-main ul li a {
padding: 0.33333333em 1.33333333em;
}
nav#nav-main div.level2 ul {
position: relative;
background-color: inherit;
}
nav#nav-main div.level3 {
background-color: #ffffff;
}
nav#nav-main div.level3 dl {
background-color: rgba(0, 80, 131, 0.5);
}
nav#nav-main div.level3 dl dt {
display: none;
}
nav#nav-main > ul {
display: none;
}
nav#nav-main .menu-open:checked ~ ul {
display: block;
}
nav#nav-main div.level3 {
display: none;
}
nav#nav-main div.level2 ul li a.active + div.level3 {
display: block;
}
}
@media only screen and (min-width: 1024px) {
nav#nav-main ul {
font-size: 0.88888889em;
-js-display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
padding: 1.33333333em 0;
box-sizing: border-box;
}
nav#nav-main ul li {
margin-right: 0.25vw;
}
nav#nav-main ul li a {
font-family: 'snt_medium', Arial, sans-serif;
padding: 0 0.5vw;
}
nav#nav-main ul li a:hover,
nav#nav-main ul li a.active {
transform: scale(1.05);
}
nav#nav-main div.level2 {
position: absolute;
width: 200vw;
left: -50vw;
top: 100%;
}
nav#nav-main div.level2 ul {
max-width: 100vw;
margin: 0 auto;
padding: 1.33333333em;
}
nav#nav-main div.level2 ul li {
padding: 1.3em 0;
margin: -1.3em 0.5vw -1.3em 0;
}
nav#nav-main div.level2 ul li a {
font-size: 0.83333333em;
font-family: 'snt_regular', Arial, sans-serif;
text-transform: none;
}
nav#nav-main div.level2 ul li a:hover,
nav#nav-main div.level2 ul li a.active {
color: #a1bbd0;
transform: none;
}
nav#nav-main div.level2 {
display: none;
}
nav#nav-main ul li a.subnavactive + div.level2 {
display: block;
}
nav#nav-main div.level3 {
position: absolute;
width: 200vw;
top: 100%;
left: 0;
background-color: rgba(0, 80, 131, 0.5);
}
nav#nav-main div.level3 div {
border-left: 1px solid #ffffff;
}
nav#nav-main div.level3 dl {
-js-display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
max-width: 100vw;
margin: 0 auto;
padding: 1.33333333em;
box-sizing: border-box;
}
nav#nav-main div.level3 dl dt {
margin-left: 0.75vw;
padding: 0 2vw 0.33333333em 0;
}
nav#nav-main div.level3 dl dt img {
display: block;
}
nav#nav-main div.level3 dl dd {
padding: 0 2vw 0.33333333em 2vw;
}
nav#nav-main div.level3 {
display: none;
}
nav#nav-main div.level2 ul li.subnavactive div.level3,
nav#nav-main div.level2 ul li a.active + div.level3 {
display: block;
}
nav#nav-main div.level2 ul li.subnavactive > a {
color: #a1bbd0;
}
}
@media only screen and (min-width: 1366px) {
nav#nav-main ul {
font-size: 1em;
padding: 1.33333333em;
}
nav#nav-main ul li {
display: block;
margin-right: 0.75vw;
}
nav#nav-main ul li a {
padding: 0 1vw;
}
nav#nav-main div.level3 dl dt {
margin-left: 1vw;
}
}
label.menu-open-button {
z-index: 20;
}
@media only screen and (min-width: 1024px) {
label.menu-open-button {
display: none;
}
}
.menu-open-button {
background: transparent;
border-radius: 100%;
width: 34px;
height: 34px;
position: absolute;
left: 1em;
top: 0.75em;
cursor: pointer;
color: #005083;
text-align: center;
line-height: 40px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform ease-out 200ms;
transition: transform ease-out 200ms;
}
.menu-open {
/*inputfeld verstecken*/
display: none;
}
.hamburger {
/*hamburger position*/
width: 34px;
height: 4px;
background: #005083;
display: block;
position: absolute;
top: 18px;
left: 0px;
border-radius: 3px;
-webkit-transition: -webkit-transform 200ms;
transition: transform 200ms;
}
.hamburger-1 {
/*hamburger abstande*/
-webkit-transform: translate3d(0, -8px, 0);
transform: translate3d(0, -8px, 0);
}
.hamburger-2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.hamburger-3 {
-webkit-transform: translate3d(0, 8px, 0);
transform: translate3d(0, 8px, 0);
}
.menu-open:checked + .menu-open-button .hamburger-1 {
/*hamburger zum x animieren*/
background-color: #005083;
-webkit-transform: translate3d(0, 0, 0) rotate(45deg);
transform: translate3d(0, 0, 0) rotate(45deg);
}
.menu-open:checked + .menu-open-button .hamburger-2 {
background-color: #005083;
-webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
transform: translate3d(0, 0, 0) scale(0.1, 1);
}
.menu-open:checked + .menu-open-button .hamburger-3 {
background-color: #005083;
-webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
transform: translate3d(0, 0, 0) rotate(-45deg);
}
@media only screen and (min-width: 1024px) {
nav#nav-rootline ul,
nav#nav-lang ul {
margin-bottom: 1.33333333em;
}
}
nav#nav-rootline ul li,
nav#nav-lang ul li {
display: inline;
margin-left: 0;
padding-left: 0;
font-family: 'snt_bold', Arial, sans-serif;
color: #dbdbdb;
}
nav#nav-rootline ul li::after,
nav#nav-lang ul li::after {
content: " |";
font-size: 0.83333333em;
padding: 0 0.33333333em;
}
nav#nav-rootline ul li:last-of-type::after,
nav#nav-lang ul li:last-of-type::after {
content: "";
}
nav#nav-rootline ul li a,
nav#nav-lang ul li a {
font-size: 0.83333333em;
color: #dbdbdb;
text-transform: uppercase;
}
@media only screen and (min-width: 1024px) {
nav#nav-lang {
display: none;
}
}
nav#nav-lang ul {
margin: -0.66666667em 0 0.66666667em 0;
}
nav#nav-lang ul li a {
color: #005083;
}
@media only screen and (min-width: 1366px) {
nav#nav-foot {
-js-display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
}
nav#nav-foot ul li {
display: block;
margin-right: 3vw;
}
a {
color: #696969;
text-decoration: none;
}
div.frame-default a {
color: #00c19c;
}
a.link-file {
font-family: 'snt_medium', Arial, sans-serif;
color: #005083;
}
p {
margin: 0 0 1.33333333em 0;
padding: 0 0 0 0;
}
strong {
font-family: 'snt_medium', Arial, sans-serif;
}
iframe,
video {
max-width: 100%;
}
img {
max-width: 100%;
height: auto;
}
a.anchor {
display: block;
position: relative;
top: -6em;
visibility: hidden;
}
@media only screen and (min-width: 1024px) {
a.anchor {
top: -7em;
}
}
div.frame-default a.link-button {
display: inline-block;
font-size: 24px;
font-family: 'snt_bold', Arial, sans-serif;
margin: 0.66666667em 0;
padding: 0.33333333em 1.33333333em;
color: #ffffff;
background-color: #00c19c;
text-transform: uppercase;
box-sizing: border-box;
border-radius: 1.33333333em;
}
main div.frame ul,
main div.frame ol {
margin: 0 0 1.33333333em 0;
}
main div.frame ul li,
main div.frame ol li {
margin: 0;
padding: 0 0 0 1.33333333em;
list-style-type: none;
}
main div.frame ul li::before,
main div.frame ol li::before {
content: '';
display: inline-block;
width: 12px;
height: 18px;
margin: 0 0 -0.13333333em -1.33333333em;
padding-right: 0.66666667em;
background-image: url('../../../typo3conf/ext/nw_package/Resources/Public/img/Icon-k_arrow_blue.svg');
background-repeat: no-repeat;
vertical-align: baseline;
}
main div.frame ul ul li::before,
main div.frame ol ul li::before {
display: none;
}
div.frame-type-text ul,
div.frame-type-textmedia ul {
margin: 0 0 1.33333333em 0;
}
div.frame-type-text ul li,
div.frame-type-textmedia ul li {
list-style-type: none;
line-height: 30px;
padding: 0 0 0 40px;
margin: 0.66666667em 0;
}
div.frame-type-text ul li.trigger,
div.frame-type-textmedia ul li.trigger {
cursor: pointer;
}
div.frame-type-text ul ul li,
div.frame-type-textmedia ul ul li {
display: block;
padding-left: 0;
padding-bottom: 0.66666667em;
background: none;
}
h1,
h2,
h3 {
-moz-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
font-weight: normal;
line-height: normal;
}
h1 {
font-size: 2.11111111em;
margin: 0 0 0.66666667em 0;
}
@media only screen and (min-width: 1024px) {
h1 {
font-size: 3.77777778em;
}
}
h2 {
color: #005083;
font-size: 1.77777778em;
margin: 1em 0 0.66666667em 0;
}
@media only screen and (min-width: 1024px) {
h2 {
font-size: 2.38888889em;
}
}
h3 {
font-size: 1.33333333em;
font-family: 'snt_medium', Arial, sans-serif;
margin: 0 0 0.66666667em 0;
}
h4 {
color: #005083;
}
div.frame-layout-1 {
margin: 5.33333333em 0;
background-color: #dbdbdb;
}
@media only screen and (min-width: 1024px) {
div.frame-layout-1 div.wrap {
padding-top: 0.66666667em;
padding-bottom: 2.66666667em;
}
}
div.frame-layout-1 + div.frame-layout-1 {
margin-top: -8em;
}
div.frame-layout-2 {
color: #ffffff;
background-color: #005083;
margin: 5.33333333em 0;
}
div.frame-layout-2 h1,
div.frame-layout-2 h2,
div.frame-layout-2 a {
color: #ffffff;
}
@media only screen and (min-width: 1024px) {
div.frame-layout-2 div.wrap {
padding-top: 0.66666667em;
padding-bottom: 2.66666667em;
}
}
div.frame-space-after-large {
margin-bottom: 21.33333333em;
}
main#content div.ce-image.ce-above {
margin: 8em 0;
}
@media only screen and (min-width: 1024px) {
div.ce-textpic.ce-left,
div.ce-textpic.ce-right {
-js-display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
margin: 1.33333333em 0;
}
div.ce-textpic.ce-left div.ce-gallery,
div.ce-textpic.ce-right div.ce-gallery {
width: 36%;
}
div.ce-textpic.ce-left div.ce-bodytext,
div.ce-textpic.ce-right div.ce-bodytext {
width: 62%;
}
}
div.ce-textpic.ce-left h2,
div.ce-textpic.ce-right h2,
div.ce-textpic.ce-left h3,
div.ce-textpic.ce-right h3 {
color: inherit;
font-family: 'snt_bold', Arial, sans-serif;
font-size: 1.33333333em;
margin-top: 0;
}
@media only screen and (min-width: 1024px) {
div.ce-textpic.ce-right {
flex-direction: row-reverse;
}
}
div.frame-ruler-after div.ce-textpic.ce-left,
div.frame-ruler-after div.ce-textpic.ce-right {
border-bottom: 3px solid #dbdbdb;
}
@media only screen and (min-width: 1024px) {
div.frame-ruler-after div.ce-textpic.ce-left,
div.frame-ruler-after div.ce-textpic.ce-right {
padding-bottom: 2em;
margin-bottom: 2em;
}
}
table.contenttable td,
table.contenttable th {
text-align: left;
vertical-align: top;
}
@media only screen and (max-width: 1023px) {
table.contenttable td,
table.contenttable th {
display: block;
}
}
table.contenttable th {
font-size: 1.33333333em;
font-family: 'snt_bold', Arial, sans-serif;
padding: 0.66666667em 0.66666667em 0.66666667em 0;
}
table.contenttable td {
padding: 1em 0;
}
main div.frame-type-menu_section ul,
main div.frame-type-menu_section_pages ul {
margin: 2.66666667em 0 5.33333333em 0;
}
@media only screen and (min-width: 1024px) {
main div.frame-type-menu_section ul,
main div.frame-type-menu_section_pages ul {
-js-display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: space-around;
-webkit-justify-content: space-around;
justify-content: space-around;
}
}
main div.frame-type-menu_section ul li,
main div.frame-type-menu_section_pages ul li {
display: block;
padding: 0;
margin: 0 0 1.5% 0;
background-color: #a1bbd0;
}
main div.frame-type-menu_section ul li::before,
main div.frame-type-menu_section_pages ul li::before {
display: none;
}
@media only screen and (max-width: 1023px) {
main div.frame-type-menu_section ul li,
main div.frame-type-menu_section_pages ul li {
max-width: 375px;
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (min-width: 1024px) {
main div.frame-type-menu_section ul li,
main div.frame-type-menu_section_pages ul li {
width: 24%;
}
}
main div.frame-type-menu_section ul li a,
main div.frame-type-menu_section_pages ul li a {
display: block;
min-height: 288px;
text-align: center;
color: #005083;
background-color: #a1bbd0;
padding: 0.33333333em 0;
box-sizing: border-box;
-moz-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
transition: 0.25s all ease-in-out;
}
main div.frame-type-menu_section ul li a figure,
main div.frame-type-menu_section_pages ul li a figure {
margin: 1.33333333em 0;
}
main div.frame-type-menu_section ul li a figure img,
main div.frame-type-menu_section_pages ul li a figure img {
transition: 0.25s all ease-in-out;
}
main div.frame-type-menu_section ul li a span,
main div.frame-type-menu_section_pages ul li a span {
font-family: 'snt_bold', Arial, sans-serif;
font-size: 1.77777778em;
line-height: normal;
}
main div.frame-type-menu_section ul li a:hover,
main div.frame-type-menu_section_pages ul li a:hover,
main div.frame-type-menu_section ul li a:active,
main div.frame-type-menu_section_pages ul li a:active {
color: #ffffff;
background-color: #005083;
}
main div.frame-type-menu_section ul li a:hover img,
main div.frame-type-menu_section_pages ul li a:hover img,
main div.frame-type-menu_section ul li a:active img,
main div.frame-type-menu_section_pages ul li a:active img {
filter: brightness(0) invert(1);
}
main div.frame-type-menu_section_image ul,
main div.frame-type-menu_section_pages_image ul {
margin: 2.66666667em 0 5.33333333em 0;
}
@media only screen and (min-width: 1024px) {
main div.frame-type-menu_section_image ul,
main div.frame-type-menu_section_pages_image ul {
-js-display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: space-around;
-webkit-justify-content: space-around;
justify-content: space-around;
}
}
main div.frame-type-menu_section_image ul li,
main div.frame-type-menu_section_pages_image ul li {
position: relative;
display: block;
padding: 0;
margin: 0 0 1.5% 0;
}
main div.frame-type-menu_section_image ul li::before,
main div.frame-type-menu_section_pages_image ul li::before {
display: none;
}
@media only screen and (max-width: 1023px) {
main div.frame-type-menu_section_image ul li,
main div.frame-type-menu_section_pages_image ul li {
max-width: 375px;
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (min-width: 1024px) {
main div.frame-type-menu_section_image ul li,
main div.frame-type-menu_section_pages_image ul li {
width: 19%;
}
}
main div.frame-type-menu_section_image ul li a,
main div.frame-type-menu_section_pages_image ul li a {
text-align: center;
}
main div.frame-type-menu_section_image ul li a span,
main div.frame-type-menu_section_pages_image ul li a span {
font-family: 'snt_bold', Arial, sans-serif;
font-size: 1.33333333em;
line-height: normal;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 42%;
padding: 0.33333333em 0.66666667em;
box-sizing: border-box;
color: #005083;
background: rgba(255, 255, 255, 0.7);
transition: 0.25s all ease-in-out;
}
@media only screen and (min-width: 1366px) {
main div.frame-type-menu_section_image ul li a span,
main div.frame-type-menu_section_pages_image ul li a span {
height: 36%;
}
}
main div.frame-type-menu_section_image ul li a:hover span,
main div.frame-type-menu_section_pages_image ul li a:hover span {
height: 100%;
padding-top: 36%;
}
@media only screen and (min-width: 1024px) {
main div.frame-type-menu_section_image ul.menu-length-3 li,
main div.frame-type-menu_section_pages_image ul.menu-length-3 li {
width: 33%;
}
}
main div.frame-type-menu_section_image ul.menu-length-3 li span,
main div.frame-type-menu_section_pages_image ul.menu-length-3 li span {
padding: 10% 0.66666667em;
}
@media only screen and (min-width: 1024px) {
main div.frame-type-menu_section_image ul.menu-length-4 li,
main div.frame-type-menu_section_pages_image ul.menu-length-4 li {
width: 24%;
}
}
main div.frame-type-menu_section_image ul.menu-length-4 li span,
main div.frame-type-menu_section_pages_image ul.menu-length-4 li span {
padding: 0.33333333em 0.66666667em;
}
@media only screen and (min-width: 1024px) {
main div.frame-type-menu_section_image ul.menu-length-6 li,
main div.frame-type-menu_section_pages_image ul.menu-length-6 li {
width: 16%;
}
}
main div.frame-type-menu_section_image ul.menu-length-6 li span,
main div.frame-type-menu_section_pages_image ul.menu-length-6 li span {
padding: 0.33333333em 0.66666667em;
}
body.content-events div.ce-bodytext a {
font-family: 'snt_bold', Arial, sans-serif;
color: #00c19c;
}
div.video-embed {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
div.video-embed iframe.video-embed-item {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
main div.frame-usecases-menue ul {
margin: 0 0 2.66666667em 0;
}
@media only screen and (min-width: 1024px) {
main div.frame-usecases-menue ul {
-js-display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: center;
align-items: center;
}
}
main div.frame-usecases-menue ul li {
display: block;
padding: 0;
margin: 0 0 1.5% 0;
}
main div.frame-usecases-menue ul li::before {
display: none;
}
@media only screen and (max-width: 1023px) {
main div.frame-usecases-menue ul li {
max-width: 375px;
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (min-width: 1024px) {
main div.frame-usecases-menue ul li {
width: 24%;
margin: 0.5%;
}
}
main div.frame-usecases-menue ul li a {
-js-display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
min-height: 288px;
text-align: center;
color: #ffffff;
background-color: #696969;
-moz-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
transition: 0.25s all ease-in-out;
}
main div.frame-usecases-menue ul li a span {
font-family: 'snt_bold', Arial, sans-serif;
font-size: 1.77777778em;
line-height: normal;
}
main div.frame-type-uploads ul.ce-uploads {
margin: 0 0 2.66666667em 0;
}
@media only screen and (min-width: 1024px) {
main div.frame-type-uploads ul.ce-uploads {
-js-display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: center;
align-items: center;
}
}
main div.frame-type-uploads ul.ce-uploads li {
display: block;
padding: 0;
margin: 0 0 1.5% 0;
}
main div.frame-type-uploads ul.ce-uploads li::before {
display: none;
}
@media only screen and (max-width: 1023px) {
main div.frame-type-uploads ul.ce-uploads li {
max-width: 375px;
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (min-width: 1024px) {
main div.frame-type-uploads ul.ce-uploads li {
width: 24%;
margin: 0.5%;
}
}
main div.frame-type-uploads ul.ce-uploads li div {
background-color: #696969;
}
main div.frame-type-uploads ul.ce-uploads li a {
-js-display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
min-height: 288px;
text-align: center;
color: #ffffff;
-moz-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
transition: 0.25s all ease-in-out;
}
main div.frame-type-uploads ul.ce-uploads li a span {
font-family: 'snt_bold', Arial, sans-serif;
font-size: 1.77777778em;
line-height: normal;
}
@media only screen and (min-width: 1024px) {
body#content-home aside#images {
padding-top: 0;
}
}
div#c65 {
text-align: center;
}
@media only screen and (min-width: 1024px) {
div#c65 {
font-size: 1.77777778em;
line-height: normal;
}
}
@media only screen and (min-width: 1366px) {
div#c65 div.ce-bodytext {
margin: 2.66666667em 6vw;
}
}
div.frame-home-facts {
margin: 4em 0;
}
@media only screen and (min-width: 1024px) {
div.frame-home-facts {
margin: 12em 0;
}
}
@media only screen and (min-width: 1366px) {
div.frame-home-facts {
margin: 24em 0;
}
}
@media only screen and (min-width: 1024px) {
div.frame-home-facts div.wrap {
-js-display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
}
div.frame-home-facts div.home-facts {
cursor: pointer;
position: relative;
font-size: 1.33333333em;
line-height: normal;
text-align: center;
color: #ffffff;
background-color: #005083;
overflow: hidden;
}
@media only screen and (max-width: 1023px) {
div.frame-home-facts div.home-facts {
margin-bottom: 1.33333333em;
}
}
@media only screen and (min-width: 1024px) {
div.frame-home-facts div.home-facts {
width: 24%;
}
}
div.frame-home-facts div.home-facts figure {
padding: 1.33333333em 1.33333333em 0 1.33333333em;
}
div.frame-home-facts div.home-facts dl {
padding: 0 0.66666667em 0.66666667em 0.66666667em;
}
@media only screen and (min-width: 1366px) {
div.frame-home-facts div.home-facts dl {
padding: 0 1.33333333em 1.33333333em 1.33333333em;
}
}
div.frame-home-facts div.home-facts dl dt {
font-family: 'snt_bold', Arial, sans-serif;
font-size: 2.5em;
line-height: 1.6em;
}
div.frame-home-facts div.home-facts span {
-js-display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
padding: 1.33333333em;
color: #005083;
background-color: #dbdbdb;
box-sizing: border-box;
-moz-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
word-wrap: break-word;
transition: 0.25s all ease-in-out;
}
div.frame-home-facts div.home-facts:hover span {
top: 0;
}
@media only screen and (min-width: 1024px) {
div.frame-home-image {
width: 100%;
height: 100vh;
background-image: url("/fileadmin/media/home/Image_BL_i.MX8M_Mini.jpg");
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
div.frame-home-image figure {
text-align: center;
}
}
@media (hover: none) {
div.frame-home-image {
background-attachment: initial;
}
}
@media only screen and (min-width: 1024px) {
body#content-home main#content div.frame-home-leistungen div.wrap,
body#content-home main#content div.frame-type-menu_section_pages_image div.wrap {
max-width: 960px;
}
}
@media only screen and (min-width: 1366px) {
body#content-home main#content div.frame-home-leistungen div.wrap,
body#content-home main#content div.frame-type-menu_section_pages_image div.wrap {
max-width: 1152px;
}
}
body#content-home div.frame-home-leistungen {
text-align: center;
margin: 4em 0;
}
@media only screen and (min-width: 1024px) {
body#content-home div.frame-home-leistungen {
margin: 12em 0;
}
}
@media only screen and (min-width: 1366px) {
body#content-home div.frame-home-leistungen {
margin: 24em 0;
}
}
body#content-home div.frame-home-leistungen h2 {
font-size: 2.44444444em;
line-height: normal;
color: #000000;
text-transform: uppercase;
}
@media only screen and (min-width: 1024px) {
body#content-home div.frame-home-leistungen h2 {
font-size: 3.33333333em;
}
}
body#content-home div.frame-home-leistungen ul.leistungen {
font-size: 1.77777778em;
line-height: normal;
}
@media only screen and (min-width: 1024px) {
body#content-home div.frame-home-leistungen ul.leistungen {
-js-display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
}
body#content-home div.frame-home-leistungen ul.leistungen li {
position: relative;
display: block;
}
@media only screen and (max-width: 1023px) {
body#content-home div.frame-home-leistungen ul.leistungen li {
margin: 2.66666667em 0;
}
}
@media only screen and (min-width: 1024px) {
body#content-home div.frame-home-leistungen ul.leistungen li {
margin-top: 2.66666667em;
}
}
body#content-home div.frame-home-leistungen ul.leistungen li figure {
background-color: #ffffff;
}
body#content-home div.frame-home-leistungen ul.leistungen li figure figcaption {
margin-top: 0.33333333em;
}
body#content-home div.frame-home-leistungen ul.leistungen li figure + figure {
position: absolute;
top: 0;
opacity: 0;
}
body#content-home div.frame-home-leistungen ul.leistungen li a:hover figure + figure {
opacity: 1;
}
div#c66 {
margin: 4em 0;
}
@media only screen and (min-width: 1024px) {
div#c66 {
margin: 12em 0;
}
}
div#c66 h2 {
font-size: 2.44444444em;
line-height: normal;
text-transform: uppercase;
}
@media only screen and (min-width: 1024px) {
div#c66 h2 {
font-size: 3.33333333em;
}
}
div#c66 ul {
margin: 4em 0;
}
div#overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.66);
z-index: 20;
display: none;
}
div#overlay div#overlay-content {
position: relative;
max-height: 85%;
overflow-y: auto;
background-color: #ffffff;
box-sizing: border-box;
}
@media only screen and (min-width: 1024px) {
div#overlay div#overlay-content {
max-width: 920px;
margin: 8% auto 0 auto;
}
}
div#overlay div#overlay-content div.wrap {
padding: 0;
}
div#overlay div#overlay-content div.ce-bodytext {
color: #000000;
padding: 1.33333333em;
}
@media only screen and (min-width: 1024px) {
div#overlay div#overlay-content div.ce-bodytext {
padding: 1.33333333em 2.66666667em;
}
}
div#overlay div#overlay-content div.ce-bodytext h2 {
color: #005083;
text-transform: uppercase;
margin: 0 0 0.66666667em 0;
}
div#overlay div#overlay-content div.ce-button {
text-align: center;
}
div#overlay div#overlay-content div.ce-button a#overlay-close {
text-align: center;
display: inline-block;
font-family: 'snt_bold', Arial, sans-serif;
color: #ffffff;
background-color: #005083;
text-transform: uppercase;
box-sizing: border-box;
margin: 0 0 2em 0;
padding: 0.33333333em 1.33333333em;
border-radius: 1.33333333em;
cursor: pointer;
}
@media only screen and (max-width: 1023px) {
div.frame-type-shortcut {
height: 11vw;
}
div.frame-type-shortcut div.wrap {
display: none;
}
}
div.frame-type-shortcut div.wrap {
font-size: 1.0em;
line-height: inherit;
max-width: inherit;
margin: 0;
}
div.frame-slideshow-home div.frame-default {
position: relative;
}
div.frame-slideshow-home div.frame-default div.ce-bodytext-wrap {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.75);
}
div.frame-slideshow-home div.frame-default div.ce-bodytext {
-js-display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
max-width: 1448px;
margin: 2em auto 6em auto;
padding: 0 10vw 0 0;
box-sizing: border-box;
}
div.frame-slideshow-home div.frame-default div.ce-bodytext h2 {
font-size: 3.77777778em;
line-height: 1.0em;
color: #000000;
margin: 0;
white-space: nowrap;
}
div.frame-slideshow-home div.frame-default div.ce-bodytext p {
font-size: 1.11111111em;
line-height: 1.3em;
color: #000000;
padding-left: 1.33333333em;
margin-left: 1.33333333em;
border-left: 3px solid #000000;
}
div.frame-slideshow-home div.frame-default div.ce-bodytext a {
color: #000000;
font-family: 'snt_bold', Arial, sans-serif;
}
@media only screen and (max-width: 1023px) {
aside#images div.frame-slideshow-career {
min-height: 75vh;
margin-bottom: 1.33333333em;
}
aside#images div.frame-slideshow-career div.wrap {
display: block;
padding-top: 2vw;
min-height: 75vh;
}
}
@media only screen and (max-width: 1023px) {
div.frame-slideshow-career div#slideshow-wrap {
min-height: 75vh;
}
}
@media only screen and (min-width: 1024px) {
div.frame-slideshow-career div#slideshow-wrap {
height: 32vw;
max-height: 650px;
margin-top: 2vw;
}
}
div.frame-slideshow-career div.frame-default {
background-image: url('../../../typo3conf/ext/nw_package/Resources/Public/img/slideshow-karriere-hintergrund.jpg');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
div.frame-slideshow-career div.frame-default::after {
display: block;
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-repeat: no-repeat;
}
@media only screen and (max-width: 1023px) {
div.frame-slideshow-career div.frame-default {
min-height: 75vh;
}
div.frame-slideshow-career div.frame-default::after {
height: 75vh;
z-index: -1;
background-size: cover;
background-position: 100% 50%;
background-image: url('../../../typo3conf/ext/nw_package/Resources/Public/img/slideshow-verlauf-mobil.png');
}
}
@media only screen and (min-width: 1024px) {
div.frame-slideshow-career div.frame-default {
max-height: 650px;
}
div.frame-slideshow-career div.frame-default::after {
background-size: cover;
background-position: 0% 50%;
background-image: url('../../../typo3conf/ext/nw_package/Resources/Public/img/slideshow-verlauf.png');
}
}
@media only screen and (max-width: 1023px) {
div.frame-slideshow-career div.frame-default div.ce-textpic {
display: flex;
justify-content: space-between;
flex-direction: column-reverse;
min-height: 75vh;
}
}
@media only screen and (max-width: 1023px) {
div.frame-slideshow-career div.frame-default div.ce-gallery {
width: 25%;
margin: 0 1.33333333em;
}
}
@media only screen and (min-width: 1024px) {
div.frame-slideshow-career div.frame-default div.ce-gallery {
position: absolute;
bottom: 0;
left: 66%;
z-index: 5;
}
}
@media only screen and (min-width: 1024px) {
div.frame-slideshow-career div.frame-default div.ce-gallery img {
display: block;
}
}
div.frame-slideshow-career div.frame-default div.ce-bodytext-wrap {
position: relative;
width: 100%;
left: 0;
z-index: 5;
}
@media only screen and (max-width: 1023px) {
div.frame-slideshow-career div.frame-default div.ce-bodytext-wrap {
width: 80%;
}
}
@media only screen and (min-width: 1024px) {
div.frame-slideshow-career div.frame-default div.ce-bodytext-wrap {
display: flex;
height: 32vw;
max-height: 650px;
align-items: center;
}
}
div.frame-slideshow-career div.frame-default div.ce-bodytext {
color: #ffffff;
box-sizing: border-box;
}
@media only screen and (max-width: 1023px) {
div.frame-slideshow-career div.frame-default div.ce-bodytext {
margin: 1.33333333em;
}
}
@media only screen and (min-width: 1024px) {
div.frame-slideshow-career div.frame-default div.ce-bodytext {
margin: 0em auto;
padding: 0 460.8px 0 2vw;
max-width: 960px;
}
}
@media only screen and (min-width: 1366px) {
div.frame-slideshow-career div.frame-default div.ce-bodytext {
padding: 0 512px 0 0;
max-width: 1152px;
}
}
div.frame-slideshow-career div.frame-default div.ce-bodytext p {
font-size: 0.88888889em;
line-height: 1.3em;
margin: 1.33333333em 0;
}
@media only screen and (max-width: 1023px) {
div.frame-slideshow-career div.frame-default div.ce-bodytext p {
font-size: 2.5vh;
}
}
@media only screen and (min-width: 1024px) {
div.frame-slideshow-career div.frame-default div.ce-bodytext p:first-of-type {
font-size: 1.5vw;
}
}
@media only screen and (min-width: 1650px) {
div.frame-slideshow-career div.frame-default div.ce-bodytext p:first-of-type {
font-size: 1.55555556em;
}
}
.unslider {
position: relative;
margin: 0;
padding: 0;
}
.unslider-wrap {
position: relative;
}
.unslider-wrap div.ce-content {
position: relative;
}
.unslider-wrap.unslider-carousel > div {
float: left;
}
.unslider-fade {
position: relative;
}
.unslider-fade div.frame {
position: absolute;
left: 0;
top: 0;
right: 0;
z-index: 8;
}
.unslider-fade div.frame.unslider-active {
z-index: 9;
}
.unslider-nav {
position: relative;
top: -4em;
z-index: 10;
}
@media only screen and (max-width: 1023px) {
.unslider-nav {
scale: 0.66;
}
}
.unslider-nav ol {
list-style: none;
text-align: center;
}
.unslider-nav ol li {
display: inline-block;
width: 20px;
height: 20px;
margin: 0 10px;
background: transparent;
border-radius: 20px;
overflow: hidden;
text-indent: -999em;
background: #dbdbdb;
border: 1px solid #00c19c;
cursor: pointer;
}
.unslider-nav ol li.unslider-active {
background: #00c19c;
cursor: default;
}
div.frame-slideshow-career .unslider-nav {
top: -2em;
}
@media only screen and (min-width: 1024px) {
div.frame-slideshow-career .unslider-nav ol {
margin-left: -30vw;
}
}
@media only screen and (min-width: 1366px) {
div.frame-slideshow-career .unslider-nav ol {
margin-left: -26vw;
}
}
@media only screen and (min-width: 1650px) {
div.frame-slideshow-career .unslider-nav ol {
margin-left: -22vw;
}
}
div.frame-slideshow-career .unslider-nav ol li {
width: 16px;
height: 16px;
margin: 0 8px;
border-color: #ffffff;
}
@media only screen and (min-width: 1024px) {
div.ce-twocol-parallax div.fullwrap {
-js-display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
}
div.ce-twocol-parallax div.textwrap {
padding: 1.33333333em;
}
@media only screen and (min-width: 1024px) {
div.ce-twocol-parallax div.textwrap {
max-width: 576px;
padding: 2.66666667em 2em;
box-sizing: border-box;
}
}
div.ce-twocol-parallax div.textwrap h2 {
margin: 0;
}
div.ce-twocol-parallax div.textwrap h3 {
font-family: inherit;
font-size: 1.77777778em;
margin: 0 0 0.66666667em 0;
}
@media only screen and (min-width: 1024px) {
div.ce-twocol-parallax div.textwrap h3 {
font-size: 2.38888889em;
}
}
@media only screen and (min-width: 1024px) {
div.ce-twocol-parallax div.ce-twocol-parallax-col-left {
width: 50%;
-js-display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-ms-flex-pack: flex-end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
}
@media only screen and (min-width: 1366px) {
div.ce-twocol-parallax div.ce-twocol-parallax-col-left div.textwrap {
padding-left: 0;
}
}
@media only screen and (min-width: 1024px) {
div.ce-twocol-parallax div.ce-twocol-parallax-col-right {
width: 50%;
}
}
div.ce-twocol-parallax div.ce-twocol-parallax-col-right h3 {
font-family: 'snt_bold', Arial, sans-serif;
font-size: 1.0em;
margin: 0;
}
div.ce-twocol-parallax div.ce-twocol-parallax-image {
position: relative;
width: 100%;
height: 60vh;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
overflow: hidden;
}
@media (hover: none) {
div.ce-twocol-parallax div.ce-twocol-parallax-image {
background-attachment: initial;
}
}
div.ce-twocol-parallax.odd div.ce-twocol-parallax-col-left {
color: #ffffff;
background-color: #005083;
}
div.ce-twocol-parallax.odd div.ce-twocol-parallax-col-left h2,
div.ce-twocol-parallax.odd div.ce-twocol-parallax-col-left h3 {
color: #ffffff;
}
div.ce-twocol-parallax.odd div.ce-twocol-parallax-col-right {
color: #000000;
background-color: #dbdbdb;
}
div.ce-twocol-parallax.odd div.ce-twocol-parallax-col-right h3 {
color: #005083;
}
div.ce-twocol-parallax.odd div.ce-twocol-parallax-col-right ul li::before {
content: '';
display: inline-block;
width: 12px;
height: 18px;
margin: 0 0 -0.13333333em -1.33333333em;
padding-right: 0.66666667em;
background-image: url('../../../typo3conf/ext/nw_package/Resources/Public/img/Icon-k_arrow_blue.svg');
background-repeat: no-repeat;
vertical-align: baseline;
}
div.ce-twocol-parallax.even div.ce-twocol-parallax-col-left h2,
div.ce-twocol-parallax.even div.ce-twocol-parallax-col-left h3 {
color: #005083;
}
div.ce-twocol-parallax.even div.ce-twocol-parallax-col-right {
color: #ffffff;
background-color: #696969;
}
div.ce-twocol-parallax.even div.ce-twocol-parallax-col-right ul li::before {
content: '';
display: inline-block;
width: 12px;
height: 18px;
margin: 0 0 -0.13333333em -1.33333333em;
padding-right: 0.66666667em;
background-image: url('../../../typo3conf/ext/nw_package/Resources/Public/img/Icon-k_arrow_blue.svg');
background-repeat: no-repeat;
vertical-align: baseline;
}
main div.frame ul.link-kontaktformular {
margin: 2.66666667em 0;
}
main div.frame ul.link-kontaktformular li {
padding-left: 0;
}
main div.frame ul.link-kontaktformular li::before {
display: none;
}
main div.frame ul.link-kontaktformular li a {
color: #00c19c;
font-size: 1.77777778em;
padding-left: 60px;
background: url('../../../typo3conf/ext/nw_package/Resources/Public/img/icon-mail-green.png') left center no-repeat;
}
@media only screen and (min-width: 1024px) {
main div.frame ul.link-kontaktformular li a {
font-size: 2.38888889em;
}
}
nav.contact-tabs-menu {
margin-bottom: 1.33333333em;
}
@media only screen and (min-width: 1024px) {
nav.contact-tabs-menu ul {
-js-display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
}
nav.contact-tabs-menu ul li {
display: block;
padding: 0;
margin: 0;
}
@media only screen and (max-width: 1023px) {
nav.contact-tabs-menu ul li {
margin-bottom: 1.33333333em;
}
}
@media only screen and (min-width: 1024px) {
nav.contact-tabs-menu ul li {
width: 19%;
}
}
nav.contact-tabs-menu ul li a {
display: block;
line-height: 220px;
text-align: center;
color: #005083;
background-color: #a1bbd0;
transition: 0.25s all ease-in-out;
}
nav.contact-tabs-menu ul li:after {
content: '';
display: block;
height: 41px;
background: url('../../../typo3conf/ext/nw_package/Resources/Public/img/accordion-arrow.png') center no-repeat;
opacity: 0;
transition: 0.25s all ease-in-out;
}
nav.contact-tabs-menu ul li:hover a,
nav.contact-tabs-menu ul li.active a {
color: #ffffff;
background-color: #005083;
}
nav.contact-tabs-menu ul li:hover:after,
nav.contact-tabs-menu ul li.active:after {
opacity: 1;
}
@media only screen and (min-width: 1024px) {
div#c1830.frame-type-multicolumn ul.multicolumnContainer div.columnItem {
height: auto;
}
}
div.contact-tab-item {
display: none;
}
div.contact-tab-item:not(:target) {
display: none;
}
div.contact-tab-item:target {
display: block;
}
@media only screen and (min-width: 1024px) {
div.contact-tab-item div.contact-tab-content {
-js-display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
}
div.contact-tab-item div.contact-tab-content > div.frame {
margin-bottom: 1.33333333em;
}
@media only screen and (min-width: 1024px) {
div.contact-tab-item div.contact-tab-content > div.frame {
width: 49%;
}
}
div.contact-tab-item div.contact-tab-content > div.frame div.wrap {
font-size: 1.0em;
line-height: inherit;
max-width: inherit;
margin: 0;
padding: 0;
}
div.contact-tab-item div.contact-tab-content > div.frame div.ce-gallery {
margin-bottom: 1.33333333em;
}
div.contact-tab-item div.contact-tab-content div.frame-type-multicolumn {
width: 100%;
}
div.contact-tab-item div.contact-tab-content div.frame-type-multicolumn ul.multicolumnContainer li.column {
width: 50% !important;
margin: 0;
}
@media only screen and (max-width: 1023px) {
div.contact-tab-item div.contact-tab-content div.frame-type-multicolumn ul.multicolumnContainer li.column {
width: 100% !important;
padding: 1.33333333em;
}
}
@media only screen and (min-width: 1024px) {
div.contact-tab-item div.contact-tab-content div.frame-type-multicolumn ul.multicolumnContainer li.column {
width: 50% !important;
padding: 4em 2.66666667em;
}
}
div.contact-tab-item div.contact-tab-content div.frame-type-multicolumn ul.multicolumnContainer li.columnFirst {
color: #ffffff;
background-color: #005083;
}
@media only screen and (min-width: 1024px) {
div.contact-tab-item div.contact-tab-content div.frame-type-multicolumn ul.multicolumnContainer li.columnFirst h3 {
font-size: 1.77777778em;
}
}
div.contact-tab-item div.contact-tab-content div.frame-type-multicolumn ul.multicolumnContainer li.columnFirst a {
display: inline-block;
color: #ffffff;
padding: 180px 0px 0px 0px;
background: url('../../../typo3conf/ext/nw_package/Resources/Public/img/icon-mail.png') no-repeat;
}
div.contact-tab-item div.contact-tab-content div.frame-type-multicolumn ul.multicolumnContainer li.columnLast {
color: #005083;
background-color: #dbdbdb;
}
@media only screen and (min-width: 1024px) {
div.contact-tab-item div.contact-tab-content div.frame-type-multicolumn ul.multicolumnContainer li.columnLast p + p {
margin-top: 4.66666667em;
}
}
div.contact-tab-item div.contact-tab-content div.frame-type-multicolumn ul.multicolumnContainer li.columnLast a {
color: #005083;
}
@media only screen and (min-width: 1024px) {
div.contact-tab-item div.contact-tab-content div.frame-type-multicolumn ul.multicolumnContainer li.columnLast a {
font-size: 1.77777778em;
}
}
div.ce-news-list {
padding: 4em 0;
}
@media only screen and (min-width: 1024px) {
div.ce-news-list {
padding-top: 12em;
}
}
div.ce-news-list h2 {
font-size: 2.44444444em;
line-height: normal;
color: #000000;
text-align: center;
text-transform: uppercase;
margin-top: 0;
}
@media only screen and (min-width: 1024px) {
div.ce-news-list h2 {
font-size: 3.33333333em;
}
}
@media only screen and (min-width: 1024px) {
div.ce-news-list div.ce-news-list-entries {
-js-display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
}
div.ce-news-list div.ce-news-list-entries div.ce-news-list-entry {
margin: 1.33333333em 0;
padding: 1.33333333em;
color: #000000;
background-color: #ffffff;
box-sizing: border-box;
}
@media only screen and (min-width: 1024px) {
div.ce-news-list div.ce-news-list-entries div.ce-news-list-entry {
width: 32%;
padding-right: 5%;
}
}
div.ce-news-list div.ce-news-list-entries div.ce-news-list-entry h3 {
font-size: 'snt_regular', Arial, sans-serif;
font-size: 1.77777778em;
margin-bottom: 0.33333333em;
}
div.ce-news-list div.ce-news-list-entries div.ce-news-list-entry p {
margin-bottom: 0.66666667em;
}
div.ce-news-list div.ce-news-list-more {
text-align: center;
margin-top: 4em;
}
@media only screen and (min-width: 1024px) {
div#ce-news div.frame-type-header {
width: 100%;
}
}
div#ce-news div.frame-type-header div.wrap {
font-size: 1.0em;
line-height: inherit;
max-width: inherit;
margin: 0;
}
div#ce-news div.ce-news-entry {
padding: 1.33333333em;
margin-bottom: 0.66666667em;
background-color: #dbdbdb;
box-sizing: border-box;
}
@media only screen and (min-width: 1024px) {
div#ce-news div.ce-news-entry {
width: 318px;
float: left;
margin: 0px 10px 10px 0px;
}
}
div#ce-news div.ce-news-entry h2 {
font-size: 1.33333333em;
line-height: normal;
margin: 0;
}
div#ce-news div.ce-news-entry figure {
margin: 0.66666667em 0;
}
div#ce-news div.ce-news-entry p {
margin: 0;
}
div#ce-news div.ce-news-entry a {
color: #005083;
}
div#ce-news div.ce-news-entry a.ce-news-more {
display: block;
text-align: right;
}
div.ce-twocol-parallax-col-right div.frame-type-menu_section_image ul {
margin: 0;
justify-content: space-between;
}
@media only screen and (min-width: 1024px) {
div.ce-twocol-parallax-col-right div.frame-type-menu_section_image ul li {
width: 32%;
margin: 0 0.5% 1.5% 0;
}
}
div.ce-twocol-parallax-col-right div.frame-type-menu_section_image ul li::before {
display: none !important;
}
div.ce-twocol-parallax-col-right div.frame-type-menu_section_image ul li img {
display: block;
}
div.ce-twocol-parallax-col-right div.frame-type-menu_section_image ul li span {
font-size: 1.0em;
}
div.ce-twocol-parallax-col-right div.frame-type-menu_section_image ul li a {
cursor: pointer;
}
div.ce-production-site-overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 10;
background-color: rgba(0, 0, 0, 0.8);
display: none;
}
@media only screen and (max-width: 1023px) {
div.ce-production-site-overlay {
overflow: auto;
}
}
div.ce-production-site-overlay div.wrap {
font-size: 1.0em;
line-height: inherit;
margin-top: 10vh;
}
@media only screen and (min-width: 1024px) {
div.ce-production-site-overlay div.wrap {
max-width: 860px !important;
}
}
div.ce-production-site-overlay div.ce-gallery {
-js-display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (max-width: 1023px) {
div.ce-production-site-overlay div.ce-gallery {
margin-bottom: 1.33333333em;
}
}
@media only screen and (min-width: 1024px) {
div.ce-production-site-overlay div.ce-gallery {
width: 568px !important;
}
}
div.ce-production-site-overlay div.ce-gallery div.ce-row {
margin: 0.66666667em 0.66666667em 0 0;
}
@media only screen and (max-width: 1023px) {
div.ce-production-site-overlay div.ce-gallery div.ce-row {
width: 70px;
}
}
@media only screen and (min-width: 1024px) {
div.ce-production-site-overlay div.ce-gallery div.ce-row {
width: 130px;
}
}
div.ce-production-site-overlay div.ce-gallery div.ce-row figure.image {
cursor: pointer;
background-color: #ffffff;
}
div.ce-production-site-overlay div.ce-gallery div.ce-row figure.image img {
display: block;
}
div.ce-production-site-overlay div.ce-gallery div.ce-row figure.active img {
opacity: 0.5;
}
div.ce-production-site-overlay div.ce-bodytext {
color: #000000;
background-color: #ffffff;
padding: 1.33333333em;
box-sizing: border-box;
}
@media only screen and (min-width: 1024px) {
div.ce-production-site-overlay div.ce-bodytext {
width: 276px !important;
}
}
div.ce-production-site-overlay div.ce-bodytext ul li {
background: none;
list-style-type: none;
padding: 0 0 0 0.66666667em;
}
div.ce-production-site-overlay div.ce-bodytext ul li::before {
content: '';
display: inline-block;
width: 12px;
height: 18px;
margin: 0 0 -0.13333333em -1.33333333em;
padding-right: 0.66666667em;
background-image: url('../../../typo3conf/ext/nw_package/Resources/Public/img/Icon-k_arrow_blue.svg');
background-repeat: no-repeat;
vertical-align: baseline;
}
div.ce-production-site-overlay a.ce-production-site-close {
display: block;
position: absolute;
width: 27px;
height: 27px;
text-indent: -9999px;
background: url('../../../typo3conf/ext/nw_package/Resources/Public/img/icon-close.png') no-repeat;
cursor: pointer;
}
@media only screen and (max-width: 1023px) {
div.ce-production-site-overlay a.ce-production-site-close {
top: -20px;
right: 10px;
}
}
@media only screen and (min-width: 1024px) {
div.ce-production-site-overlay a.ce-production-site-close {
top: 0px;
right: -50px;
}
}
div.ce-produkte-card {
position: relative;
margin-bottom: 1.33333333em;
}
@media only screen and (max-width: 1023px) {
div.ce-produkte-card {
max-width: 440px;
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (min-width: 1024px) {
div.ce-produkte-card {
height: 100%;
min-height: 240px;
}
}
div.ce-produkte-card dl {
width: 100%;
height: 100%;
position: relative;
box-sizing: border-box;
}
div.ce-produkte-card dt,
div.ce-produkte-card dd {
width: 100%;
height: 100%;
display: inline-grid;
align-content: center;
line-height: normal;
box-sizing: border-box;
}
div.ce-produkte-card dt {
font-family: 'snt_bold', Arial, sans-serif;
font-size: 1.5em;
position: absolute;
top: 0;
left: 0;
text-align: center;
padding: 0.33333333em;
color: #005083;
background-color: #a1bbd0;
}
@media only screen and (min-width: 1366px) {
div.ce-produkte-card dt {
padding: 0.66666667em;
}
}
div.ce-produkte-card dd {
padding: 1.33333333em;
color: #ffffff;
background-color: #005083;
}
div.ce-produkte-card dd p {
margin: 0;
}
div.ce-produkte-card:hover dt {
display: none;
}
@media only screen and (min-width: 1024px) {
div#c94.frame-type-multicolumn ul.multicolumnContainer,
div#c99.frame-type-multicolumn ul.multicolumnContainer {
align-items: flex-start;
}
}
div.ce-maps-2click {
margin: 2.66666667em 0;
}
div.ce-maps-2click::before {
display: block;
content: " ";
margin-top: -80px;
height: 80px;
visibility: hidden;
pointer-events: none;
}
div.ce-maps-2click div.ce-maps-2click-wrap {
font-size: 1.8em;
line-height: 1.4em;
max-height: 650px;
background: #dbdbdb;
}
div.ce-maps-2click div.privacy-msg p {
width: 280px;
border: 1px solid #696969;
padding: 15px;
text-align: center;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #ffffff;
-webkit-box-shadow: 0 10px 6px -6px #777777;
-moz-box-shadow: 0 10px 6px -6px #777777;
box-shadow: 0 10px 6px -6px #777777;
}
div.ce-maps-2click a {
text-decoration: underline;
}
div.ce-maps-2click a[href^="#foo"] {
display: inline-block;
text-align: center;
padding: 0.6em 2.4em;
margin: 0.6em 0;
text-decoration: none;
background-color: #dbdbdb;
border-radius: 0.3em;
}
div.frame-default a.ce-maps-2click-link {
display: inline-block;
font-family: 'snt_bold', Arial, sans-serif;
color: #ffffff;
background-color: #005083;
text-transform: uppercase;
box-sizing: border-box;
margin: 1.33333333em 0;
padding: 0.33333333em 1.33333333em;
border-radius: 1.33333333em;
}
div.frame-default + div.frame-type-produkte {
margin-top: 8em;
}
div.frame-type-produkte div.wrap {
color: #005083;
border-top: 5px solid #dbdbdb;
border-bottom: 5px solid #dbdbdb;
margin-bottom: -5px;
box-sizing: border-box;
}
@media only screen and (min-width: 1024px) {
div.frame-type-produkte div.wrap {
padding: 2.66666667em 0;
}
}
div.frame-type-produkte a {
color: #005083;
}
@media only screen and (min-width: 1024px) {
div.frame-type-produkte div.produkt-info {
font-size: 1.77777778em;
line-height: normal;
-js-display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
}
@media only screen and (min-width: 1024px) {
div.frame-type-produkte div.produkt-info div.produkt-bild {
width: 20%;
}
}
@media only screen and (min-width: 1024px) {
div.frame-type-produkte div.produkt-info div.produkt-text {
width: 75%;
}
}
div.frame-type-produkte div.produkt-info div.produkt-text h2 {
font-family: 'snt_bold', Arial, sans-serif;
font-size: 1.0em;
margin-top: 0;
}
div.frame-type-produkte div.produkt-info div.produkt-text div.produkt-beschreibung ul li::before {
content: '';
display: inline-block;
width: 12px;
height: 18px;
margin: 0 0 -0.13333333em -1.33333333em;
padding-right: 0.66666667em;
background-image: url('../../../typo3conf/ext/nw_package/Resources/Public/img/Icon-k_arrow_blue.svg');
background-repeat: no-repeat;
vertical-align: baseline;
height: 21px;
margin-bottom: 0;
}
div.frame-type-produkte div.produkt-info div.produkt-text p.produkt-angebot {
margin: 1.66666667em 0;
}
div.frame-type-produkte div.produkt-info div.produkt-text p.produkt-angebot a {
display: inline-block;
font-size: 24px;
font-family: 'snt_bold', Arial, sans-serif;
padding: 0.33333333em 1.33333333em;
color: #ffffff;
background-color: #00c19c;
border: none;
text-transform: uppercase;
box-sizing: border-box;
border-radius: 1.33333333em;
}
@media only screen and (min-width: 1024px) {
div.frame-type-produkte div.produkt-info div.produkt-text ul.produkt-menue {
-js-display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
}
div.frame-type-produkte div.produkt-info div.produkt-text ul.produkt-menue li {
font-size: 18px;
line-height: normal;
list-style-type: none;
padding: 0;
margin: 0.66666667em 0;
}
div.frame-type-produkte div.produkt-info div.produkt-text ul.produkt-menue li::before {
display: none;
}
div.frame-type-produkte div.produkt-info div.produkt-text ul.produkt-menue li a {
display: inline-block;
}
div.frame-type-produkte div.produkt-info div.produkt-text ul.produkt-menue li a::before {
content: '';
display: inline-block;
width: 0;
height: 0;
margin: 0 0.66666667em 0 0;
border-top: 16px solid #005083;
border-left: 9.6px solid transparent;
border-right: 9.6px solid transparent;
vertical-align: text-bottom;
}
div.frame-type-produkte div.produkt-info div.produkt-text ul.produkt-menue li.inactive a {
filter: brightness(3) grayscale(1);
}
div.frame-type-produkte div.produkt-extra {
font-size: 1.77777778em;
line-height: normal;
display: none;
}
div.frame-type-produkte div.produkt-extra:not(:target) {
display: none;
}
div.frame-type-produkte div.produkt-extra:target {
display: block;
}
div.frame-type-produkte div.produkt-extra h3 {
font-family: 'snt_bold', Arial, sans-serif;
font-size: 1.0em;
}
div.frame-type-produkte div.produkt-extra ul li::before {
content: '';
display: inline-block;
width: 12px;
height: 18px;
margin: 0 0 -0.13333333em -1.33333333em;
padding-right: 0.66666667em;
background-image: url('../../../typo3conf/ext/nw_package/Resources/Public/img/Icon-k_arrow_blue.svg');
background-repeat: no-repeat;
vertical-align: baseline;
}
div.frame-type-produkte div.produkt-extra .tx_nwprodukte_h1 {
font-family: 'snt_medium', Arial, sans-serif;
color: #ffffff;
background-color: #005083;
padding: 0.33333333em 0.66666667em;
border: 2px solid #ffffff;
}
div.frame-type-produkte div.produkt-extra .tx_nwprodukte_h2 {
color: #ffffff;
background-color: #696969;
padding: 0.33333333em 0.66666667em;
}
div.frame-type-produkte div.produkt-extra .tx_nwprodukte_content {
padding: 0.33333333em 0.66666667em;
border: 2px solid #ffffff;
background-color: #dbdbdb;
text-align: center;
}
div.frame-type-produkte div.produkt-extra .tx_nwprodukte_tal {
padding: 0.33333333em 0.66666667em;
border: 2px solid #ffffff;
background-color: #dbdbdb;
text-align: left;
}
div.frame-type-produkte div.produkt-extra .tx_nwprodukte_table {
text-align: left;
color: #696969;
}
div.frame-type-produkte div.produkt-extra .tx_nwprodukte_tac {
text-align: center;
}
div.frame-type-produkte div.produkt-extra .tx_nwprodukte_linkInCell a {
color: #00c19c;
}
@media only screen and (min-width: 1024px) {
div.frame-type-multicolumn ul.multicolumnContainer {
-js-display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
div.frame-type-multicolumn ul.multicolumnContainer div.columnItems,
div.frame-type-multicolumn ul.multicolumnContainer div.columnItem {
height: 100%;
}
}
div.frame-type-multicolumn ul.multicolumnContainer li.column {
display: block;
margin: 1.33333333em -0.66666667em 0 -0.66666667em;
padding: 0 0.66666667em;
box-sizing: border-box;
}
div.frame-type-multicolumn ul.multicolumnContainer li.column:before {
display: none;
}
@media only screen and (max-width: 1023px) {
div.frame-type-multicolumn ul.multicolumnContainer li.column {
width: 100% !important;
margin-bottom: 2.66666667em;
}
}
div.frame-type-multicolumn ul.multicolumnContainer li.column div.columnItems {
padding: 0 !important;
}
div.frame-type-multicolumn ul.multicolumnContainer li.column div.columnItems div.columnItem div.wrap {
font-size: inherit;
line-height: inherit;
max-width: inherit;
margin: 0;
padding: 0;
}
div.frame-type-multicolumn ul.multicolumnContainer li.column div.columnItems div.columnItem figure.image {
margin-bottom: 1.33333333em;
}
@media only screen and (max-width: 1023px) {
div.tx-indexedsearch-form label {
display: block;
}
}
@media only screen and (min-width: 1024px) {
div.tx-indexedsearch-form label {
float: left;
width: 200px;
padding: 0.66666667em 0;
}
}
div.tx-indexedsearch-form input {
font-family: 'snt_regular', Arial, sans-serif;
font-size: 1.0em;
padding: 0.66666667em;
border: 1px solid #696969;
box-sizing: border-box;
width: 100%;
}
@media only screen and (min-width: 1024px) {
div.tx-indexedsearch-form input {
width: 360px;
}
}
div.tx-indexedsearch-search-submit input {
font-family: 'snt_bold', Arial, sans-serif;
margin: 1.33333333em 0;
padding: 0.33333333em 1.33333333em;
border: none;
color: #ffffff;
background-color: #005083;
text-transform: uppercase;
margin: 1.33333333em 0 2.66666667em 0;
border-radius: 1.33333333em;
}
div.tx-indexedsearch-browsebox {
margin: 1.33333333em 0;
}
div.tx-indexedsearch-res {
padding: 2.66666667em 0 1.33333333em 0;
border-bottom: 1px solid #696969;
}
ul.tx-indexedsearch-browsebox {
margin: 1.33333333em 0;
}
ul.tx-indexedsearch-browsebox li {
display: inline;
margin: 0 1.33333333em 0 0;
padding: 0;
}
div.frame-type-form_formframework div.form-group {
margin: 1.33333333em 0 0 0;
}
div.frame-type-form_formframework div.form-group label.control-label {
display: none;
}
div.frame-type-form_formframework div.form-group.has-error label.control-label {
display: block;
}
@media only screen and (min-width: 1024px) {
div.frame-type-form_formframework div.row {
-js-display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-ms-flex-pack: space-between;
-webkit-justify-content: space-between;
justify-content: space-between;
}
div.frame-type-form_formframework div.row > div {
width: 49%;
}
}
div.frame-type-form_formframework div.clearfix {
margin-top: 1.33333333em;
}
div.frame-type-form_formframework input.form-control,
div.frame-type-form_formframework textarea {
width: 100%;
font-family: 'snt_regular', Arial, sans-serif;
padding: 1.33333333em 0;
box-sizing: border-box;
border: none;
border-bottom: 1px solid #696969;
}
div.frame-type-form_formframework textarea {
height: 20em;
padding: 1.33333333em;
margin: 1.33333333em 0;
border: 1px solid #696969;
}
div.frame-type-form_formframework div.inputs-list div.form-group {
margin-top: 0;
}
div.frame-type-form_formframework div.inputs-list div.radio {
color: inherit;
display: inline-block;
width: 6em;
padding: 1.13333333em 0.66666667em 0 0;
}
div.frame-type-form_formframework div.inputs-list div.radio input.form-check-input {
width: auto;
margin-right: 0.66666667em;
}
div.frame-type-form_formframework div.form-check label {
-js-display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: flex;
}
div.frame-type-form_formframework div.form-check input.add-on {
align-self: flex-start;
margin: 0.33333333em 0.66666667em 0 0;
}
div.frame-type-form_formframework span.error {
display: block;
font-family: 'snt_bold', Arial, sans-serif;
color: #005083;
padding: 0.66666667em 0;
}
div.frame-type-form_formframework button.btn-primary {
font-family: 'snt_bold', Arial, sans-serif;
padding: 0.33333333em 1.33333333em;
color: #ffffff;
background-color: #005083;
border: none;
text-transform: uppercase;
box-sizing: border-box;
margin: 2.66666667em 0;
border-radius: 1.33333333em;
}
div.shariff ul.orientation-horizontal {
width: auto;
justify-content: flex-end;
margin-top: 1em;
}
div.shariff ul.orientation-horizontal li.shariff-button {
width: auto;
margin-left: 0;
margin-bottom: 0;
padding-left: 0;
}
div.downloads h2,
div.downloads h3 {
font-family: 'snt_bold', Arial, sans-serif;
font-size: 1.33333333em;
color: #005083;
line-height: 30px;
margin: 0 0 0.66666667em 0px;
}
div.downloads ul li {
list-style-type: none;
line-height: 30px;
padding-left: 0;
margin: 0;
}
div.downloads ul li::before {
display: none !important;
}
div.downloads ul li h2::before,
div.downloads ul li h3::before {
content: '';
display: inline-block;
width: 12px;
height: 18px;
margin: 0 0 -0.13333333em -1.33333333em;
padding-right: 0.66666667em;
background-image: url('../../../typo3conf/ext/nw_package/Resources/Public/img/Icon-k_arrow_blue.svg');
background-repeat: no-repeat;
vertical-align: baseline;
margin-left: -0.66666667em;
}
div.downloads ul li.trigger {
cursor: pointer;
}
div.downloads ul.grey-background {
padding: 0.66666667em 0;
background-color: #dbdbdb;
}
div.downloads ul.grey-background li {
margin: 0.66666667em 0;
}
div.downloads ul.grey-background li a {
display: block;
color: #005083;
overflow-wrap: break-word;
}
div.downloads ul.grey-background li a::before {
content: '';
display: inline-block;
width: 0;
height: 0;
margin: 0 0.66666667em 0 0;
border-top: 16px solid #005083;
border-left: 9.6px solid transparent;
border-right: 9.6px solid transparent;
vertical-align: text-bottom;
}
#bewerbenbutton,
#stellenbeschreibungbutton {
font-family: 'snt_bold', Arial, sans-serif;
padding: 0.33333333em 1.33333333em;
color: #ffffff;
background-color: #005083;
border: none;
text-transform: uppercase;
box-sizing: border-box;
margin: 1em 0;
border-radius: 1.33333333em;
}
a#stellenbeschreibungbutton {
display: inline-block;
background-color: #00c19c;
margin-right: 2em;
}
.bewerbung-formular-h3 {
color: #005083;
font-size: 2.38888889em;
}
.bewerbung-formular-h3-untertitel {
color: #005083;
}
.unterlagenheader {
margin: 0;
}
.bewerbung-formular-h2 {
font-size: 3.77777778em;
margin: 0 0 0.66666667em 0;
color: #696969;
}
div.stellenanzeigen h2 {
font-family: 'snt_bold', Arial, sans-serif;
font-size: 1.33333333em;
color: #696969;
line-height: 30px;
margin: 0 0 0.66666667em 0px;
}
div.stellenanzeigen ul li {
list-style-type: none;
}
div.anzeige {
padding-bottom: 25px;
}
div.anzeige ul li h2 {
cursor: pointer;
}
div.anzeige ul li h2::before {
content: '';
display: inline-block;
width: 12px;
height: 18px;
margin: 0 0 -0.13333333em -1.33333333em;
padding-right: 0.66666667em;
background-image: url('../../../typo3conf/ext/nw_package/Resources/Public/img/Icon-k_arrow_blue.svg');
background-repeat: no-repeat;
vertical-align: baseline;
margin-left: -1em;
}
div.anzeige ul li.trigger::before {
display: none;
}
div.anzeige ul.stellenbeschreibung {
padding-left: 40px;
}
div.anzeige ul.stellenbeschreibung li::before {
content: '';
display: inline-block;
width: 12px;
height: 18px;
margin: 0 0 -0.13333333em -1.33333333em;
padding-right: 0.66666667em;
background-image: url('../../../typo3conf/ext/nw_package/Resources/Public/img/Icon-k_arrow_blue.svg');
background-repeat: no-repeat;
vertical-align: baseline;
}
div.bewerbung-input {
width: 100%;
font-family: 'snt_regular', Arial, sans-serif;
padding: 1.33333333em 0;
box-sizing: border-box;
border: none;
border-bottom: 1px solid #696969;
}
div.bewerbung-input #input {
width: 100%;
border-style: none;
}
@media only screen and (min-width: 1024px) {
div.bewerbung-input #input {
width: 400px;
}
}
div.bewerbung-input #input:focus {
outline: none;
}
div.row-formular {
padding-right: 20px;
padding-bottom: 20px;
}
@media only screen and (min-width: 1024px) {
div.row-formular {
float: left;
width: 45%;
}
}
div.anrederadio {
float: left;
padding-right: 50px;
}
div.form-abschnitt {
padding-bottom: 2em;
}
.error {
color: red;
font-weight: bold;
}
.keineStellenanzeigen {
color: red;
}
/* Hide Website */
.gdprcookie-mask {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 20;
background: rgba(0,0,0,0.7);
}
/* GDPR Cookie dialog */
.gdprcookie {
position: fixed;
color: #5e5e5e;
padding: 1.5rem;
background: #e0e0e0;
z-index: 25;
overflow-y: auto;
box-sizing: border-box;
}
.gdprcookie[data-options="2"] {
max-width: 45em;
}
.gdprcookie[data-options="3"] {
max-width: 60em;
}
.gdprcookie.wide[data-options="2"] {
max-width: 80em;
}
.gdprcookie.wide[data-options="3"] {
max-width: 80em;
}
@media only screen and (max-width: 768px) {
.gdprcookie {
top: 0;
left: 0;
max-height: 100%;
}
.gdprcookie::-webkit-scrollbar {
height: 12px;
}
.gdprcookie::-webkit-scrollbar-track {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
.gdprcookie::-webkit-scrollbar-thumb {
border-radius: 10px;
background: rgba(0,0,0,0.3);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
}
@media only screen and (min-width: 769px) {
.gdprcookie {
left: 50%;
bottom: 50%;
}
.gdprcookie[data-options="2"] {
margin-left: -225px;
margin-bottom: -150px;
}
.gdprcookie[data-options="3"] {
margin-left: -300px;
margin-bottom: -195px;
}
.gdprcookie.wide[data-options="2"] {
margin-left: -400px;
margin-bottom: -50px;
}
.gdprcookie.wide[data-options="3"] {
margin-left: -400px;
margin-bottom: -100px;
}
}
.gdprcookie p {
font-size: 1.6em;
line-height: 1.6em;
}
.gdprcookie h1,
.gdprcookie h2 {
font-size: 2.0em;
margin-bottom: 1.0rem;
color: #005083;
}
.gdprcookie h2 {
font-size: 1.8em;
}
.gdprcookie a {
color: inherit;
text-decoration: underline;
}
/* GDPR Cookie buttons */
.gdprcookie-buttons {
text-align: center;
}
.gdprcookie-buttons button {
color: white;
font-family: inherit;
font-size: 1.5em;
padding: .4rem .8rem;
background: #005083;
border: solid .05rem #005083;
border-radius: .25rem;
margin: 0 .5rem;
cursor: pointer;
}
.gdprcookie-buttons button:disabled {
color: rgba(255,255,255,.5);
}
.gdprcookie-buttons button.highlight {
border-color: #005083;
background-color: #005083;
}
@media only screen and (max-width: 768px) {
.gdprcookie-buttons {
margin-bottom: 2rem;
}
.gdprcookie-buttons button + button {
margin-top: 1rem;
}
}
.fullsize button {
width: 100%;
margin: 0.5em 0 0 0;
}
/* GDPR Cookie types */
.gdprcookie-types ul {
overflow: hidden;
padding: 0;
margin: 0 0 1rem;
}
.gdprcookie-types li {
display: block;
list-style: none;
font-size: 1.5em;
margin: 0;
padding-bottom: 1em;
}
@media only screen and (min-width: 769px) {
.gdprcookie-types li {
float: left;
padding: 0 2% 0 0;
}
.gdprcookie[data-options="2"] .gdprcookie-types li {
width: 48%;
}
.gdprcookie[data-options="3"] .gdprcookie-types li {
width: 31%;
}
}
.gdprcookie-types li label {
font-size: 1.2em;
}
.gdprcookie-types input[type=checkbox] {
margin-right: .25rem;
}