@charset "UTF-8";
/* $color-bg: #f5f5f5; */
.headline { font-size: 4.5em; font-size: 7.78378378vw; }

@media (min-width: 925px) { .headline { font-size: 72px; } }

/* ===================================================== COMPONENTS / dvv Lightbox (aufräumen) ===================================================== **/
/* ===================================================== COMPONENTS / dvv toolbar (aufräumen) ===================================================== **/
/* ===================================================== BASE / font-awesome ===================================================== **/
/*! Font Awesome Pro 5.3.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) */
.fa, .fas, .far, .fal, .fab { -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: 0.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: solid 0.08em #eee; border-radius: .1em; padding: .2em .25em .15em; }

.fa-pull-left { float: left; }

.fa-pull-right { float: right; }

.fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: .3em; }

.fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: .3em; }

.fa-spin { animation: fa-spin 2s infinite linear; }

.fa-pulse { animation: fa-spin 1s infinite steps(8); }

@keyframes fa-spin { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }

.fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; transform: rotate(90deg); }

.fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; transform: rotate(180deg); }

.fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; transform: rotate(270deg); }

.fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; transform: scale(-1, 1); }

.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(1, -1); }

.fa-flip-horizontal.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; transform: scale(-1, -1); }

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { 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; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before { content: "\f26e"; }

.fa-accessible-icon:before { content: "\f368"; }

.fa-accusoft:before { content: "\f369"; }

.fa-address-book:before { content: "\f2b9"; }

.fa-address-card:before { content: "\f2bb"; }

.fa-adjust:before { content: "\f042"; }

.fa-adn:before { content: "\f170"; }

.fa-adversal:before { content: "\f36a"; }

.fa-affiliatetheme:before { content: "\f36b"; }

.fa-alarm-clock:before { content: "\f34e"; }

.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-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-app-store:before { content: "\f36f"; }

.fa-app-store-ios:before { content: "\f370"; }

.fa-apper:before { content: "\f371"; }

.fa-apple:before { content: "\f179"; }

.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-alt-down:before { content: "\f354"; }

.fa-arrow-alt-from-bottom:before { content: "\f346"; }

.fa-arrow-alt-from-left:before { content: "\f347"; }

.fa-arrow-alt-from-right:before { content: "\f348"; }

.fa-arrow-alt-from-top:before { content: "\f349"; }

.fa-arrow-alt-left:before { content: "\f355"; }

.fa-arrow-alt-right:before { content: "\f356"; }

.fa-arrow-alt-square-down:before { content: "\f350"; }

.fa-arrow-alt-square-left:before { content: "\f351"; }

.fa-arrow-alt-square-right:before { content: "\f352"; }

.fa-arrow-alt-square-up:before { content: "\f353"; }

.fa-arrow-alt-to-bottom:before { content: "\f34a"; }

.fa-arrow-alt-to-left:before { content: "\f34b"; }

.fa-arrow-alt-to-right:before { content: "\f34c"; }

.fa-arrow-alt-to-top:before { content: "\f34d"; }

.fa-arrow-alt-up:before { content: "\f357"; }

.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-from-bottom:before { content: "\f342"; }

.fa-arrow-from-left:before { content: "\f343"; }

.fa-arrow-from-right:before { content: "\f344"; }

.fa-arrow-from-top:before { content: "\f345"; }

.fa-arrow-left:before { content: "\f060"; }

.fa-arrow-right:before { content: "\f061"; }

.fa-arrow-square-down:before { content: "\f339"; }

.fa-arrow-square-left:before { content: "\f33a"; }

.fa-arrow-square-right:before { content: "\f33b"; }

.fa-arrow-square-up:before { content: "\f33c"; }

.fa-arrow-to-bottom:before { content: "\f33d"; }

.fa-arrow-to-left:before { content: "\f33e"; }

.fa-arrow-to-right:before { content: "\f340"; }

.fa-arrow-to-top:before { content: "\f341"; }

.fa-arrow-up:before { content: "\f062"; }

.fa-arrows:before { content: "\f047"; }

.fa-arrows-alt:before { content: "\f0b2"; }

.fa-arrows-alt-h:before { content: "\f337"; }

.fa-arrows-alt-v:before { content: "\f338"; }

.fa-arrows-h:before { content: "\f07e"; }

.fa-arrows-v:before { content: "\f07d"; }

.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-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-backspace:before { content: "\f55a"; }

.fa-backward:before { content: "\f04a"; }

.fa-badge:before { content: "\f335"; }

.fa-badge-check:before { content: "\f336"; }

.fa-balance-scale:before { content: "\f24e"; }

.fa-balance-scale-left:before { content: "\f515"; }

.fa-balance-scale-right:before { content: "\f516"; }

.fa-ban:before { content: "\f05e"; }

.fa-band-aid:before { content: "\f462"; }

.fa-bandcamp:before { content: "\f2d5"; }

.fa-barcode:before { content: "\f02a"; }

.fa-barcode-alt:before { content: "\f463"; }

.fa-barcode-read:before { content: "\f464"; }

.fa-barcode-scan:before { content: "\f465"; }

.fa-bars:before { content: "\f0c9"; }

.fa-baseball:before { content: "\f432"; }

.fa-baseball-ball:before { content: "\f433"; }

.fa-basketball-ball:before { content: "\f434"; }

.fa-basketball-hoop:before { content: "\f435"; }

.fa-bath:before { content: "\f2cd"; }

.fa-battery-bolt:before { content: "\f376"; }

.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-slash:before { content: "\f377"; }

.fa-battery-three-quarters:before { content: "\f241"; }

.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-bicycle:before { content: "\f206"; }

.fa-bimobject:before { content: "\f378"; }

.fa-binoculars:before { content: "\f1e5"; }

.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-blanket:before { content: "\f498"; }

.fa-blender:before { content: "\f517"; }

.fa-blind:before { content: "\f29d"; }

.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-bong:before { content: "\f55c"; }

.fa-book:before { content: "\f02d"; }

.fa-book-heart:before { content: "\f499"; }

.fa-book-open:before { content: "\f518"; }

.fa-bookmark:before { content: "\f02e"; }

.fa-bowling-ball:before { content: "\f436"; }

.fa-bowling-pins:before { content: "\f437"; }

.fa-box:before { content: "\f466"; }

.fa-box-alt:before { content: "\f49a"; }

.fa-box-check:before { content: "\f467"; }

.fa-box-fragile:before { content: "\f49b"; }

.fa-box-full:before { content: "\f49c"; }

.fa-box-heart:before { content: "\f49d"; }

.fa-box-open:before { content: "\f49e"; }

.fa-box-up:before { content: "\f49f"; }

.fa-box-usd:before { content: "\f4a0"; }

.fa-boxes:before { content: "\f468"; }

.fa-boxes-alt:before { content: "\f4a1"; }

.fa-boxing-glove:before { content: "\f438"; }

.fa-braille:before { content: "\f2a1"; }

.fa-briefcase:before { content: "\f0b1"; }

.fa-briefcase-medical:before { content: "\f469"; }

.fa-broadcast-tower:before { content: "\f519"; }

.fa-broom:before { content: "\f51a"; }

.fa-browser:before { content: "\f37e"; }

.fa-brush:before { content: "\f55d"; }

.fa-btc:before { content: "\f15a"; }

.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-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-edit:before { content: "\f333"; }

.fa-calendar-exclamation:before { content: "\f334"; }

.fa-calendar-minus:before { content: "\f272"; }

.fa-calendar-plus:before { content: "\f271"; }

.fa-calendar-times:before { content: "\f273"; }

.fa-camera:before { content: "\f030"; }

.fa-camera-alt:before { content: "\f332"; }

.fa-camera-retro:before { content: "\f083"; }

.fa-cannabis:before { content: "\f55f"; }

.fa-capsules:before { content: "\f46b"; }

.fa-car:before { content: "\f1b9"; }

.fa-caret-circle-down:before { content: "\f32d"; }

.fa-caret-circle-left:before { content: "\f32e"; }

.fa-caret-circle-right:before { content: "\f330"; }

.fa-caret-circle-up:before { content: "\f331"; }

.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-cart-arrow-down:before { content: "\f218"; }

.fa-cart-plus:before { content: "\f217"; }

.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-certificate:before { content: "\f0a3"; }

.fa-chalkboard:before { content: "\f51b"; }

.fa-chalkboard-teacher:before { content: "\f51c"; }

.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-chess:before { content: "\f439"; }

.fa-chess-bishop:before { content: "\f43a"; }

.fa-chess-bishop-alt:before { content: "\f43b"; }

.fa-chess-board:before { content: "\f43c"; }

.fa-chess-clock:before { content: "\f43d"; }

.fa-chess-clock-alt:before { content: "\f43e"; }

.fa-chess-king:before { content: "\f43f"; }

.fa-chess-king-alt:before { content: "\f440"; }

.fa-chess-knight:before { content: "\f441"; }

.fa-chess-knight-alt:before { content: "\f442"; }

.fa-chess-pawn:before { content: "\f443"; }

.fa-chess-pawn-alt:before { content: "\f444"; }

.fa-chess-queen:before { content: "\f445"; }

.fa-chess-queen-alt:before { content: "\f446"; }

.fa-chess-rook:before { content: "\f447"; }

.fa-chess-rook-alt:before { content: "\f448"; }

.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-double-down:before { content: "\f322"; }

.fa-chevron-double-left:before { content: "\f323"; }

.fa-chevron-double-right:before { content: "\f324"; }

.fa-chevron-double-up:before { content: "\f325"; }

.fa-chevron-down:before { content: "\f078"; }

.fa-chevron-left:before { content: "\f053"; }

.fa-chevron-right:before { content: "\f054"; }

.fa-chevron-square-down:before { content: "\f329"; }

.fa-chevron-square-left:before { content: "\f32a"; }

.fa-chevron-square-right:before { content: "\f32b"; }

.fa-chevron-square-up:before { content: "\f32c"; }

.fa-chevron-up:before { content: "\f077"; }

.fa-child:before { content: "\f1ae"; }

.fa-chrome:before { content: "\f268"; }

.fa-church:before { content: "\f51d"; }

.fa-circle:before { content: "\f111"; }

.fa-circle-notch:before { content: "\f1ce"; }

.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:before { content: "\f0ed"; }

.fa-cloud-download-alt:before { content: "\f381"; }

.fa-cloud-upload:before { content: "\f0ee"; }

.fa-cloud-upload-alt:before { content: "\f382"; }

.fa-cloudscale:before { content: "\f383"; }

.fa-cloudsmith:before { content: "\f384"; }

.fa-cloudversify:before { content: "\f385"; }

.fa-club:before { content: "\f327"; }

.fa-cocktail:before { content: "\f561"; }

.fa-code:before { content: "\f121"; }

.fa-code-branch:before { content: "\f126"; }

.fa-code-commit:before { content: "\f386"; }

.fa-code-merge:before { content: "\f387"; }

.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-alt-check:before { content: "\f4a2"; }

.fa-comment-alt-dots:before { content: "\f4a3"; }

.fa-comment-alt-edit:before { content: "\f4a4"; }

.fa-comment-alt-exclamation:before { content: "\f4a5"; }

.fa-comment-alt-lines:before { content: "\f4a6"; }

.fa-comment-alt-minus:before { content: "\f4a7"; }

.fa-comment-alt-plus:before { content: "\f4a8"; }

.fa-comment-alt-slash:before { content: "\f4a9"; }

.fa-comment-alt-smile:before { content: "\f4aa"; }

.fa-comment-alt-times:before { content: "\f4ab"; }

.fa-comment-check:before { content: "\f4ac"; }

.fa-comment-dots:before { content: "\f4ad"; }

.fa-comment-edit:before { content: "\f4ae"; }

.fa-comment-exclamation:before { content: "\f4af"; }

.fa-comment-lines:before { content: "\f4b0"; }

.fa-comment-minus:before { content: "\f4b1"; }

.fa-comment-plus:before { content: "\f4b2"; }

.fa-comment-slash:before { content: "\f4b3"; }

.fa-comment-smile:before { content: "\f4b4"; }

.fa-comment-times:before { content: "\f4b5"; }

.fa-comments:before { content: "\f086"; }

.fa-comments-alt:before { content: "\f4b6"; }

.fa-compact-disc:before { content: "\f51f"; }

.fa-compass:before { content: "\f14e"; }

.fa-compress:before { content: "\f066"; }

.fa-compress-alt:before { content: "\f422"; }

.fa-compress-wide:before { content: "\f326"; }

.fa-concierge-bell:before { content: "\f562"; }

.fa-connectdevelop:before { content: "\f20e"; }

.fa-container-storage:before { content: "\f4b7"; }

.fa-contao:before { content: "\f26d"; }

.fa-conveyor-belt:before { content: "\f46e"; }

.fa-conveyor-belt-alt:before { content: "\f46f"; }

.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-credit-card-blank:before { content: "\f389"; }

.fa-credit-card-front:before { content: "\f38a"; }

.fa-cricket:before { content: "\f449"; }

.fa-crop:before { content: "\f125"; }

.fa-crop-alt:before { content: "\f565"; }

.fa-crosshairs:before { content: "\f05b"; }

.fa-crow:before { content: "\f520"; }

.fa-crown:before { content: "\f521"; }

.fa-css3:before { content: "\f13c"; }

.fa-css3-alt:before { content: "\f38b"; }

.fa-cube:before { content: "\f1b2"; }

.fa-cubes:before { content: "\f1b3"; }

.fa-curling:before { content: "\f44a"; }

.fa-cut:before { content: "\f0c4"; }

.fa-cuttlefish:before { content: "\f38c"; }

.fa-d-and-d:before { content: "\f38d"; }

.fa-dashcube:before { content: "\f210"; }

.fa-database:before { content: "\f1c0"; }

.fa-deaf:before { content: "\f2a4"; }

.fa-delicious:before { content: "\f1a5"; }

.fa-deploydog:before { content: "\f38e"; }

.fa-deskpro:before { content: "\f38f"; }

.fa-desktop:before { content: "\f108"; }

.fa-desktop-alt:before { content: "\f390"; }

.fa-deviantart:before { content: "\f1bd"; }

.fa-diagnoses:before { content: "\f470"; }

.fa-diamond:before { content: "\f219"; }

.fa-dice:before { content: "\f522"; }

.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-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-dollar-sign:before { content: "\f155"; }

.fa-dolly:before { content: "\f472"; }

.fa-dolly-empty:before { content: "\f473"; }

.fa-dolly-flatbed:before { content: "\f474"; }

.fa-dolly-flatbed-alt:before { content: "\f475"; }

.fa-dolly-flatbed-empty:before { content: "\f476"; }

.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-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-drupal:before { content: "\f1a9"; }

.fa-dumbbell:before { content: "\f44b"; }

.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-eject:before { content: "\f052"; }

.fa-elementor:before { content: "\f430"; }

.fa-ellipsis-h:before { content: "\f141"; }

.fa-ellipsis-h-alt:before { content: "\f39b"; }

.fa-ellipsis-v:before { content: "\f142"; }

.fa-ellipsis-v-alt:before { content: "\f39c"; }

.fa-ember:before { content: "\f423"; }

.fa-empire:before { content: "\f1d1"; }

.fa-envelope:before { content: "\f0e0"; }

.fa-envelope-open:before { content: "\f2b6"; }

.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-etsy:before { content: "\f2d7"; }

.fa-euro-sign:before { content: "\f153"; }

.fa-exchange:before { content: "\f0ec"; }

.fa-exchange-alt:before { content: "\f362"; }

.fa-exclamation:before { content: "\f12a"; }

.fa-exclamation-circle:before { content: "\f06a"; }

.fa-exclamation-square:before { content: "\f321"; }

.fa-exclamation-triangle:before { content: "\f071"; }

.fa-expand:before { content: "\f065"; }

.fa-expand-alt:before { content: "\f424"; }

.fa-expand-arrows:before { content: "\f31d"; }

.fa-expand-arrows-alt:before { content: "\f31e"; }

.fa-expand-wide:before { content: "\f320"; }

.fa-expeditedssl:before { content: "\f23e"; }

.fa-external-link:before { content: "\f08e"; }

.fa-external-link-alt:before { content: "\f35d"; }

.fa-external-link-square:before { content: "\f14c"; }

.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-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-female:before { content: "\f182"; }

.fa-field-hockey:before { content: "\f44c"; }

.fa-fighter-jet:before { content: "\f0fb"; }

.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-check:before { content: "\f316"; }

.fa-file-code:before { content: "\f1c9"; }

.fa-file-contract:before { content: "\f56c"; }

.fa-file-download:before { content: "\f56d"; }

.fa-file-edit:before { content: "\f31c"; }

.fa-file-excel:before { content: "\f1c3"; }

.fa-file-exclamation:before { content: "\f31a"; }

.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-minus:before { content: "\f318"; }

.fa-file-pdf:before { content: "\f1c1"; }

.fa-file-plus:before { content: "\f319"; }

.fa-file-powerpoint:before { content: "\f1c4"; }

.fa-file-prescription:before { content: "\f572"; }

.fa-file-signature:before { content: "\f573"; }

.fa-file-times:before { content: "\f317"; }

.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-film-alt:before { content: "\f3a0"; }

.fa-filter:before { content: "\f0b0"; }

.fa-fingerprint:before { content: "\f577"; }

.fa-fire:before { content: "\f06d"; }

.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-flag:before { content: "\f024"; }

.fa-flag-checkered:before { content: "\f11e"; }

.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-open:before { content: "\f07c"; }

.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-football-helmet:before { content: "\f44f"; }

.fa-forklift:before { content: "\f47a"; }

.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-fragile:before { content: "\f4bb"; }

.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-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-gift:before { content: "\f06b"; }

.fa-git:before { content: "\f1d3"; }

.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-martini:before { content: "\f000"; }

.fa-glass-martini-alt:before { content: "\f57b"; }

.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-gofore:before { content: "\f3a7"; }

.fa-golf-ball:before { content: "\f450"; }

.fa-golf-club:before { content: "\f451"; }

.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-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-vertical:before { content: "\f58e"; }

.fa-gripfire:before { content: "\f3ac"; }

.fa-grunt:before { content: "\f3ad"; }

.fa-gulp:before { content: "\f3ae"; }

.fa-h-square:before { content: "\f0fd"; }

.fa-h1:before { content: "\f313"; }

.fa-h2:before { content: "\f314"; }

.fa-h3:before { content: "\f315"; }

.fa-hacker-news:before { content: "\f1d4"; }

.fa-hacker-news-square:before { content: "\f3af"; }

.fa-hand-heart:before { content: "\f4bc"; }

.fa-hand-holding:before { content: "\f4bd"; }

.fa-hand-holding-box:before { content: "\f47b"; }

.fa-hand-holding-heart:before { content: "\f4be"; }

.fa-hand-holding-seedling:before { content: "\f4bf"; }

.fa-hand-holding-usd:before { content: "\f4c0"; }

.fa-hand-holding-water:before { content: "\f4c1"; }

.fa-hand-lizard:before { content: "\f258"; }

.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-receiving:before { content: "\f47c"; }

.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-heart:before { content: "\f4c3"; }

.fa-hands-helping:before { content: "\f4c4"; }

.fa-hands-usd:before { content: "\f4c5"; }

.fa-handshake:before { content: "\f2b5"; }

.fa-handshake-alt:before { content: "\f4c6"; }

.fa-hashtag:before { content: "\f292"; }

.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-circle:before { content: "\f4c7"; }

.fa-heart-square:before { content: "\f4c8"; }

.fa-heartbeat:before { content: "\f21e"; }

.fa-helicopter:before { content: "\f533"; }

.fa-hexagon:before { content: "\f312"; }

.fa-highlighter:before { content: "\f591"; }

.fa-hips:before { content: "\f452"; }

.fa-hire-a-helper:before { content: "\f3b0"; }

.fa-history:before { content: "\f1da"; }

.fa-hockey-puck:before { content: "\f453"; }

.fa-hockey-sticks:before { content: "\f454"; }

.fa-home:before { content: "\f015"; }

.fa-home-heart:before { content: "\f4c9"; }

.fa-hooli:before { content: "\f427"; }

.fa-hornbill:before { content: "\f592"; }

.fa-hospital:before { content: "\f0f8"; }

.fa-hospital-alt:before { content: "\f47d"; }

.fa-hospital-symbol:before { content: "\f47e"; }

.fa-hot-tub:before { content: "\f593"; }

.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-houzz:before { content: "\f27c"; }

.fa-html5:before { content: "\f13b"; }

.fa-hubspot:before { content: "\f3b2"; }

.fa-i-cursor:before { content: "\f246"; }

.fa-id-badge:before { content: "\f2c1"; }

.fa-id-card:before { content: "\f2c2"; }

.fa-id-card-alt:before { content: "\f47f"; }

.fa-image:before { content: "\f03e"; }

.fa-images:before { content: "\f302"; }

.fa-imdb:before { content: "\f2d8"; }

.fa-inbox:before { content: "\f01c"; }

.fa-inbox-in:before { content: "\f310"; }

.fa-inbox-out:before { content: "\f311"; }

.fa-indent:before { content: "\f03c"; }

.fa-industry:before { content: "\f275"; }

.fa-industry-alt:before { content: "\f3b3"; }

.fa-infinity:before { content: "\f534"; }

.fa-info:before { content: "\f129"; }

.fa-info-circle:before { content: "\f05a"; }

.fa-info-square:before { content: "\f30f"; }

.fa-instagram:before { content: "\f16d"; }

.fa-internet-explorer:before { content: "\f26b"; }

.fa-inventory:before { content: "\f480"; }

.fa-ioxhost:before { content: "\f208"; }

.fa-italic:before { content: "\f033"; }

.fa-itunes:before { content: "\f3b4"; }

.fa-itunes-note:before { content: "\f3b5"; }

.fa-jack-o-lantern:before { content: "\f30e"; }

.fa-java:before { content: "\f4e4"; }

.fa-jedi-order:before { content: "\f50e"; }

.fa-jenkins:before { content: "\f3b6"; }

.fa-joget:before { content: "\f3b7"; }

.fa-joint:before { content: "\f595"; }

.fa-joomla:before { content: "\f1aa"; }

.fa-js:before { content: "\f3b8"; }

.fa-js-square:before { content: "\f3b9"; }

.fa-jsfiddle:before { content: "\f1cc"; }

.fa-key:before { content: "\f084"; }

.fa-keybase:before { content: "\f4f5"; }

.fa-keyboard:before { content: "\f11c"; }

.fa-keycdn:before { content: "\f3ba"; }

.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-lamp:before { content: "\f4ca"; }

.fa-language:before { content: "\f1ab"; }

.fa-laptop:before { content: "\f109"; }

.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-leaf:before { content: "\f06c"; }

.fa-leaf-heart:before { content: "\f4cb"; }

.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:before { content: "\f149"; }

.fa-level-down-alt:before { content: "\f3be"; }

.fa-level-up:before { content: "\f148"; }

.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-alt:before { content: "\f30d"; }

.fa-lock-open:before { content: "\f3c1"; }

.fa-lock-open-alt:before { content: "\f3c2"; }

.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-long-arrow-down:before { content: "\f175"; }

.fa-long-arrow-left:before { content: "\f177"; }

.fa-long-arrow-right:before { content: "\f178"; }

.fa-long-arrow-up:before { content: "\f176"; }

.fa-loveseat:before { content: "\f4cc"; }

.fa-low-vision:before { content: "\f2a8"; }

.fa-luchador:before { content: "\f455"; }

.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-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-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-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-mercury:before { content: "\f223"; }

.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-microsoft:before { content: "\f3ca"; }

.fa-minus:before { content: "\f068"; }

.fa-minus-circle:before { content: "\f056"; }

.fa-minus-hexagon:before { content: "\f307"; }

.fa-minus-octagon:before { content: "\f308"; }

.fa-minus-square:before { content: "\f146"; }

.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-mobile-android:before { content: "\f3ce"; }

.fa-mobile-android-alt:before { content: "\f3cf"; }

.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-motorcycle:before { content: "\f21c"; }

.fa-mouse-pointer:before { content: "\f245"; }

.fa-music:before { content: "\f001"; }

.fa-napster:before { content: "\f3d2"; }

.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-octagon:before { content: "\f306"; }

.fa-odnoklassniki:before { content: "\f263"; }

.fa-odnoklassniki-square:before { content: "\f264"; }

.fa-old-republic:before { content: "\f510"; }

.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-outdent:before { content: "\f03b"; }

.fa-page4:before { content: "\f3d7"; }

.fa-pagelines:before { content: "\f18c"; }

.fa-paint-brush:before { content: "\f1fc"; }

.fa-paint-brush-alt:before { content: "\f5a9"; }

.fa-paint-roller:before { content: "\f5aa"; }

.fa-palette:before { content: "\f53f"; }

.fa-palfed:before { content: "\f3d8"; }

.fa-pallet:before { content: "\f482"; }

.fa-pallet-alt:before { content: "\f483"; }

.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-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-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:before { content: "\f040"; }

.fa-pencil-alt:before { content: "\f303"; }

.fa-pencil-ruler:before { content: "\f5ae"; }

.fa-pennant:before { content: "\f456"; }

.fa-people-carry:before { content: "\f4ce"; }

.fa-percent:before { content: "\f295"; }

.fa-percentage:before { content: "\f541"; }

.fa-periscope:before { content: "\f3da"; }

.fa-person-carry:before { content: "\f4cf"; }

.fa-person-dolly:before { content: "\f4d0"; }

.fa-person-dolly-empty:before { content: "\f4d1"; }

.fa-phabricator:before { content: "\f3db"; }

.fa-phoenix-framework:before { content: "\f3dc"; }

.fa-phoenix-squadron:before { content: "\f511"; }

.fa-phone:before { content: "\f095"; }

.fa-phone-plus:before { content: "\f4d2"; }

.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-plane:before { content: "\f072"; }

.fa-plane-alt:before { content: "\f3de"; }

.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-hexagon:before { content: "\f300"; }

.fa-plus-octagon:before { content: "\f301"; }

.fa-plus-square:before { content: "\f0fe"; }

.fa-podcast:before { content: "\f2ce"; }

.fa-poo:before { content: "\f2fe"; }

.fa-portrait:before { content: "\f3e0"; }

.fa-pound-sign:before { content: "\f154"; }

.fa-power-off:before { content: "\f011"; }

.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-question-square:before { content: "\f2fd"; }

.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-r-project:before { content: "\f4f7"; }

.fa-racquet:before { content: "\f45a"; }

.fa-ramp-loading:before { content: "\f4d4"; }

.fa-random:before { content: "\f074"; }

.fa-ravelry:before { content: "\f2d9"; }

.fa-react:before { content: "\f41b"; }

.fa-readme:before { content: "\f4d5"; }

.fa-rebel:before { content: "\f1d0"; }

.fa-receipt:before { content: "\f543"; }

.fa-rectangle-landscape:before { content: "\f2fa"; }

.fa-rectangle-portrait:before { content: "\f2fb"; }

.fa-rectangle-wide:before { content: "\f2fc"; }

.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-redo:before { content: "\f01e"; }

.fa-redo-alt:before { content: "\f2f9"; }

.fa-registered:before { content: "\f25d"; }

.fa-rendact:before { content: "\f3e4"; }

.fa-renren:before { content: "\f18b"; }

.fa-repeat:before { content: "\f363"; }

.fa-repeat-1:before { content: "\f365"; }

.fa-repeat-1-alt:before { content: "\f366"; }

.fa-repeat-alt:before { content: "\f364"; }

.fa-reply:before { content: "\f3e5"; }

.fa-reply-all:before { content: "\f122"; }

.fa-replyd:before { content: "\f3e6"; }

.fa-researchgate:before { content: "\f4f8"; }

.fa-resolving:before { content: "\f3e7"; }

.fa-retweet:before { content: "\f079"; }

.fa-retweet-alt:before { content: "\f361"; }

.fa-rev:before { content: "\f5b2"; }

.fa-ribbon:before { content: "\f4d6"; }

.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-rupee-sign:before { content: "\f156"; }

.fa-sad-cry:before { content: "\f5b3"; }

.fa-sad-tear:before { content: "\f5b4"; }

.fa-safari:before { content: "\f267"; }

.fa-sass:before { content: "\f41e"; }

.fa-save:before { content: "\f0c7"; }

.fa-scanner:before { content: "\f488"; }

.fa-scanner-keyboard:before { content: "\f489"; }

.fa-scanner-touchscreen:before { content: "\f48a"; }

.fa-schlix:before { content: "\f3ea"; }

.fa-school:before { content: "\f549"; }

.fa-screwdriver:before { content: "\f54a"; }

.fa-scribd:before { content: "\f28a"; }

.fa-scrubber:before { content: "\f2f8"; }

.fa-search:before { content: "\f002"; }

.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-share:before { content: "\f064"; }

.fa-share-all:before { content: "\f367"; }

.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:before { content: "\f132"; }

.fa-shield-alt:before { content: "\f3ed"; }

.fa-shield-check:before { content: "\f2f7"; }

.fa-ship:before { content: "\f21a"; }

.fa-shipping-fast:before { content: "\f48b"; }

.fa-shipping-timed:before { content: "\f48c"; }

.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-shuttlecock:before { content: "\f45b"; }

.fa-sign:before { content: "\f4d9"; }

.fa-sign-in:before { content: "\f090"; }

.fa-sign-in-alt:before { content: "\f2f6"; }

.fa-sign-language:before { content: "\f2a7"; }

.fa-sign-out:before { content: "\f08b"; }

.fa-sign-out-alt:before { content: "\f2f5"; }

.fa-signal:before { content: "\f012"; }

.fa-signature:before { content: "\f5b7"; }

.fa-simplybuilt:before { content: "\f215"; }

.fa-sistrix:before { content: "\f3ee"; }

.fa-sitemap:before { content: "\f0e8"; }

.fa-sith:before { content: "\f512"; }

.fa-skull:before { content: "\f54c"; }

.fa-skyatlas:before { content: "\f216"; }

.fa-skype:before { content: "\f17e"; }

.fa-slack:before { content: "\f198"; }

.fa-slack-hash:before { content: "\f3ef"; }

.fa-sliders-h:before { content: "\f1de"; }

.fa-sliders-h-square:before { content: "\f3f0"; }

.fa-sliders-v:before { content: "\f3f1"; }

.fa-sliders-v-square:before { content: "\f3f2"; }

.fa-slideshare:before { content: "\f1e7"; }

.fa-smile:before { content: "\f118"; }

.fa-smile-beam:before { content: "\f5b8"; }

.fa-smile-plus:before { content: "\f5b9"; }

.fa-smile-wink:before { content: "\f4da"; }

.fa-smoking:before { content: "\f48d"; }

.fa-smoking-ban:before { content: "\f54d"; }

.fa-snapchat:before { content: "\f2ab"; }

.fa-snapchat-ghost:before { content: "\f2ac"; }

.fa-snapchat-square:before { content: "\f2ad"; }

.fa-snowflake:before { content: "\f2dc"; }

.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-spa:before { content: "\f5bb"; }

.fa-space-shuttle:before { content: "\f197"; }

.fa-spade:before { content: "\f2f4"; }

.fa-speakap:before { content: "\f3f3"; }

.fa-spinner:before { content: "\f110"; }

.fa-spinner-third:before { content: "\f3f4"; }

.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-squarespace:before { content: "\f5be"; }

.fa-stack-exchange:before { content: "\f18d"; }

.fa-stack-overflow:before { content: "\f16c"; }

.fa-stamp:before { content: "\f5bf"; }

.fa-star:before { content: "\f005"; }

.fa-star-exclamation:before { content: "\f2f3"; }

.fa-star-half:before { content: "\f089"; }

.fa-star-half-alt:before { content: "\f5c0"; }

.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-swatchbook:before { content: "\f5c3"; }

.fa-swimmer:before { content: "\f5c4"; }

.fa-swimming-pool:before { content: "\f5c5"; }

.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-tablet-android:before { content: "\f3fb"; }

.fa-tablet-android-alt:before { content: "\f3fc"; }

.fa-tablet-rugged:before { content: "\f48f"; }

.fa-tablets:before { content: "\f490"; }

.fa-tachometer:before { content: "\f0e4"; }

.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-telegram:before { content: "\f2c6"; }

.fa-telegram-plane:before { content: "\f3fe"; }

.fa-tencent-weibo:before { content: "\f1d5"; }

.fa-tennis-ball:before { content: "\f45e"; }

.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-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-thumbs-down:before { content: "\f165"; }

.fa-thumbs-up:before { content: "\f164"; }

.fa-thumbtack:before { content: "\f08d"; }

.fa-ticket:before { content: "\f145"; }

.fa-ticket-alt:before { content: "\f3ff"; }

.fa-times:before { content: "\f00d"; }

.fa-times-circle:before { content: "\f057"; }

.fa-times-hexagon:before { content: "\f2ee"; }

.fa-times-octagon:before { content: "\f2f0"; }

.fa-times-square:before { content: "\f2d3"; }

.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-toolbox:before { content: "\f552"; }

.fa-tooth:before { content: "\f5c9"; }

.fa-trade-federation:before { content: "\f513"; }

.fa-trademark:before { content: "\f25c"; }

.fa-train:before { content: "\f238"; }

.fa-transgender:before { content: "\f224"; }

.fa-transgender-alt:before { content: "\f225"; }

.fa-trash:before { content: "\f1f8"; }

.fa-trash-alt:before { content: "\f2ed"; }

.fa-tree:before { content: "\f1bb"; }

.fa-tree-alt:before { content: "\f400"; }

.fa-trello:before { content: "\f181"; }

.fa-triangle:before { content: "\f2ec"; }

.fa-tripadvisor:before { content: "\f262"; }

.fa-trophy:before { content: "\f091"; }

.fa-trophy-alt:before { content: "\f2eb"; }

.fa-truck:before { content: "\f0d1"; }

.fa-truck-container:before { content: "\f4dc"; }

.fa-truck-couch:before { content: "\f4dd"; }

.fa-truck-loading:before { content: "\f4de"; }

.fa-truck-moving:before { content: "\f4df"; }

.fa-truck-ramp:before { content: "\f4e0"; }

.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-tv-retro:before { content: "\f401"; }

.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-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-usb:before { content: "\f287"; }

.fa-usd-circle:before { content: "\f2e8"; }

.fa-usd-square:before { content: "\f2e9"; }

.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-lock:before { content: "\f502"; }

.fa-user-md:before { content: "\f0f0"; }

.fa-user-minus:before { content: "\f503"; }

.fa-user-ninja:before { content: "\f504"; }

.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-ussunnah:before { content: "\f407"; }

.fa-utensil-fork:before { content: "\f2e3"; }

.fa-utensil-knife:before { content: "\f2e4"; }

.fa-utensil-spoon:before { content: "\f2e5"; }

.fa-utensils:before { content: "\f2e7"; }

.fa-utensils-alt:before { content: "\f2e6"; }

.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-plus:before { content: "\f4e1"; }

.fa-video-slash:before { content: "\f4e2"; }

.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: "\f2e2"; }

.fa-volume-off:before { content: "\f026"; }

.fa-volume-up:before { content: "\f028"; }

.fa-vuejs:before { content: "\f41f"; }

.fa-walking:before { content: "\f554"; }

.fa-wallet:before { content: "\f555"; }

.fa-warehouse:before { content: "\f494"; }

.fa-warehouse-alt:before { content: "\f495"; }

.fa-watch:before { content: "\f2e1"; }

.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-whistle:before { content: "\f460"; }

.fa-whmcs:before { content: "\f40d"; }

.fa-wifi:before { content: "\f1eb"; }

.fa-wikipedia-w:before { content: "\f266"; }

.fa-window:before { content: "\f40e"; }

.fa-window-alt:before { content: "\f40f"; }

.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-glass:before { content: "\f4e3"; }

.fa-wine-glass-alt:before { content: "\f5ce"; }

.fa-wix:before { content: "\f5cf"; }

.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-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-yandex:before { content: "\f413"; }

.fa-yandex-international:before { content: "\f414"; }

.fa-yelp:before { content: "\f1e9"; }

.fa-yen-sign:before { content: "\f157"; }

.fa-yoast:before { content: "\f2b1"; }

.fa-youtube:before { content: "\f167"; }

.fa-youtube-square:before { content: "\f431"; }

.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 Pro 5.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) */
@font-face { font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 300; src: url("../fonts/fa-light-300.eot"); src: url("../fonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-light-300.woff2") format("woff2"), url("../fonts/fa-light-300.woff") format("woff"), url("../fonts/fa-light-300.ttf") format("truetype"), url("../fonts/fa-light-300.svg#fontawesome") format("svg"); }

.fal { font-family: 'Font Awesome 5 Pro'; font-weight: 300; }

/*! Font Awesome Pro 5.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) */
@font-face { font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 400; src: url("../fonts/fa-regular-400.eot"); src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-400.svg#fontawesome") format("svg"); }

.far { font-family: 'Font Awesome 5 Pro'; font-weight: 400; }

/*! Font Awesome Pro 5.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) */
@font-face { font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 900; src: url("../fonts/fa-solid-900.eot"); src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg"); }

.fa, .fas { font-family: 'Font Awesome 5 Pro'; font-weight: 900; }

/*! Bootstrap Grid v4.1.3 (https://getbootstrap.com/) Copyright 2011-2018 The Bootstrap Authors Copyright 2011-2018 Twitter, Inc. Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
@-ms-viewport { width: device-width; }

html { box-sizing: border-box; -ms-overflow-style: scrollbar; }

*, *::before, *::after { box-sizing: inherit; }

.container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

@media (min-width: 480px) { .container { max-width: 420px; } }

@media (min-width: 768px) { .container { max-width: 720px; } }

@media (min-width: 1024px) { .container { max-width: 960px; } }

.container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }

.no-gutters { margin-right: 0; margin-left: 0; }

.no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }

.col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.col { flex-basis: 0; flex-grow: 1; max-width: 100%; }

.col-auto { flex: 0 0 auto; width: auto; max-width: none; }

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

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

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

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

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

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

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

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

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

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

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

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

.order-first { order: -1; }

.order-last { order: 13; }

.order-0 { order: 0; }

.order-1 { order: 1; }

.order-2 { order: 2; }

.order-3 { order: 3; }

.order-4 { order: 4; }

.order-5 { order: 5; }

.order-6 { order: 6; }

.order-7 { order: 7; }

.order-8 { order: 8; }

.order-9 { order: 9; }

.order-10 { order: 10; }

.order-11 { order: 11; }

.order-12 { order: 12; }

.offset-1 { margin-left: 8.33333333%; }

.offset-2 { margin-left: 16.66666667%; }

.offset-3 { margin-left: 25%; }

.offset-4 { margin-left: 33.33333333%; }

.offset-5 { margin-left: 41.66666667%; }

.offset-6 { margin-left: 50%; }

.offset-7 { margin-left: 58.33333333%; }

.offset-8 { margin-left: 66.66666667%; }

.offset-9 { margin-left: 75%; }

.offset-10 { margin-left: 83.33333333%; }

.offset-11 { margin-left: 91.66666667%; }

@media (min-width: 480px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-sm-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-sm-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-sm-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-sm-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } }

@media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-md-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-md-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-md-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-md-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } }

@media (min-width: 1024px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-lg-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-lg-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-lg-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-lg-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } }

.d-none { display: none !important; }

.d-inline { display: inline !important; }

.d-inline-block { display: inline-block !important; }

.d-block { display: block !important; }

.d-table { display: table !important; }

.d-table-row { display: table-row !important; }

.d-table-cell { display: table-cell !important; }

.d-flex { display: flex !important; }

.d-inline-flex { display: inline-flex !important; }

@media (min-width: 480px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } }

@media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } }

@media (min-width: 1024px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } }

@media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } }

.flex-row { flex-direction: row !important; }

.flex-column { flex-direction: column !important; }

.flex-row-reverse { flex-direction: row-reverse !important; }

.flex-column-reverse { flex-direction: column-reverse !important; }

.flex-wrap { flex-wrap: wrap !important; }

.flex-nowrap { flex-wrap: nowrap !important; }

.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }

.flex-fill { flex: 1 1 auto !important; }

.flex-grow-0 { flex-grow: 0 !important; }

.flex-grow-1 { flex-grow: 1 !important; }

.flex-shrink-0 { flex-shrink: 0 !important; }

.flex-shrink-1 { flex-shrink: 1 !important; }

.justify-content-start { justify-content: flex-start !important; }

.justify-content-end { justify-content: flex-end !important; }

.justify-content-center { justify-content: center !important; }

.justify-content-between { justify-content: space-between !important; }

.justify-content-around { justify-content: space-around !important; }

.align-items-start { align-items: flex-start !important; }

.align-items-end { align-items: flex-end !important; }

.align-items-center { align-items: center !important; }

.align-items-baseline { align-items: baseline !important; }

.align-items-stretch { align-items: stretch !important; }

.align-content-start { align-content: flex-start !important; }

.align-content-end { align-content: flex-end !important; }

.align-content-center { align-content: center !important; }

.align-content-between { align-content: space-between !important; }

.align-content-around { align-content: space-around !important; }

.align-content-stretch { align-content: stretch !important; }

.align-self-auto { align-self: auto !important; }

.align-self-start { align-self: flex-start !important; }

.align-self-end { align-self: flex-end !important; }

.align-self-center { align-self: center !important; }

.align-self-baseline { align-self: baseline !important; }

.align-self-stretch { align-self: stretch !important; }

@media (min-width: 480px) { .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } }

@media (min-width: 768px) { .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } }

@media (min-width: 1024px) { .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } }

.pnlm-container { margin: 0; padding: 0; overflow: hidden; position: relative; cursor: default; width: 100%; height: 100%; font-family: Helvetica, "Nimbus Sans L", "Liberation Sans", Arial, sans-serif; background: #f4f4f4 url("img/background.svg") repeat; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; outline: 0; line-height: 1.4; contain: content; }

.pnlm-container * { box-sizing: content-box; }

.pnlm-ui { position: absolute; width: 100%; height: 100%; z-index: 1; }

.pnlm-grab { cursor: grab; cursor: url("img/grab.svg") 12 8, default; }

.pnlm-grabbing { cursor: grabbing; cursor: url("img/grabbing.svg") 12 8, default; }

.pnlm-sprite { background-image: url("img/sprites.svg"); }

.pnlm-container:-moz-full-screen { height: 100% !important; width: 100% !important; position: static !important; }

.pnlm-container:-webkit-full-screen { height: 100% !important; width: 100% !important; position: static !important; }

.pnlm-container:-ms-fullscreen { height: 100% !important; width: 100% !important; position: static !important; }

.pnlm-container:fullscreen { height: 100% !important; width: 100% !important; position: static !important; }

.pnlm-render-container { cursor: inherit; /* Fix display bug in Safari 7 */ position: absolute; height: 100%; width: 100%; }

.pnlm-controls { margin-top: 4px; background-color: #fff; border: 1px solid #999; border-color: rgba(0, 0, 0, 0.4); border-radius: 3px; cursor: pointer; z-index: 2; /* Fix Safari fullscreen bug */ -webkit-transform: translateZ(9999px); transform: translateZ(9999px); }

.pnlm-control:hover { background-color: #f8f8f8; }

.pnlm-controls-container { position: absolute; top: 0; left: 4px; z-index: 1; }

.pnlm-zoom-controls { width: 26px; height: 52px; }

.pnlm-zoom-in { width: 100%; height: 50%; position: absolute; top: 0; border-radius: 3px 3px 0 0; }

.pnlm-zoom-out { width: 100%; height: 50%; position: absolute; bottom: 0; background-position: 0 -26px; border-top: 1px solid #ddd; border-top-color: rgba(0, 0, 0, 0.1); border-radius: 0 0 3px 3px; }

.pnlm-fullscreen-toggle-button, .pnlm-orientation-button, .pnlm-hot-spot-debug-indicator { width: 26px; height: 26px; }

.pnlm-hot-spot-debug-indicator { position: absolute; top: 50%; left: 50%; width: 26px; height: 26px; margin: -13px 0 0 -13px; background-color: rgba(255, 255, 255, 0.5); border-radius: 13px; display: none; }

.pnlm-orientation-button-inactive { background-position: 0 -156px; }

.pnlm-orientation-button-active { background-position: 0 -182px; }

.pnlm-fullscreen-toggle-button-inactive { background-position: 0 -52px; }

.pnlm-fullscreen-toggle-button-active { background-position: 0 -78px; }

.pnlm-panorama-info { position: absolute; bottom: 4px; background-color: rgba(0, 0, 0, 0.7); border-radius: 0 3px 3px 0; padding-right: 10px; color: #fff; text-align: left; display: none; z-index: 2; /* Fix Safari fullscreen bug */ -webkit-transform: translateZ(9999px); transform: translateZ(9999px); }

.pnlm-title-box { position: relative; font-size: 20px; display: table; padding-left: 5px; margin-bottom: 3px; }

.pnlm-author-box { position: relative; font-size: 12px; display: table; padding-left: 5px; }

.pnlm-load-box { position: absolute; top: 50%; left: 50%; width: 200px; height: 150px; margin: -75px 0 0 -100px; background-color: rgba(0, 0, 0, 0.7); border-radius: 3px; text-align: center; font-size: 20px; display: none; color: #fff; }

.pnlm-load-box p { margin: 20px 0; }

.pnlm-lbox { position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin: -10px 0 0 -10px; display: none; }

.pnlm-loading { animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-name: pnlm-mv; -webkit-animation-name: pnlm-mv; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-timing-function: linear; height: 10px; width: 10px; background-color: #fff; position: relative; }

@keyframes pnlm-mv { from { left: 0;
    top: 0; }
  25% { left: 10px;
    top: 0; }
  50% { left: 10px;
    top: 10px; }
  75% { left: 0;
    top: 10px; }
  to { left: 0;
    top: 0; } }

@-webkit-keyframes pnlm-mv { from { left: 0;
    top: 0; }
  25% { left: 10px;
    top: 0; }
  50% { left: 10px;
    top: 10px; }
  75% { left: 0;
    top: 10px; }
  to { left: 0;
    top: 0; } }

.pnlm-load-button { position: absolute; top: 50%; left: 50%; width: 200px; height: 100px; margin: -50px 0 0 -100px; background-color: rgba(0, 0, 0, 0.7); border-radius: 3px; text-align: center; font-size: 20px; display: table; color: #fff; cursor: pointer; }

.pnlm-load-button:hover { background-color: rgba(0, 0, 0, 0.8); }

.pnlm-load-button p { display: table-cell; vertical-align: middle; }

.pnlm-info-box { font-size: 15px; position: absolute; top: 50%; left: 50%; width: 200px; height: 150px; margin: -75px 0 0 -100px; background-color: #000; border-radius: 3px; display: table; text-align: center; color: #fff; table-layout: fixed; }

.pnlm-info-box a { color: #fff; word-wrap: break-word; overflow-wrap: break-word; }

.pnlm-info-box p { display: table-cell; vertical-align: middle; padding: 0 5px 0 5px; }

.pnlm-error-msg { display: none; }

.pnlm-about-msg { font-size: 11px; line-height: 11px; color: #fff; padding: 5px 8px 5px 8px; background: rgba(0, 0, 0, 0.7); border-radius: 3px; position: absolute; top: 50px; left: 50px; display: none; opacity: 0; -moz-transition: opacity .3s ease-in-out; -webkit-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; z-index: 1; }

.pnlm-about-msg a:link, .pnlm-about-msg a:visited { color: #fff; }

.pnlm-about-msg a:hover, .pnlm-about-msg a:active { color: #eee; }

.pnlm-hotspot-base { position: absolute; visibility: hidden; cursor: default; vertical-align: middle; top: 0; z-index: 1; }

.pnlm-hotspot { height: 26px; width: 26px; border-radius: 13px; }

.pnlm-hotspot:hover { background-color: rgba(255, 255, 255, 0.2); }

.pnlm-hotspot.pnlm-info { background-position: 0 -104px; }

.pnlm-hotspot.pnlm-scene { background-position: 0 -130px; }

div.pnlm-tooltip span { visibility: hidden; position: absolute; border-radius: 3px; background-color: rgba(0, 0, 0, 0.7); color: #fff; text-align: center; max-width: 200px; padding: 5px 10px; margin-left: -220px; cursor: default; }

div.pnlm-tooltip:hover span { visibility: visible; }

div.pnlm-tooltip:hover span:after { content: ''; position: absolute; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent; bottom: -20px; left: -10px; margin: 0 50%; }

.pnlm-compass { position: absolute; width: 50px; height: 50px; right: 4px; bottom: 4px; border-radius: 25px; background-image: url("img/compass.svg"); cursor: default; display: none; }

.pnlm-world { position: absolute; left: 50%; top: 50%; }

.pnlm-face { position: absolute; -webkit-transform-origin: 0 0 0; transform-origin: 0 0 0; }

.pnlm-dragfix, .pnlm-preview-img { position: absolute; height: 100%; width: 100%; }

.pnlm-preview-img { background-size: cover; background-position: center; }

.pnlm-lbar { width: 150px; margin: 0 auto; border: #fff 1px solid; height: 6px; }

.pnlm-lbar-fill { background: #fff; height: 100%; width: 0; }

.pnlm-lmsg { font-size: 12px; }

.pnlm-fade-img { position: absolute; top: 0; left: 0; }

/* ===================================================== BASE / Yaml core base ===================================================== **/
/** "Yet Another Multicolumn Layout" - YAML CSS Framework (en) YAML core stylesheet (de) YAML Basis-Stylesheet Don't make any changes in this file! Your changes should be placed in any css-file in your own stylesheet folder. @copyright       Copyright 2005-2012, Dirk Jesse @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/), YAML-CDL (http://www.yaml.de/license.html) @link            http://www.yaml.de @package         yaml @version         v4.0.2 @revision        $Revision: 743 $ @lastmodified    $Date: 2012-10-23 23:01:14 +0200 (Di, 23 Okt 2012) $ Modifizierte dvv-Version */
@media all { /** @section CSS-Normalisation Module */ /* (en) Global reset of paddings and margins for all HTML elements */ /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */ * { margin: 0; padding: 0; } /* (en) Correction:margin/padding reset caused too small select boxes. */ /* (de) Korrektur:Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */ option { padding-left: 0.4em; } /* LTR */ select { padding: 1px; } /** (en) Global fix of the Italics bugs in IE 5.x and IE 6 (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6 @bugfix @affected   IE 5.x/Win, IE6 @css-for    IE 5.x/Win, IE6 @valid      yes */ * html body * { overflow: visible; } body { /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */ /* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */ font-size: 100%; /* (en) Standard values for colors and text alignment */ /* (de) Vorgabe der Standardfarben und Textausrichtung */ background: #fff; color: #000; text-align: left; /* LTR */ } /* (en) avoid visible outlines on DIV containers in Webkit browsers */ /* (de) Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern */ div:target { outline: 0 none; } /* (en) HTML 5 - adjusting visual formatting model to block level */ /* (en) HTML 5 - Anpassung des visuellen Formatmodells auf Blockelemente */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } /* (en) HTML5 - default media element styles */ /* (de) HTML5 - Standard Eigenschaften für Media-Elemente */ audio, canvas, video { display: inline-block; } /* (en) HTML5 - don't show <audio> element if there aren't controls */ /* (de) HTML5 - <audio> ohne Kontrollelemente sollten nicht angezeigt werden */ audio:not([controls]) { display: none; } /* (en) HTML5 - add missing styling in IE & old FF for hidden attribute  */ /* (de) HTML5 - Eigenschaften für das hidden-Attribut in älteren IEs und FF nachrüsten */ [hidden] { display: none; } /* (en) force consistant appearance of input[type="search"] elements in all browser  */ /* (de) Einheitliches Erscheinungsbild für input[type="search"] Elemente erzwingen  */ input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* (en) Clear borders for <img> elements */ /* (de) Rahmen für <img> Elemente löschen */ /* dvv entfernte fieldset */ img { border: 0 solid; } /* (en) new standard values for lists, blockquote, cite and tables */ /* (de) Neue Standardwerte für Listen, Zitate und Tabellen */ ul, ol, dl { margin: 0 0 1em 1em; } /* LTR */ li { line-height: 1.5em; margin-left: 0.8em; /* LTR */ } dt { font-weight: bold; } dd { margin: 0 0 1em 0.8em; } /* LTR */ blockquote { margin: 0 0 1em 0.8em; } /* LTR */ q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /** @section Float Handling Module */ /* (en) clearfix method for clearing floats */ /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */ .ym-clearfix:before { content: ""; display: table; } .ym-clearfix:after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden; } /* (en) alternative solutions to contain floats */ /* (de) Alternative Methoden zum Einschließen von Float-Umgebungen */ .ym-contain-dt { display: table; width: 100%; overflow: visible; } .ym-contain-oh { overflow: hidden; width: 100%; display: block; } .ym-contain-fl { float: left; width: 100%; } /** @section Accessibility Module (en) skip links and hidden content (de) Skip-Links und versteckte Inhalte */ /* (en) classes for invisible elements in the base layout */ /* (de) Klassen für unsichtbare Elemente im Basislayout */ .ym-skip, .ym-hideme, .ym-print { position: absolute; top: -32768px; left: -32768px; /* LTR */ } /* (en) make skip links visible when using tab navigation */ /* (de) Skip-Links für Tab-Navigation sichtbar schalten */ .ym-skip:focus, .ym-skip:active { position: static; top: 0; left: 0; } /* skiplinks:technical setup */ .ym-skiplinks { position: absolute; top: 0px; left: -32768px; z-index: 1000; width: 100%; margin: 0; padding: 0; list-style-type: none; } .ym-skiplinks .ym-skip:focus, .ym-skiplinks .ym-skip:active { left: 32768px; outline: 0 none; position: absolute; width: 100%; } }

@media screen, projection { /** @section Column Module default column config: |-------------------------------| | col1    | col3      | col2    | | 20%     | flexible  | 20%     | |-------------------------------| */ .ym-column { /*display: table;*/ width: 100%; } /* dvv removed attribute */ .ym-col1 { float: left; width: 20%; } .ym-col2 { float: right; width: 20%; } .ym-col3 { width: auto; margin: 0 20%; } .ym-cbox { padding: 0 10px; } .ym-cbox-left { padding: 0 10px 0 0; } .ym-cbox-right { padding: 0 0 0 10px; } /* (en) IE-Clearing:Only used in Internet Explorer, switched on in iehacks.css */ /* (de) IE-Clearing:Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */ .ym-ie-clearing { display: none; } /** @section Grid Module */ .ym-grid { display: table; width: 100%; table-layout: fixed; list-style-type: none; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; } .ym-gl { float: left; margin: 0; } .ym-gr { float: right; margin: 0 0 0 -5px; } .ym-g20 { width: 20%; } .ym-g40 { width: 40%; } .ym-g60 { width: 60%; } .ym-g80 { width: 80%; } .ym-g25 { width: 25%; } .ym-g33 { width: 33.333%; } .ym-g50 { width: 50%; } .ym-g66 { width: 66.666%; } .ym-g75 { width: 75%; } .ym-g38 { width: 38.2%; } .ym-g62 { width: 61.8%; } .ym-gbox { padding: 0 10px; } .ym-gbox-left { padding: 0 10px 0 0; } .ym-gbox-right { padding: 0 0 0 10px; } .ym-equalize { overflow: hidden; } .ym-equalize > [class*="ym-g"] { display: table-cell; float: none; margin: 0; vertical-align: top; } .ym-equalize > [class*="ym-g"] > [class*="ym-gbox"] { padding-bottom: 10000px; margin-bottom: -10000px; } }

@media all { /** @section Form Module Vertical-Forms - technical base (standard) |-------------------------------| | form                          | |-------------------------------| |   label                       | |   input / select / textarea   | |-------------------------------| | /form                         | |-------------------------------| (en) Styling of forms where both label and input/select/textarea are styled with display:block; (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display:block; gestaltet werden */ .ym-form, .ym-form fieldset { overflow: hidden; } .ym-form div { position: relative; } .ym-form label, .ym-form .ym-message { position: relative; display: block; /* important for Safari */ } .ym-form .ym-fbox-check label { display: inline; } .ym-form input, .ym-form textarea { cursor: text; } .ym-form input[type="checkbox"], .ym-form input[type="radio"], .ym-form select, .ym-form label { cursor: pointer; } /* small adjustments for Internet Explorer - all versions */ .ym-form textarea { overflow: auto; } /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */ .ym-form input[type=hidden] { display: none !important; } /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */ .ym-form .ym-fbox-text:before, .ym-form .ym-fbox-select:before, .ym-form .ym-fbox-check:before, .ym-form .ym-fbox-button:before { content: ""; display: table; } .ym-form .ym-fbox-text:after, .ym-form .ym-fbox-select:after, .ym-form .ym-fbox-check:after, .ym-form .ym-fbox-button:after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden; } /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */ .ym-form select, .ym-form input, .ym-form textarea { display: block; position: relative; width: 58.5%; } .ym-form .ym-fbox-check input { display: inline; width: auto; } /* Styling of buttons | Gestaltung von Buttons */ .ym-form .ym-fbox-button input { display: inline; overflow: visible; /* Fixes IE7 auto-padding bug */ width: auto; } /* avoid jumping checkboxes & radiobuttons in IE8 */ .ym-form .ym-fbox-check input:focus, .ym-form .ym-fbox-check input:hover, .ym-form .ym-fbox-check input:active { border: 0 none; } /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */ .ym-full .ym-fbox-select select, .ym-full .ym-fbox-text input, .ym-full .ym-fbox-text textarea { width: 94.2%; margin-right: -3px; } /** Columnar forms display - technical base (optional) |-------------------------------------------| | form                                      | |-------------------------------------------| |                                           | |   label   |   input / select / textarea   | |                                           | |-------------------------------------------| | /form                                     | |-------------------------------------------| (en) Styling of forms where label floats left of form-elements (de) Formulargestaltung, bei der die label-Elemente nach links fließen */ /* Columnar display | Spalten-Darstellung */ .ym-columnar .ym-fbox-text label, .ym-columnar .ym-fbox-select label { display: inline; float: left; width: 30%; /* Can be fixed width too | Kann auch eine fixe Angabe sein */ } .ym-columnar .ym-fbox-check { position: relative; } .ym-label { display: block; } .ym-columnar .ym-fbox-check .ym-label { position: absolute; top: 0; } /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */ .ym-columnar .ym-fbox-check input, .ym-columnar .ym-error .ym-message { margin-left: 30%; } /* global and local columnar settings for button alignment */ .ym-columnar fieldset .ym-fbox-button, fieldset.ym-columnar .ym-fbox-button { padding-left: 30%; } .ym-columnar .ym-fbox-select select, .ym-columnar .ym-fbox-text input, .ym-columnar .ym-fbox-text textarea { float: left; width: 67.2%; /*		margin-right: -3px; dvv removed this for CMSVII-931 */ } /** @section Form Construction Kit | Screen Adjustments */ .ym-fbox-select select { width: 60%; } .ym-full .ym-fbox-select select { width: 94.8%; } .ym-columnar .ym-fbox-select select { width: 68.8%; } }

@media print { /** @section print adjustments for core modules (en) float clearing for subtemplates. Uses display:table to avoid bugs in FF & IE (de) Float Clearing für die Subtemplates. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden @bugfix @since     3.0 @affected  FF2.0, FF3.0, IE7 @css-for   all browsers @valid     yes */ .ym-grid > .ym-gl, .ym-grid > .ym-gr { overflow: visible; display: table; } /* (en) make .ym-print class visible */ a .ym-print { position: static; left: 0; } /* (en) generic class to hide elements for print */ /* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */ .ym-noprint { display: none !important; } }

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/** 1. Change the default font family in all browsers (opinionated). 2. Correct the line height in all browsers. 3. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS. */
/* Document ========================================================================== */
html { font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers (opinionated). */
body { margin: 0; }

/** Add the correct display in IE 9-. */
article, aside, footer, header, nav, section { display: block; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** Add the correct display in IE 9-. 1. Add the correct display in IE. */
figcaption, figure, main { /* 1 */ display: block; }

/** Add the correct margin in IE 8. */
figure { margin: 1em 40px; }

/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/* Text-level semantics ========================================================================== */
/** 1. Remove the gray background on active links in IE 10. 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */
a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ }

/** Remove the outline on focused links when they are also active or hovered in all browsers (opinionated). */
a:active, a:hover { outline-width: 0; }

/** 1. Remove the bottom border in Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
b, strong { font-weight: inherit; }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font style in Android 4.3-. */
dfn { font-style: italic; }

/** Add the correct background and color in IE 9-. */
mark { background-color: #ff0; color: #000; }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Add the correct display in IE 9-. */
audio, video { display: inline-block; }

/** Add the correct display in iOS 4-7. */
audio:not([controls]) { display: none; height: 0; }

/** Remove the border on images inside links in IE 10-. */
img { border-style: none; }

/** Hide the overflow in IE. */
svg:not(:root) { overflow: hidden; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS and Safari. */
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Change the border, margin, and padding in all browsers (opinionated). */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** 1. Add the correct display in IE 9-. 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Remove the default vertical scrollbar in IE. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
/* Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. */
details, menu { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Scripting ========================================================================== */
/** Add the correct display in IE 9-. */
canvas { display: inline-block; }

/** Add the correct display in IE. */
template { display: none; }

/* Hidden ========================================================================== */
/** Add the correct display in IE 10-. */
[hidden] { display: none; }

/* ===================================================== BASE / Base ===================================================== **/
html { box-sizing: border-box; margin: 0; }

body, html { height: 100%; /*A value other than height:auto needs to be set*/ }

body, html { color: #212121; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; margin: 0; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; height: 100%; -webkit-text-size-adjust: 100%; /* Font varient */ font-variant-ligatures: none; -webkit-font-variant-ligatures: none; /* Smoothing */ text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; }

@media (min-width: 768px) { body { overflow-x: hidden; } }

*, *::before, *::after { box-sizing: inherit; }

/** Hyperlinks */
a { color: #1B4683; text-decoration: none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }

a:hover, a:active, a:focus { color: #002647; text-decoration: underline; }

a.goPageTop { float: left; }

/** Helpers */
b, strong { font-weight: bold; }

.basecontent-dvv-trenner hr.sep { /* border: 1px solid #ccc; */ /* margin: 40px; */ margin: 0px; padding: 0px; height: 1px; }

.basecontent-dvv-trenner div.sep { /* border: 1px solid #ccc; */ /* margin: 40px; */ margin: 0px; padding: 0px; height: 20px; }

.clear { clear: both; }

.nowrap { white-space: nowrap; }

/* Allgemein */
.float-left { float: left; display: inline; }

.float-right { float: right; display: inline; }

.center { display: block; text-align: center; }

iframe { border: 0px; }

span.align-left, span.align-right, span.align-center, span.align-justify { display: block; }

.align-left { text-align: left; /*this will align it for IE*/ margin: 0 auto 0 0; /*this will align it left for Mozilla*/ }

.align-right { text-align: right; margin: 0 0 0 auto; }

.align-center { text-align: center; margin: 0 auto 0 auto; }

.align-justify { text-align: justify; margin: 0 auto 0 auto; }

.valign-top { vertical-align: top; }

.valign_middle { vertical-align: middle; }

.valign-bottom { vertical-align: bottom; }

.float-center { display: table; margin: auto; }

/* Trenner CMSVII-207 */
.basecontent-dvv-trenner .sep { clear: both; }

.sep50 { width: 50%; }

.sep75 { width: 75%; }

.sep90 { width: 90%; }

.sep100 { width: 100%; }

/* Effekt "mehr oder weniger" */
br.more { line-height: 0; font-size: 0; }

/* System-Meldungen */
.sessionMessageIcon { width: 20px; float: left; }

.sessionMessage { background-color: white; border: 1px solid red; color: red; margin-bottom: 1em; padding: 1em; }

.sessionMessage_info { border: 1px solid #555; color: black; }

.sessionMessage_warn { border: 1px solid blue; color: blue; }

.sessionMessage_trace { border: 1px solid green; color: green; }

/* Quicklinks to do; ggf. entfernen nach Erledigung CMSVII-718 */
.quickLinks { min-height: 27px; /* reserviert Platz waehrend HTML-Aufbau */ }

/* Nicht-relevante Informationen (Beispiel A-Z-Liste) nicht vorlesen lassen */
@media aural { .noSpeech { visibility: hidden; } }

/* hervorgehobene Suchtreffer */
.highlight { color: #003; background-color: #FFD; }

/* Formulare */
.requiredMark { color: #4a76aa; }

.error .requiredMark { color: #FF6600; }

.error { color: red; }

.ym-form .error label { color: red; }

/* Option "Raster anzeigen" bei CMS8-Tabellen */
.show-grid, .show-grid td { border: 1px solid #ccc; }

.show-grid.orgChart td { border: inherit; }

.show-grid.orgChart td.organizationalchart { border: 1px solid #000; }

/** Back to Top */
.cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: #1B4683 url("../img/cd-top-arrow.svg") no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 10000; }

.cd-top.cd-fade-out, .cd-top.cd-is-visible, .no-touch .cd-top:hover { -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }

.cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; }

.cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity: 0.5; }

.no-touch .cd-top:hover { background-color: #1B4683; opacity: 1; }

@media only screen and (min-width: 768px) { .cd-top { right: 20px; bottom: 20px; } }

@media only screen and (min-width: 1024px) { .cd-top { height: 60px; width: 60px; right: 30px; bottom: 30px; } }

/* ========================================================================== Base styles: opinionated defaults ========================================================================== */
/* Remove text-shadow in selection highlight: https://twitter.com/miketaylr/status/12228805301 Vendor-prefixed and regular ::selection selectors cannot be combined: https://stackoverflow.com/a/16982510/7133471 Customize the background color to match your design. */
::-moz-selection { background: #b3d4fc; text-shadow: none; }

::selection { background: #b3d4fc; text-shadow: none; }

/* A better looking default horizontal rule */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

/* Remove the gap between audio, canvas, iframes, images, videos and the bottom of their containers: https://github.com/h5bp/html5-boilerplate/issues/440 */
audio, canvas, iframe, img, svg, video { vertical-align: middle; }

/* Remove default fieldset styles. */
fieldset { border: 0; margin: 0; padding: 0; }

/* Allow only vertical resizing of textareas. */
textarea { resize: vertical; }

/* ========================================================================== Browser Upgrade Prompt ========================================================================== */
.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ========================================================================== Author's custom styles ========================================================================== */
/* ========================================================================== Helper classes ========================================================================== */
/* Hide visually and from screen readers */
.hidden { display: none !important; }

/* Hide only visually, but have it available for screen readers: https://snook.ca/archives/html_and_css/hiding-content-for-accessibility 1. For long content, line feeds are not interpreted as spaces and small width causes content to wrap 1 word per line: https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; /* 1 */ }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: https://www.drupal.org/node/897638 */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; white-space: inherit; }

/* Hide visually and from screen readers, but maintain layout */
.invisible { visibility: hidden; }

/* Clearfix: contain floats For modern browsers 1. The space content is one way to avoid an Opera bug when the `contenteditable` attribute is included anywhere else in the document. Otherwise it causes space to appear at the top and bottom of elements that receive the `clearfix` class. 2. The use of `table` rather than `block` is only necessary if using `:before` to contain the top-margins of child elements. */
.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }

.clearfix:after { clear: both; }

/* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */
@media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ }

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ }

/* ========================================================================== Print styles. Inlined to avoid the additional HTTP request: https://www.phpied.com/delay-loading-your-print-css/ ========================================================================== */
@media print { *, *:before, *:after { background: transparent !important; color: #000 !important; /* Black prints faster */ -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* Don't show links that are fragment identifiers, or use the `javascript:` pseudo protocol */ a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } /* Printing Tables: http://css-discuss.incutio.com/wiki/Printing_Tables */ thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }

.dateiGroesse { display: none; }

.httpsLink, .externerLink, .neuFensterLink { cursor: pointer; }

.httpsLink:hover, .externerLink:hover, .neuFensterLink:hover, pdfLink:hover, dateiLink:hover { color: #002647; cursor: pointer; text-decoration: underline; }

@media (min-width: 480px) { .dvvToolbar.ui-widget-header { display: none; } }

@media (min-width: 768px) { .dvvToolbar.ui-widget-header { display: none; } }

@media (min-width: 1024px) { .dvvToolbar.ui-widget-header { display: block; } }

@media (max-width: 1023.98px) { .dvvToolbar { display: none; } }

/* ===================================================== BASE / Grid ===================================================== **/
/** Basis-CSS der dvv-Mastertemplates */
/* Spaltenfolge N-C-S */
.ym-col1 { width: 25%; margin: 0; }

.ym-col2 { width: 50%; float: left; margin: 0; }

.ym-col3 { margin-left: 75%; margin-right: 0; overflow: hidden; width: 25%; }

/* content breiter ohne infoslot oder auf home */
.ym-col2wide { margin-left: 25%; width: 75%; float: inherit; }

.home .ym-col2 { width: 75%; }

/* content auf home und ohne infoslot */
.home .ym-col2wide { margin-left: 0; width: 100%; float: inherit; }

@font-face { font-family: 'FontAwesome'; font-style: normal; font-weight: 300; src: url("../fonts/fa-light-300.eot"); src: url("../fonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-light-300.woff2") format("woff2"), url("../fonts/fa-light-300.woff") format("woff"), url("../fonts/fa-light-300.ttf") format("truetype"), url("../fonts/fa-light-300.svg#fontawesome") format("svg"); font-display: swap; }

@font-face { font-family: 'Font Awesome Light'; font-style: normal; font-weight: 300; src: url("../fonts/fa-light-300.eot"); src: url("../fonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-light-300.woff2") format("woff2"), url("../fonts/fa-light-300.woff") format("woff"), url("../fonts/fa-light-300.ttf") format("truetype"), url("../fonts/fa-light-300.svg#fontawesome") format("svg"); font-display: swap; }

@font-face { font-family: 'Font Awesome Regular'; font-style: normal; font-weight: 400; src: url("../fonts/fa-regular-400.eot"); src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-400.svg#fontawesome") format("svg"); font-display: swap; }

@font-face { font-family: 'Font Awesome Solid'; font-style: normal; font-weight: 900; src: url("../fonts/fa-solid-900.eot"); src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg"); font-display: swap; }

@font-face { font-family: 'Font Awesome Brands'; font-style: normal; font-weight: 400; src: url("../fonts/fa-brands-400.eot"); src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("../fonts/fa-brands-400.svg#fontawesome") format("svg"); font-display: swap; }

.far { font-family: 'Font Awesome Regular'; font-weight: 400; }

.fa, .fas { font-family: 'Font Awesome Solid'; font-weight: 900; }

.fal { font-family: 'Font Awesome Light'; font-weight: 300; }

/*! include not found: vendors/font-awesome */
/* --------------------- DIN Pro --------------------- */
@font-face { font-family: 'DIN Pro Condensed Regular'; font-style: normal; font-weight: normal; src: local("DIN Pro Condensed Regular"), url("../fonts/DINPro-Cond.woff") format("woff"); font-display: swap; }

@font-face { font-family: 'DIN Pro Condensed Italic'; font-style: normal; font-weight: normal; src: local("DIN Pro Condensed Italic"), url("../fonts/DINPro-CondIta.woff") format("woff"); font-display: swap; }

@font-face { font-family: 'DIN Pro'; font-style: normal; font-weight: normal; src: url("../fonts/dinpro-regular-webfont.eot"); /* IE9 Compat Modes */ src: url("../fonts/dinpro-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/DINPro.woff2") format("woff2"), url("../fonts/DINPro.woff") format("woff"), url("../fonts/DINPro.ttf") format("truetype"), url("../fonts/dinpro-regular-webfont.svg") format("svg"); font-display: swap; /* Modern Browsers */ }

@font-face { font-family: 'DIN Pro Italic'; font-style: normal; font-weight: normal; src: local("DIN Pro Italic"), url("../fonts/DINPro-Italic.woff") format("woff"); font-display: swap; }

@font-face { font-family: 'DIN Pro Condensed Light'; font-style: normal; font-weight: normal; src: local("DIN Pro Condensed Light"), url("../fonts/DINPro-CondLight.woff") format("woff"); font-display: swap; }

@font-face { font-family: 'DIN Pro Light'; font-style: normal; font-weight: normal; src: local("DIN Pro Light"), url("../fonts/DINPro-Light.woff") format("woff"); font-display: swap; }

@font-face { font-family: 'DIN Pro Condensed Light Italic'; font-style: normal; font-weight: normal; src: local("DIN Pro Condensed Light Italic"), url("../fonts/DINPro-CondLightIta.woff") format("woff"); font-display: swap; }

@font-face { font-family: 'DIN Pro Light Italic'; font-style: normal; font-weight: normal; src: local("DIN Pro Light Italic"), url("../fonts/DINPro-LightItalic.woff") format("woff"); font-display: swap; }

@font-face { font-family: 'DIN Pro Condensed Medium'; font-style: normal; font-weight: normal; src: local("DIN Pro Condensed Medium"), url("../fonts/DINPro-CondMedium.woff") format("woff"); font-display: swap; }

@font-face { font-family: 'DIN Pro Medium'; font-style: normal; font-weight: normal; src: local("DIN Pro Medium"), url("../fonts/DINPro-Medium.woff") format("woff"); font-display: swap; }

@font-face { font-family: 'DIN Pro Condensed Medium Italic'; font-style: normal; font-weight: normal; src: local("DIN Pro Condensed Medium Italic"), url("../fonts/DINPro-CondMediIta.woff") format("woff"); font-display: swap; }

@font-face { font-family: 'DIN Pro Medium Italic'; font-style: normal; font-weight: normal; src: local("DIN Pro Medium Italic"), url("../fonts/DINPro-MediumItalic.woff") format("woff"); font-display: swap; }

@font-face { font-family: 'DIN Pro Bold'; font-style: normal; font-weight: normal; src: local("DIN Pro Bold"), url("../fonts/DINPro-Bold.woff") format("woff"); font-display: swap; }

@font-face { font-family: 'DIN Pro Condensed Bold'; font-style: normal; font-weight: normal; src: local("DIN Pro Condensed Bold"), url("../fonts/DINPro-CondBold.woff") format("woff"); font-display: swap; }

@font-face { font-family: 'DIN Pro Bold Italic'; font-style: normal; font-weight: normal; src: local("DIN Pro Bold Italic"), url("../fonts/DINPro-BoldItalic.woff") format("woff"); font-display: swap; }

@font-face { font-family: 'DIN Pro Condensed Bold Italic'; font-style: normal; font-weight: normal; src: local("DIN Pro Condensed Bold Italic"), url("../fonts/DINPro-CondBoldIta.woff") format("woff"); font-display: swap; }

@font-face { font-family: 'DIN Pro Black'; font-style: normal; font-weight: normal; src: local("DIN Pro Black"), url("../fonts/DINPro-Black.woff") format("woff"); font-display: swap; }

@font-face { font-family: 'DIN Pro Condensed Black'; font-style: normal; font-weight: normal; src: local("DIN Pro Condensed Black"), url("../fonts/DINPro-CondBlack.woff") format("woff"); font-display: swap; }

@font-face { font-family: 'DIN Pro Black Italic'; font-style: normal; font-weight: normal; src: local("DIN Pro Black Italic"), url("../fonts/DINPro-BlackItalic.woff") format("woff"); font-display: swap; }

@font-face { font-family: 'DIN Pro Condensed Black Italic'; font-style: normal; font-weight: normal; src: local("DIN Pro Condensed Black Italic"), url("../fonts/DINPro-CondBlackIta.woff") format("woff"); font-display: swap; }

/* --------------------- Roboto --------------------- */
/* roboto-100 - latin */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100; src: url("../fonts/roboto-v19-latin-100.eot"); /* IE9 Compat Modes */ src: local("Roboto Thin"), local("Roboto-Thin"), url("../fonts/roboto-v19-latin-100.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v19-latin-100.woff2") format("woff2"), url("../fonts/roboto-v19-latin-100.woff") format("woff"), url("../fonts/roboto-v19-latin-100.ttf") format("truetype"), url("../fonts/roboto-v19-latin-100.svg#Roboto") format("svg"); /* Legacy iOS */ font-display: swap; }

/* roboto-300 - latin */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: url("../fonts/roboto-v19-latin-300.eot"); /* IE9 Compat Modes */ src: local("Roboto Light"), local("Roboto-Light"), url("../fonts/roboto-v19-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v19-latin-300.woff2") format("woff2"), url("../fonts/roboto-v19-latin-300.woff") format("woff"), url("../fonts/roboto-v19-latin-300.ttf") format("truetype"), url("../fonts/roboto-v19-latin-300.svg#Roboto") format("svg"); /* Legacy iOS */ font-display: swap; }

/* roboto-regular - latin */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url("../fonts/roboto-v19-latin-regular.eot"); /* IE9 Compat Modes */ src: local("Roboto"), local("Roboto-Regular"), url("../fonts/roboto-v19-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v19-latin-regular.woff2") format("woff2"), url("../fonts/roboto-v19-latin-regular.woff") format("woff"), url("../fonts/roboto-v19-latin-regular.ttf") format("truetype"), url("../fonts/roboto-v19-latin-regular.svg#Roboto") format("svg"); /* Legacy iOS */ font-display: swap; }

/* roboto-italic - latin */
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: url("../fonts/roboto-v19-latin-italic.eot"); /* IE9 Compat Modes */ src: local("Roboto Italic"), local("Roboto-Italic"), url("../fonts/roboto-v19-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v19-latin-italic.woff2") format("woff2"), url("../fonts/roboto-v19-latin-italic.woff") format("woff"), url("../fonts/roboto-v19-latin-italic.ttf") format("truetype"), url("../fonts/roboto-v19-latin-italic.svg#Roboto") format("svg"); /* Legacy iOS */ font-display: swap; }

/* roboto-500 - latin */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 500; src: url("../fonts/roboto-v19-latin-500.eot"); /* IE9 Compat Modes */ src: local("Roboto Medium"), local("Roboto-Medium"), url("../fonts/roboto-v19-latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v19-latin-500.woff2") format("woff2"), url("../fonts/roboto-v19-latin-500.woff") format("woff"), url("../fonts/roboto-v19-latin-500.ttf") format("truetype"), url("../fonts/roboto-v19-latin-500.svg#Roboto") format("svg"); /* Legacy iOS */ font-display: swap; }

/* roboto-700 - latin */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: url("../fonts/roboto-v19-latin-700.eot"); /* IE9 Compat Modes */ src: local("Roboto Bold"), local("Roboto-Bold"), url("../fonts/roboto-v19-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v19-latin-700.woff2") format("woff2"), url("../fonts/roboto-v19-latin-700.woff") format("woff"), url("../fonts/roboto-v19-latin-700.ttf") format("truetype"), url("../fonts/roboto-v19-latin-700.svg#Roboto") format("svg"); /* Legacy iOS */ font-display: swap; }

/* roboto-900 - latin */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 900; src: url("../fonts/roboto-v19-latin-900.eot"); /* IE9 Compat Modes */ src: local("Roboto Black"), local("Roboto-Black"), url("../fonts/roboto-v19-latin-900.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-v19-latin-900.woff2") format("woff2"), url("../fonts/roboto-v19-latin-900.woff") format("woff"), url("../fonts/roboto-v19-latin-900.ttf") format("truetype"), url("../fonts/roboto-v19-latin-900.svg#Roboto") format("svg"); /* Legacy iOS */ font-display: swap; }

/* ===================================================== BASE / helpers ===================================================== **/
/** Clear inner floats */
.clearfix::after { clear: both; content: ''; display: table; }

/** Main content containers 1. Make the container full-width with a maximum width 2. Center it in the viewport 3. Leave some space on the edges, especially valuable on small screens */
.container { max-width: 1180px; /* 1 */ margin-left: auto; /* 2 */ margin-right: auto; /* 2 */ padding-left: 20px; /* 3 */ padding-right: 20px; /* 3 */ width: 100%; /* 1 */ }

/** Hide text while making it readable for screen readers 1. Needed in WebKit-based browsers because of an implementation bug; See: https://code.google.com/p/chromium/issues/detail?id=457146 */
.hide-text { overflow: hidden; padding: 0; /* 1 */ text-indent: 101%; white-space: nowrap; }

/** Hide element while making it readable for screen readers Shamelessly borrowed from HTML5Boilerplate: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133 */
.visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* ===================================================== BASE / icons ===================================================== **/
/* ------------   Variablen (wird noch ausgelagert)  ------------ */
/* ------------   vCard ------------ */
.contactDataBox .vCard { line-height: 1.65rem; }

.contactDataBox .vCardLink { float: right; margin-right: 10px; }

#content .contactDataBox .vCardLink { float: none; }

.contactDataBox .organization { font-weight: 400; }

.contactDataBox .titles { font-weight: 400; }

.vCard .organization { font-weight: bold; }

.vCard .externerLink:before { content: ""; margin-right: 0; }

.vCardLink > a:after { color: #c1c1c1; content: "\f234"; float: none; font-family: 'Font Awesome Light'; font-size: 26px; }

.vCardLink > a:hover::after { color: #1B4683; }

#service .vCardLink > a:hover::after { color: #ffffff; }

.vCardLink a img { display: none; width: inherit !important; }

/* ------------   CMS Links ------------ */
.internerLink:before { content: ""; margin-right: 0px !important; }

/* ------------   Kontaktelement und Service BW Kontaktelement ------------ */
/* ------------   Spezielle Service-BW Elemente ------------ */
.bez { font-weight: bold; }

.mail .bez, .tel .bez, .fax .bez { display: none; }

.lpBAnsprechRaum .bez { display: inline-block; }

/*** ------------------   Link Icons   --------------- ***/
.mail:before, .email:before, .sprechzeiten:before, .internerLink:before, .externerLink:before, .fax:before, .httpsLink:before, .infotext:before, .linkTyp_doc:before, .linkTyp_docx:before, .linkTyp_gif:before, .linkTyp_jpg:before, .linkTyp_pdf:before, .linkTyp_png:before, .linkTyp_ppt:before, .linkTyp_pptx:before, .linkTyp_tiff:before, .linkTyp_xls:before, .linkTyp_xlsx:before, .link_ext_replacement:before, .lpBAnsprechRaum:before, .mailLink:before, .tel:before, .zustaendigkeit:before, .extra1:before, .extra2:before, .street-address:before, .infotext:before, .homepage:before, .efaLink:before, .mapsLink:before, .gebaeude:before, .lpBAnsprechRaum:before, .zustaendigkeit:before { font-family: 'Font Awesome Light'; margin-right: 7px; }

/* ------ ICONS ------ */
/* Mail Icon */
.mail:before { content: "\f0e0"; }

/* Öffnungszeiten */
.sprechzeiten:before { content: "\f017"; }

/* Telefon Icon */
.tel:before { content: "\f095"; }

/* Fax Icon */
.fax:before { content: "\f1ac"; font-size: 18px; }

/* Gebäude Icon */
.gebaeude:before { content: "\f19c"; margin-right: 7px; }

.zustaendigkeit:before { content: "\f46d"; }

.lpBAnsprechRaum:before, .kontakt .raum:before { font-family: 'Font Awesome Light'; content: "\f277"; margin-right: 7px; }

.homepage:before { content: "\f0ac"; font-size: 18px; margin-right: 10px; }

.consultationHours:before { font-family: 'Font Awesome Light'; margin-right: 7px; content: "\f017"; }

span.email:before, span.externerLink:before, span.fax:before, span.httpsLink, span.linkTyp_doc:before, span.linkTyp_docx:before, span.linkTyp_gif:before, span.linkTyp_jpg:before, span.linkTyp_pdf:before, span.linkTyp_png:before, span.linkTyp_ppt:before, span.linkTyp_pptx:before, span.linkTyp_tiff:before, span.linkTyp_xls:before, span.linkTyp_xlsx:before, span.link_ext_replacement:before, span.lpBAnsprechRaum:before, span.mailLink:before, span.tel:before, span.zustaendigkeit:before { content: none; background: none; }

.responsibilities .bezeichnung, .zustaendigkeit .bez { display: inline-block; font-weight: bold; margin-top: 0.5rem; }

.efaLink:before { content: "\f238"; font-size: 18px; margin-right: 10px; }

.mapsLink:before { content: "\f041"; font-size: 18px; margin-right: 13px; }

.mapsLink { margin-top: 10px; }

.mail { margin-top: 10px; }

.basecontent-dvv-zm-adr .mail { margin-top: 0px; }

/* Service BW Mitarbeiter Icons */
.maliste .lpBAnsprechEMail { margin-bottom: 10px; }

/* Telefon */
.lpBAnsprechTel .lpBAnsprech1, .kommunikation-TELEFON .bezeichnung { display: none; }

/* Fax */
.lpBAnsprechFax .lpBAnsprech1, .kommunikation-FAX .bezeichnung { display: none; }

/* Mail */
.lpBAnsprechEMail .lpBAnsprech1, .kommunikation-EMAIL .bezeichnung { display: none; }

.lpBAnsprechTable .email::before { content: ""; }

.kommunikation-TELEFON:before, .lpBAnsprechTel:before { content: "\f095"; font-size: 18px; font-family: 'Font Awesome Light'; margin-right: 7px; color: #787878; }

.kommunikation-FAX:before, .lpBAnsprechFax:before { content: "\f1ac"; font-size: 18px; font-family: 'Font Awesome Light'; margin-right: 7px; color: #787878; }

#content .lpBAnsprechSachgebiet h2 { font-size: 18px; margin-bottom: 2px; line-height: 1.6rem; }

.maliste a.backlink { float: right; margin-right: 15px; }

.maliste a.backlink:before { content: "\f064"; font-family: 'Font Awesome Light'; margin-right: 3px; }

.maliste a.backlink:after { content: " zur Mitarbeiterliste"; }

/* .maliste a.backlink { background: $color-primaer; border-radius: 0px; color: #ffffff; float: right; margin-bottom: 20px; padding: 10px 20px; transition: all 0.25s ease 0s; } .maliste  a.backlink:hover { background: $color-tertiaer; border-radius: 0px; color: #ffffff; float: right; margin-bottom: 20px; padding: 10px 20px; } */
/* Externer Link */
/* .externerLink:after { content: "\f08e"; font-size: 16px; font-family: Font Awesome Light; margin-left: 7px; color: #787878; } */
.efaLink .externerLink:after, .homepage .externerLink:after, .mapsLink .externerLink:after { content: ""; margin-left: 0; }

.dateiLink.linkTyp_pdf:after { content: "\f1c1 "; font-size: 18px; font-family: 'Font Awesome Light'; margin-left: 7px; color: #787878; font-weight: 300; }

.externerLink img { display: none; }

.image .externerLink:before { font-size: 0px; }

figure.basecontent-image .externerLink img { display: inline-block; }

/* Bild Icon */
.dateiLink.linkTyp_jpg:after { content: "\f1c5"; font-size: 18px; font-family: 'Font Awesome Light'; margin-left: 7px; color: #787878; }

.dateiLink.linkTyp_pptx:after { content: "\f1c4"; font-size: 18px; font-family: 'Font Awesome Light'; margin-left: 7px; color: #787878; }

.dateiLink.linkTyp_docx:after { content: "\f1c2"; font-size: 18px; font-family: 'Font Awesome Light'; margin-left: 7px; color: #787878; }

.dateiLink.linkTyp_xlsx:after { content: "\f1c3"; font-size: 18px; font-family: 'Font Awesome Light'; margin-left: 7px; color: #787878; }

/* --------------- Kontaktelement --------------- */
#lpSeite .efaLink, .vCard .efaLink { display: none; }

/* ===================================================== BASE / media ===================================================== **/
figure.image.float-left { margin-left: 0; }

figure.image.float-right { margin-right: 0; }

figure figcaption { font-style: italic; font-size: 12px; }

/* allgemein */
/* Bilder */
figure { float: left; margin: 10px 20px 0 0; }

figure { float: none; }

figure.float_right { margin: 10px 0 0 20px; float: right; }

figure.float_right.halbebreite { float: none; }

figure.float-right { margin: 10px 0 0 20px; float: right; }

figure.center { float: none; margin: 0 auto; }

.image-inner img { max-width: 100%; }

.image-inner a img { transition: all .2s ease-in-out; }

.image-inner a img:hover { transform: scale(1.05); }

.image-inner a img:focus { transform: scale(1.05); }

.image.float_left img { float: left; margin-right: 20px; margin-top: 10px; }

.basecontent-dynamic-content .image.float_left img { float: none; margin-right: 0px; margin-top: 0px; }

.basecontent-dynamic-content .image.float_right img { float: none; margin-left: 0px; }

.basecontent-dynamic-content .float_right { float: none; margin-left: 0px; }

.basecontent-dynamic-content .float_left { float: none; margin-left: 0px; }

.image.float_right img { float: right; margin-left: 20px; }

.vollebreite img { width: 100%; }

.halbebreite img { width: 50%; }

.image-inner .caption { font-size: 16px; }

iframe { max-width: 100%; }

.basecontent-image.image { max-width: 100%; }

.basecontent-dynamic-content figure { float: none; }

/* ===================================================== BASE / Print ===================================================== **/
.printVersion .ym-grid > .ym-gl a img { padding: 20px 40px; max-width: 250px; }

.printVersion .wayhome { padding-top: 0px; }

.printVersion h1 { font-size: 32px !important; }

.printVersion h2 { font-size: 32px !important; }

@media print { body { font-size: 100%; } h1 { font-size: 26px; padding-bottom: 12px; padding-top: 10px; } .logo { max-width: 230px; } }

/* ===================================================== BASE / Typographie ===================================================== **/
body { color: #333; font-size: 1rem; font: 400 100%/1.6 "DIN Pro", sans-serif; }

h1 { color: #333333; font-size: 2.5rem; margin-bottom: 0px; line-height: 3rem; }

@media (max-width: 767.98px) { h1 { margin-top: 0px; font-size: 1.8rem; line-height: 2rem; font-weight: bold; } }

h2 { color: #333333; font-size: 2rem; margin-top: 0.83em; margin-bottom: 0.83em; }

h3 { color: #333333; font-size: 18px; margin-top: 15px; margin-bottom: 10px; font-weight: bold; }

h4 { color: #333333; font-size: 18px; }

h5 { color: #333333; font-size: 16px; }

.teasertitel { font-size: 1.3rem; font-weight: bold; }

@media (max-width: 767.98px) { .teasertitel { font-size: 1.1rem; line-height: 1.6rem; } }

.teasertext { font-size: 1.1rem; font-weight: bold; }

p { margin-top: 1em; margin-bottom: 1em; }

h1 + a + h2 { margin-top: 0em; line-height: 2.6rem; }

@media (max-width: 767.98px) { h1 + a + h2 { margin-top: 0px; font-size: 1.6rem; line-height: 2rem; } }

.knot_1656017 h1 { margin-bottom: 0.83em; }

/* ===================================================== BASE / Z-Index ===================================================== **/
.dvvToolbar.ui-widget-header { z-index: 10000; position: relative; }

.l-page__footer { font-size: 16px; }

.l-page__footer h1 { font-size: 21px; font-weight: 400; color: #1B4683; margin-bottom: 7px; }

.l-page__footer h2 { font-size: 21px; font-weight: 400; color: #1B4683; margin-bottom: 4px; }

.l-page__footer h3 { font-size: 21px; font-weight: 400; color: #666; margin-bottom: 4px; }

.l-page__footer p { margin: 0; padding: 0; }

.l-page__footer-wrapper { max-width: 1320px; width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

.l-page__footer-wrapper .subcolumns { display: flex; justify-content: space-between; }

@media (max-width: 767.98px) { .l-page__footer-wrapper .subcolumns { flex-wrap: wrap; } }

@media (min-width: 768px) { .l-page__footer-wrapper .subcolumns { flex-wrap: wrap; } }

.l-page__footer-wrapper .subcolumns > div { flex-basis: 25%; padding: 0px 10px; }

@media (max-width: 767.98px) { .l-page__footer-wrapper .subcolumns > div { flex-basis: 100%; } }

@media (min-width: 768px) { .l-page__footer-wrapper .subcolumns > div { flex-basis: 50%; } }

@media (min-width: 1024px) { .l-page__footer-wrapper .subcolumns > div { flex-basis: 25%; } }

.l-page__footer-primary { background: #ebebeb; position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; padding-top: 15px; padding-bottom: 35px; }

.l-page__footer-primary ul { margin: 0px; }

.l-page__footer-primary li { list-style: none; margin: 0px; }

.l-page__footer-secondary { background: #002647; /* color: #004177;*/ color: #fff; padding-top: 15px; padding-bottom: 15px; font-size: 16px; position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.l-page__footer-secondary a { color: #fff; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }

.l-page__footer-secondary a:hover, .l-page__footer-secondary a:active, .l-page__footer-secondary a:focus { color: #fff; }

.l-page__footer-secondary a.poweredby:hover { color: #004177; }

.l-footer-secondary__wrapper { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }

.l-footer-secondary__navigation { display: flex; align-items: center; }

@media (max-width: 767.98px) { .l-footer-secondary__navigation { text-align: center; flex: 0 0 100%; max-width: 100%; } }

@media (min-width: 768px) { .l-footer-secondary__navigation { flex: 0 0 50%; max-width: 50%; } }

@media (min-width: 1024px) { .l-footer-secondary__navigation { flex: 0 0 50%; max-width: 50%; } }

.l-footer-secondary__navigation ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; }

.l-footer-secondary__navigation ul li { border-right: 1px solid #ccc; padding-right: 10px; line-height: 1; margin-top: 8px; margin-bottom: 8px; }

.l-footer-secondary__navigation ul li:last-child { border-right: 0px solid #ccc; padding-right: 0px; }

.l-footer-secondary__copyright { text-align: right; }

@media (max-width: 767.98px) { .l-footer-secondary__copyright { text-align: center; flex: 0 0 100%; max-width: 100%; } }

@media (min-width: 768px) { .l-footer-secondary__copyright { flex: 0 0 50%; max-width: 50%; } }

@media (min-width: 1024px) { .l-footer-secondary__copyright { flex: 0 0 50%; max-width: 50%; } }

/* Netzwerk */
.netzwerk a:hover { text-decoration: none; }

.netzwerk li { padding-bottom: 10px; }

.netzwerk li:nth-child(1) a:before { font-size: 20px; font-family: 'Font Awesome Brands'; content: "\f082"; margin-right: 10px; }

.netzwerk li:nth-child(2) a:before { font-size: 20px; font-family: 'Font Awesome Brands'; content: "\f167"; margin-right: 6px; }

.netzwerk li:nth-child(3) a:before { font-size: 20px; font-family: 'Font Awesome Brands'; content: "\f16d"; margin-right: 10px; }

.l-page__footer table th, .l-page__footer table td { padding: 0px 0px; }

.l-page__footer .httpsLink, .l-page__footer .externerLink, .l-page__footer .neuFensterLink { cursor: pointer; font-weight: 300; }

.kontakt-touristinfo:before { margin-top: -7px; font-size: 30px; font-family: 'Font Awesome Solid'; content: "\f05a"; margin-right: 10px; float: left; color: #1B4683; }

.l-page__footer .karte .image-inner img { max-width: 100%; max-width: 240px; }

.l-page__footer .bwKontakt .fax, .l-page__footer .bwKontakt .sprechzeiten { display: none; }

.l-page__footer .bwKontakt .gebaeude, .l-page__footer .bwKontakt .lpBAnsprechRaum, .l-page__footer .bwKontakt .zustaendigkeit { display: none; }

.l-page__footer .bwKontakt .foto .bild { display: none; max-width: 133px; }

.haeufiggestelltefragen:before { margin-top: -7px; font-size: 30px; font-family: 'Font Awesome Solid'; content: "\f059"; margin-right: 10px; float: left; color: #004188; }

.l-page__footer-primary .haeufiggestelltefragen ul li { padding: 5px 0px; line-height: 1.5rem; }

.l-page__footer #id1779007 > div > div > br { display: none; }

.l-page__footer #id1780109 > div > div > br { display: none; }

.l-page__footer .noicon .vCardLink { display: none; }

.vCardLink > a:hover::after { color: #85bb22; text-decoration: none; }

.vCardLink > a:hover { text-decoration: none; }

.icon-mapmarker a:before { content: "\f041"; font-size: 18px; margin-right: 13px; font-family: 'Font Awesome Light'; }

.l-page__footer-primary .mapsLink { display: none; }

#id1780095 br { display: none; }

#recommend_form fieldset { padding: 0px; }

#recommend_form legend { font-size: 48px; color: #16528e; font-weight: 400; padding: 25px 0; }

#recommend_form .ym-fbox-text { padding: 10px 0; color: #6a6a6a; }

#recommend_form .ym-fbox-text input, #recommend_form .ym-fbox-text textarea { padding: 10px; color: #6a6a6a; }

#recommend_form input[type=submit] { color: #fff; background: #6a6a6a; padding: 7px 20px; border: 0; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }

#recommend_form input[type=submit]:hover { color: #fff; background: #16528e; cursor: pointer; }

/* ===================================================== COMPONENTS / Forms ===================================================== **/
select.jahr, select.monat, input[type="search"] { padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }

select.jahr:focus, select.monat:focus, input[type="search"]:focus { color: #495057; background-color: #fff; border-color: #16528e; outline: 0; box-shadow: 0 0 0 0.2rem rgba(22, 82, 142, 0.25); }

select.jahr, select.monat { padding: 8px; }

.pm-filter form { padding-bottom: 15px; }

.shop figure { margin: 0; }

.shop h2 { margin-top: 0; font-size: 20px; }

.shop .clearDvv { display: none; }

.shop .subrows { display: flex; flex-wrap: wrap; background: #f4f4f4; margin-bottom: 25px; }

.shop .subrows > div:first-child { flex-basis: 33%; padding: 20px; align-self: flex-start; justify-content: center; }

.shop .subrows > div:last-child { flex-basis: 66%; padding: 20px; align-self: flex-start; }

.shop .moreLink a { background: #004188; color: #fff; padding: 7px 15px; }

.shop .moreLink a:hover, .shop .moreLink a:active, .shop .moreLink a:focus { background-color: #85bb22; color: #fff; text-decoration: none; }

@media (max-width: 767.98px) { .shop .subrows > div:first-child, .shop .subrows > div:last-child { flex-basis: 100%; } }

/* ----------------------------------------------------------------------------------------- PAGE HEADER  ---------------------------------------------------------------------------------------*/
.page-header__wrapper { max-width: 1320px; margin: 0 auto; position: relative; }

.page-header__top { background: #fff; }

@media (max-width: 767.98px) { .page-header__top { height: 80px; } }

@media (min-width: 480px) { .page-header__top { height: 80px; } }

@media (min-width: 768px) { .page-header__top { height: auto; padding: 15px; } }

.page-header__top a { color: #fff; -webkit-transition: color 0.08s ease; -moz-transition: color 0.08s ease; -ms-transition: color 0.08s ease; -o-transition: color 0.08s ease; transition: color 0.08s ease; }

.page-header__top a:hover { color: #4b8a79; }

.page-header__main { color: #767676; background: #fff; display: flex; justify-content: space-between; }

.page-header__submenu { color: #767676; background: #fff; position: absolute; right: 0; top: 10px; text-align: right; display: flex; }

@media (max-width: 767.98px) { .page-header__submenu { right: 80px; } }

@media (min-width: 768px) { .page-header__submenu { right: 80px; top: 32px; } }

@media (min-width: 1024px) { .page-header__submenu { right: 0; top: 10px; } }

.page-header__submenu .kontrast-switcher { border-right: 2px solid #ccc; padding: 0px 10px; }

.page-header__submenu .kontrast-switcher a { color: #767676; }

.page-header__submenu .kontrast-switcher .kontrast-normal { color: #1B4683; }

.page-header__submenu .kontrast-switcher a.active { display: none; }

@media (max-width: 767.98px) { .page-header__submenu .lang-switcher { display: none; } }

.page-header__submenu .lang-switcher a { color: #767676; padding: 0px 7px; }

.page-header__submenu .lang-switcher a abbr[title] { text-decoration: none; }

.page-header__logo { transition: all 0.3s ease; }

@media (max-width: 767.98px) { .page-header__logo { padding: 20px 10px; } }

@media (min-width: 480px) { .page-header__logo { padding: 20px 0px; } }

@media (min-width: 1024px) { .page-header__logo { padding: 40px 0px; } }

@media (max-width: 767.98px) { .page-header__logo img { max-width: 250px; max-height: 45px; } }

@media (min-width: 480px) { .page-header__logo img { max-width: 300px; } }

@media (min-width: 1024px) { .page-header__logo img { max-width: 465px; } }

.page-header__lang-switcher { float: right; }

.page-header__navigation { background: rgba(255, 255, 255, 0.88); z-index: 200; position: relative; }

@media (max-width: 767.98px) { .page-header__navigation { display: none; } }

@media (max-width: 1023.98px) { .page-header__navigation { display: none; } }

/* Tourismus Logo */
@media (max-width: 767.98px) { .knot_1657112 .page-header__logo { padding: 10px 10px; } }

@media (max-width: 767.98px) { .knot_1657112 .page-header__logo img { max-height: 63px; } }

/* ----------------------------------------------------------------------------------------- Component C-Meta ---------------------------------------------------------------------------------------*/
.c-meta { position: relative; display: flex; top: 50px; }

@media (max-width: 1023.98px) { .c-meta { display: none; } }

.c-meta__lang-switcher { top: 0px; }

.c-meta__wetter { min-width: 200px; margin-right: 20px; /*background: #ccc;*/ }

/* ----------------------------------------------------------------------------------------- Hero Image ---------------------------------------------------------------------------------------*/
.l-page__hero { position: relative; }

@media (max-width: 767.98px) { .l-page__hero { margin-top: 0px; } }

@media (min-width: 480px) { .l-page__hero { height: auto; margin-top: 83px; } }

@media (min-width: 768px) { .l-page__hero { height: auto; } }

@media (min-width: 1024px) { .l-page__hero { height: auto; margin-top: -75px; } }

.l-page__hero .basecontent-image.image { /* max-width: 100%; */ width: 100%; }

.l-page__hero .caption { display: none; }

.l-page__hero figure { margin: 0; }

.l-page__hero .bx-wrapper { position: relative; box-shadow: none; }

.l-page__hero .home .slider-text { position: absolute; top: 300px; left: 7%; background: rgba(255, 255, 255, 0.8); }

.l-page__hero .mehrlesen::before { color: #fff; content: "\f054"; font-family: FontAwesome; font-size: 18px; margin-right: 15px; outline: 0px; transition: all 0.3s ease 0s; }

.l-page__hero .mehrlesen:hover:before { color: #002647; content: "\f054"; font-family: FontAwesome; font-size: 18px; margin-right: 15px; outline: 0px; transition: all 0.3s ease 0s; }

.l-page__hero img { display: block; width: 100%; height: auto; font-family: "object-fit:cover"; object-fit: cover; }

@media (max-width: 767.98px) { .l-page__hero img { height: auto; object-fit: contain; margin-top: 76px; } }

@media (min-width: 480px) { .l-page__hero img { height: auto; } }

@media (min-width: 768px) { .l-page__hero img { height: auto; min-height: 400px; } }

@media (min-width: 1024px) { .l-page__hero img { height: auto; } }

.l-page__hero .compat-object-fit { background-size: cover; background-position: center center; }

.l-page__hero .compat-object-fit img { opacity: 0; }

.l-page__hero--empty { position: relative; height: 200px; background: #ccc; }

@media (max-width: 767.98px) { #js-header { position: fixed; display: block; z-index: 500; top: 0px; width: 100%; box-shadow: 0px 2px 10px -3px #CCCCCC; } }

@media (min-width: 480px) { #js-header { position: fixed; display: block; z-index: 500; width: 100%; top: 0px; box-shadow: 0px 2px 10px -3px #CCCCCC; } }

@media (min-width: 768px) { #js-header { position: fixed; display: block; z-index: 500; width: 100%; top: 0px; box-shadow: 0px 2px 6px #ccc; } }

@media (min-width: 1024px) { #js-header { position: relative; display: block; z-index: 500; width: 100%; top: 0px; box-shadow: 0px 0px 0px #ccc; } }

.searchfield { position: relative; }

@media (max-width: 760px) { .searchfield { display: none; } }

@media (min-width: 760px) and (max-width: 980px) { .searchfield { display: none; } }

.searchfield form.quicksearch input.quicksearchtext { border: 0 solid #1B4683; padding-left: 20px; padding-top: 4px; color: #fff; vertical-align: top; -webkit-transition: all 0.08s ease; -moz-transition: all 0.08s ease; -ms-transition: all 0.08s ease; -o-transition: all 0.08s ease; transition: all 0.08s ease; }

.searchfield form.quicksearch input.quicksearchimg { background: #002647; margin-left: -5px; padding: 11px; -webkit-transition: all 0.08s ease; -moz-transition: all 0.08s ease; -ms-transition: all 0.08s ease; -o-transition: all 0.08s ease; transition: all 0.08s ease; }

.searchfield form.quicksearch input.quicksearchimg:hover, .searchfield form.quicksearch input.quicksearchimg:active, .searchfield form.quicksearch input.quicksearchimg:focus { background: #d76e80; }

.searchfield form.quicksearch label { display: none; }

.sub-page-header__main { background: #0C4072; height: 16px; }

.searchfield form.quicksearch input.quicksearchtext { height: 50px; background: #052F58; width: 300px; font-weight: 300 !important; font-family: 'Open Sans'; }

.searchfield form.quicksearch input.quicksearchimg { padding: 15px; }

.searchfield #quicksearch { /*float   : inherit; position: absolute; top     : 0; right   : -5px;*/ }

.button-extended-search { height: 50px; }

.header-image-sub { height: 150px; background-color: rgba(166, 32, 54, 0.8); position: absolute; bottom: 0; z-index: 20000; width: 100%; color: #fff; display: none; }

.hero { position: relative; }

.hero .basecontent-image { width: auto !important; }

.hero .basecontent-image img { display: block; width: 100%; height: 19.75rem; object-fit: cover; }

.hero .composedcontent-dvv-box > div:first-of-type:not(:last-of-type) { position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 100%; background-color: rgba(255, 255, 255, 0.6); }

.hero .composedcontent-dvv-box > div:first-of-type:not(:last-of-type) > .composedcontent-dvv-box-in-box { height: 100%; padding-top: 20px; padding-bottom: 20px; padding-right: 40px; display: flex; flex-direction: column; justify-content: center; }

.hero .composedcontent-dvv-box > div:first-of-type:not(:last-of-type) > .composedcontent-dvv-box-in-box h1, .hero .composedcontent-dvv-box > div:first-of-type:not(:last-of-type) > .composedcontent-dvv-box-in-box h2 { display: block; margin: 0; }

.hero .composedcontent-dvv-box > div:first-of-type:not(:last-of-type) > .composedcontent-dvv-box-in-box h1 { text-transform: uppercase; }

.hero .composedcontent-dvv-box > div:first-of-type:not(:last-of-type) > .composedcontent-dvv-box-in-box .basecontent-line-break-text { margin: 0; }

.hero .composedcontent-dvv-box > div:first-of-type:not(:last-of-type) > .composedcontent-dvv-box-in-box .buttonlink { margin-top: 15px; }

.hero .clearDvv { display: none; }

section#service { font-size: 16px; }

@media (max-width: 760px) { section#service { margin-right: 0px; } }

@media (min-width: 760px) and (max-width: 980px) { section#service { margin-right: 0px; } }

section#service div.div { /*background: $color-service-bg;*/ }

@media (max-width: 760px) { section#service div.div { margin: 0px; } }

@media (min-width: 760px) and (max-width: 980px) { section#service div.div { margin: 0px; } }

section#service h1 { font-size: 24px; color: #1B4683; }

section#service h2 { font-size: 22px; color: #1B4683; margin-bottom: 10px; }

section#service h3 { font-size: 20px; color: #1B4683; margin-bottom: 10px; }

section#service p { font-size: 16px; }

.sidebar-inner { background: #38a09d; }

.sidebar-inner a { color: #fff; }

.sidebar-inner-info h1 { font-size: 24px; color: #1B4683; }

.sidebar-inner-info h2 { font-size: 22px; color: #1B4683; margin-bottom: 10px; }

#service > div { line-height: 1.6rem; /*padding: 5px 30px 15px 15px; */ }

.vlist ul.ym-vlist { list-style: none; margin: 0 0 1em 0.5em; }

.vlist ul.ym-vlist li { color: #4c4c4c; border-bottom: 1px solid #dddddd; font-size: 14px; line-height: 1.7em; }

.vlist ul.ym-vlist li a:link { color: #4c4c4c; }

.vlist ul.ym-vlist li a:visited { color: #4c4c4c; }

.vlist ul.ym-vlist li a:hover { font-weight: bold; color: #1B4683; }

.vlist ul.ym-vlist li.current a.active { font-weight: bold; color: #1B4683; }

@media (max-width: 760px) { .main-navigation { display: none !important; } }

@media (min-width: 760px) and (max-width: 980px) { .main-navigation { display: none !important; } }

@media (min-width: 980px) and (max-width: 1280px) { .main-navigation { display: none !important; } }

.quicklinks { position: absolute; left: 0; height: 100%; color: #ffffff; text-align: center; background: rgba(21, 107, 143, 0.4); }

@media (max-width: 760px) { .quicklinks { display: none; } }

@media (min-width: 760px) and (max-width: 980px) { .quicklinks { display: none; } }

.quicklink-logo { margin-top: 15px; margin-bottom: 20px; padding: 10px; }

.quicklinks .icon { display: block; margin-bottom: 15px; }

.quicklinks .icon a { color: #ffffff; }

.quicklinks .icon a:hover { color: #000000; }

.quicklinks .icon i { display: block; }

.quicklinks .icon span { font-size: 14px; display: block; }

.dvvToolbar { position: relative; z-index: 20000; }

.sidebar-inner { background: #ccc; padding: 15px 25px; }

.sidebar-inner a { color: #333; }

.sidebar-inner a:hover, .sidebar-inner a:active, .sidebar-inner a:focus { color: #1B4683; }

.l-content__sidebar-titel { font-weight: bold; font-size: 26px; margin-bottom: 15px; }

.l-sidebar__navigation ul, .sidebar-inner-info ul { margin: 0; }

.l-sidebar__navigation li, .sidebar-inner-info li { list-style: none; margin: 0; padding: 2px 0px; }

.l-sidebar__navigation a, .sidebar-inner-info a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; color: #1B4683; }

.l-sidebar__navigation a:hover, .l-sidebar__navigation a:active, .l-sidebar__navigation a:focus, .sidebar-inner-info a:hover, .sidebar-inner-info a:active, .sidebar-inner-info a:focus { color: #002647; }

.l-sidebar__navigation img, .sidebar-inner-info img { max-width: 100%; }

/* 
.l-page__content{}
  .l-page-content__wrapper{}
  .l-page-content__title{}
  .l-page-content__main{}

.c-breadcrumb{} 

*/
.l-page__main { max-width: 1320px; width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }

.l-content { margin-top: 60px; margin-bottom: 60px; display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }

@media (max-width: 767.98px) { .l-content { margin-top: 0px; margin-bottom: 0px; } }

@media (min-width: 480px) { .l-content { margin-bottom: 15px; margin-top: 15px; } }

.l-content__inner { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; }

@media (max-width: 767.98px) { .l-content__inner { padding: 25px; } }

@media (min-width: 480px) { .l-content__inner { flex: 0 0 100%; max-width: 100%; } }

@media (min-width: 768px) { .l-content__inner { flex: 0 0 66.66666667%; max-width: 66.66666667%; } }

@media (min-width: 1024px) { .l-content__inner { flex: 0 0 66.66666667%; max-width: 66.66666667%; } }

.l-content__sidebar { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; padding: 40px 0px 40px 15px; }

@media (max-width: 767.98px) { .l-content__sidebar { padding: 25px; border-top: 1px solid #e6e6e6; } }

@media (min-width: 480px) { .l-content__sidebar { flex: 0 0 100%; max-width: 100%; } }

@media (min-width: 768px) { .l-content__sidebar { flex: 0 0 33.33333333%; max-width: 33.33333333%; } }

@media (min-width: 1024px) { .l-content__sidebar { flex: 0 0 33.33333333%; max-width: 33.33333333%; } }

.l-content__main { margin-bottom: 60px; }

@media (max-width: 767.98px) { .l-content__main { margin-bottom: 0px; } }

/* .l-page__sidebar{}
.l-page__sidebar-inner{}
.l-page__sidebar-titel{} */
.l-content__sidebar-inner { background: #e1e1e1; padding: 35px 30px; }

.l-content__sidebar .sidebar-inner-info { background: #f1f1f1; padding: 15px 30px 30px 30px; }

.site { margin-top: 0; background: #fff; }

@media (max-width: 760px) { .site { margin-top: 0; } }

@media (max-width: 760px) { .site { margin-top: 0; } }

.content-header figure { margin: 0; padding: 0; margin-bottom: 0px; }

.content-header { margin-left: -0.5rem; overflow: hidden; margin-right: -0.5rem; }

.content-header img { width: 100%; border-radius: 3px 3px 0 0; }

.site .content-header h1 { color: #fff; font-size: 24px; font-weight: 500; line-height: 2.73em; margin-top: 0; padding: 0 20px; margin-bottom: 0; }

footer#contentFooter { float: right; text-align: right; margin-right: 23px; }

.content-footer-icons { font-size: 22px; }

.content-footer-icons a { color: #999; padding-right: 8px; }

.content-footer-icons a:hover { text-decoration: none; color: #1B4683; }

.mm-page { height: 100%; }

/* ===================================================== COMPONENTS / Accordion ===================================================== **/
.ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active { background: #fff; }

.ui-accordion .ui-accordion-content { overflow-x: hidden; }

/********************************** Accordion & Jalousie & Tabs */
/************ Accordion ************/
.ui-accordion-content h1, .ui-tabs-panel h1, .toggle_container h1 { color: #333333; font-size: 1.9rem; margin-top: 0.83em; margin-bottom: 0.83em; }

.ui-widget { font: 400 100%/1.6 "DIN Pro", sans-serif; line-height: 1.75rem; font-size: 17px; }

/*.ui-widget-content a{color:inherit;}*/
.ui-accordion-content .ui-state-active, .ui-accordion-content .ui-widget-content .ui-state-active, .ui-accordion-content .ui-widget-header .ui-state-active, .ui-accordion-content a.ui-button:active, .ui-accordion-content .ui-button:active, .ui-button.ui-state-active:hover { background: none; }

/* .ui-icon { width: 12px; height: 16px; } .ui-icon-plus{} .ui-icon-minus{} ..ui-icon-minus{ background-position: -32px -16px; } .ui-icon-plus { background-position: -65px -16px; } */
.ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active { border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.25); }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: none; border: 0 solid rgba(0, 0, 0, 0.75); border-bottom: 1px solid rgba(0, 0, 0, 0.25); margin-bottom: 20px; padding-bottom: 5px; font-weight: bold; }

.ui-state-default.ui-corner-all.active { color: #1B4683; }

.ui-state-default:hover { color: #1B4683; }

.ui-state-active { color: #1B4683; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #1B4683; }

.ui-accordion .ui-accordion-header { padding: .5em 0em .5em 0em; }

.ui-accordion-header a { padding-left: 10px; }

.ui-accordion-header li:hover a { color: #16528e; }

.ui-accordion-header:hover { color: #16528e; }

.ui-accordion-header a:hover { color: #16528e; }

.ui-accordion { margin-bottom: 30px; }

.toggle-icon { left: inherit; right: 0.5em; }

.toggle_container { margin-bottom: 10px; }

.toggle_container p { padding: 0; margin: 0; }

.toggle_container .boxborder { border: 0; }

.ui-corner-all { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 0; border-top-right-radius: 0; }

.clearDvv { clear: both; }

.toggle_title.mitpfeil:before { font-family: FontAwesome; margin-right: 8px; content: "\f054"; font-size: 11px; }

.ui-accordion .ui-accordion-content { padding: 1em 1.5em; border-bottom: 0px solid #ccc; background: #f1f1f1; box-sizing: border-box; line-height: 1.6rem; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br, .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }

.ui-widget-content { border: 0 solid #aaa; }

.ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("../images/ui-icons_444444_256x240.png"); }

/************ Jalousie ************/
.toggle_title { cursor: pointer; padding: 0; padding-left: 10px; position: relative; }

/************ Tabs ************/
.ui-widget-header { background: none; }

#content .ui-tabs ul { list-style-type: square; margin-left: 0px; border: 0px; }

#content .ui-tabs ul.tabsHeaders { border-bottom: 1px solid #ccc; }

#content .ui-tabs .zustaendigkeiten ul { list-style-type: square; margin-left: 0px; border: 0px; border-bottom: 0px solid #ccc; }

#content .ui-tabs .untergeordnet ul { list-style-type: square; margin-left: 0px; border: 0px; border-bottom: 0px solid #ccc; }

.ui-widget.ui-widget-content { border: 0px; }

.ui-tabs-active .ui-tabs-anchor { border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }

.ui-tabs .ui-tabs-nav .ui-tabs-anchor .ui-tabs-active { color: #2b9392; }

.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -3px; padding-bottom: 0px; background: #fff; color: #2b9392; }

.ui-tabs .ui-tabs-nav { margin: 0; padding: 0; }

.ui-tabs-panel { padding-top: 20px; }

.basecontent-attachment .caption { padding-left: 10px; }

/* ===================================================== COMPONENTS / Breadcrumb ===================================================== **/
.l-breadcrumb { position: absolute; bottom: 0px; padding-right: 15px; background: rgba(255, 255, 255, 0.85); width: 100%; max-width: 1320px; margin: 0 auto; left: 50%; transform: translate(-50%, 0%); }

@media (max-width: 767.98px) { .l-breadcrumb { position: relative; display: flex; border-bottom: 1px solid #eee; } }

.c-breadcrumb .wayhome a { color: #002647; font-size: 16px; /*text-shadow: 0px 2px 5px #616161;*/ }

.c-breadcrumb .wayhome a:hover, .c-breadcrumb .wayhome a:active, .c-breadcrumb .wayhome a:focus { color: #002647; text-shadow: 0px 2px 5px #fff; }

.c-breadcrumb .wayhome a.active { color: #1B4683; font-size: 16px; text-shadow: 0px 0px 0px #616161; }

.c-breadcrumb .wayhome a.active:hover, .c-breadcrumb .wayhome a.active:active, .c-breadcrumb .wayhome a.active:focus { color: #002647; }

.c-breadcrumb .wayhome span.wayhome { padding-left: 10px; }

.c-breadcrumb .wayhome .fa_seperator { font-size: 10px; color: #fff; font-size: 13px; padding: 0px 4px; text-shadow: 0px 2px 5px #616161; }

@media (max-width: 767.98px) { .c-breadcrumb .wayhome .fa_seperator { color: #666; text-shadow: none; } }

.breadcrumb { color: #666; font-size: 1rem; font-weight: 600; padding: 20px 20px 10px 20px; position: relative; top: -55px; background: rgba(255, 255, 255, 0.7); }

.breadcrumb a { color: #002647; font-size: 14px; text-shadow: 0px 2px 5px #616161; }

.breadcrumb a:hover, .breadcrumb a:active, .breadcrumb a:focus { color: #1B4683; }

.c-breadcrumb { display: flex; align-items: center; }

.breadcrumb__icon { background: #002647; padding: 13px; color: #fff; margin-right: 10px; height: 100%; }

@media (max-width: 767.98px) { .wayhome { padding: 10px 0px; } }

/* ===================================================== COMPONENTS / Buttons ===================================================== **/
button.button, .body_search button.button, button[type="submit"], input[type="submit"] { display: inline-block; background-color: #f5f5f5; background-image: -webkit-linear-gradient(to top, #f5f5f5, #f1f1f1); background-image: -moz-linear-gradient(to top, #f5f5f5, #f1f1f1); background-image: -ms-linear-gradient(to top, #f5f5f5, #f1f1f1); background-image: -o-linear-gradient(to top, #f5f5f5, #f1f1f1); background-image: linear-gradient(to top, #f5f5f5, #f1f1f1); color: #444; border: 1px solid #dcdcdc; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; cursor: default; font-size: 14px; font-weight: bold; text-align: center; height: 38px; line-height: 38px; min-width: 54px; padding: 0 8px; text-decoration: none; }

.body_search button.button:hover, button.button:hover, .body_search button.button, button[type="submit"]:hover, input[type="submit"]:hover { background-color: #F8F8F8; background-image: -webkit-linear-gradient(to top, #f8f8f8, #f1f1f1); background-image: -moz-linear-gradient(to top, #f8f8f8, #f1f1f1); background-image: -ms-linear-gradient(to top, #f8f8f8, #f1f1f1); background-image: -o-linear-gradient(to top, #f8f8f8, #f1f1f1); background-image: linear-gradient(to top, #f8f8f8, #f1f1f1); border: 1px solid #C6C6C6; color: #1B4683; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); }

.button { display: inline-block; background-color: #f5f5f5; background-image: -webkit-linear-gradient(to top, #f5f5f5, #f1f1f1); background-image: -moz-linear-gradient(to top, #f5f5f5, #f1f1f1); background-image: -ms-linear-gradient(to top, #f5f5f5, #f1f1f1); background-image: -o-linear-gradient(to top, #f5f5f5, #f1f1f1); background-image: linear-gradient(to top, #f5f5f5, #f1f1f1); color: #444; border: 1px solid #dcdcdc; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; cursor: default; font-size: 11px; font-weight: bold; text-align: center; height: 27px; line-height: 27px; min-width: 54px; padding: 0 8px; text-decoration: none; }

.button:hover { background-color: #F8F8F8; background-image: -webkit-linear-gradient(to top, #f8f8f8, #f1f1f1); background-image: -moz-linear-gradient(to top, #f8f8f8, #f1f1f1); background-image: -ms-linear-gradient(to top, #f8f8f8, #f1f1f1); background-image: -o-linear-gradient(to top, #f8f8f8, #f1f1f1); background-image: linear-gradient(to top, #f8f8f8, #f1f1f1); border: 1px solid #C6C6C6; color: #333; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); }

input.button { display: inline-block; background-color: #f5f5f5; background-image: -webkit-linear-gradient(to top, #f5f5f5, #f1f1f1); background-image: -moz-linear-gradient(to top, #f5f5f5, #f1f1f1); background-image: -ms-linear-gradient(to top, #f5f5f5, #f1f1f1); background-image: -o-linear-gradient(to top, #f5f5f5, #f1f1f1); background-image: linear-gradient(to top, #f5f5f5, #f1f1f1); color: #444; border: 1px solid #dcdcdc; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; cursor: default; font-size: 12px; font-weight: bold; text-align: center; height: 37px; line-height: 27px; min-width: 100px; padding: 5px 18px; text-decoration: none; }

input.button:hover { background-color: #F8F8F8; background-image: -webkit-linear-gradient(to top, #f8f8f8, #f1f1f1); background-image: -moz-linear-gradient(to top, #f8f8f8, #f1f1f1); background-image: -ms-linear-gradient(to top, #f8f8f8, #f1f1f1); background-image: -o-linear-gradient(to top, #f8f8f8, #f1f1f1); background-image: linear-gradient(to top, #f8f8f8, #f1f1f1); border: 1px solid #C6C6C6; color: #333; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); }

input.button:hover[value="Login"] { color: #1B4683; }

input.button:hover[value="Abbrechen"] { color: red; }

button[type="submit"] { height: 37px; }

/* SUchbuttons - Suchmaske */
.button-link a { color: #fff; background: #004188; color: #fff; padding: 8px 15px; margin: 10px 0; display: inline-block; transition: all 0.2s ease-in; }

.button-link a:hover, .button-link a:focus { text-decoration: none; color: #fff; background-color: #85bb22; }

.button-link a:before { color: #fff; content: "\f054"; font-family: FontAwesome; font-size: 18px; margin-right: 15px; outline: 0px; transition: all 0.3s ease 0s; }

/* ===================================================== COMPONENTS / bxSlider ===================================================== **/
.bx-viewport { margin-bottom: -30px; }

.home .bx-viewport { margin-bottom: -75px; }

@media (max-width: 767.98px) { .home .bx-viewport { margin-bottom: 0px; } }

.home .bx-wrapper { margin-bottom: 0; border: 0px; }

.bx-wrapper { margin-bottom: 0; border: 5px solid transparent; }

.bx-wrapper .bx-prev { left: 0; background: url("../img/controls.png") no-repeat 0 -60px; }

.bx-wrapper .bx-next { right: 0; background: url("../img/controls.png") no-repeat -60px -60px; }

.bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus { background-position: -60px 0; }

.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus { background-position: 0px 0px; }

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #1B4683; }

.bx-wrapper .bx-pager.bx-default-pager a { background: #fff; }

.home .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { display: block; bottom: 40px; }

@media (max-width: 767.98px) { .home .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: -30px; } }

.bx-wrapper .bx-pager { display: none; }

.l-page__hero .bx-wrapper .bx-controls-direction a { height: 60px; width: 60px; transition: none; }

/* ===================================================== COMPONENTS / Carousel ===================================================== **/
.cc-window { opacity: 1; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; }

.cc-window.cc-invisible { opacity: 0; }

.cc-animate.cc-revoke { -webkit-transition: transform 1s ease; -webkit-transition: -webkit-transform 1s ease; transition: -webkit-transform 1s ease; transition: transform 1s ease; transition: transform 1s ease,-webkit-transform 1s ease; }

.cc-animate.cc-revoke.cc-top { -webkit-transform: translateY(-2em); transform: translateY(-2em); }

.cc-animate.cc-revoke.cc-bottom { -webkit-transform: translateY(2em); transform: translateY(2em); }

.cc-animate.cc-revoke.cc-active.cc-top { -webkit-transform: translateY(0); transform: translateY(0); }

.cc-animate.cc-revoke.cc-active.cc-bottom { -webkit-transform: translateY(0); transform: translateY(0); }

.cc-revoke:hover { -webkit-transform: translateY(0); transform: translateY(0); }

.cc-grower { max-height: 0; overflow: hidden; -webkit-transition: max-height 1s; transition: max-height 1s; }

.cc-revoke, .cc-window { position: fixed; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: Helvetica,Calibri,Arial,sans-serif; font-size: 16px; line-height: 1.5em; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; z-index: 9999; }

.cc-window.cc-static { position: static; }

.cc-window.cc-floating { padding: 2em; max-width: 24em; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.cc-window.cc-banner { padding: 1em 1.8em; width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

.cc-revoke { padding: .5em; }

.cc-revoke:hover { text-decoration: underline; }

.cc-header { font-size: 18px; font-weight: 700; }

.cc-btn, .cc-close, .cc-link, .cc-revoke { cursor: pointer; }

.cc-link { opacity: .8; display: inline-block; padding: .2em; text-decoration: underline; }

.cc-link:hover { opacity: 1; }

.cc-link:active, .cc-link:visited { color: initial; }

.cc-btn { display: block; padding: .4em .8em; font-size: .9em; font-weight: 700; border-width: 2px; border-style: solid; text-align: center; white-space: nowrap; }

.cc-highlight .cc-btn:first-child { background-color: transparent; border-color: transparent; }

.cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover { background-color: transparent; text-decoration: underline; }

.cc-close { display: block; position: absolute; top: .5em; right: .5em; font-size: 1.6em; opacity: .9; line-height: .75; }

.cc-close:focus, .cc-close:hover { opacity: 1; }

.cc-revoke.cc-top { top: 0; left: 3em; border-bottom-left-radius: .5em; border-bottom-right-radius: .5em; }

.cc-revoke.cc-bottom { bottom: 0; left: 3em; border-top-left-radius: .5em; border-top-right-radius: .5em; }

.cc-revoke.cc-left { left: 3em; right: unset; }

.cc-revoke.cc-right { right: 3em; left: unset; }

.cc-top { top: 1em; }

.cc-left { left: 1em; }

.cc-right { right: 1em; }

.cc-bottom { bottom: 1em; }

.cc-floating > .cc-link { margin-bottom: 1em; }

.cc-floating .cc-message { display: block; margin-bottom: 1em; }

.cc-window.cc-floating .cc-compliance { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; }

.cc-window.cc-banner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.cc-banner.cc-top { left: 0; right: 0; top: 0; }

.cc-banner.cc-bottom { left: 0; right: 0; bottom: 0; }

.cc-banner .cc-message { display: block; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; max-width: 100%; margin-right: 1em; }

.cc-compliance { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: justify; align-content: space-between; }

.cc-floating .cc-compliance > .cc-btn { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.cc-btn + .cc-btn { margin-left: .5em; }

@media print { .cc-revoke, .cc-window { display: none; } }

@media screen and (max-width: 900px) { .cc-btn { white-space: normal; } }

@media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) { .cc-window.cc-top { top: 0; } .cc-window.cc-bottom { bottom: 0; } .cc-window.cc-banner, .cc-window.cc-floating, .cc-window.cc-left, .cc-window.cc-right { left: 0; right: 0; } .cc-window.cc-banner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cc-window.cc-banner .cc-compliance { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .cc-window.cc-floating { max-width: none; } .cc-window .cc-message { margin-bottom: 1em; } .cc-window.cc-banner { -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; } .cc-window.cc-banner .cc-message { margin-right: 0; } }

.cc-floating.cc-theme-classic { padding: 1.2em; border-radius: 5px; }

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance { text-align: center; display: inline; -webkit-box-flex: 0; -ms-flex: none; flex: none; }

.cc-theme-classic .cc-btn { border-radius: 5px; }

.cc-theme-classic .cc-btn:last-child { min-width: 140px; }

.cc-floating.cc-type-info.cc-theme-classic .cc-btn { display: inline-block; }

.cc-theme-edgeless.cc-window { padding: 0; }

.cc-floating.cc-theme-edgeless .cc-message { margin: 2em; margin-bottom: 1.5em; }

.cc-banner.cc-theme-edgeless .cc-btn { margin: 0; padding: .8em 1.8em; height: 100%; }

.cc-banner.cc-theme-edgeless .cc-message { margin-left: 1em; }

.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn { margin-left: 0; }

.cc-banner .cc-message { padding: 10px; }

.cc-compliance { margin-right: 10px; }

/* ===================================================== COMPONENTS / Dynamic Content ===================================================== **/
.basecontent-dynamic-content { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; margin-left: -15px; padding: 0px; }

@media (max-width: 767.98px) { .basecontent-dynamic-content { margin-left: 0px; } }

.basecontent-dynamic-content .image-inner img { max-width: 100%; object-fit: cover; }

.basecontent-dynamic-content .image.float_left img { float: inherit; margin: 0px; }

.basecontent-dynamic-content .basecontent-image.image { max-width: inherit; }

.basecontent-dynamic-content h2 { font-size: 21px; font-weight: 500; color: #333; margin: 0px; padding-top: 15px; line-height: 1.85rem; }

.basecontent-dynamic-content h3 { margin-top: 0px; }

.basecontent-dynamic-content .basecontent-image { margin: 0 -25px; padding-top: 0px; }

.basecontent-dynamic-content .basecontent-image .caption { display: none; }

.basecontent-dynamic-content .date { display: none; }

.basecontent-dynamic-content .moreLink a { background: #004188; color: #fff; padding: 7px 15px; transition: all 0.2s ease-in; display: inline-block; }

.basecontent-dynamic-content .moreLink a:before { text-decoration: none; display: inline-block; }

.basecontent-dynamic-content .moreLink a:hover, .basecontent-dynamic-content .moreLink a:focus { background-color: #002647; color: #fff; text-decoration: none; }

.basecontent-dynamic-content .moreLink a:focus { background-color: #002647; color: #fff; text-decoration: underline; }

.basecontent-dynamic-content .odd, .basecontent-dynamic-content .even { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; background: #f4f4f4; padding: 0 25px 25px 25px; position: relative; width: 100%; min-height: 1px; }

@media (max-width: 767.98px) { .basecontent-dynamic-content .odd, .basecontent-dynamic-content .even { flex: 0 0 100%; max-width: 100%; border: 0px solid #fff; margin-bottom: 30px; } }

@media (min-width: 480px) { .basecontent-dynamic-content .odd, .basecontent-dynamic-content .even { flex: 0 0 50%; max-width: 50%; border: 15px solid #fff; } }

@media (min-width: 768px) { .basecontent-dynamic-content .odd, .basecontent-dynamic-content .even { flex: 0 0 50%; max-width: 50%; } }

@media (min-width: 1024px) { .basecontent-dynamic-content .odd, .basecontent-dynamic-content .even { flex: 0 0 50%; max-width: 50%; } }

@media (max-width: 767.98px) { .basecontent-dynamic-content:last-child.category article:last-child { margin-bottom: 0px; } }

.mehrlesen::before { color: #fff; content: "\f054"; font-family: FontAwesome; font-size: 18px; margin-right: 15px; outline: 0px; transition: all 0.3s ease 0s; }

.mehrlesen:hover:before { color: #1B4683; content: "\f054"; font-family: FontAwesome; font-size: 18px; margin-right: 15px; outline: 0px; transition: all 0.3s ease 0s; }

.composedcontent-teaser-lauda-koenigshofen { display: none; }

/* Ausnahme Teilbaum "Tourismus" */
.knot_1657112 .moreLink a { background: #004188; }

.knot_1657112 .moreLink a:hover, .knot_1657112 .moreLink a:focus { background-color: #85bb22; }

/* ===================================================== COMPONENTS / external Folder ===================================================== **/
/* Downloadlist */
.dlName a { padding: 8px; font-weight: 600; }

.site section#content .dlType img { padding: 8px; /* cursor     : pointer; font-weight: 300; display: flex; justify-content: center; align-items: center; align-content: center;*/ }

.ui-state-active { font-weight: bold; }

.downloadlist a:hover { color: #d72341; cursor: pointer; text-decoration: underline; }

/* ===================================================== COMPONENTS / Image Gallery ===================================================== **/
/* Bildergalrie */
/* TODO Bildergalerie */
.galleryImage { -webkit-box-flex: auto; -ms-flex: auto; flex: auto; width: 200px; margin: 0.5vw; }

.galleryImage figure { width: 100%; height: auto; margin: 0; }

/*#content .galleryImage img {width: 200px; height: 150px;} */
/* #content .galleryImage {float: left; margin: 0 20px -22px 0;} */
.imageGallery { /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -webkit-box; /* TWEENER - IE 10 */ display: -ms-flexbox; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: -webkit-flex; /* NEW, Spec - Firefox, Chrome, Opera */ display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; font-size: 0; display: -ms-flexbox; -ms-flex-wrap: wrap; -ms-flex-direction: column; -webkit-flex-flow: row wrap; flex-flow: row wrap; }

.galleryImage { -webkit-box-flex: auto; -ms-flex: auto; flex: auto; width: 150px; margin: 0.5vw; }

.galleryImage img { width: 100%; height: auto; }

/* ===================================================== COMPONENTS / Jaylousie ===================================================== **/
/* ===================================================== COMPONENTS / Contact ===================================================== **/
/* Infoslot Service */
#service .vCard .organization { display: block; }

/* vCard */
.vCardLink { float: right; }

.vCard .kopf .fn { font-weight: bold; }

.vCard .fn { font-weight: bold; }

.vCard .kopf .foto { padding-top: 20px; }

.l-page__footer .vCard .kopf .foto { display: none; }

.l-page__footer .vCard .kopf { padding: 0px; }

.l-page__footer .vCard .rumpf { padding: 0px; }

/* ===================================================== COMPONENTS / Login ===================================================== **/
.logo-login img { max-width: 250px; }

fieldset { border: 0; }

form#loginForm fieldset { margin-top: 10px; margin-bottom: 20px; }

form#loginForm fieldset { padding: 0em; }

form#loginForm fieldset legend { font-weight: bold; color: #1B4683; font-size: 1.4rem; padding-bottom: 25px; }

form#loginForm .ym-fbox-button { margin-top: 20px; margin-left: 2px; margin-bottom: 8px; }

form#loginForm { margin-bottom: 10px; }

form#loginForm fieldset input { padding-bottom: 5px; padding-left: 6px; padding-top: 5px; border: 1px solid #ccc; width: 100%; }

form#loginForm fieldset input#j_username:focus { background-color: #F1F1F1; border: 1px solid #acacac; }

form#loginForm fieldset input#j_password:focus { background-color: #F1F1F1; border: 1px solid #acacac; }

form#loginForm fieldset input#j_username:hover { border: 1px solid #1B4683; }

form#loginForm fieldset input#j_password:hover { border: 1px solid #1B4683; }

form#loginForm fieldset label[for=j_username] { display: block; }

form#loginForm fieldset label[for=j_password] { display: block; }

#wrapper-login { max-width: 600px; background: #fff; padding: 40px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2); }

form#loginForm .ym-fbox-button { text-align: right; padding-right: 15px; }

body.home.login { background: #0C4072; background-image: none; }

body.login { background: #0C4072; background-image: none; }

.login-wrapper { height: 100%; display: flex; vertical-align: baseline; justify-content: center; align-items: center; }

.login .ym-columnar .ym-fbox-select select, .login .ym-columnar .ym-fbox-text input, .login .ym-columnar .ym-fbox-text textarea { float: none; width: 100%; }

.login .ym-columnar .ym-fbox-select label, .login .ym-columnar .ym-fbox-text label { float: none; width: 100%; }

/* ===================================================== COMPONENTS / Mmenu ===================================================== **/
/* Hamburger */
#hamburger { box-sizing: border-box; height: 70px; position: fixed; top: 0; right: 0; width: 75px; z-index: 40; background: #fff; display: none; }

@media (max-width: 1023.98px) { #hamburger { display: block; } }

@media (max-width: 767.98px) { #hamburger { top: 0; right: 0; } }

@media (min-width: 768px) { #hamburger { top: 20px; right: 0; } }

@media (min-width: 1024px) { #hamburger { top: 0; right: 0; } }

#hamburger span, #hamburger:after, #hamburger:before { background: #3f3e3c; content: ''; display: block; width: 35px; height: 5px; position: absolute; left: 20px; border: 0; }

#hamburger:before { top: 15px; }

#hamburger span { top: 25px; }

#hamburger:after { top: 35px; }

/* Hamburger animation */
#hamburger span, #hamburger:after, #hamburger:before { -webkit-transition: none 0.5s ease 0.5s; transition: none 0.5s ease 0.5s; -webkit-transition-property: transform, top, bottom, left, opacity; transition-property: transform, top, bottom, left, opacity; }

html.mm-wrapper_opening #hamburger:after, html.mm-wrapper_opening #hamburger:before { top: 20px; }

html.mm-wrapper_opening #hamburger span { left: -50px; opacity: 0; }

html.mm-wrapper_opening #hamburger:before { transform: rotate(45deg); }

html.mm-wrapper_opening #hamburger:after { transform: rotate(-45deg); }

#hamburger .label { position: relative; bottom: 0; padding-top: 46px; padding-left: 20px; font-size: 11px; font-weight: bold; text-decoration: none; color: #555555; }

#hamburger { text-decoration: none; }

/* MM Menü */
.mm-logo { max-width: 275px; }

.mm-menu { font-size: 16px; }

.mm-menu_theme-white .mm-navbar > *, .mm-menu_theme-white .mm-navbar a { color: #1B4683; }

.mm-menu_offcanvas { z-index: 10; }

.quicksearchimg { padding-left: 10px; }

.mmenu-search form { display: flex; justify-content: center; align-items: center; align-content: center; }

.mm-menu_theme-white .mm-navbar > *, .mm-menu_theme-white .mm-navbar a { color: #004188; font-weight: 500; }

.mm-menu_theme-white .mm-navbar .mm-navbar__title { font-weight: 800; }

.mm-menu_theme-white .mm-navbar a:hover { color: #002647; }

.mmenu-search { padding: 20px 20px 0px 20px; }

/* Hover */
.mm-menu_theme-white .mm-listview a:not(.mm-btn_next):hover { color: #002647; }

/* ===================================================== COMPONENTS / Pressemodul ===================================================== **/
/* Überschriften Aktuelle Meldung in der Übersicht */
.presse-uebersicht .pm-meldung h3 { font-size: 22px; line-height: 2.0rem; font-weight: 600; }

.pm-topnews span.schlagwort { font-size: 100%; /* color: #85bb22; */ color: #1B4683; padding-bottom: 10px; text-transform: uppercase; display: block; font-weight: bold; }

.composedcontent-presse-lauda-koenigshofen .basecontent-schlagwort { font-size: 100%; color: #1B4683; padding-bottom: 0px; text-transform: uppercase; display: block; font-weight: bold; }

/* ===================================================== COMPONENTS / Pressemodul ===================================================== **/
.pm-topnews { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }

.pm-topnews h1 { display: none; }

.pm-topnews .pm-meldung { width: 33%; background: #f4f4f4; border: 5px solid #fff; padding: 15px 15px 20px 15px; position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; }

@media (max-width: 767.98px) { .pm-topnews .pm-meldung { padding: 25px; } }

@media (min-width: 480px) { .pm-topnews .pm-meldung { flex: 0 0 100%; max-width: 100%; padding: 25px; } }

@media (min-width: 768px) { .pm-topnews .pm-meldung { flex: 0 0 33.33333333%; max-width: 33.33333333%; } }

@media (min-width: 1024px) { .pm-topnews .pm-meldung { flex: 0 0 33.33333333%; max-width: 33.33333333%; } }

.pm-topnews .pm-meldung img { max-width: 100%; padding-bottom: 15px; transition: all .2s ease-in-out; }

.pm-topnews .pm-meldung img:hover { transform: scale(1.1); }

.pm-topnews .pm-meldung img:focus { transform: scale(1.1); }

.pm-topnews .pm-meldung .pm-head { padding-top: 0px; }

.pm-topnews .pm-detaillink { margin-top: 10px; color: #fff; padding: 7px 15px; background: #1B4683; }

.pm-topnews .pm-detaillink:hover, .pm-topnews .pm-detaillink:active, .pm-topnews .pm-detaillink:focus { text-decoration: none; color: #fff; background-color: #002647; }

.pm-pubDate { font-weight: bold; font-size: 18px; margin-bottom: 6px; display: block; }

.pm-anreisser-link { padding-top: 20px; }

.presse-uebersicht .pm-meldung { border-bottom: 1px dotted #ccc; margin-bottom: 30px; padding-bottom: 40px; }

.presse-uebersicht .pm-pager { padding: 20px 0px; margin-left: -5px; }

.presse-uebersicht .pm-pager a { border: 1px solid #ccc; padding: 3px 7px; margin: 5px 5px; }

.presse-uebersicht .pm-pager a:hover { background: #002647; border: 1px solid #002647; color: #fff; text-decoration: none; }

.presse-uebersicht .pm-pager span { border: 0px solid #ccc; }

.presse-uebersicht .pm-pager span:hover { background: none; border: 0px solid #002647; text-decoration: none; }

.presse-uebersicht .pm-search #pm-suchfeld { padding: 0.5em 2em .4em .5em; background-color: #f2f2f2; border: 1px solid #dfdfdf; border-radius: 3px; color: #666; line-height: 1.3rem; }

.presse-uebersicht .pm-searchform { display: flex; align-items: center; align-content: center; }

.presse-uebersicht .pm-searchform input { margin-left: 10px; }

/* ===================================================== COMPONENTS / Search ===================================================== **/
.c-meta__search { position: relative; max-width: 450px; }

.c-meta__search .nowrap { display: flex; align-items: center; }

.c-meta__search label { display: none; }

.quicksearchtext { width: 100%; height: 3rem; padding: 1em 2em .7em .5em; background-color: #f2f2f2; border: 1px solid #dfdfdf; border-radius: 3px; color: #666; /*min-width: 300px;*/ }

@media (min-width: 480px) { .quicksearchtext { min-width: auto; } }

@media (min-width: 768px) { .quicksearchtext { min-width: auto; } }

@media (min-width: 1024px) { .quicksearchtext { min-width: 300px; } }

.quicksearchimg { margin-left: -30px; display: block; transform: translateX(-0.6em); }

.ui-menu .ui-menu-item a { display: block; }

.ui-menu .ui-menu-item a:hover, .ui-menu .ui-menu-item a:focus { color: #002647 !important; border: 0px; }

.ui-menu .ui-menu-item:hover { color: #666 !important; }

#ui-id-1 li *, #ui-id-1 li *:hover, #ui-id-1 li *:focus { color: #666 !important; }

/* ===================================================== COMPONENTS / Service BW ===================================================== **/
.bwKontakt .kopf { padding: 10px 0px; }

.bwKontakt .rumpf { padding: 10px 0px; }

.bwKontakt .sprechzeiten { padding: 10px 0px; }

.bwKontakt .gebaeude { padding: 10px 0px; }

.bwKontakt p { margin: 0; }

.l-sidebar__navigation .bwKontakt .foto img, .sidebar-inner-info .bwKontakt .foto img { width: 35%; float: right; margin-left: 10px; margin-bottom: 10px; margin-top: 35px; }

.l-sidebar__navigation .bwKontakt .foto img, .sidebar-inner-info .bwKontakt .foto { margin: 0px; padding: 0px; }

/* ===================================================== COMPONENTS / Slider ===================================================== **/
/* ===================================================== COMPONENTS / Superfish ===================================================== **/
/*** SUPERFISH ESSENTIAL STYLES ***/
.page-header__main-navigation { /* .sf-menu { float: left; margin-bottom: 1em; } */ /* Ebene 1 */ }

.page-header__main-navigation .sf-menu, .page-header__main-navigation .sf-menu * { list-style: none; margin: 0; padding: 0; }

.page-header__main-navigation .sf-menu { justify-content: space-around; display: flex; align-items: center; -webkit-box-pack: justify; -webkit-box-align: center; -ms-flex-pack: justify; -ms-flex-align: center; font-family: "DIN Pro", sans-serif; }

.page-header__main-navigation .sf-menu li { position: relative; }

.page-header__main-navigation .sf-menu ul { display: none; left: 0; position: absolute; top: 100%; /*z-index : 99;*/ z-index: 12000; }

.page-header__main-navigation .sf-menu li.sfHover > ul, .page-header__main-navigation .sf-menu li:hover > ul { display: block; }

.page-header__main-navigation .sf-menu a { display: block; position: relative; }

.page-header__main-navigation .sf-menu ul ul { left: 100%; top: 0; }

.page-header__main-navigation .sf-menu ul { box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2); min-width: 12em; /* allow long menu items to determine submenu width */ *width: 12em; /* no auto sub width for IE7, see white-space comment below */ }

.page-header__main-navigation .sf-menu a { border-left: 0 solid #fff; zoom: 1; border-top: 0 solid red; /* fallback colour must use full shorthand */ border-top: 0 solid rgba(255, 255, 255, 0.5); font-size: 16px; padding: .75em 1em; text-decoration: none; color: #1B4683; transition: color .2s ease-in-out; }

.page-header__main-navigation .sf-menu li { -webkit-transition: background .2s; background: none; transition: background .2s; white-space: nowrap; /* no need for Supersubs plugin */ *white-space: normal; /* ...unless you support IE7 (let it wrap) */ }

.page-header__main-navigation .sf-menu ul li { background: rgba(0, 65, 136, 0.9); border-bottom: 1px solid #1B4683; }

.page-header__main-navigation .sf-menu li.sfHover, .page-header__main-navigation .sf-menu li:hover { /* only transition out, not in */ -webkit-transition: none; background: #122f59; transition: none; }

.page-header__main-navigation .sf-menu li.ebene1 > a { font-size: 22px; font-weight: 500; }

.page-header__main-navigation .sf-menu li.ebene1 { -webkit-transition: background .2s; background: none; transition: background .2s; white-space: nowrap; /* no need for Supersubs plugin */ *white-space: normal; /* ...unless you support IE7 (let it wrap) */ }

.page-header__main-navigation .sf-menu li.sfHover > a, .page-header__main-navigation .sf-menu li:hover > a { background: #122f59; }

.page-header__main-navigation .sf-menu li.ebene1.sfHover > a, .page-header__main-navigation .sf-menu li.ebene1:hover > a { background: none; color: #002647; border-bottom: 7px solid #002647; }

.page-header__main-navigation .sf-menu li.ebene1.sfHover, .page-header__main-navigation .sf-menu li.ebene1:hover { /* only transition out, not in */ -webkit-transition: none; background: none; transition: none; }

.page-header__main-navigation .sf-menu li.ebene1 > a:focus { color: #1B4683; }

.page-header__main-navigation .sf-menu > li > a { padding: 22px 0px 15px 0px; border: 0px solid rgba(0, 0, 0, 0); }

.page-header__main-navigation .sf-menu ul li a { color: #fff; padding: 12px 40px 12px 15px; }

.page-header__main-navigation .sf-menu ul ul li a { padding: 12px 40px 12px 15px; }

.page-header__main-navigation .sf-menu ul ul ul li a { padding: 12px 40px 12px 15px; }

.page-header__main-navigation .sf-menu ul ul ul ul li a { padding: 12px 40px 12px 15px; }

.page-header__main-navigation .sf-menu ul ul ul ul ul li a { padding: 12px 40px 12px 15px; }

.page-header__main-navigation .sf-menu > li.ebene1 > a { border-bottom: 7px rgba(0, 0, 0, 0) solid; }

.page-header__main-navigation .sf-menu > li.ebene1 > a.active { color: #002647; border-bottom: 7px solid #002647; }

.page-header__main-navigation .sf-menu > li.ebene1.currentParent > a { border-bottom: 7px solid #002647; }

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul { padding-right: 2.5em; *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */ }

/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after { /* order of following 3 rules important for fallbacks to work */ border: 5px solid transparent; border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */ border-top-color: rgba(255, 255, 255, 0.5); content: ''; height: 0; margin-top: -3px; position: absolute; right: 1em; top: 50%; width: 0; }

.sf-arrows > .sfHover > .sf-with-ul:after, .sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after { border-top-color: white; /* IE8 fallback colour */ }

/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after { border-color: transparent; border-left-color: #eef4fc; /* edit this to suit design (no rgba in IE8) */ border-left-color: rgba(255, 255, 255, 0.5); margin-right: -3px; margin-top: -5px; }

.sf-arrows ul .sfHover > .sf-with-ul:after, .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after { /* border-left-color: rgb(240, 232, 232); */ border-top-color: transparent; border-left-color: white; }

.sf-arrows li.ebene1 > .sf-with-ul:after { display: none; }

.sf-menu > li:last-child > ul ul { left: auto; right: 100%; }

@media all and (-ms-high-contrast: none) { .page-header__main-navigation .sf-menu { justify-content: space-around; } }

/* ===================================================== COMPONENTS / Tables ===================================================== **/
table { width: 100%; }

table tr.even { background: #eee; }

table th, table td { padding: 4px 4px; }

/* ===================================================== COMPONENTS / Tabs ===================================================== **/
/* ===================================================== COMPONENTS / Veranstaltungen ===================================================== **/
#touri844748 { margin: 0 5px 0 -15px; }

/* ---------------------------- VERANSTALTUNGS ERGEBNIS ------------------------------*/
#zmEListe .zmzursuche { display: inline-block; background-color: #1B559E; padding: 2px 4px; box-shadow: none !important; border: 0px !important; font-weight: 600; margin-top: 20px; }

#zmEListe .zmRegister { margin-bottom: 20px; }

#zmEListe .zmRegister .aktiv { border: 1px solid #0C4072; padding: 0 0.22em; display: inline-block; margin-bottom: 1em; }

#zmEListe .zmRegister .aktiv:hover { border: 1px solid #85bb22; }

#zmEListe .zmRegister span.inaktiv { color: #999999; }

#zmEListe .zmRegister .inaktiv { border: 1px solid #CCCCCC; padding: 0.3em; }

#zmEListe article.item { background: #f5f4f4; margin-bottom: 40px; }

#zmEListe article.item:hover { background: #fff; }

#zmEListe article.zmitem header { padding: 10px 25px 0; }

#zmEListe article.zmitem .btn.btn-info { padding: 10px 25px 0; float: right; }

#zmEListe article.zmitem footer { padding: 0 25px 25px; }

#zmEListe .zmitem .zmOrt { padding: 0 25px; }

#zmEListe .zmitem .zmVeranstalter { display: none; }

#zmEListe h4 { color: #555555; }

/* ---------------------------- VERANSTALTUNGS Detail ------------------------------*/
#zmDetail header.label { font-weight: bold; }

#zmDetail .titel { font-weight: normal; margin-top: 0; }

.zmDetail nav ul li.zmzureu a { display: none; }

.zmDetail footer nav ul li.zmzureu a { display: block; font-size: 100%; }

#zmEListe i.fa.fa-calendar { color: #0C4072; content: "\f073"; font-family: 'Font Awesome Light'; font-weight: 300; font-size: 100%; }

.Ver .titelzmtitel { font-size: 22px; line-height: 2.0rem; font-weight: 600; color: #16528e; }

video { max-width: 100%; }

.oembed-content { position: relative; display: flex; justify-content: center; align-items: center; height: 100%; }

.oembed-content > img { width: 100%; }

.oembed-content .oembed__saferClick { background-color: rgba(0, 0, 0, 0.7); color: #fff; padding: 1em; position: absolute; top: 2rem; left: 0; right: 0; }

.oembed-content .oembed__saferClick a { background: #fff; padding: 0.2rem 0.7rem; }

.oembed-content .oembed__saferClick--youtube button { background: #f00; border: none; color: #fff; }

.oembed-content .oembed-infos { margin: 20px; color: #fff; position: absolute; background-color: rgba(0, 0, 0, 0.7); padding: 20px; display: flex; justify-content: center; flex-wrap: wrap; align-content: center; align-self: center; }

.oembed640x360 { max-width: 640px; }

.oembed-infos:after { font-size: 40px; font-family: 'Font Awesome Solid'; content: "\f04b"; color: #fff; }

/* ===================================================== COMPONENTS / Wetter ===================================================== **/
.forecasts { display: none; }

.weatherBox { color: #333; }

.weatherBox .kopf { float: right; border-left: 3px solid #002647; padding-left: 10px; }

.weatherBox .title { display: none; }

.weatherBox .wind { display: none; }

.weatherBox .rumpf { line-height: 1.5rem; }

.temperature .dat { font-size: 160%; }

.temperature abbr { text-decoration: none; }

.condition .dat { font-size: 70%; }

/* ===================================================== COMPONENTS / Zusatzmodule ===================================================== **/
#zmSuche .zeitraumitem input { margin-right: 8px; }

#zmSuche #kategorieid ul { margin-left: 0px; }

#zmSuche #kategorieid li { list-style-type: none; margin-left: 0px; }

#zmSuche #kategorieid li input { margin-right: 8px; }

#zmEliste .zmRegister { margin-bottom: 20px; }

#zmEliste .zmhitsfound { font-weight: bold; }

#zmEliste .zmitem { margin-bottom: 30px; }

#zmEliste .category { margin: 20px 0px 0px 0px; }

#zmEliste .category::before { content: " Kategorie(n): "; font-weight: bold; }

/* ===================================================== PAGES / Category ===================================================== **/
.teaser_columns { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }

.teaser_columns > div { background: #f4f4f4; border: 15px solid #fff; padding: 0px !important; position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; }

@media (max-width: 767.98px) { .teaser_columns > div { flex: 0 0 100%; max-width: 100%; } }

@media (min-width: 480px) { .teaser_columns > div { flex: 0 0 100%; max-width: 100%; } }

@media (min-width: 1024px) { .teaser_columns > div { flex: 0 0 50%; max-width: 50%; } }

.teaser_columns .teaser { padding-bottom: 20px; }

.teaser_columns .teaser h1, .teaser_columns .teaser h2 { font-size: 21px; font-weight: 500; color: #333; margin: 0px; line-height: 1.85rem; }

.teaser_columns .teaser h3 { font-size: 18px; font-weight: 400; color: #333; margin: 0px; line-height: 1.85rem; }

.teaser_columns .teaser img { width: 100%; font-family: "object-fit:cover"; object-fit: cover; }

.teaser_columns .teaser .kopf { padding: 0px 20px; }

.teaser_columns .teaser .rumpf { padding: 0px 20px; }

.teaser_columns .teaser .bild { margin-bottom: 20px; }

.teaser_columns .moreLink a { color: #fff; padding: 7px 15px; background: #1B4683; font-weight: normal; }

.teaser_columns .moreLink a:hover, .teaser_columns .moreLink a:active, .teaser_columns .moreLink a:focus { text-decoration: none; color: #1B4683; background-color: #002647; }

.moreLink a:before { font-family: FontAwesome; color: #fff; font-size: 18px; content: "\f054"; margin-right: 15px; transition: all 0.3s ease 0s; outline: 0px; }

.moreLink a.internerLink:before { font-family: FontAwesome; color: #fff; font-size: 18px; content: "\f054"; margin-right: 15px; padding-right: 10px; transition: all 0.3s ease 0s; outline: 0px; }

.moreLink:hover::before { color: #1B4683; }

#panorama { height: 400px; width: 100%; }

#panorama br { display: none; }

#panorama_1, #panorama_2, #panorama_3, #panorama_4, #panorama_5, #panorama_6, #panorama_7, #panorama_8, #panorama_heiratenimrathaus, #panorama_riesenrad { height: 400px; width: 100%; margin-top: 0px; margin-bottom: 30px; }

#panorama_1 br, #panorama_2 br, #panorama_3 br, #panorama_4 br, #panorama_5 br, #panorama_6 br, #panorama_7 br, #panorama_8 br, #panorama_heiratenimrathaus br, #panorama_riesenrad br { display: none; }

/*
.gewerblicheimmobilien .subrows{display: flex;}


.gewerblicheimmobilien .subrows > div{flex-basis:50%;width:50%;}
.gewerblicheimmobilien .subrows > div:first-child{padding:0 20px;}
.gewerblicheimmobilien .subrows > div:nth-child(2){padding:25px;}

.gewerblicheimmobilien .subrows img{max-width: 100%;}

.gewerblicheimmobilien .toggle_container{    background: #f6f6f6;
}
.gewerblicheimmobilien .toggle_container h2{font-size:1.5rem;}
.gewerblicheimmobilien .toggle_title{ margin-bottom:0px;}

.gewerblicheimmobilien .subrows br{display: none;}

*/
.gewerblicheimmobilien .subrows { display: flex; }

.gewerblicheimmobilien .subrows > div { flex-basis: 50%; width: 50%; }

.gewerblicheimmobilien .subrows img { max-width: 100%; }

.gewerblicheimmobilien .subrows > div:first-child { padding: 0 20px 0 0px; }

.gewerblicheimmobilien h3 { margin-top: 0px; }

.gewerblicheimmobilien .mehrlesen a { margin-top: 10px; color: #fff; padding: 7px 15px; background: #004188; }

.gewerblicheimmobilien .mehrlesen::before { color: #fff; content: " "; font-family: FontAwesome; font-size: 18px; margin-right: 0px; outline: 0px; transition: all 0.3s ease 0s; }

.gewerblicheimmobilien > div { border-bottom: 1px solid #ccc; padding-top: 20px; }

/* ===================================================== PAGES / View: Home ===================================================== **/
html { overflow-x: hidden; }

.home .l-content__inner { width: 100%; flex: 0 0 100%; max-width: 100%; }

.home .l-content__sidebar { display: none; }

.home .l-content__main { margin-bottom: 60px; }

.home .l-content { margin-bottom: 0px; margin-top: 0px; }

/* ================= Top Themen ================= */
.topthemen { max-width: 1320px; /*margin: 0px auto 30px;*/ margin: 0px auto; padding: 10px; padding-top: 20px; }

.topthemen h1 { font-size: 30px; font-weight: 400; color: #004188; margin-bottom: 7px; }

@media (max-width: 1023.98px) { .topthemen h1 { text-align: center; line-height: 2.6rem; } }

.topthemen h2 { font-size: 24px; font-weight: 400; color: #333333; margin-bottom: 7px; margin-top: 0px; line-height: 2rem; }

.topthemen__navigation { display: flex; flex-wrap: wrap; max-width: 1320px; margin: 0px auto 10px; justify-content: center; }

.topthemen__navigation > div { padding: 0px 20px; }

.topthemen__navigation .more { text-align: center; margin: 0px auto; }

.topthemen__navigation .more::before { font-family: FontAwesome; color: #002554; font-size: 18px; content: "\f054"; margin-right: 15px; transition: all 0.3s ease 0s; outline: 0px; }

@media (min-width: 1024px) { .home .l-content__inner { max-width: 100%; flex: 0 0 100%; } }

@media (min-width: 768px) { .home .l-content__inner { max-width: 100%; flex: 0 0 100%; } }

@media (min-width: 480px) { .home .l-content__inner { max-width: 100%; flex: 0 0 100%; } }

.home .l-content__inner { position: relative; width: 100%; min-height: 1px; padding: 0px; }

/* ================= Veranstaltungen und Grußwort ================= */
.veranstaltungen_und_grusswort { max-width: 1320px; position: relative; display: flex; flex-wrap: wrap; padding: 0.25rem 30px; background: #e3e3e3; margin: 0px auto; }

.veranstaltungen_und_grusswort .c33r { width: 33%; }

@media (max-width: 767.98px) { .veranstaltungen_und_grusswort .c33r { width: 100%; } }

.veranstaltungen_und_grusswort .c66l { width: 66%; }

@media (max-width: 767.98px) { .veranstaltungen_und_grusswort .c66l { width: 100%; } }

.veranstaltungen_und_grusswort::before, .veranstaltungen_und_grusswort::after { content: ""; position: absolute; top: 0px; bottom: 0px; width: 9600px; right: 100%; background: #e3e3e3; }

.veranstaltungen_und_grusswort::after { left: 100%; background: #e3e3e3; }

.veranstaltungen_und_grusswort h1 { font-size: 30px; font-weight: 400; color: #004188; margin-bottom: 0px; padding-bottom: 20px; }

@media (max-width: 1023.98px) { .veranstaltungen_und_grusswort h1 { padding-top: 15px; } }

.veranstaltungen_und_grusswort img { max-width: 100%; }

.veranstaltungen #boxid1767952 { margin-right: 40px; margin-top: 25px; }

/* ===== Outdooractive ===== */
.veranstaltungen_und_grusswort #id1758016 { padding-right: 1em; }

.veranstaltungen_und_grusswort #id1758016 .oax-magazine-snippet-cont .oax_marg_bottom_44 .oax_clearfix { background-color: #fff; }

.home .pm-detaillink:before { font-family: FontAwesome; color: #fff; font-size: 18px; content: "\f054"; margin-right: 15px; transition: all 0.3s ease 0s; outline: 0px; }

/* ===== Zitat ===== */
.home .grusswort { padding-bottom: 40px; }

.home .grusswort img { width: 100%; }

.home .grusswort figure { margin: 0; }

/* To-Do Abstand unten */
.home .grusswort .clearDvv { clear: both; height: 0px; display: none; }

.home .grusswort h1 { padding-bottom: 20px; }

.home .grusswort .zitat { background: #fff; padding-bottom: 15px; }

.home .grusswort .zitat .boxChild { position: relative; }

.home .grusswort .zitat #boxid1758023 p { padding: 45px 40px 0px 40px; }

.home .grusswort .zitat #boxid1761468 p { padding: 0px 40px; }

.home .zitat .zitat-text { font-size: 1.3rem; line-height: 1.9rem; padding-top: 0px; padding: 40px; }

.home .zitat .zitat-text:before { font-size: 1.9rem; color: #002647; content: '\f10d'; font-family: Font Awesome Solid; position: absolute; top: 0px; left: 20px; float: left; display: block; }

.home .zitat .zitat-autor { color: #1B4683; padding: 0 40px; }

.home .l-page__hero { max-width: 1320px; overflow: hidden; }

@media (max-width: 767.98px) { .home .l-page__hero { margin: 80px auto 80px auto; padding-bottom: 40px; } }

@media (min-width: 480px) { .home .l-page__hero { margin: 80px auto 50px auto; padding-bottom: 40px; } }

@media (min-width: 768px) { .home .l-page__hero { margin: 80px auto 50px auto; padding-bottom: 40px; } }

@media (min-width: 1024px) { .home .l-page__hero { /*margin: -95px auto 50px auto;*/ margin: -95px auto 0px auto; padding-bottom: 95px; } }

@media (max-width: 767.98px) { .home .l-page__hero .bx-wrapper .bx-controls-direction a { position: absolute; top: 25%; transform: translateY(-50%); } }

.home .l-page__hero .bx-wrapper .boxChild:nth-child(2) h2 { position: absolute; top: 100px; left: 7%; background: rgba(0, 38, 71, 0.8); color: #fff; font-size: 50px; padding: 8px 20px; }

@media (max-width: 1023.98px) { .home .l-page__hero .bx-wrapper .boxChild:nth-child(2) h2 { top: 50px; font-size: 34px; } }

@media (max-width: 767.98px) { .home .l-page__hero .bx-wrapper .boxChild:nth-child(2) h2 { background: rgba(0, 38, 71, 0.8); position: relative; top: 0; left: 0; margin: 0; font-size: 28px; font-weight: bold; padding: 8px 20px 0px 20px; } }

.home .l-page__hero .bx-wrapper .boxChild:nth-child(3) h2 { position: absolute; top: 196px; left: 7%; background: rgba(0, 38, 71, 0.8); color: #fff; font-size: 50px; padding: 8px 20px; }

@media (max-width: 1023.98px) { .home .l-page__hero .bx-wrapper .boxChild:nth-child(3) h2 { top: 120px; font-size: 34px; } }

@media (max-width: 767.98px) { .home .l-page__hero .bx-wrapper .boxChild:nth-child(3) h2 { background: rgba(0, 38, 71, 0.8); position: relative; top: 0; left: 0; margin: 0; font-size: 28px; font-weight: bold; padding: 0px 20px 8px 20px; } }

.home .l-page__hero .bx-wrapper .boxChild:nth-child(4) { position: absolute; top: 350px; left: 7%; background: rgba(255, 255, 255, 0.8); color: #333; font-size: 16px; padding: 8px 20px; max-width: 500px; }

@media (max-width: 1023.98px) { .home .l-page__hero .bx-wrapper .boxChild:nth-child(4) { top: 230px; } }

@media (max-width: 767.98px) { .home .l-page__hero .bx-wrapper .boxChild:nth-child(4) { background: white; position: relative; top: 0; left: 0; margin: 0; padding: 0px 20px; } }

.home .l-page__hero .mehrlesen { position: absolute; top: 470px; left: 7%; background: rgba(0, 38, 71, 0.8); color: #fff; padding: 8px 20px; }

@media (max-width: 1023.98px) { .home .l-page__hero .mehrlesen { top: 350px; } }

@media (max-width: 767.98px) { .home .l-page__hero .mehrlesen { position: relative; top: 0; left: 20px; margin: 0; padding: 8px 20px; display: inline-block; } }

.home .l-page__hero .mehrlesen a { color: #fff; }

.home .l-page__hero .mehrlesen a:hover, .home .l-page__hero .mehrlesen a:active, .home .l-page__hero .mehrlesen a:focus { color: #002647; text-decoration: none; }

.home .l-page__hero img { display: block; width: 100%; height: 650px; font-family: "object-fit:cover"; object-fit: cover; }

@media (max-width: 767.98px) { .home .l-page__hero img { height: 100%; margin-top: 0px; } }

@media (min-width: 480px) { .home .l-page__hero img { height: 100%; } }

@media (min-width: 768px) { .home .l-page__hero img { height: 450px; } }

@media (min-width: 1024px) { .home .l-page__hero img { height: 650px; } }

@media (max-width: 767.98px) { .home .l-page__hero .bx-wrapper .bx-pager.bx-default-pager a { background: #1B4683; } .home .l-page__hero .bx-wrapper .bx-pager.bx-default-pager a:hover, .home .l-page__hero .bx-wrapper .bx-pager.bx-default-pager a.active, .home .l-page__hero .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #002647; } }

@media (max-width: 767.98px) { .home .l-page__main { border-top: 1px solid #ccc; } }

/*Abstand Outdooractive-Inhalte*/
#boxid2351627 { padding: 20px; background: white; }

/* Claims */
.claims { display: flex; flex-wrap: wrap; align-items: center; }

.claims > div { flex-basis: 25%; max-width: 25%; text-align: center; }

.claims > div figure { margin: 0; }

.claims > div img { max-width: 180px; }

@media (max-width: 767.98px) { .claims > div img { max-width: 100px; } }

@media (max-width: 1023.98px) { .claims > div { flex-basis: 33%; max-width: 33%; } }

@media (max-width: 767.98px) { .claims > div { flex-basis: 33%; max-width: 33%; } }

@media (max-width: 1023.98px) { .claims > div:first-child { flex-basis: 100%; max-width: 100%; } }

.claims .claim-text { font-size: 24px; color: #004188; line-height: 1.25; text-align: center; padding-right: 20px; padding-left: 20px; font-weight: 600; }

.newsletter-archiv { display: flex; display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; padding-top: 0px; }

.newsletter-archiv > div { flex: 0 0 100%; max-width: 100%; }

.newsletter-item { display: flex; background: #f6f6f6; padding: 15px; border: 10px solid #fff; }

.newsletter-item > div:first-child { flex: 0 0 25%; max-width: 25%; }

.newsletter-item > div:nth-child(2) { flex: 0 0 75%; max-width: 75%; }

.newsletter-item > div:first-child img { max-width: 100%; }

.newsletter-item > div:nth-child(2) { padding: 0 15px; }

.newsletter-item h2 { margin: 0px 8px; }

.newsletter-item .clearDvv { clear: both; display: none; }

.newsletter-archiv-nav { margin-bottom: 25px; }

.newsletter-archiv-nav .current a { color: #1B4683; }

/* mPopup box style */
.mpopup { display: none; position: fixed; z-index: 1; right: 111px; bottom: 0; max-width: 280px; overflow: auto; background-color: black; background-color: rgba(0, 0, 0, 0.4); box-shadow: rgba(0, 0, 0, 0.56) 0px 10px 10px 0px; }

@media (max-width: 767.98px) { .mpopup { right: 0px; } }

.mpopup-content { position: relative; background-color: #fefefe; margin: auto; width: 100%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s; }

.mpopup-content h2 { margin: 0; color: #fff; font-size: 24px; font-weight: 400; padding: 10px 0px; margin-top: 0px; line-height: 2rem; }

.mpopup-content .button { background: #002647; padding: 15px 10px; border: 0px; color: #fff; width: 100%; margin-bottom: 10px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; height: 40px; line-height: 0.7rem; font-size: 16px; margin-bottom: 10px; cursor: pointer; font-weight: normal; }

.mpopup-content .button a { color: #fff; display: block; }

.mpopup-content button:hover { background: #1B4683; padding: 15px 10px; border: 0px; color: #fff; width: 100%; margin-bottom: 10px; cursor: pointer; }

.mpopup-content .newsletter-options { text-align: center; font-size: 85%; }

.mpopup-head { padding: 2px 16px; background-color: #004188; color: white; }

.mpopup-main { padding: 0 25px; }

.mpopup-main input[type="text"] { width: 30%; height: 25px; font-size: 15px; }

.mpopup-main input[type="submit"] { padding: 5px; font-size: 15px; font-weight: bold; background-color: #333; outline: none; border: none; color: #fff; cursor: pointer; }

.mpopup-foot { padding: 2px 16px; color: #ffffff; }

/* add animation effects */
@-webkit-keyframes animatetop { from { top: -300px;
    opacity: 0; }
  to { top: 0;
    opacity: 1; } }

@keyframes animatetop { from { top: -300px;
    opacity: 0; }
  to { top: 0;
    opacity: 1; } }

/* close button style */
.close { color: white; float: right; font-size: 28px; font-weight: bold; }

.close:hover, .close:focus { color: #1B4683; text-decoration: none; cursor: pointer; }

#anmeldung_newsletter { display: flex; }

@media (max-width: 767.98px) { #anmeldung_newsletter { flex-wrap: wrap; } }

#anmeldung_newsletter > div { padding-right: 10px; }

#anmeldung_newsletter > div:last-child { display: flex; align-items: flex-end; }

#anmeldung_newsletter label { font-weight: bold; }

#anmeldung_newsletter input { display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; font: 400 100%/1.6 "DIN Pro", sans-serif; }

#anmeldung_newsletter select { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid #ced4da; padding: .48rem .75rem; font-size: 1rem; font: 400 100%/1.6 "DIN Pro", sans-serif; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }

#anmeldung_newsletter input[type="submit"] { background: #004188; border: 0px; color: #fff; height: 39px; }

#anmeldung_newsletter input[type="submit"]:hover { background: #85bb22; border: 0px; color: #fff; height: 39px; }

.newsletter-archiv-nav .toc li:nth-child(1), .newsletter-archiv-nav .toc li:nth-child(2), .newsletter-archiv-nav .toc li:nth-child(3) { display: none; }

/* ===================================================== PAGES / View: Pressemodul ===================================================== **/
/* Überschriften Aktuelle Meldung in der Übersicht */
.presse-uebersicht .pm-meldung { display: flex; }

@media (max-width: 767.98px) { .presse-uebersicht .pm-meldung { flex-wrap: wrap; } }

.presse-uebersicht .pm-meldung h3 { font-size: 22px; line-height: 2.0rem; font-weight: 600; }

@media (max-width: 767.98px) { .presse-uebersicht .pm-meldung h3 { line-height: 1.68rem; } }

.presse-uebersicht .pm-meldung .pm-content { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.presse-uebersicht .pm-meldung .pm-content .pm-bild img { padding-right: 20px; }

/* parentRubrik*/
.pm-parentRubrik { padding-top: 25px; }

.pm-parentRubrik a { background: #004188; color: #fff; padding: 8px 15px; display: block; }

.pm-parentRubrik a:before { font-family: FontAwesome; color: #fff; font-size: 14px; content: "\f054"; padding-right: 10px; transition: all 0.3s ease 0s; outline: 0px; }

.pm-parentRubrik a:hover, .pm-parentRubrik a:active, .pm-parentRubrik a:focus { background-color: #85bb22; color: #fff; text-decoration: none; }

.pm-detail .pm-from { font-style: italic; }

.presse-uebersicht .pm-meldung .pm-content .pm-teaser a.pm-teaser-more { padding: 8px 15px; }

.presse-uebersicht .pm-meldung span.schlagwort { font-size: 100%; color: #85bb22; padding-bottom: 5px; text-transform: uppercase; display: block; font-weight: bold; }

/* Presseübersicht */
.presse-uebersicht a.pm-mehrlink, .presse-uebersicht a.pm-teaser-more { background: #004188; color: #fff; padding: 8px 15px; margin-top: 20px; display: inline-block; }

.presse-uebersicht a.pm-mehrlink:before, .presse-uebersicht a.pm-teaser-more:before { font-family: FontAwesome; color: #fff; font-size: 14px; content: "\f054"; padding-right: 10px; transition: all 0.3s ease 0s; outline: 0px; }

.presse-uebersicht a.pm-mehrlink:hover, .presse-uebersicht a.pm-mehrlink:active, .presse-uebersicht a.pm-mehrlink:focus, .presse-uebersicht a.pm-teaser-more:hover, .presse-uebersicht a.pm-teaser-more:active, .presse-uebersicht a.pm-teaser-more:focus { background-color: #85bb22; color: #fff; text-decoration: none; }

.presse-uebersicht .pm-meldung .pm-content .pm-bild { padding-top: 20px; }

@media (max-width: 767.98px) { .presse-uebersicht .pm-meldung .pm-content .pm-bild img { max-width: 100%; } }

#node1827372 .pm-filter, #node1827372 .pm-suche-head, #node1827372 .pm-from, #node1827372 .pm-options, #node1827372 .pm-rss { display: none; }

#node1827372 .pm-ress { float: right; }

/* Filter */
.pm-filter input[type=submit], .pm-filter button[type=submit] { color: #1B4683; height: auto; }

/* ===================================================== PAGES / View: ServiceBW ===================================================== **/
/* Navigation */
.lpSeite .detailnavigation { padding-top: 15px; }

/* Freigabevermerk*/
.section-freigabevermerk .section-text { background: #F4F4F4; padding: 10px 20px; }

/* Verfahrensbeschreibung */
#node1644296 #lpSeite .modul { display: none; }

#lpSeite .titel { margin-bottom: 0.6em; }

#lpSeite #anfangsbuchstaben { padding-top: 20px; }

#lpSeite .anfangsbuchstabenLeiste { display: flex; flex-wrap: wrap; align-items: center; }

#lpSeite #anfangsbuchstaben a { border: 1px solid #ccc; padding: 3px 7px; margin: 5px 5px; }

#lpSeite #anfangsbuchstaben a:hover { background: #002647; border: 1px solid #002647; color: #fff; text-decoration: none; }

#lpSeite #anfangsbuchstaben span { border: 0px solid #ccc; padding: 3px 7px; margin: 5px 5px; }

#lpSeite #anfangsbuchstaben span:hover { background: none; border: 0px solid #002647; text-decoration: none; }

#lpSeite .anfangsbuchstabenLeiste { padding-top: 20px; }

/* Mitarbeiterliste */
#lpSeite .kontakt .ansprechName { font-weight: bold; font-size: 1.4rem; }

.maliste h1 { display: none; }

.maliste .lpAnsprechClassTable td { padding: 4px 12px; }

/* Responsiv Table */
/*.maliste .lpBAnsprechpartnerEintrag{display:flex;flex-flow: row wrap;}
.maliste .lpAnsprechClassTable .ansprech{width:25%;    min-width: 180px;}
.maliste .lpAnsprechClassTable .funktion{width:25%;}
.maliste .lpAnsprechClassTable .responsibilities{width:25%;}*/
.maliste .lpAnsprechClassTable .tel { width: 25%; min-width: 210px; }

.maliste .lpAnsprechClassTable .ansprech { min-width: 180px; }

.maliste .lpAnsprechClassTable .zeile0 { border-bottom: 1px solid #ccc; }

.maliste #anfangsbuchstaben { padding-bottom: 30px; line-height: 2.4rem; }

.maliste .lpBAnsprechpartnerEintrag { min-width: 210px; }

/* Mitarbeiterliste */
.maliste .lpBAnsprechpartnerEintrag:nth-of-type(odd) { background: #f4f3f3; }

.maliste .lpBAnsprechOE .lpBAnsprechpartnerEintrag { padding: 15px; }

.maliste .ansprechKommunikation > div { display: flex; }

.maliste .ansprechKommunikation > div > span:first-child { min-width: 130px; }

.maliste .kommunikation-EMAIL:before { font-family: 'Font Awesome Light'; margin-right: 7px; content: "\f0e0"; }

.maliste .responsibilities p { margin-top: 0; }

.maliste .responsibilities .bezeichnung { margin-top: 0; min-width: 158px !important; }

.maliste .responsibilities .bezeichnung:after { content: ":"; padding-right: 7px; }

.maliste .tel:before { content: ""; margin: 0; }

.maliste .kommunikation-TELEFON:before, .maliste .kommunikation-FAX:before, .maliste .kommunikation-EMAIL:before, .maliste .consultationHours:before, .maliste .gebaeude:before, .maliste .raum:before, .maliste .responsibilities:before { width: 22px; min-width: 22px; }

.maliste .consultationHours .wert p:first-child { margin-top: 0; }

/* ===================================================== PAGES / View: Search ===================================================== **/
.body_search .sub-header { margin-top: 260px; }

.body_search .ergebnisse ul { margin: 0; }

.body_search .site section#content .ergebnisse ul li h3 { font-size: 22px; line-height: 2.0rem; width: 85%; margin-top: 0px; font-weight: 600; }

.body_search .ergebnisse li { list-style: none; margin: 0; padding: 20px 25px; margin-bottom: 20px; background: #f5f4f4; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease-in; position: relative; }

.body_search .ergebnisse li .info { position: absolute; top: 0; right: 0; font-weight: bold; font-size: 14px; padding: 15px; }

.body_search .ergebnisse li:hover { list-style: none; margin: 0; padding: 20px 25px; margin-bottom: 20px; background: #fff; }

.body_search .ergebnisseRumpf { padding: 35px 0; }

.body_search .ergebnisse li.entry0 { /*background: #f5f4f4;*/ }

.body_search .ergebnisse li.entry1 { /*  background: #f5f4f4;*/ }

.body_search .ergebnisse li.pdf:after { /*  background: #f5f4f4;*/ content: '\f1c1'; position: absolute; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; right: 30px; top: 50%; font-size: 30px; color: #6a6a6a; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; transition: all 0.4s ease-in; }

.body_search .ergebnisse li.pdf .description { padding-right: 40px; }

.body_search .ergebnisse li .searchResultName { padding-bottom: 10px; }

.body_search .ergebnisse { padding-top: 40px; }

.body_search .ergebnisse .searchSort { padding-bottom: 25px; }

.body_search .ergebnisse span.wayhome { padding-left: 0; font-size: 12px; margin-bottom: 20px; }

/* Buttons */
.body_search button.button span.current { color: #002647; border: 0px solid #002647; }

/* Falls Startseite, blende Aktuelles und Veranstaltungen aus */
.home.body_search section.aktuelles, .home.body_search section.veranstaltungen { display: none; }

/* Unterseiten fixed Header*/
.body_search .site { margin-top: 200px; }

.body_search .l-content__sidebar { display: none; }

/* Ergebnisse */
.body_search .l-content__inner { flex: 100%; max-width: 100%; }

.body_search .searchDiv button { margin-left: 5px; margin-right: 5px; font-size: 0.9rem; font-weight: normal; line-height: 2.6rem; border: 1px solid #dfdfdf; }

.body_search .searchDiv button:hover { border: 1px solid #002647; }

.body_search .ergebnisseBottom { display: flex; justify-content: center; align-items: center; }

.body_search .searchForm input { padding: 0.7em 2em .4em .5em; background-color: #f2f2f2; border: 1px solid #dfdfdf; border-radius: 3px; color: #666; line-height: 1.3rem; }

/* SUCHE */
.body_search .searchPaging button.button { padding: 0px; }

.body_search .ergebnisse li.sbw:after { content: '\f2bd'; position: absolute; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; right: 30px; top: 50%; font-size: 30px; color: #6a6a6a; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; transition: all 0.4s ease-in; }

.body_search .ergebnisse li.sbw .description { padding-right: 40px; }

.body_search .ergebnisse li.zm:after { content: '\f133'; position: absolute; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; right: 30px; top: 50%; font-size: 30px; color: #6a6a6a; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; transition: all 0.4s ease-in; }

.body_search .ergebnisse li.zm .description { padding-right: 40px; }

.body_search .ergebnisse li.plain:after { content: ''; position: absolute; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; right: 30px; top: 50%; font-size: 30px; color: #6a6a6a; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; transition: all 0.4s ease-in; }

.body_search .ergebnisse li.plain .description { padding-right: 40px; }

.body_search .ergebnisse li.xls:after { content: '\f1c3'; position: absolute; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; right: 30px; top: 50%; font-size: 30px; color: #6a6a6a; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; transition: all 0.4s ease-in; }

.body_search .ergebnisse li.xls .description { padding-right: 40px; }

.body_search .ergebnisse li.xlsx:after { content: '\f1c3'; position: absolute; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; right: 30px; top: 50%; font-size: 30px; color: #6a6a6a; -webkit-transition: all 0.4s ease-in; -moz-transition: all 0.4s ease-in; -o-transition: all 0.4s ease-in; transition: all 0.4s ease-in; }

.body_search .ergebnisse li.xlsx .description { padding-right: 40px; }

/* ===================================================== PAGES / View: Sitemap ===================================================== **/
/* ===================================================== PAGES / View: ZM ===================================================== **/
/* ===== Suche ==== **/
.zmBox fieldset legend { font-size: 1.4rem; font-weight: bold; display: none; }

.zmcdform { display: flex; align-content: center; align-items: flex-end; }

@media (max-width: 767.98px) { .zmcdform { flex-wrap: wrap; } }

@media (max-width: 767.98px) { .zmcdform .zmSuchButton { margin-top: 15px; } }

.zmcdform > div { padding-right: 10px; }

.zmcdform .zmVolltextSuche { display: flex; flex-direction: column; }

.zmcdform .zmClear { display: none; }

#zmtopnav .zmnavprev { display: none; }

.Ver { padding-top: 30px; }

.zmcdform input { padding: 0.7em 2em .4em .5em; background-color: #f2f2f2; border: 1px solid #dfdfdf; border-radius: 3px; color: #666; line-height: 1.3rem; }

.zmcdform .zmsuchbutton { padding: 0.7em 2em .4em 2em; background-color: #f2f2f2; border: 1px solid #dfdfdf; border-radius: 3px; color: #666; line-height: 1rem; }

.zmcdform .zmsuchbutton:hover { border: 1px solid #002647; }

.zmcdform .zmkat select { padding: 10px; }

#zmEListe { /* ===== Pagination ==== **/ /* ===== Register ==== **/ }

#zmEListe .zmitem { border-bottom: 1px solid #ccc; padding: 10px 0 23px 0; }

#zmEListe .zmitem .titel, #zmEListe .zmtitel { font-size: 1.6rem; font-weight: bold; }

#zmEListe .hideme { display: none; }

#zmEListe .skip { display: block; padding-bottom: 10px; }

#zmEListe .organization { display: none; }

#zmEListe .zmanschrift > h4.label { display: none; }

#zmEListe .vereine_rumpf { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 20px; }

#zmEListe form { border-bottom: 2px solid #85bb22; padding-bottom: 30px; }

#zmEListe form > fieldset { display: flex; flex-wrap: wrap; }

#zmEListe form > fieldset legend { font-weight: bold; }

#zmEListe form > fieldset .zmVolltextSuche { width: 100%; }

#zmEListe form > fieldset #kategorieid { width: 100%; margin-top: 30px; }

#zmEListe form > fieldset #kategorieid label { font-weight: bold; }

#zmEListe form .zmSuchButton { margin-top: 30px; }

#zmEListe #zmDataItems { margin-top: 30px; }

#zmEListe .zmDataItems { padding-top: 30px; }

#zmEListe .zmnav { padding-top: 20px; }

#zmEListe .zmnav span { padding: 0px 3px; }

#zmEListe .zmRegister .inaktiv { border: 1px solid #CCCCCC; padding: 0.2em; }

.zmzursuche a { padding: 5px 10px; color: #fff; }

.zmRegister .skip { display: block; padding-bottom: 10px; }

#zmEListe .zmRegister { margin-bottom: 20px; margin-top: 20px; }

.category { margin-bottom: 20px; }

.category > h4.label { display: block; }

.category .zmkatLink { margin-top: 10px; background: #f2f2f2; padding: 10px 15px; display: inline-block; }

#zmtopnav .zmnavnext { display: none; }

.zmNavigClassInnen { text-align: center; }

#zmEListe .category { padding-bottom: 0px; }

#zmEListe a.details { border: 1px solid #0C4072; padding: 3px 5px; }

#zmEListe a.details:hover { border: 1px solid #85bb22; color: #85bb22; }

#zmEListe .skip { display: none; }

#zmEListe .zmitem div:last-child { margin-top: 7px; }

.zmBox { padding-top: 15px; }

.zmBox .vCard .organization { font-weight: bold; font-size: 125%; }

.zmBox .zm { padding-bottom: 25px; }

.zmBox .zmlinktodata { margin-top: 10px; display: none; }

.zmBox .zmlinktodata a { background: #004188; color: #fff; padding: 5px 15px; }

.zmBox .zmlinktodata a:before { font-family: FontAwesome; color: #fff; font-size: 14px; content: "\f054"; margin-right: 15px; padding-right: 10px; transition: all 0.3s ease 0s; outline: 0px; }

.zmBox .zmlinktodata a:hover, .zmBox .zmlinktodata a:active, .zmBox .zmlinktodata a:focus { background-color: #85bb22; color: #fff; text-decoration: none; }

/* ===================================================== THEMES / Microsite ===================================================== **/
#node1784019.home { /* .zmBox .rumpf > div:nth-of-type(odd){background:transparent;} .zmBox .rumpf > div:nth-of-type(even){background:#fafafa;} */ }

#node1784019.home .veranstaltungen_und_grusswort { padding-left: 0px; }

#node1784019.home .zmBox ul { margin: 0; padding-right: 40px; display: flex; flex-wrap: wrap; }

#node1784019.home .zmBox li { list-style: none; margin-bottom: 0px; padding-left: 0px; margin-left: 0px; padding: 10px 20px; flex-basis: 25%; }

#node1784019.home .zmBox li:nth-of-type(even) { background: #fafafa; }

#node1784019.home .zmBox .dtstart { font-weight: normal; }

#node1784019.home .zmBox { padding-top: 20px; }

#node1784019.home .zmBox h2 { font-size: 100%; line-height: 1.4em; }

#node1784019.home .zmBox .rumpf { margin: 0; padding-right: 40px; display: flex; flex-wrap: wrap; }

#node1784019.home .zmBox .rumpf > div { list-style: none; margin-bottom: 0px; padding-left: 0px; margin-left: 0px; padding: 20px; flex-basis: 25%; border: 1px solid #fafafa; }

#node1784019.home .zmBox .rumpf > div:nth-child(1), #node1784019.home .zmBox .rumpf > div:nth-child(3), #node1784019.home .zmBox .rumpf > div:nth-child(6), #node1784019.home .zmBox .rumpf > div:nth-child(8), #node1784019.home .zmBox .rumpf > div:nth-child(9), #node1784019.home .zmBox .rumpf > div:nth-child(11), #node1784019.home .zmBox .rumpf > div:nth-child(14), #node1784019.home .zmBox .rumpf > div:nth-child(16), #node1784019.home .zmBox .rumpf > div:nth-child(17), #node1784019.home .zmBox .rumpf > div:nth-child(19), #node1784019.home .zmBox .rumpf > div:nth-child(22), #node1784019.home .zmBox .rumpf > div:nth-child(24) { background: #fafafa; }

#node1784019.home .zmBox .rumpf .zmClear { display: none; }

#node1784019.home .zmBox .rumpf .zmOrt, #node1784019.home .zmBox .rumpf .zmVeranstalter { display: block; font-size: 90%; }

#node1784019.home .zmBox .rumpf .zmVeranstalter .data { font-size: 90%; }

#node1784019.home .zmBox .rumpf .zmOrt h4, #node1784019.home .zmBox .rumpf .zmVeranstalter h4 { font-size: 90%; }

#node1784019.home .zmBox .rumpf .zmOrt .vCard .organization { font-weight: normal; font-size: 90%; }

#node1784019.home .zmBox .rumpf .zmOrt .vCard .borrow, #node1784019.home .zmBox .rumpf .zmOrt .vCard .street-address, #node1784019.home .zmBox .rumpf .zmOrt .vCard .cityline { display: none; }

#node1784019.home .zmBox .zmlinktodata { display: block; margin-top: 10px; }

#node1784019.home .zmBox .zmlinktodata a { background: transparent; color: #004188; padding: 0px; }

#node1784019.home .zmBox .zmlinktodata a:hover { background: transparent; color: #002647; padding: 0px; }

#node1784019.home .zmBox .zmlinktodata a:before { color: #004188; }

#node1784019.home .grusswort .zitat #boxid1835239 p, #node1784019.home .grusswort .zitat #boxid1835240 p { padding: 45px 40px 0px 40px; }

#node1784019.home .veranstaltungen_und_grusswort .more::before { font-family: FontAwesome; color: #002554; font-size: 18px; content: "\f054"; margin-right: 15px; transition: all 0.3s ease 0s; outline: 0px; }

#node1784019.home #boxid1835177 { text-align: center; }

#node1784019.home .section-imagevideo { position: relative; margin-top: 40px; }

#node1784019.home .section-imagevideo .video-intro { position: absolute; top: 0; left: 0; width: 100%; justify-content: center; display: flex; height: 100%; align-items: flex-end; padding-bottom: 50px; }

#node1784019.home .section-imagevideo .video-intro .play-button { padding: 0; border: 0; background: transparent; }

#node1784019.home .section-imagevideo .video-intro .play-text { font-size: 34px; font-family: "DIN Pro", sans-serif; color: #fff; display: flex; justify-content: center; text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); background: rgba(0, 65, 136, 0.75); padding: 20px 10px; flex-wrap: wrap; justify-content: center; transition: all 0.2s ease-in; }

#node1784019.home .section-imagevideo .video-intro .play-text:hover, #node1784019.home .section-imagevideo .video-intro .play-text:focus { background: rgba(133, 187, 34, 0.75); }

@media (max-width: 767.98px) { #node1784019.home .section-imagevideo .video-intro .play-text { font-size: 20px; padding: 5px 10px; } }

#node1784019.home .section-imagevideo .video-intro .play-text:before { font-family: FontAwesome; color: #fff; font-size: 47px; content: "\f04b"; margin-bottom: 15px; transition: all 0.3s ease 0s; outline: 0px; display: flex; width: 100%; justify-content: center; }

#imageVideo { background: rgba(0, 65, 136, 0.9); }

.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10000; display: none; overflow: hidden; outline: 0; }

@media (max-width: 767.98px) { .modal video { height: auto; padding: 20px; } }

.modal-open .modal { overflow-x: hidden; overflow-y: auto; }

.modal-dialog { position: relative; width: auto; margin: 0; pointer-events: none; }

.modal-lg { margin: 0 auto; max-width: 1340px; height: 100%; display: flex; align-items: center; }

.modal.fade .modal-dialog { transform: translate(0, -25%); }

.modal.show .modal-dialog { transform: translate(0, 0); }

.modal-dialog-centered { display: flex; align-items: center; }

.modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-clip: padding-box; outline: 0; }

.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; }

.modal-backdrop.fade { opacity: 0; transition: all 0.2s ease-in-out; }

.modal-backdrop.show { opacity: 0.5; }

.modal-header { display: flex; align-items: flex-start; justify-content: space-between; }

.modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; background: transparent; border: 0; font-size: 50px; transition: all 0.2s ease-in; }

.modal-header .close:hover, .modal-header .close:focus { color: #85bb22; }

.modal-title { margin-bottom: 0; line-height: 1.5; }

.modal-body { position: relative; flex: 1 1 auto; padding: 1rem 0; }

.modal-footer { display: flex; align-items: center; justify-content: flex-end; padding: 1rem; border-top: 1px solid #e9ecef; }

.modal-footer > :not(:first-child) { margin-left: 0.25rem; }

.modal-footer > :not(:last-child) { margin-right: 0.25rem; }

.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }

/* ===================================================== THEMES / Default ===================================================== **/

/*# sourceMappingURL=style.map?t=1763695049285 */